:root{--bg: #0a0806;--bg-deep: #050403;--surface: #141110;--surface-2: #1c1816;--hair: rgba(255, 236, 222, .14);--hair-2: rgba(255, 236, 222, .07);--text: #f7f0e9;--muted: #a99c92;--faint: #6e635c;--ember: #ff5a1f;--ember-2: #ff8a4c;--ok: #7fd8a0;--warn: #ff9f43;--on-ember: #16100c;--font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tracking-display: -.028em;--tracking-h2: -.02em;--tracking-label: .16em;--dur-micro: .14s;--dur-standard: .26s;--dur-reveal: .62s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-reveal: cubic-bezier(.16, 1, .3, 1);--uw: min(1vw, 1.7778vh);--fit: calc(var(--uw) * 100);--gutter: clamp(20px, 5vw, 64px);--warmth: 0}:root{--fs-display: clamp(2.6rem, 7.4vw, 6.6rem);--fs-h2: clamp(1.75rem, 3.4vw, 3rem);--fs-h3: 1.0625rem;--fs-body: .9375rem;--fs-label: .6875rem;--fs-data: .8125rem}.frame{--fs-display-f: calc(var(--uw) * 4.6);--fs-h2-f: calc(var(--uw) * 2.35);--fs-h3-f: calc(var(--uw) * .86);--fs-body-f: calc(var(--uw) * .78);--fs-label-f: calc(var(--uw) * .56);--fs-data-f: calc(var(--uw) * .68)}@media(prefers-reduced-motion:reduce){:root{--dur-micro: 90ms;--dur-standard: .15s;--dur-reveal: .26s;--ease-reveal: cubic-bezier(.2, 0, 0, 1)}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%;scrollbar-color:var(--surface-2) var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.55;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{position:relative;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.layers{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ground{position:absolute;inset:0;background:radial-gradient(118% 78% at 26% 96%,rgba(255,90,31,calc(.05 + .18 * var(--warmth))) 0%,transparent 62%),radial-gradient(90% 60% at 78% 8%,rgba(255,138,76,calc(.02 + .06 * var(--warmth))) 0%,transparent 70%),var(--bg);transition:background .42s linear;will-change:background}.layer-field{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen;opacity:.92}.layer-grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.5;mix-blend-mode:overlay;animation:grainShift 83ms steps(1,end) infinite;will-change:transform;backface-visibility:hidden}@keyframes grainShift{0%{transform:translateZ(0)}25%{transform:translate3d(-1.5%,1%,0)}50%{transform:translate3d(1%,-1.5%,0)}75%{transform:translate3d(-1%,-.5%,0)}to{transform:translate3d(1.5%,1.5%,0)}}.scrim{position:absolute;inset:0;background:linear-gradient(105deg,#050403e6,#0504039e 38%,#05040300 72%),radial-gradient(120% 90% at 50% 50%,transparent 46%,rgba(5,4,3,.75) 100%)}.chrome{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(14px,2.2vw,26px) var(--gutter);mix-blend-mode:normal}.chrome:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,4,3,.82),transparent);pointer-events:none}.chrome-brand{display:flex;align-items:center;gap:10px}.chrome-word{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.chrome-sep{width:22px;height:1px;background:var(--hair)}.chrome-note{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--faint)}.mark{flex:none;display:block}.mark--animated .mark-ring{stroke-dasharray:113.1;stroke-dashoffset:113.1;animation:ringDraw 1.5s var(--ease-reveal) .12s forwards;filter:drop-shadow(0 0 6px rgba(255,90,31,.5));transform-origin:32px 32px;animation-fill-mode:forwards}.mark--animated{animation:markBreathe 7s ease-in-out infinite;will-change:transform}@keyframes ringDraw{to{stroke-dashoffset:0}}@keyframes markBreathe{0%,to{transform:translateZ(0) scale(1);opacity:.92}50%{transform:translateZ(0) scale(1.045);opacity:1}}.btn{--btn-bg: transparent;--btn-fg: var(--text);--btn-bd: var(--hair);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--btn-bd);border-radius:2px;background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--fs-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform var(--dur-micro) var(--ease-standard),background-color var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) var(--ease-standard),color var(--dur-micro) var(--ease-standard);will-change:transform;backface-visibility:hidden}.btn:hover{transform:translate3d(0,-1px,0);border-color:#ffecde4d;background:var(--surface-2)}.btn:active{transform:translateZ(0)}.btn:focus-visible,.crail-btn:focus-visible,.stepper-btn:focus-visible,a:focus-visible{outline:2px solid var(--ember-2);outline-offset:3px}.btn--sm{padding:8px 13px}.btn--lg{padding:16px 30px;font-size:var(--fs-data)}.btn--ember{--btn-bg: var(--ember);--btn-fg: var(--on-ember);--btn-bd: var(--ember);box-shadow:0 10px 34px -14px #ff5a1fb3}.btn--ember:hover{--btn-bg: var(--ember-2);--btn-bd: var(--ember-2)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bd: var(--hair-2)}.btn--ghost:hover{--btn-bg: rgba(245, 241, 236, .06);--btn-bd: var(--ember);--btn-fg: var(--ember-2)}.btn:disabled{opacity:.34;cursor:not-allowed;transform:none}.crail{position:fixed;top:50%;right:clamp(10px,1.6vw,24px);z-index:55;transform:translateY(-50%);display:flex;align-items:stretch;gap:12px}.crail-track{position:relative;width:1px;background:var(--hair-2);margin:6px 0}.crail-fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--ember),rgba(255,90,31,.25));transform:scaleY(.0001);transform-origin:top center;will-change:transform}.crail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.crail-btn{display:flex;align-items:center;gap:9px;flex-direction:row-reverse;padding:4px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-micro) var(--ease-standard)}.crail-dot{width:7px;height:7px;border-radius:50%;background:currentColor;transition:transform var(--dur-standard) var(--ease-reveal),background-color var(--dur-micro) linear;will-change:transform}.crail-label{opacity:0;transform:translate3d(6px,0,0);transition:opacity var(--dur-standard) var(--ease-standard),transform var(--dur-standard) var(--ease-reveal);white-space:nowrap;will-change:transform,opacity}.crail:hover .crail-label,.crail:focus-within .crail-label,.crail-btn.is-active .crail-label{opacity:1;transform:translateZ(0)}.crail-btn.is-active{color:var(--ember-2)}.crail-btn.is-active .crail-dot{background:var(--ember);transform:scale(1.9);box-shadow:0 0 10px #ff5a1fe6}.crail:before{content:"";position:absolute;inset:-28px -28px -28px -120px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(10,8,6,.72));pointer-events:none}.crail-btn:hover{color:var(--text)}.crail-note{margin:10px 0 0;align-self:flex-end;text-align:right;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;line-height:1.5;color:var(--muted)}.crail-note-sub{display:block;color:var(--faint);letter-spacing:.1em}.stepper{position:fixed;left:var(--gutter);bottom:clamp(16px,2.6vw,30px);z-index:58;display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono)}.stepper-now{margin:0;display:flex;align-items:baseline;gap:10px;font-size:var(--fs-data);color:var(--text)}.stepper-slug{font-size:var(--fs-label);color:var(--faint)}.stepper-ctl{display:flex;align-items:center;gap:10px;font-size:var(--fs-label);color:var(--faint)}.stepper-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:2px;background:#14111099;color:var(--text);font:inherit;cursor:pointer;transition:transform var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) linear}.stepper-btn:hover:not(:disabled){transform:translate3d(0,-1px,0);border-color:var(--ember);color:var(--ember)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-pct{min-width:42px;text-align:center}.stepper-flag{padding:3px 7px;border:1px solid rgba(255,159,67,.4);border-radius:2px;color:var(--warn);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.track{position:relative;height:1150vh;z-index:10}.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.frame{position:absolute;left:50%;top:50%;width:calc(var(--uw) * 100);height:calc(var(--uw) * 56.25);margin:calc(var(--uw) * -28.125) 0 0 calc(var(--uw) * -50);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}.frame-scope{position:absolute;inset:0;will-change:transform;backface-visibility:hidden}.chapter{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity}.chapter a,.chapter button{pointer-events:auto}.chapter--center{display:flex;align-items:center;justify-content:center}.at{position:absolute;left:calc(var(--uw) * var(--x, 0));top:calc(var(--uw) * var(--y, 0));width:calc(var(--uw) * var(--w, 100));margin:0}.display{font-size:var(--fs-display-f);font-weight:600;line-height:.99;letter-spacing:var(--tracking-display);margin:0}.h2{font-size:var(--fs-h2-f);font-weight:600;line-height:1.04;letter-spacing:var(--tracking-h2);margin:0}.eyebrow{display:flex;align-items:center;gap:14px;font-size:var(--fs-label-f);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted)}.eyebrow-bar{width:calc(var(--uw) * 2.6);height:1px;background:var(--ember);transform-origin:left center;will-change:transform;box-shadow:0 0 8px #ff5a1fb3}.rule{height:1px;background:var(--hair);transform-origin:left center;will-change:transform}.sub{font-size:calc(var(--uw) * 1.04);line-height:1.52;color:var(--muted);text-wrap:pretty}.mask{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.mask-i{display:block;will-change:transform;backface-visibility:hidden}.mask--ember .mask-i{color:var(--ember)}.mask--on-ember .mask-i{color:var(--on-ember)}.hud{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--uw) * 1.6);padding:calc(var(--uw) * 1.1) calc(var(--uw) * 1.3);border:1px solid var(--hair-2);border-left:1px solid var(--ember);background:linear-gradient(100deg,#141110db,#14111066);backdrop-filter:blur(3px);font-family:var(--font-mono);font-size:var(--fs-data-f)}.hud-panel{display:flex;flex-direction:column;gap:calc(var(--uw) * .55)}.hud-row{display:grid;grid-template-columns:auto auto;gap:calc(var(--uw) * 1.4);align-items:baseline}.hud-key{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:var(--fs-label-f)}.hud-val{color:var(--text)}.hud-val--count{color:var(--ok);font-variant-numeric:tabular-nums}.hud-ticks{display:flex;gap:calc(var(--uw) * .5);padding-bottom:calc(var(--uw) * .35)}.hud-tick{width:calc(var(--uw) * 1.1);height:3px;background:var(--ok);transform-origin:left center;will-change:transform,opacity}.rail-wrap{display:flex;flex-direction:column;gap:calc(var(--uw) * 1.5)}.rail-line{position:relative;height:1px;background:var(--hair-2)}.rail-fill{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,90,31,.35),var(--ember));transform-origin:left center;transform:scaleX(0);will-change:transform}.rail-pulse{position:absolute;top:calc(var(--uw) * -.12);left:calc(var(--uw) * -.15);width:calc(var(--uw) * 7);height:calc(var(--uw) * .3);border-radius:999px;background:linear-gradient(90deg,rgba(255,90,31,0) 0%,var(--ember-2) 55%,rgba(255,90,31,0) 100%);box-shadow:0 0 18px 2px #ff5a1f8c;opacity:0;will-change:transform,opacity}.rail-stops{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:calc(var(--uw) * 2)}.rail-stop{display:flex;flex-direction:column;gap:calc(var(--uw) * .55);font-family:var(--font-mono);font-size:var(--fs-data-f);color:var(--text)}.rail-stop--4{align-items:flex-end}.rail-dot{width:calc(var(--uw) * .34);height:calc(var(--uw) * .34);border-radius:50%;background:var(--ember);box-shadow:0 0 10px #ff5a1fbf;margin-top:calc(var(--uw) * -.84)}.rail-verb{letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-label-f);color:var(--muted)}.steps,.cards{list-style:none;margin:0;padding:0;position:static}.card{padding:calc(var(--uw) * 1.5) calc(var(--uw) * 1.4) calc(var(--uw) * 1.6);border:1px solid var(--hair-2);border-top:1px solid var(--hair);background:linear-gradient(180deg,#1c1816d1,#0a08069e);backdrop-filter:blur(3px);will-change:transform,opacity}.card--ember{border-color:#ff5a1f66;box-shadow:inset 0 1px #ff5a1f38}.card-verb{display:block;margin-bottom:calc(var(--uw) * .9);font-family:var(--font-mono);font-size:var(--fs-label-f);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}.card-h{margin:0 0 calc(var(--uw) * .6);font-size:var(--fs-h3-f);font-weight:600;letter-spacing:-.01em}.card-p{margin:0;font-size:calc(var(--uw) * .8);line-height:1.5;color:var(--muted);text-wrap:pretty}.card-tag{display:inline-block;margin-top:calc(var(--uw) * .9);padding:calc(var(--uw) * .22) calc(var(--uw) * .6);border:1px solid rgba(255,90,31,.45);border-radius:2px;font-family:var(--font-mono);font-size:calc(var(--uw) * .5);letter-spacing:.14em;text-transform:uppercase;color:var(--ember-2)}.term{margin:0;border:1px solid var(--hair-2);background:linear-gradient(180deg,#080706eb,#050403b8);backdrop-filter:blur(4px);will-change:transform,opacity}.term-cap{padding:calc(var(--uw) * .62) calc(var(--uw) * 1.1);border-bottom:1px solid var(--hair-2);font-family:var(--font-mono);font-size:var(--fs-label-f);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.term-body{margin:0;padding:calc(var(--uw) * 1.1);display:flex;flex-direction:column;gap:calc(var(--uw) * .5);font-family:var(--font-mono);font-size:var(--fs-data-f);line-height:1.5;white-space:pre-wrap;min-height:calc(var(--uw) * 9.4)}.term-line{color:var(--muted)}.term-line--ok{color:var(--ok)}.term-line--dim{color:var(--faint)}.term-line--warn{color:var(--warn)}.block{width:calc(var(--uw) * 100);padding:calc(var(--uw) * 5.4) calc(var(--uw) * 6.4);background:linear-gradient(94deg,var(--ember) 0%,var(--ember-2) 58%,var(--ember) 100%);color:var(--on-ember)}.block-h{font-size:var(--fs-h2-f);line-height:1.02;color:var(--on-ember)}.block-p{margin:calc(var(--uw) * 1.6) 0 0;max-width:calc(var(--uw) * 46);font-size:calc(var(--uw) * .9);line-height:1.5;color:#16100cc7}.access{text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--uw) * 1.8)}.access-rule{width:calc(var(--uw) * 20);background:var(--ember);opacity:.55}.access-actions{margin:0}.access-url{margin:0;font-family:var(--font-mono);font-size:var(--fs-data-f);color:var(--faint)}.end{display:flex;flex-direction:column;align-items:center;gap:calc(var(--uw) * .9);text-align:center;will-change:transform,opacity}.end-word{margin:0;font-size:calc(var(--uw) * 1.5);font-weight:600;letter-spacing:.4em;text-indent:.4em}.end-line,.end-url{margin:0;font-family:var(--font-mono);font-size:var(--fs-label-f);letter-spacing:.1em;color:var(--faint)}.cue{position:fixed;left:50%;bottom:clamp(16px,2.6vw,30px);z-index:58;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);transition:opacity var(--dur-reveal) var(--ease-standard),transform var(--dur-reveal) var(--ease-reveal)}.cue.is-gone{opacity:0;transform:translate3d(-50%,10px,0);pointer-events:none}.cue-line{width:1px;height:34px;background:linear-gradient(180deg,transparent,var(--ember));animation:cueDrop 2.6s var(--ease-standard) infinite;transform-origin:top center}@keyframes cueDrop{0%{transform:scaleY(.2);opacity:.3}55%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:.25}}.notice{position:fixed;left:50%;bottom:clamp(14px,2.2vw,26px);z-index:62;transform:translate(-50%);width:min(560px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--hair);border-left:2px solid var(--warn);background:#141110f0;backdrop-filter:blur(6px)}.notice-p{margin:0;font-size:var(--fs-label);line-height:1.45;color:var(--muted)}.reader{width:min(760px,calc(100vw - 28px));max-height:88vh;padding:0;border:1px solid var(--hair);border-radius:3px;background:var(--surface);color:var(--text)}.reader::backdrop{background:#040303e0;backdrop-filter:blur(3px)}.reader-inner{padding:clamp(20px,3.4vw,38px);overflow-y:auto;max-height:88vh}.reader-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--hair-2)}.reader-h{margin:0;font-size:1.125rem;letter-spacing:-.01em}.reader-h3{margin:26px 0 10px;font-size:.8125rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ember)}.reader-eyebrow{margin:0 0 8px;font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--faint)}.reader-lede{margin:0 0 12px;font-size:1.5rem;font-weight:600;line-height:1.15;letter-spacing:-.02em}.reader-p{margin:0 0 10px;color:var(--muted)}.reader-list{margin:0;padding-left:20px;color:var(--muted)}.reader-list li{margin-bottom:6px}.reader-list strong{color:var(--text)}.reader-pre{margin:0;padding:14px;overflow-x:auto;border:1px solid var(--hair-2);background:var(--bg-deep);font-family:var(--font-mono);font-size:var(--fs-data);line-height:1.55;color:var(--muted)}.reader-cta{margin:26px 0 8px}.reader-url{margin:0;font-family:var(--font-mono);font-size:var(--fs-data);color:var(--faint)}@media(max-width:899px){.crail{display:none}.track{height:auto}.pin{position:static;height:auto;overflow:visible}.frame{position:static;width:auto;height:auto;margin:0;transform:none!important;--fs-display-f: var(--fs-display);--fs-h2-f: var(--fs-h2);--fs-h3-f: var(--fs-h3);--fs-body-f: var(--fs-body);--fs-label-f: var(--fs-label);--fs-data-f: var(--fs-data)}.frame-scope{position:static;transform:none!important}.chapter{position:static;display:block;padding:18vh var(--gutter) 10vh;min-height:88vh;display:flex;flex-direction:column;justify-content:center;gap:18px}.chapter--center{align-items:flex-start;text-align:left}.at{position:static!important;left:auto;top:auto;width:auto!important;max-width:62ch}.steps,.cards{display:grid;gap:12px}.card{padding:16px 16px 18px}.sub{font-size:clamp(1.05rem,4.3vw,1.3rem);max-width:34ch}.card-p,.block-p{font-size:var(--fs-body);line-height:1.55}.card-p{max-width:46ch}.card-tag{margin-top:12px;padding:4px 8px;font-size:var(--fs-label)}.end-word{font-size:var(--fs-h3)}.hud{padding:12px 14px;width:100%;max-width:420px}.hud-tick{width:22px;height:3px}.rail-holder{width:100%}.rail-pulse{top:-1px;width:46px;height:3px}.rail-dot{width:5px;height:5px;margin-top:-3px}.term-body{min-height:0;font-size:12px}.block{width:auto!important;margin:0 calc(var(--gutter) * -1);padding:40px var(--gutter)}.block-p{max-width:40ch}.eyebrow-bar{width:30px}.mask{padding-bottom:.1em;margin-bottom:-.1em}.stepper{left:var(--gutter);right:var(--gutter);flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--hair);background:#0a0806db;backdrop-filter:blur(6px)}.stepper-now{font-size:var(--fs-label)}.chrome-note,.chrome-sep{display:none}.cue{left:auto;right:var(--gutter);bottom:74px;transform:none}.cue.is-gone{transform:translate3d(0,10px,0)}.notice{bottom:74px}}@media(prefers-reduced-motion:reduce){.mark--animated .mark-ring{animation-duration:.9s}.mark--animated{animation-duration:11s}.cue-line{animation-duration:3.4s}.ground{transition-duration:.12s}}@media(prefers-reduced-transparency:reduce){.card,.hud,.term,.stepper{backdrop-filter:none;background:var(--surface)}}@media print{.layers,.chrome,.crail,.stepper,.cue,.notice{display:none!important}}
