@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@font-face{font-family:Aeonik;font-weight:200;font-style:normal;src:url(/fonts/Aeonik-Light.otf) format("opentype");font-display:swap}@font-face{font-family:Aeonik;font-weight:300;font-style:normal;src:url(/fonts/Aeonik-Light.otf) format("opentype");font-display:swap}@font-face{font-family:Aeonik;font-weight:400;font-style:normal;src:url(/fonts/Aeonik-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Aeonik;font-weight:500;font-style:normal;src:url(/fonts/Aeonik-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Aeonik;font-weight:600;font-style:normal;src:url(/fonts/Aeonik-Bold.otf) format("opentype");font-display:swap}@font-face{font-family:Aeonik;font-weight:700;font-style:normal;src:url(/fonts/Aeonik-Bold.otf) format("opentype");font-display:swap}:root{--regen-slate: #506275;--regen-slate-deep: #3F464C;--regen-blue: #A2C2D7;--regen-blue-soft: #C6D4DE;--regen-blue-pale: #EBEFF5;--regen-sage: #A1C364;--regen-coral: #EE845D;--regen-ink: #2A3038;--regen-paper: #F6F8FB;--regen-line: rgba(80, 98, 117, .14);--regen-line-strong: rgba(80, 98, 117, .28);--regen-glass: rgba(255, 255, 255, .55);--regen-glass-dark: rgba(80, 98, 117, .08);--fg-1: var(--regen-slate-deep);--fg-2: var(--regen-slate);--fg-3: rgba(80, 98, 117, .7);--fg-on-dark: #FFFFFF;--fg-accent: var(--regen-sage);--bg-page: var(--regen-paper);--bg-surface: #FFFFFF;--bg-pale: var(--regen-blue-pale);--bg-dark: var(--regen-slate);--bg-ink: var(--regen-slate-deep);--status-success: var(--regen-sage);--status-warning: #E6B45A;--status-alert: var(--regen-coral);--status-info: var(--regen-blue);--regen-shadow-sm: 0 1px 2px rgba(63, 70, 76, .06), 0 1px 1px rgba(63, 70, 76, .04);--regen-shadow-md: 0 4px 16px rgba(63, 70, 76, .08), 0 2px 4px rgba(63, 70, 76, .04);--regen-shadow-lg: 0 24px 48px -16px rgba(63, 70, 76, .18), 0 8px 16px rgba(63, 70, 76, .06);--regen-shadow-neu: 8px 8px 24px rgba(80, 98, 117, .12), -8px -8px 24px rgba(255, 255, 255, .85);--font-display: "Aeonik", "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "Aeonik", "Outfit", ui-sans-serif, system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 2.75rem;--text-3xl: 4rem;--text-4xl: 5.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--duration-fast: .18s;--duration: .28s;--duration-slow: .6s}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:1.55;color:var(--fg-1);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg-2);margin:0 0 var(--space-4) 0;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-3xl);font-weight:300;line-height:1.05;letter-spacing:-.025em}h2{font-size:var(--text-2xl);font-weight:300;line-height:1.1}h3{font-size:var(--text-xl);font-weight:400;line-height:1.2}h4{font-size:var(--text-lg);font-weight:500;line-height:1.3;letter-spacing:-.01em}h5{font-size:var(--text-md);font-weight:500;line-height:1.35;letter-spacing:0}p{margin:0 0 var(--space-4) 0;text-wrap:pretty}p.lede{font-size:var(--text-md);color:var(--fg-2);opacity:.92}small,.small{font-size:var(--text-sm);color:var(--fg-3)}code,pre,.mono{font-family:var(--font-mono);font-size:.9em}a{color:var(--regen-slate);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--regen-slate-deep)}.eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--regen-slate);opacity:.75;display:inline-block}.eyebrow.on-dark{color:var(--regen-blue-soft);opacity:.9}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--regen-paper);background-image:radial-gradient(ellipse 900px 600px at 90% -10%,rgba(161,195,100,.1),transparent 60%),radial-gradient(ellipse 800px 700px at 0% 110%,rgba(162,194,215,.18),transparent 60%);background-attachment:fixed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--regen-line-strong);border-radius:999px}:focus-visible{outline:2px solid var(--regen-sage);outline-offset:3px;border-radius:4px}button:focus-visible,[role=button]:focus-visible,[role=radio]:focus-visible{outline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:320px 1fr;min-height:100vh;max-width:1440px;margin:0 auto;padding-bottom:var(--app-footer-h, 36px)}@media(max-width:900px){.app{grid-template-columns:1fr}}.app-footer{position:fixed;left:0;right:0;bottom:0;height:var(--app-footer-h, 36px);display:flex;align-items:center;justify-content:center;padding:0 var(--space-6);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--regen-slate);opacity:.7;border-top:1px solid var(--regen-line);background:#f6f8fbd9;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);z-index:5}.rail{position:sticky;top:0;align-self:start;height:calc(100vh - var(--app-footer-h, 36px));padding:var(--space-7) var(--space-6);border-right:1px solid var(--regen-line);display:flex;flex-direction:column;gap:var(--space-7);background:#f6f8fb99;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}@media(max-width:900px){.rail{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--regen-line);flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-5)}}.rail-brand{display:flex;align-items:center;gap:var(--space-3)}.rail-brand .name{font-family:var(--font-display);font-size:var(--text-md);font-weight:500;color:var(--regen-slate-deep);letter-spacing:-.01em}.rail-brand .by{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--regen-slate);opacity:.6;margin-top:2px}.stepper{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.stepper-item{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;font-family:inherit;color:inherit;transition:background var(--duration) var(--ease-out);position:relative}.stepper-item:hover:not(:disabled){background:#fff9}.stepper-item:disabled{cursor:not-allowed;opacity:.55}.stepper-item .num{width:28px;height:28px;border-radius:999px;border:1px solid var(--regen-line-strong);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--regen-slate);background:#fff;transition:all var(--duration) var(--ease-out)}.stepper-item.is-current .num{background:var(--regen-slate);color:#fff;border-color:var(--regen-slate)}.stepper-item.is-done .num{background:var(--regen-sage);color:var(--regen-slate-deep);border-color:var(--regen-sage)}.stepper-item .label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--regen-slate-deep);display:block;line-height:1.3;padding-top:5px}.stepper-item .sub{font-size:12px;color:var(--regen-slate);opacity:.65;display:block;margin-top:2px}.stepper-item .connector{position:absolute;left:calc(var(--space-3) + 14px);top:calc(var(--space-3) + 32px);bottom:-4px;width:1px;background:var(--regen-line-strong)}.stepper-item:last-child .connector{display:none}.stepper-item.is-done .connector{background:var(--regen-sage);opacity:.7}.canvas{padding:var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:900px){.canvas{padding:var(--space-6) var(--space-5)}}.canvas-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.canvas-title{font-family:var(--font-display);font-weight:200;font-size:var(--text-2xl);color:var(--regen-slate-deep);letter-spacing:-.025em;line-height:1.05;margin:var(--space-2) 0 0;max-width:720px}.canvas-sub{font-size:var(--text-md);color:var(--regen-slate);opacity:.85;max-width:640px;margin-top:var(--space-3)}.card{background:#fff;border:1px solid var(--regen-line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--regen-shadow-sm);transition:box-shadow var(--duration) var(--ease-out)}.card-pad-7{padding:var(--space-7)}.card-flat{background:#ffffff8c;border:1px solid var(--regen-line);border-radius:var(--radius-lg);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);letter-spacing:.02em;padding:14px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--duration) var(--ease-out);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--regen-slate);color:#fff}.btn-primary:hover:not(:disabled){background:var(--regen-slate-deep);transform:translateY(-1px);box-shadow:var(--regen-shadow-md)}.btn-accent{background:var(--regen-sage);color:var(--regen-slate-deep)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #a1c36459}.btn-ghost{background:transparent;color:var(--regen-slate);border-color:var(--regen-line-strong)}.btn-ghost:hover:not(:disabled){background:var(--regen-blue-pale);border-color:var(--regen-slate)}.btn-coral{background:var(--regen-coral);color:#fff}.eyebrow-numeral{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--regen-slate);opacity:.7}.hairline{height:1px;background:var(--regen-line);width:100%;border:0;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s var(--ease-out) both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.25s}.fade-up-4{animation-delay:.35s}.fade-up-5{animation-delay:.45s}@media(prefers-reduced-motion:reduce){.fade-up{animation:none}*{transition-duration:.01ms!important}}.lens-row{display:grid;grid-template-columns:220px 1fr 64px;align-items:center;gap:var(--space-5);padding:var(--space-4) 0}.lens-row+.lens-row{border-top:1px solid var(--regen-line)}.lens-name{display:flex;flex-direction:column;gap:2px}.lens-name .who{font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);color:var(--regen-slate-deep)}.lens-name .what{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--regen-slate);opacity:.65}.lens-bar-wrap{position:relative;height:10px;background:var(--regen-blue-pale);border-radius:999px;overflow:hidden}.lens-bar-fill{position:absolute;inset:0;width:var(--pct, 0%);background:var(--regen-slate);border-radius:999px;transition:width .9s var(--ease-out)}.tone-sage .lens-bar-fill{background:linear-gradient(90deg,var(--regen-slate) 0%,var(--regen-sage) 100%)}.tone-coral .lens-bar-fill{background:linear-gradient(90deg,var(--regen-coral),#d96a44)}.tone-slate .lens-bar-fill{background:var(--regen-slate)}.lens-score{font-family:var(--font-display);font-weight:300;font-size:var(--text-lg);color:var(--regen-slate-deep);text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lens-score sub{font-size:14px;color:var(--regen-slate);opacity:.55;vertical-align:baseline}.lens-row.is-picked{background:linear-gradient(90deg,rgba(161,195,100,.07),transparent 60%);border-radius:var(--radius-md);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3)}.lens-row.is-picked .lens-name .who:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--regen-sage);margin-right:8px;vertical-align:middle}@media(max-width:720px){.lens-row{grid-template-columns:1fr 56px;grid-template-areas:"name score" "bar bar" "gap gap";row-gap:var(--space-2)}.lens-name{grid-area:name}.lens-score{grid-area:score}.lens-bar-wrap{grid-area:bar}}.arc-strip{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-3);width:100%}.arc-cell-wrap{display:flex;transition:flex var(--duration, .22s) var(--ease-out, ease);min-width:0}.arc-cell-open{flex:1 1 0}.arc-cell-collapsed{flex:0 0 64px}.arc-cell{background:#fff;border:1px solid var(--regen-line);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;overflow:hidden;width:100%;min-height:140px;transition:background-color var(--duration, .22s) var(--ease-out, ease),border-color var(--duration, .22s) var(--ease-out, ease)}.arc-cell:focus-visible{outline:2px solid var(--regen-sage);outline-offset:2px}.arc-cell-open .arc-cell{cursor:default;background:var(--regen-blue-pale, #fff);border-color:var(--regen-line-strong, var(--regen-line))}.arc-cell-collapsed .arc-cell{padding:var(--space-3) var(--space-2);align-items:center;justify-content:flex-start}.arc-cell-collapsed .arc-cell:hover{background:var(--regen-blue-pale, #f6f8fb)}.arc-cell-head{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.arc-cell-collapsed .arc-cell-head{align-items:center;gap:var(--space-3)}.arc-cell-collapsed .beat{writing-mode:horizontal-tb}.arc-cell-collapsed .beat-name{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:13px;margin-top:var(--space-2)}.arc-cell-body{font-size:13px;color:var(--regen-slate-deep);opacity:.85;margin:0;line-height:1.5}.arc-cell-body-reframe{font-size:14px;opacity:1;line-height:1.55}.arc-cell .beat{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--regen-slate);opacity:.6}.arc-cell .beat-name{font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);color:var(--regen-slate-deep)}.arc-cell .lands{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.arc-cell-collapsed .lands{margin-top:auto}@media(max-width:800px){.arc-strip{flex-direction:column}.arc-cell-open,.arc-cell-collapsed{flex:1 1 auto}.arc-cell-collapsed .arc-cell{padding:var(--space-4);align-items:stretch;justify-content:flex-start}.arc-cell-collapsed .arc-cell-head{align-items:flex-start;flex-direction:column}.arc-cell-collapsed .beat-name{writing-mode:horizontal-tb;transform:none;margin-top:0;font-size:var(--text-sm)}}.lands-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.lands-strong{color:#6b8a3e}.lands-strong .lands-dot{background:var(--regen-sage)}.lands-ok{color:var(--regen-slate)}.lands-ok .lands-dot{background:var(--regen-blue)}.lands-weak{color:#c45a31}.lands-weak .lands-dot{background:var(--regen-coral)}