:root{color-scheme:dark;--ground: #05080A;--surface: rgb(255 255 255 / .055);--surface-2: rgb(255 255 255 / .08);--surface-3: rgb(255 255 255 / .12);--glass: rgb(18 22 28 / .62);--glass-2: rgb(22 28 36 / .78);--metal: #C4B5A5;--pearl: #E8E4DC;--mint: #35FFA3;--mint-hover: #7CFFC4;--mint-dim: #1E9163;--magenta: #FF4FA3;--magenta-dim: #99225C;--amber: #E8B86D;--ink: #F5F6F7;--ink-2: #A8AEB4;--ink-3: #9AA3AB;--hairline: rgb(255 255 255 / .08);--hairline-2: rgb(255 255 255 / .16);--line: var(--hairline);--line-strong: var(--hairline-2);--shadow-1: 0 1px 2px rgb(0 0 0 / .28), 0 10px 28px -14px rgb(0 0 0 / .55);--shadow-2: 0 2px 8px rgb(0 0 0 / .32), 0 24px 56px -20px rgb(0 0 0 / .7);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / .18), 0 22px 60px -18px rgb(0 0 0 / .7);--shadow-float: 0 8px 32px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .22);--mx: .5;--my: .38;--glow-mint: 0 0 0 1px rgb(53 255 163 / .25), 0 8px 28px -8px rgb(53 255 163 / .4);--glow-magenta: 0 0 0 1px rgb(255 79 163 / .3), 0 8px 28px -8px rgb(255 79 163 / .4);--bloom: radial-gradient(90% 60% at 50% 8%, rgb(53 255 163 / .08), transparent 58%);--scanline-opacity: 0;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-serif: ui-serif, "New York", Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 17px;--fs-lg: 19px;--fs-xl: 22px;--fs-2xl: clamp(28px, 4.2cqh + 1.4vw, 40px);--fs-hero: clamp(28px, 5.2cqh + 1.6vw, 64px);--lh-tight: 1.08;--lh-body: 1.5;--track-label: .08em;--track-tight: -.028em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--tap: 44px;--field-h: 52px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--clip: 0px;--dur-fast: .14s;--dur: .24s;--dur-slow: .42s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.32, .72, 0, 1);--page-max: min(1280px, 92vw);--content-max: 720px;--stage-max: min(1760px, 92vw);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--nav-h: 52px}:root[data-appearance=calm]{--surface: #131820;--surface-2: #1B222C;--surface-3: #26303C;--glass: #161C24;--glass-2: #1C2430;--mint: #7CFFC4;--mint-hover: #B2FFDD;--magenta: #FF8AC2;--amber: #FFC64D;--ink: #FFFFFF;--ink-2: #D5DEDC;--ink-3: #A3B0AE;--hairline: rgb(255 255 255 / .16);--hairline-2: rgb(255 255 255 / .26);--glow-mint: 0 0 0 1px rgb(124 255 196 / .5);--glow-magenta: 0 0 0 1px rgb(255 138 194 / .5);--bloom: none;--scanline-opacity: 0;--clip: 0px}@media(min-width:900px){:root{--fs-base: 16px}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--bloom);pointer-events:none;z-index:0}body:after{content:none}#root{position:relative;z-index:1}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--track-tight);text-wrap:balance}h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0;max-width:62ch}a{color:var(--mint);text-underline-offset:3px}a:hover{color:var(--mint-hover)}code,pre,.mono{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}::selection{background:color-mix(in srgb,var(--mint) 30%,transparent);color:var(--ink)}.glass{position:relative;isolation:isolate;background:var(--glass);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:clamp(16px,4vw,24px);box-shadow:var(--shadow-glass)}.glass:before,.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 50% at calc(var(--mx) * 100%) calc(var(--my) * 40%),rgb(255 255 255 / .09),transparent 58%);z-index:0}.glass>*,.card>*{position:relative;z-index:1}.glass--inset{background:var(--glass-2)}.glass--quiet{background:transparent;border:0;box-shadow:none;padding-inline:0}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:clamp(16px,4.5vw,32px)}.content{width:100%;max-width:var(--content-max);margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack-2{display:flex;flex-direction:column;gap:var(--s-2)}.stack-6{display:flex;flex-direction:column;gap:var(--s-6)}.row{display:flex;align-items:center;gap:var(--s-3)}.row-wrap{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.spacer{flex:1 1 auto}.section-h{display:flex;align-items:baseline;gap:var(--s-1) var(--s-3);flex-wrap:wrap;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:var(--track-tight)}.section-h small{flex:none;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;color:var(--ink-3);letter-spacing:0}.card{position:relative;isolation:isolate;background:var(--glass);backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:clamp(16px,4vw,24px);box-shadow:var(--shadow-glass)}.card--inset{background:var(--surface-2);box-shadow:none}.card--quiet{background:transparent;box-shadow:none;padding-inline:0}.card--accent{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--mint) 55%,transparent),transparent 55%) border-box;border:1px solid transparent;box-shadow:var(--shadow-2)}.card--locked{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--magenta) 55%,transparent),transparent 55%) border-box;border:1px solid transparent;box-shadow:var(--shadow-1)}.label{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-3)}.label__chip{display:grid;place-items:center;min-width:20px;height:20px;padding-inline:4px;border:1px solid var(--hairline-2);border-radius:6px;color:var(--mint);font-size:var(--fs-xs);line-height:1}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-6);border:0;border-radius:999px;background:#ffffff14;color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px #ffffff24;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--spring)}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 22%,rgb(255 255 255 / .2) calc(var(--mx) * 100%),transparent 78%);opacity:.7}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#7AE8C8,var(--mint) 42%,#3CC8A4);color:#051510;box-shadow:var(--glow-mint),inset 0 1px #ffffff73;font-weight:700}.btn--primary:after{background:linear-gradient(115deg,transparent 18%,rgb(255 255 255 / .55) calc(var(--mx) * 100%),transparent 82%)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#96F0D6,var(--mint-hover) 46%,#4AD4B0)}.btn--primary:disabled{box-shadow:none}.btn--danger{background:transparent;color:var(--magenta);box-shadow:inset 0 0 0 1px var(--magenta)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--magenta) 14%,transparent)}.btn--ghost{background:transparent;color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:#ffffff12;color:var(--ink)}.btn--lg{min-height:54px;font-size:var(--fs-base);padding-inline:var(--s-8)}.btn--full{width:100%}.btn[aria-busy=true]{pointer-events:none;opacity:.7}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}.field__hint{font-size:var(--fs-sm);color:var(--ink-3)}.field__error{font-size:var(--fs-sm);color:var(--magenta)}.input,.textarea,.select{width:100%;min-height:var(--field-h);padding:var(--s-3) var(--s-4);background:var(--surface-2);border:1px solid transparent;border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:max(16px,var(--fs-base));transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:hover,.textarea:hover{background:var(--surface-3)}.input:focus,.textarea:focus,.select:focus{outline:none;background:var(--surface-2);border-color:var(--mint);box-shadow:var(--glow-mint)}.textarea{min-height:200px;resize:vertical;line-height:var(--lh-body)}.textarea--mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2);border-radius:999px}.segmented__item{min-height:var(--tap);padding:0 var(--s-5);border:0;border-radius:999px;background:transparent;color:var(--ink-3);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.segmented__item:hover{color:var(--ink-2)}.segmented__item[aria-pressed=true],.segmented__item[aria-selected=true]{background:var(--surface-3);color:var(--ink);box-shadow:0 1px 5px #0006}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#ffffff0f;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.03em;white-space:nowrap}.chip--safe{color:var(--mint);background:color-mix(in srgb,var(--mint) 12%,transparent)}.chip--locked{color:var(--magenta);background:color-mix(in srgb,var(--magenta) 13%,transparent)}.chip--warn{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.levels{display:flex;align-items:center;gap:6px}.levels__seg{width:24px;height:4px;border-radius:2px;background:#ffffff1f;transition:background var(--dur) var(--ease)}.levels__seg[data-on=true]{background:var(--mint)}.levels__num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.mute{color:var(--ink-3)}.dim{color:var(--ink-2)}.tnum{font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:var(--s-4);top:calc(var(--safe-t) + var(--s-2));z-index:100;transform:translateY(-200%);transition:transform var(--dur) var(--ease)}.skip:focus{transform:translateY(0)}.world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.world__studio{position:absolute;inset:0;background:radial-gradient(52% 44% at calc(38% + (var(--mx) - .5) * 6%) calc(18% + (var(--my) - .4) * 5%),rgb(31 255 156 / .16),transparent 68%),radial-gradient(40% 34% at calc(78% + (var(--mx) - .5) * -4%) 88%,rgb(122 43 255 / .12),transparent 70%),linear-gradient(178deg,#060a09,#05080a 55%,#070610)}.world__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;pointer-events:none}.world__orb--a{width:min(42vw,480px);height:min(42vw,480px);left:0;top:0;background:radial-gradient(circle,rgb(94 224 192 / .28),transparent 68%)}.world__orb--b{width:min(34vw,400px);height:min(34vw,400px);right:0;bottom:0;background:radial-gradient(circle,rgb(232 160 144 / .16),transparent 70%)}.world__spec{position:absolute;inset:0;background:radial-gradient(42% 32% at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgb(255 255 255 / .07),transparent 62%)}:root[data-appearance=calm] .world{opacity:0}:root[data-appearance=calm] .side,:root[data-appearance=calm] .side .pick-card,:root[data-appearance=calm] .side__row{background:var(--surface-2)}@media(prefers-reduced-motion:reduce){.vessel__lid{transition:none}}.nav__list{display:flex;align-items:center;gap:var(--s-1);list-style:none;margin:0;padding:0}.nav__item{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border-radius:999px;color:var(--ink-3);text-decoration:none;font-size:var(--fs-sm);font-weight:600;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav__item:hover{color:var(--ink);background:#ffffff14}.nav__item[aria-current=page]{color:#051510;background:linear-gradient(180deg,#7AE8C8,var(--mint));box-shadow:inset 0 1px #fff6}.nav__glyph{display:grid;place-items:center;line-height:0}.nav__glyph svg{display:block}.nav__brand{display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;min-height:var(--tap);padding-right:var(--s-2);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;letter-spacing:var(--track-tight);color:var(--ink);text-decoration:none}.nav__brand-dim{color:var(--ink-3)}.nav__mark{width:16px;height:16px;border-radius:4px;background:linear-gradient(145deg,var(--pearl),color-mix(in srgb,var(--metal) 55%,#1a1c20));box-shadow:inset 0 1px #ffffff73,0 0 0 1px #ffffff14}.brandbar{position:sticky;top:0;z-index:39;display:flex;align-items:center;min-height:48px;padding:var(--safe-t) var(--s-5) 0;background:color-mix(in srgb,var(--ground) 48%,transparent);backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid var(--hairline)}.brandbar .nav__brand{min-height:48px}.nav--bottom{position:fixed;left:10px;right:10px;bottom:calc(8px + var(--safe-b));z-index:40;display:flex;justify-content:center;padding:6px 8px;background:#10141a94;backdrop-filter:blur(32px) saturate(1.55);-webkit-backdrop-filter:blur(32px) saturate(1.55);border:1px solid rgb(255 255 255 / .12);border-radius:28px;box-shadow:var(--shadow-float)}.nav--bottom .nav__list{width:100%;max-width:460px}.nav--bottom .nav__list>li{flex:1}.nav--bottom .nav__item{flex-direction:column;gap:2px;padding:var(--s-1) 0;font-size:var(--fs-xs);border-radius:20px}.nav--bottom .nav__item[aria-current=page]{color:var(--mint);background:color-mix(in srgb,var(--mint) 16%,transparent);box-shadow:none}.nav--top{position:sticky;top:10px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:min(calc(100% - 32px),1120px);height:var(--nav-h);margin:0 auto;padding:4px 6px 4px 16px;background:#10141a80;backdrop-filter:blur(32px) saturate(1.55);-webkit-backdrop-filter:blur(32px) saturate(1.55);border:1px solid rgb(255 255 255 / .12);border-radius:999px;box-shadow:var(--shadow-float)}.nav__glass{display:flex;align-items:center;padding:3px;border-radius:999px;background:#ffffff0a}.app-main{position:relative;z-index:1;container-type:size;padding-block:var(--s-5) calc(var(--s-16) + var(--safe-b) + var(--nav-h) + 12px)}@media(min-width:768px){.app-main{padding-block:var(--s-8) var(--s-16)}}.btn,.actions,.composer__row{scroll-margin-bottom:calc(var(--nav-h) + var(--safe-b) + 28px)}.hero{text-align:center;padding-block:clamp(12px,3vh,40px) clamp(12px,2.4vh,28px)}.hero h1{font-size:var(--fs-hero);letter-spacing:-.035em;margin-inline:auto;max-width:16ch}.hero h1 em{font-style:normal;color:var(--mint);text-shadow:0 0 28px color-mix(in srgb,var(--mint) 45%,transparent)}.hero__sub{margin:var(--s-4) auto 0;max-width:44ch;font-size:var(--fs-lg);color:var(--ink-2);text-wrap:pretty}.hero__chips{margin-top:var(--s-5);display:flex;justify-content:center;gap:var(--s-2);flex-wrap:wrap}.hero__hint{display:none}.home__section{margin-top:clamp(40px,8vw,72px);display:flex;flex-direction:column;gap:var(--s-5)}.composer{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.composer__body{position:relative;z-index:2;overflow-y:auto;scrollbar-width:thin;background:linear-gradient(180deg,#1c222a85,#0a0c10c7);backdrop-filter:blur(32px) saturate(1.45);-webkit-backdrop-filter:blur(32px) saturate(1.45);border:1px solid rgb(255 255 255 / .12);border-radius:var(--r-xl);padding:clamp(12px,1.8vh,22px);box-shadow:inset 0 1px #fff3,inset 0 48px 80px -48px #5ee0c01a,var(--shadow-glass);display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);flex:1;min-height:0}.composer .input,.composer .textarea{background:#ffffff0b;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}.composer__well{flex:1;min-height:72px}.composer__well .picture img{max-height:clamp(100px,20vh,280px);width:auto}.composer__well.textarea{min-height:72px;height:auto;resize:none}.composer__row{display:flex;gap:var(--s-3);align-items:stretch}.composer__row .field{flex:1;min-width:0}@media(max-width:640px){.composer__row{flex-wrap:wrap}.composer__row .btn{width:100%}}.composer__head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.composer__head .btn{min-height:var(--tap)}.composer__head h2{font-size:var(--fs-xl)}.composer__head small{color:var(--ink-3);font-size:var(--fs-sm)}.detect{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;font-size:var(--fs-sm)}.detect__text{color:var(--ink-3)}.detect__change{min-height:var(--tap);padding:0 var(--s-4);border:0;border-radius:999px;background:#ffffff0f;color:var(--mint);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}.footprint{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.footprint strong{color:var(--ink-2);font-weight:600}.footprint__bar{flex:1 1 72px;min-width:64px;max-width:180px;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.footprint__fill{display:block;height:100%;border-radius:inherit;background:var(--mint);transition:width .2s var(--ease)}.footprint__fill[data-warn],.footprint[data-over] .footprint__fill{background:var(--salmon, #E8A090)}.preflight{border:1px solid color-mix(in srgb,var(--salmon, #E8A090) 35%,transparent);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);display:grid;gap:var(--s-2);background:color-mix(in srgb,var(--salmon, #E8A090) 6%,transparent)}.preflight__title{font-size:var(--fs-md)}.preflight__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-1)}.preflight__row{display:flex;gap:var(--s-2);align-items:baseline;font-size:var(--fs-sm)}.preflight__row code{font-size:var(--fs-xs);opacity:.8}.preflight__dot{width:7px;height:7px;border-radius:50%;flex:none;align-self:center;background:var(--ink-3)}.preflight__row[data-severity=high] .preflight__dot{background:var(--salmon, #E8A090)}.preflight__row[data-severity=warn] .preflight__dot{background:#d9b96a}.preflight__foot{color:var(--ink-3);font-size:var(--fs-xs);margin:0}.tiles{display:grid;gap:var(--s-3);grid-template-columns:1fr}@media(min-width:560px){.tiles{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.tiles{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*clamp(16px,4.5vw,32px));padding-inline:clamp(16px,4.5vw,32px);padding-bottom:var(--s-2);scrollbar-width:none}.tiles::-webkit-scrollbar{display:none}.tiles .tile{flex:0 0 70%;scroll-snap-align:start}}.tile{display:flex;flex-direction:column;gap:var(--s-2);min-height:var(--tap);padding:var(--s-5);text-align:left;background:var(--surface-2);border:0;border-radius:var(--r-lg);color:var(--ink);font:inherit;cursor:pointer;text-decoration:none}.tile__name{font-family:var(--font-display);font-weight:700}.tile__blurb{font-size:var(--fs-sm);color:var(--ink-2)}.story{display:grid;gap:var(--s-4);grid-template-columns:1fr}@media(min-width:700px){.story{grid-template-columns:repeat(2,1fr)}}.story__item{display:grid;grid-template-columns:44px 1fr;gap:var(--s-4);padding:var(--s-5);background:var(--glass);border-radius:var(--r-lg)}.story__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--mint) 12%,transparent);color:var(--mint)}.story__icon--hot{background:color-mix(in srgb,var(--magenta) 14%,transparent);color:var(--magenta)}.story__item h3{font-size:var(--fs-base)}.story__item p{font-size:var(--fs-sm);color:var(--ink-2)}.teaser{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-5) var(--s-6);background:var(--surface-2);border-radius:var(--r-lg)}.foot{margin-top:clamp(40px,8vw,72px);padding-top:var(--s-6);border-top:1px solid var(--hairline);display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center;font-size:var(--fs-sm);color:var(--ink-3)}.foot a{color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--s-2)}.make{display:flex;flex-direction:column;gap:var(--s-6)}.make__head{display:flex;align-items:flex-end;gap:var(--s-4)}.make__steps{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.make__title{font-size:var(--fs-2xl)}.make__error{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:color-mix(in srgb,var(--magenta) 14%,transparent);color:var(--magenta)}.actions{display:flex;gap:var(--s-3)}@media(max-width:767px){.actions{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:5;padding:var(--s-2) 0;background:linear-gradient(to top,var(--ground) 70%,transparent)}}@media(min-width:768px){.actions .btn--full{width:auto;min-width:260px}}.rule{display:flex;flex-direction:column;gap:var(--s-4)}.rule h2{font-size:var(--fs-lg)}.rule+.rule{border-top:1px solid var(--hairline);padding-top:var(--s-5)}.chips-row{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.pick{position:relative;overflow:hidden;min-height:var(--tap);padding:0 var(--s-5);border:0;border-radius:999px;background:#ffffff12;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:transform .16s var(--spring),background .16s var(--ease),color .16s var(--ease)}.pick:hover{transform:translateY(-1px)}.pick[aria-pressed=true]{background:linear-gradient(180deg,#7AE8C8,var(--mint));color:#051510;box-shadow:inset 0 1px #fff6}.note{margin:0;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-2);max-width:68ch}.note--good{box-shadow:inset 3px 0 0 var(--mint)}.note--warn{box-shadow:inset 3px 0 0 var(--amber)}.sentence{font-size:var(--fs-lg);line-height:1.4;text-wrap:pretty}.linkbox{padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md)}.linkbox__url{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--mint);word-break:break-all;line-height:1.55}.sharebar{display:flex;gap:var(--s-4) var(--s-3);flex-wrap:wrap}.share{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:72px;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:var(--fs-xs);cursor:pointer}.share__disc{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--ink);transition:transform var(--dur-fast) var(--spring)}.share:hover .share__disc{transform:translateY(-2px)}.share--primary .share__disc{background:var(--mint);color:#051510;box-shadow:var(--glow-mint)}.qr{margin:0;display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.qr__code{width:min(260px,70vw);padding:var(--s-3);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.qr--lid .qr__code{width:min(200px,42vw)}.fan{list-style:none;margin:0;padding:var(--s-4) 0 0;display:grid;gap:0;perspective:1400px}.fan__title{font-size:var(--fs-base);font-weight:700;font-family:var(--font-display)}.fan__item{transform-origin:top center;transition:transform var(--dur) var(--spring)}.fan__item+.fan__item{margin-top:calc(-1 * var(--s-2))}.fan__item[data-expired=true]{opacity:.55}@media(min-width:768px){.fan__item{transform:translateY(calc(var(--i, 0) * 6px)) scale(calc(1 - var(--i, 0) * .012))}}.fan__actions{gap:var(--s-2)}.fan__box{width:44px;height:44px;object-fit:contain;border-radius:8px;flex:none}.shelf-empty{min-height:220px;display:grid;place-items:center;border-radius:var(--r-xl);background:radial-gradient(ellipse at 50% 80%,rgb(0 0 0 / .35),transparent 60%),var(--surface);border:1px dashed var(--hairline-2)}.shelf-empty .box-object{width:min(100%,280px);animation:none}.shelf-empty .box-object__stage,.shelf-empty .vessel__space{height:140px}.viewer{min-height:100%;display:flex;flex-direction:column;position:relative}.viewer__bar{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);width:100%;margin:0;padding:8px 16px;padding-top:calc(8px + var(--safe-t));background:#10141a80;backdrop-filter:blur(32px) saturate(1.5);border:0;border-bottom:1px solid rgb(255 255 255 / .1);box-shadow:none}.viewer__bar .chips-row{min-width:0}@media(min-width:768px){.viewer__bar{width:min(calc(100% - 32px),1080px);margin:10px auto 0;padding-top:8px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;box-shadow:var(--shadow-float);flex-wrap:nowrap}}.viewer__brand{display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;font-family:var(--font-display);font-weight:800;color:var(--ink);text-decoration:none}.viewer__main{position:relative;z-index:1;padding-block:var(--s-8) calc(var(--s-12) + var(--safe-b));flex:1}.viewer__title{font-size:var(--fs-2xl)}.viewer__stage{display:flex;flex-direction:column;align-items:center;gap:var(--s-6);max-width:min(720px,100%);margin-inline:auto}.viewer__stage--opening .box-object{animation:unbox-breathe 1.6s var(--ease) infinite}.viewer__unbox{animation:unbox .88s var(--spring)}.viewer__payload{background:linear-gradient(180deg,#1c222a80,#0a0c10c7);backdrop-filter:blur(28px) saturate(1.35);border:1px solid rgb(255 255 255 / .12);border-radius:var(--r-xl);padding:clamp(16px,3vw,28px);box-shadow:var(--shadow-glass);display:flex;flex-direction:column;gap:var(--s-4)}.viewer .box-object{width:min(100%,760px);margin-inline:auto}.viewer__caption{color:var(--ink-3);font-size:var(--fs-sm);text-align:center}@keyframes unbox{0%{opacity:.35;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes unbox-breathe{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.viewer__unbox,.viewer__stage--opening .box-object{animation:none}}.frame{border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-1)}.frame__iframe{display:block;width:100%;height:460px;border:0}.frame--tall .frame__iframe{height:min(72vh,720px)}.picture img{display:block;max-width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.plain{white-space:pre-wrap;font-size:var(--fs-lg);line-height:var(--lh-body)}.code-block{margin:0;padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;overflow-x:auto}.md{display:flex;flex-direction:column;gap:var(--s-4);max-width:66ch}.md h1{font-size:var(--fs-2xl)}.md h2{font-size:var(--fs-xl)}.md h3{font-size:var(--fs-lg)}.md ul,.md ol{margin:0;padding-left:var(--s-6);display:grid;gap:var(--s-2)}.md blockquote{margin:0;padding-left:var(--s-4);box-shadow:inset 3px 0 0 var(--mint-dim);color:var(--ink-2)}.md code{padding:2px 6px;background:var(--surface-2);border-radius:6px;font-size:.92em}.md hr{border:0;border-top:1px solid var(--hairline);width:100%}.md-pre{position:relative;margin:0;padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md);overflow-x:auto}.md-pre code{background:none;padding:0;white-space:pre}.md-lang{position:absolute;top:var(--s-2);right:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:var(--track-label);text-transform:uppercase}.recipe{display:grid;gap:var(--s-6);max-width:66ch}@media(min-width:800px){.recipe{grid-template-columns:minmax(200px,1fr) 1.6fr}}.recipe__ing,.recipe__method{margin:0;padding-left:var(--s-5);display:grid;gap:var(--s-2)}.disclose{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap);padding:var(--s-3) var(--s-4);background:var(--surface-2);border:0;border-radius:var(--r-md);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;text-align:left;cursor:pointer}.disclose__chev{color:var(--mint);display:grid;place-items:center}.sheet{padding:0;border:0;background:transparent;max-width:100vw;max-height:100dvh;margin:auto auto 0}@media(min-width:640px){.sheet{margin:auto}}.sheet::backdrop{background:#04060ab8;backdrop-filter:blur(8px)}.sheet__panel{display:flex;flex-direction:column;gap:var(--s-4);width:min(560px,100vw);max-height:86dvh;padding:var(--s-6);padding-bottom:calc(var(--s-6) + var(--safe-b));background:var(--glass-2);backdrop-filter:blur(24px);border:1px solid var(--hairline);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-2);color:var(--ink)}@media(min-width:640px){.sheet__panel{border-radius:var(--r-xl)}}.sheet__head{display:flex;align-items:center;gap:var(--s-3)}.sheet__title{font-size:var(--fs-lg)}.sheet__close{margin-left:auto;min-width:var(--tap);padding:0}.sheet__body{overflow-y:auto}.add-sheet{display:flex;flex-direction:column;gap:var(--s-2)}.add-sheet__row{display:flex;align-items:center;gap:var(--s-4);min-height:var(--tap);width:100%;padding:var(--s-3) var(--s-4);border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);font:inherit;font-size:var(--fs-base);font-weight:600;text-align:left;cursor:pointer}.toast{position:fixed;left:50%;bottom:calc(72px + var(--safe-b));transform:translate(-50%);z-index:60;max-width:min(92vw,440px);padding:var(--s-3) var(--s-5);background:var(--glass-2);backdrop-filter:blur(16px);border-radius:999px;font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-2);animation:toast-in var(--dur) var(--ease-out)}.toast--good{color:var(--mint)}.toast--bad{color:var(--magenta)}@media(min-width:768px){.toast{bottom:var(--s-6)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.progress{position:relative;height:28px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress__bar{height:100%;background:color-mix(in srgb,var(--mint) 35%,transparent);border-right:2px solid var(--mint)}.progress__text{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-xs)}.chain{display:grid;gap:var(--s-2)}.chain__row{display:flex;align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--surface-2);min-height:var(--tap)}.chain__n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--mint);white-space:nowrap}.chain__url{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game{min-height:100dvh;display:flex;flex-direction:column;position:relative}.game .viewer__bar,.game__vessel,.gamebar{position:relative;z-index:1}.game__vessel{flex:1;display:flex;min-height:0;margin:0 8px 8px;border-radius:22px;overflow:hidden;border:1px solid rgb(255 255 255 / .12);box-shadow:var(--shadow-glass)}.game__frame{flex:1;display:flex;border-radius:0;background:var(--ground);box-shadow:none}.game__frame .frame__iframe{height:auto;min-height:0;flex:1}.gamebar{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s-2);margin:0 10px calc(8px + var(--safe-b));padding:var(--s-3) var(--s-5);background:#10141a94;backdrop-filter:blur(32px) saturate(1.5);border:1px solid rgb(255 255 255 / .12);border-radius:24px;box-shadow:var(--shadow-float)}.gamebar__line{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}.gamebar__row{display:flex;gap:var(--s-2);align-items:center}.gamebar__name{flex:1;min-width:0;max-width:220px}.game__cover{position:absolute;inset:0;pointer-events:none;opacity:.18;object-fit:cover;width:100%;height:100%}.plans__masthead{display:grid;gap:var(--s-3);margin-bottom:var(--s-4)}.plans__masthead h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(44px,6vw,72px);letter-spacing:-.01em;line-height:.95}.plans--editorial{display:grid;gap:var(--s-8);align-items:start;padding-top:var(--s-6)}@media(min-width:900px){.plans--editorial{grid-template-columns:1fr 1.2fr 1fr;gap:clamp(24px,4vw,64px)}}.plan{display:flex;flex-direction:column;gap:var(--s-4)}.plan--bare{padding-top:var(--s-4)}.plan--bare .plan__top{border-top:2px solid var(--ink-1);padding-top:var(--s-3)}.plan--lead{box-shadow:var(--shadow-2),0 0 0 1px color-mix(in srgb,var(--mint) 45%,transparent),0 24px 64px -24px color-mix(in srgb,var(--mint) 35%,transparent)}@media(min-width:900px){.plan--lead{transform:translateY(-12px)}}.plan__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.plan__price{font-family:var(--font-serif);font-weight:400;font-size:clamp(48px,5vw,72px);letter-spacing:-.02em;line-height:1}.plan__price--mint{color:var(--mint)}.plan__price span{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:500;color:var(--ink-3);letter-spacing:0}.plan__who{font-size:var(--fs-sm);color:var(--ink-2)}.plan__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);flex:1}.plan__list li{display:grid;grid-template-columns:20px 1fr;gap:var(--s-2);font-size:var(--fs-sm);color:var(--ink-2);align-items:start}.plan__glyph{color:var(--mint);display:inline-flex;margin-top:2px}.plan--lead .plan__glyph{color:var(--mint)}.plans__nocredits{text-align:center;font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink-2);max-width:52ch;margin-inline:auto}.plans__truth p{max-width:70ch}.detonate{position:relative;display:inline-block;min-height:var(--tap);padding:0;border:0;background:none;font:inherit;color:var(--magenta);cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.detonate:hover{transform:scale(1.03)}.boom{position:absolute;left:50%;top:50%;pointer-events:none}.boom__p{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--c, var(--magenta));animation:boom-fly .65s var(--ease-out) forwards}@keyframes boom-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.boom__p{animation:none;opacity:0}}.fuse{position:relative;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--magenta),var(--amber))}.fuse__spark{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber);translate:0 -50%;animation:spark-run 2.2s linear infinite}@keyframes spark-run{0%{left:0}to{left:calc(100% - 10px)}}@media(prefers-reduced-motion:reduce){.fuse__spark{animation:none;left:calc(100% - 10px)}}.fuse__line{font-size:var(--fs-sm);color:var(--ink-2)}.fuse__line a{font-weight:600}.detonated{animation:detonate-glitch .42s steps(2,end) 2}@keyframes detonate-glitch{0%{transform:translate(0);filter:none}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.detonated{animation:none}}.starters{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center}.starter{min-height:var(--tap);padding:0 var(--s-5);border:1px solid var(--hairline-2);border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:grab;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.starter:hover{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 45%,transparent);background:color-mix(in srgb,var(--mint) 8%,transparent)}.starter--game{cursor:pointer}.gamesrow{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);align-items:center;justify-content:center}.gamesrow__label{font-size:var(--fs-sm);font-weight:700;color:var(--ink-2)}.game-pill{display:inline-flex;align-items:center;gap:8px}.game-pill__art{width:22px;height:22px;border-radius:6px;object-fit:cover}.bpsheet{display:grid;gap:var(--s-5)}.bpsheet__fields{display:grid;gap:var(--s-4)}.bpsheet__hint{font-size:var(--fs-xs);margin:0}.bpsheet__preview{display:grid;gap:var(--s-2)}.bpsheet__frame{height:320px}.bpsheet__frame .frame__iframe{width:100%;height:100%;border:0;border-radius:var(--r-lg);background:#05070b}.bpsheet__foot{display:grid;gap:var(--s-3);width:100%}@media(min-width:900px){.bpsheet{grid-template-columns:1fr 1fr;align-items:start}.bpsheet>.dim{grid-column:1 / -1}}.sent-head h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(40px,6vw,64px);letter-spacing:-.01em}@media(min-width:900px)and (prefers-reduced-motion:no-preference){.fan{perspective:1400px}.fan__item{transform:rotateX(calc(6deg + var(--i) * .5deg)) rotate(calc(-1.2deg + var(--i) * .6deg)) translateY(calc(var(--i) * -6px));transform-origin:50% 100%;transition:transform .32s var(--spring),box-shadow .32s var(--ease)}.fan__item:hover,.fan__item:focus-within{transform:rotateX(0) rotate(0) translateY(-10px) scale(1.012);z-index:2}}.you__panel{display:grid;padding-block:var(--s-2)}.you__row{display:grid;grid-template-columns:28px 1fr;gap:var(--s-3);padding-block:var(--s-5);border-bottom:1px solid var(--hairline-2)}.you__row--last{border-bottom:0}.you__glyph{color:var(--ink-3);display:inline-flex;margin-top:3px}.you__title{font-size:var(--fs-lg)}@media(min-width:900px){.step-object.step-set{display:grid;grid-template-columns:minmax(280px,.8fr) 1.4fr;gap:clamp(20px,3vw,48px);align-items:start;max-width:min(1100px,94vw)}.step-set>.box-object{order:2}.step-set__aside{order:1;display:grid;gap:var(--s-5);position:sticky;top:calc(var(--nav-h) + 16px)}}.step-set__aside{display:grid;gap:var(--s-5)}.viewer__lockline{display:flex;align-items:center;gap:var(--s-3)}.viewer__padlock{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,#d8d3cb,#9a948b);color:#2a2620;box-shadow:inset 0 1px #fff9,0 2px 8px #0006;flex:none}@media(min-width:768px){.viewer .vessel--sealed .vessel__cavity{margin-top:calc(-1*clamp(48px,10vh,110px))}.viewer .vessel--sealed .vessel__cavity>.card{backdrop-filter:blur(22px) saturate(1.2);background:#14181e8c}}.viewer__payload{position:relative}.viewer__payload:before{content:"";position:absolute;inset:-32px -12px auto;height:140px;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,#ffd9a8 22%,transparent),transparent 70%);pointer-events:none;z-index:0}.viewer__payload[data-paper]{background:linear-gradient(174deg,#f4efe6,#e9e2d4);border-color:#00000026}.viewer__payload[data-paper] .plain{font-family:var(--font-serif);font-size:clamp(19px,2.4vw,24px);line-height:1.6;color:#26221b}.viewer__payload[data-paper] .viewer__title{color:#26221b}.viewer__payload[data-paper] .viewer__caption{color:#6b6455}.truths__book{color:var(--ink-3);display:inline-flex;opacity:.7}@media(max-width:899px){.hero--stage{padding-block:2px}.hero--stage h1{font-size:clamp(26px,3.6vh,40px)}}.listen{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;position:relative;z-index:1}.listen__note{font-size:var(--fs-xs)}.listen__select{min-height:40px;padding:0 10px;border-radius:10px;font:inherit;font-size:var(--fs-sm);border:1px solid var(--hairline-2);background:#0a0d1299;color:var(--ink-2);max-width:180px}.viewer__payload[data-paper] .listen__note{color:#6b6455}.hero--stage h1 em,.hero--stage h1 .detonate{font-style:normal;background:linear-gradient(100deg,#35ffa3,#7cffc4,#4fe8ff,#35ffa3);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:var(--mint);-webkit-text-fill-color:transparent}.hero--stage h1 .detonate{background-image:linear-gradient(100deg,#ff4fa3,#ff2e93,#ff7ac1,#ff4fa3);color:var(--magenta)}@media(prefers-reduced-motion:no-preference){.hero--stage h1 em{animation:hero-shimmer 8s linear infinite}.hero--stage h1 .detonate{animation:hero-shimmer 8s linear infinite reverse}}@keyframes hero-shimmer{to{background-position:300% 0}}@media(prefers-reduced-motion:no-preference){.stage .hero--stage{animation:rise-in .52s var(--spring) both}.stage .composer{animation:rise-in .56s var(--spring) 90ms both}.home--stage .rail,.home--stage .side{animation:rise-in .62s var(--spring) .17s both}:root[data-appearance=calm] .stage .hero--stage,:root[data-appearance=calm] .stage .composer,:root[data-appearance=calm] .home--stage .rail,:root[data-appearance=calm] .home--stage .side{animation:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.composer .btn--primary:not(:disabled){background-image:linear-gradient(135deg,var(--mint),#3AF0B8 55%,#4FE8FF);box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 40%,transparent),0 10px 30px -10px color-mix(in srgb,var(--mint) 60%,transparent)}.composer .btn--primary:not(:disabled):active{transform:translateY(1px) scale(.99)}.pick-card{transition:transform .15s var(--spring),background .15s var(--ease)}.pick-card:active{transform:scale(.96)}@media(hover:hover){.side__row.pick-card:hover{transform:translateY(-2px)}}.side__group:nth-of-type(2) .pick-card__mark{background:color-mix(in srgb,#B7A6FF 20%,transparent);color:#cfc4ff}@media(max-width:899px){.world__orb{opacity:.72;filter:blur(42px) saturate(1.3)}}@media(max-width:767px){.sheet__panel:before{content:"";display:block;width:44px;height:5px;border-radius:999px;background:#ffffff38;margin:2px auto 10px}}.label{display:inline-block;padding:3px 12px 3px 8px;background:color-mix(in srgb,var(--mint) 16%,transparent);color:var(--mint);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 100%,0 100%);border-radius:2px}.side__group:nth-of-type(2) .label{background:color-mix(in srgb,#B7A6FF 16%,transparent);color:#cfc4ff}.side__group:nth-of-type(3) .label{background:color-mix(in srgb,var(--magenta) 14%,transparent);color:var(--magenta)}.chip{border-radius:3px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.composer__body,.plan--lead{position:relative}.composer__body:after,.plan--lead:after{content:"";position:absolute;inset:6px;pointer-events:none;background:linear-gradient(var(--mint),var(--mint)) top left / 14px 1px,linear-gradient(var(--mint),var(--mint)) top left / 1px 14px,linear-gradient(var(--mint),var(--mint)) bottom right / 14px 1px,linear-gradient(var(--mint),var(--mint)) bottom right / 1px 14px;background-repeat:no-repeat;opacity:.5}body[data-stage]{overflow:hidden}body[data-stage] .app-main{padding-block:0;max-width:var(--stage-max)}.home--stage{display:flex;flex-direction:column;height:calc(100dvh - 48px - 66px - var(--safe-b));min-height:0;gap:clamp(4px,1vh,12px);padding-top:clamp(4px,1vh,12px)}@media(min-width:900px){.home--stage{display:grid;grid-template-columns:clamp(200px,16vw,280px) 1fr;gap:clamp(16px,2.2vw,40px);height:calc(100dvh - var(--nav-h) - clamp(8px,1.6vh,20px));padding-top:clamp(4px,1vh,10px)}}.side{display:none}@media(min-width:900px){.side{display:flex;flex-direction:column;gap:clamp(10px,1.6vh,18px);min-height:0;overflow-y:auto;padding:clamp(8px,1.4vh,14px) 8px;background:#0c1016c7;backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgb(255 255 255 / .1);border-radius:var(--r-xl);box-shadow:var(--shadow-glass);scrollbar-width:none}.side::-webkit-scrollbar{display:none}}.side__group{display:flex;flex-direction:column;gap:8px}.side__group .label{padding:0 6px 2px}.side__list{display:flex;flex-direction:column;gap:6px}.side__row{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:8px 10px;border:0;border-radius:16px;background:#161c24e0;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:500;text-align:left;text-decoration:none;cursor:grab}.side__row--game{cursor:pointer}.side__age{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3)}.pick-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .18s var(--spring),background .16s var(--ease),box-shadow .18s var(--ease),border-color .16s var(--ease)}.pick-card__mark{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--mint) 14%,transparent);color:var(--mint)}.pick-card--game .pick-card__mark{display:none}.pick-card__cover{flex:none;width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px #00000059}.pick-card__copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pick-card__name{font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-card__blurb{font-size:12px;line-height:1.35;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side .pick-card:hover,.rail .pick-card:hover{transform:translateY(-2px);background:#ffffff14;box-shadow:0 10px 28px -12px #000000a6,0 0 0 1px #ffffff1a;color:var(--ink)}.side .pick-card:active{transform:translateY(0) scale(.99)}.side .pick-card--game .pick-card__copy{flex-direction:row;align-items:center;gap:8px}.side .pick-card--game .pick-card__blurb{display:none}.side__list>.pick-card{animation:pick-in .52s var(--spring) both}.side__list>.pick-card:nth-child(1){animation-delay:30ms}.side__list>.pick-card:nth-child(2){animation-delay:60ms}.side__list>.pick-card:nth-child(3){animation-delay:90ms}.side__list>.pick-card:nth-child(4){animation-delay:.12s}.side__list>.pick-card:nth-child(5){animation-delay:.15s}.side__list>.pick-card:nth-child(6){animation-delay:.18s}.side__list>.pick-card:nth-child(7){animation-delay:.21s}.side__list>.pick-card:nth-child(8){animation-delay:.24s}@keyframes pick-in{0%{transform:translateY(8px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.side__list>.pick-card{animation:none}.side .pick-card:hover,.rail .pick-card:hover{transform:none}}.pick-card--rail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:148px;max-width:180px;min-height:72px;padding:10px 12px;border:1px solid rgb(255 255 255 / .1);border-radius:18px;background:#10141a8c;backdrop-filter:blur(16px)}.pick-card--rail .pick-card__blurb{display:none}.pick-card--rail.pick-card--game{flex-direction:row;align-items:center;min-width:156px}.pick-card--rail .pick-card__cover{width:40px;height:40px}.side__plans{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding:var(--s-3);border-radius:var(--r-md);background:color-mix(in srgb,var(--magenta) 10%,transparent);color:var(--ink-2);text-decoration:none;font-size:var(--fs-xs)}.side__plans strong{color:color-mix(in srgb,var(--magenta) 50%,white);font-size:var(--fs-sm)}.stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;gap:clamp(8px,2vh,24px)}.hero--stage{text-align:center;padding:0;position:relative;z-index:2}@media(min-width:900px){.hero--stage{margin-top:auto}}.hero--stage h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(30px,4.2vh + 1.1vw,84px);letter-spacing:-.015em;line-height:1.04;text-wrap:balance;max-width:none}.box-object{position:relative;width:min(100%,clamp(480px,48vw,1100px));container-type:inline-size;perspective:1600px;animation:box-in .7s var(--spring)}.box-object[data-pulse]:not([data-pulse="0"]){animation:box-gulp .42s var(--ease)}@keyframes box-in{0%{transform:translateY(14px);opacity:.55}}@keyframes box-gulp{35%{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.box-object{animation:none!important}}.box-object__stage,.vessel__space{position:relative;height:clamp(132px,21vh,300px);border-radius:28px;overflow:visible;isolation:isolate;background:transparent;transform-style:preserve-3d}.box-object__stage canvas,.box-object__still{display:block;width:100%;height:100%;object-fit:contain;object-position:center 55%;filter:saturate(1.05) contrast(1.06);pointer-events:none}.vessel--sealed .box-object__stage,.vessel--spent .box-object__stage,.vessel--fused .box-object__stage{height:clamp(160px,28vh,320px)}@media(min-width:900px){.box-object__stage,.vessel__space{height:clamp(200px,32vh,430px)}.vessel--sealed .box-object__stage,.vessel--spent .box-object__stage,.vessel--fused .box-object__stage{height:clamp(210px,33vh,440px)}}.box-object__lidslot{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5;perspective:900px}.box-object__lidslot .qr--lid{transform:translateY(-34%) rotateX(58deg) scale(.62);opacity:.92;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .35))}.qr--lid .qr__code{border-radius:8px;overflow:hidden}.qr--lid .qr__code svg{display:block;width:clamp(64px,18vh,120px);height:auto}.box-object__well,.vessel__cavity{margin-top:-6px;position:relative;z-index:2}@media(min-width:900px){.composer .vessel__cavity{margin-top:-14px}}.composer{width:min(100%,clamp(480px,48vw,1100px));flex:none}.composer .box-object{width:100%}.composer__body{max-height:min(38vh,420px);background:linear-gradient(180deg,#161c2461,#0a0c10b8)}.composer__well.textarea{height:clamp(72px,12vh,160px);min-height:72px;resize:none}.composer--over .composer__body{box-shadow:var(--shadow-2),inset 0 1px #ffffff47,0 0 0 1px var(--mint),0 0 48px -8px color-mix(in srgb,var(--mint) 55%,transparent)}.gridfloor,.box3d__corner,.bx,.box3d__glow,.box3d__shadow{display:none}.truths{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--s-2) var(--s-5);flex-wrap:wrap;margin-top:auto;padding-block:clamp(2px,.6vh,8px)}.truth{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-2);cursor:help}.truth__dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}.truth--hot .truth__dot{background:var(--magenta)}.truths__plans{font-size:var(--fs-xs);letter-spacing:.04em;min-height:var(--tap);display:inline-flex;align-items:center;padding-inline:var(--s-3)}@media(max-width:899px){.truths{display:none}}.rail{position:relative;z-index:2;display:flex;gap:var(--s-2);align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 6px;margin-bottom:6px;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);scrollbar-width:none;flex:none}.rail::-webkit-scrollbar{display:none}.rail__pill{flex:none;scroll-snap-align:start}.rail__sep{flex:none;width:1px;height:24px;background:var(--hairline-2)}@media(min-width:900px){.rail{display:none}}@media(max-height:800px){.hero--stage h1{font-size:clamp(20px,4.2vh,32px)}.box-object__stage,.vessel__space{height:clamp(92px,18vh,150px)}.vessel--sealed .box-object__stage,.vessel--spent .box-object__stage,.vessel--fused .box-object__stage{height:clamp(100px,18vh,160px)}.box-object__well,.vessel__cavity{margin-top:-4px}.composer__body{max-height:min(36vh,280px);padding:10px 12px;gap:8px}.composer__well.textarea{height:clamp(72px,10vh,100px);min-height:72px}.composer__head h2{font-size:var(--fs-lg)}.truths{gap:var(--s-2) var(--s-3)}}@media(min-width:2400px){.box-object,.composer{width:min(100%,1680px)}.hero--stage h1{font-size:clamp(84px,6vh,128px)}.hero--stage .hero__sub{font-size:24px;max-width:60ch}body[data-stage] .app-main{max-width:min(2600px,94vw)}.home--stage{grid-template-columns:clamp(320px,14vw,460px) 1fr}.side,.side .pick-card__name{font-size:17px}.side .pick-card__blurb{font-size:14px}.box-object__stage,.vessel__space{height:clamp(320px,34vh,620px)}.vessel--sealed .box-object__stage,.vessel--spent .box-object__stage,.vessel--fused .box-object__stage{height:clamp(330px,35vh,630px)}.composer__body{max-height:min(42vh,900px);overflow-y:auto;padding:28px 32px;gap:18px}.composer__well.textarea{height:clamp(120px,12vh,220px);font-size:20px}.composer__head h2{font-size:28px}.composer .btn--lg,.composer .btn,.composer .input,.composer input{font-size:19px;min-height:56px}.detect,.detect__text{font-size:16px}.truths{font-size:16px;gap:14px 28px}}.step-object{display:flex;flex-direction:column;align-items:center;gap:var(--s-6)}.step-object .box-object{width:min(100%,640px)}.step-object .card{background:#10141a73}@media(max-width:767px){.step-object{gap:var(--s-4)}.step-object .box-object__stage,.step-object .vessel--sealed .box-object__stage,.step-object .vessel--spent .box-object__stage,.step-object .vessel--fused .box-object__stage{height:120px}.step-object .vessel__cavity{margin-top:-4px}}.box-scene-holder{position:absolute;inset:0}.box-scene-holder>div{width:100%;height:100%}.box-object__still--poster{transition:opacity .24s var(--ease)}.box-object__stage:has(canvas[data-ready]) .box-object__still--poster{opacity:0}@media(prefers-reduced-motion:no-preference){.vessel__cavity{animation:cavity-in .24s var(--ease) both}}@keyframes cavity-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero__sub{margin-top:clamp(6px,1.2vh,14px);color:var(--ink-3);font-size:clamp(13px,1.2vh + .3vw,17px);max-width:52ch;margin-inline:auto;text-wrap:balance}@media(max-height:720px)and (min-width:900px){.hero__sub{display:none}}@media(max-width:899px){.hero__sub{display:none}}.warp{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-6);padding-bottom:calc(var(--s-16) + var(--safe-b));background:radial-gradient(55% 45% at 50% 42%,#12161c33,#0a0c10e0);overflow:hidden}.warp__stage{width:min(72vw,420px);animation:warp-arrive 1.8s var(--spring) both}.warp__stage .box-object{width:100%;animation:none}.warp__line{margin:0;text-align:center;max-width:28rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink);animation:warp-line .7s var(--spring) both}.warp__line--1{font-size:var(--fs-2xl)}.warp__line--2,.warp__line--3{font-size:var(--fs-lg);color:var(--ink-2);font-weight:500}.warp__line--2{animation-delay:.18s}.warp__line--3{animation-delay:.36s}.warp__skip{position:absolute;bottom:calc(var(--s-6) + var(--safe-b));min-height:var(--tap);min-width:var(--tap);padding-inline:var(--s-6)}.warp--still .warp__stage,.warp--still .warp__line{animation:none}@keyframes warp-arrive{0%{transform:translateY(12vh);filter:blur(8px)}to{transform:none;filter:none}}@keyframes warp-line{0%{transform:translateY(10px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.warp__stage,.warp__line{animation:none}}.fuse-bind{font-size:var(--fs-xs);color:var(--ink-2);min-height:var(--tap);display:inline-flex;align-items:center;text-underline-offset:3px}