:root{color-scheme:only light;--paper: #e9eced;--paper-hi: #f6f7f7;--ink: #1a1d20;--ink-2: #555c62;--ink-3: #868d93;--alloy: #dedbd4;--signal: #19a7c6;--signal-ink: #0b7591;--signal-wash: rgba(25, 167, 198, .1);--hair: rgba(26, 29, 32, .1);--hair-strong: rgba(26, 29, 32, .18);--panel: rgba(248, 249, 249, .8);--panel-solid: #f7f8f8;--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 12px 40px -18px rgba(28, 38, 46, .28), 0 2px 6px -2px rgba(28, 38, 46, .08);--f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;--f-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--f-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--t-micro: 10.5px;--t-label: 11.5px;--t-body: 14.5px;--t-lead: 16px;--t-h3: 20px;--t-h2: 28px;--t-h1: 44px;--gutter: 22px;--rail-w: 292px;--info-w: 380px;--header-h: 76px;--radius: 16px;--radius-s: 10px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--dur: .45s}@media(prefers-reduced-motion:reduce){:root{--dur: .01s}}@media(max-width:820px){:root{--gutter: 14px;--header-h: 60px;--t-h1: 32px;--t-h2: 24px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}fieldset{border:0;margin:0;padding:0;min-width:0}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mono{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.02em}.muted{color:var(--ink-3)}.eyebrow{font-family:var(--f-display);font-variation-settings:"wdth" 118;font-weight:600;font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),opacity .2s,transform .2s var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover:not(:disabled){background:#000}.btn--ghost{border:1px solid var(--hair-strong);color:var(--ink)}.btn--ghost:hover:not(:disabled){background:#ffffffb3}.btn:disabled{opacity:.35}.icon-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:var(--ink-2);background:var(--panel);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 18px -10px #1c262e59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .2s,background .2s,transform .2s var(--ease)}.icon-btn:hover:not(:disabled),.icon-btn.is-on{color:var(--ink);background:#fff}.icon-btn:disabled{opacity:.35}.caret{display:inline-block;width:2px;height:1.1em;background:var(--signal);margin-left:2px;vertical-align:-.15em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .9s var(--ease) .2s}.app.is-ready .chrome{opacity:1}.chrome>*{pointer-events:auto}.header{position:absolute;top:0;left:0;right:0;height:var(--header-h);padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;justify-self:start}.brand__mark{width:34px;height:34px;border-radius:10px;background:var(--ink);position:relative;box-shadow:0 6px 16px -8px #00000080}.brand__mark:before{content:"";position:absolute;left:9px;top:8px;width:16px;height:13px;border-radius:3.5px;background:linear-gradient(#fbfbfa,#dcdad5)}.brand__mark span{position:absolute;left:11px;bottom:7px;width:12px;height:2px;border-radius:2px;background:var(--signal)}.brand__title{font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;line-height:1.1}.brand__sub{font-size:12.5px;color:var(--ink-2);margin-top:2px}.modes{position:relative;display:grid;grid-template-columns:repeat(3,118px);padding:4px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 24px -16px #1c262e66;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modes__btn{position:relative;z-index:1;height:34px;border-radius:999px;font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);transition:color .35s var(--ease)}.modes__btn:hover{color:var(--ink)}.modes__btn.is-active{color:#fff}.modes__ink{position:absolute;top:4px;left:4px;width:118px;height:34px;border-radius:999px;background:var(--ink);transform:translate(calc(var(--i) * 118px));transition:transform .55s var(--ease)}.tools{justify-self:end;display:flex;gap:8px}.tools__pop{position:relative}.popover{position:absolute;right:0;top:calc(100% + 10px);width:312px;padding:18px;border-radius:var(--radius);background:var(--panel-solid);border:1px solid #fff;box-shadow:var(--shadow);animation:pop .35s var(--ease);z-index:30}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.cz__title{font-family:var(--f-display);font-variation-settings:"wdth" 118;font-weight:650;font-size:15px;margin-bottom:12px}.cz__row{margin-top:12px}.cz__row legend{margin-bottom:6px}.cz__note{font-size:12px;color:var(--ink-3);margin-top:6px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg__btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--hair);font-size:12.5px;color:var(--ink-2);transition:all .2s}.seg__btn:hover{border-color:var(--hair-strong);color:var(--ink)}.seg__btn.is-on{border-color:var(--ink);color:var(--ink);background:#fff}.swatch{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.rail{position:absolute;left:var(--gutter);top:calc(var(--header-h) + 6px);bottom:118px;width:var(--rail-w);display:flex;flex-direction:column;overflow:hidden;animation:slideL .8s var(--ease) both}@keyframes slideL{0%{opacity:0;transform:translate(-16px)}}.rail__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--hair)}.tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:#1a1d200d}.tabs__btn{height:26px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--ink-2)}.tabs__btn.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.rail__scroll{flex:1;overflow-y:auto;padding:6px 8px 14px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.rail__group{margin-top:10px}.rail__cat{padding:8px 10px 6px}.part{width:100%;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;height:36px;padding:0 10px;border-radius:10px;text-align:left;position:relative;transition:background .2s}.part:hover{background:#ffffffa6}.part__no{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3);transition:color .2s}.part__name{font-size:14px;font-weight:500;color:var(--ink)}.part__tick{width:6px;height:6px;border-radius:50%;justify-self:end;transition:all .3s var(--ease)}.part.is-on{background:#fff;box-shadow:0 1px 2px #0000000d,0 6px 16px -10px #0a3c504d}.part.is-on .part__no{color:var(--signal-ink)}.part.is-on .part__tick{background:var(--signal);box-shadow:0 0 0 4px var(--signal-wash)}.systems{padding-top:8px}.system{width:100%;text-align:left;padding:12px 12px 13px;border-radius:12px;display:grid;gap:4px;transition:background .2s}.system:hover{background:#ffffffa6}.system.is-on{background:#fff;box-shadow:0 6px 16px -10px #0a3c504d}.system__name{font-weight:600;font-size:14px}.system__chain{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:2px 0}.system__chain i{font-style:normal;margin:0 5px;color:var(--signal)}.system.is-on .system__chain{color:var(--ink-2)}.info{position:absolute;right:var(--gutter);top:calc(var(--header-h) + 6px);bottom:118px;width:var(--info-w);display:flex;flex-direction:column;overflow:hidden;transform:translate(calc(100% + var(--gutter) + 24px));opacity:0;transition:transform .7s var(--ease),opacity .4s var(--ease)}.info.is-open{transform:none;opacity:1}.info__close{position:absolute;top:12px;right:12px;width:34px;height:34px;z-index:2;box-shadow:none}.info__scroll{flex:1;overflow-y:auto;padding:22px 24px 20px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.info__meta{display:flex;align-items:center;gap:10px;color:var(--signal-ink);padding-right:40px}.info__sep{width:18px;height:1px;background:var(--hair-strong)}.info__title{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:650;font-size:var(--t-h2);line-height:1.05;letter-spacing:-.012em;margin-top:12px}.info__tag{font-size:13px;color:var(--ink-3);margin-top:6px}.info__lead{font-size:var(--t-lead);line-height:1.55;color:var(--ink);margin-top:16px}.info__sec{margin-top:22px;padding-top:16px;border-top:1px solid var(--hair)}.info__sec p{color:var(--ink-2);margin-top:6px}.info__note{margin-top:18px;font-size:12.5px;color:var(--ink-3);padding:10px 12px;border-radius:10px;background:#1a1d200a}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--hair-strong);font-size:12.5px;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--signal);color:var(--signal-ink);background:#fff}.info__pager{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.pager-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--hair);font-size:12.5px;text-align:left;color:var(--ink-2);min-width:0;transition:all .2s}.pager-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager-btn small{color:var(--ink-3);margin-right:3px}.pager-btn--next{justify-content:flex-end;text-align:right}.pager-btn:hover{background:#fff;color:var(--ink)}.flow{margin-top:12px;position:relative;display:grid;gap:0}.flow__node{position:relative;display:flex;align-items:center;gap:12px;padding:5px 0;font-size:13.5px;font-weight:500;color:var(--ink);animation:rise .5s var(--ease) both;animation-delay:var(--d)}.flow__node:not(:last-child):after{content:"";position:absolute;left:5px;top:21px;height:calc(100% - 12px);width:1px;background:linear-gradient(var(--signal),rgba(25,167,198,.2))}.flow__dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--signal);background:var(--panel-solid);flex:none;transition:all .35s var(--ease)}.flow__node.is-active .flow__dot{background:var(--signal);box-shadow:0 0 0 5px var(--signal-wash)}.flow__node.is-active .flow__text{color:var(--signal-ink)}.dock{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:10px;align-items:stretch;animation:riseC .9s var(--ease) .15s both}@keyframes riseC{0%{opacity:0;transform:translate(-50%,14px)}}.dock__parts{display:none}.gauge{display:flex;align-items:center;gap:18px;padding:10px 12px;border-radius:999px;width:min(640px,calc(100vw - 2 * var(--rail-w) - 4 * var(--gutter)));min-width:460px}.gauge__track{position:relative;flex:1;height:44px}.gauge__labels{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.gauge__read{font-size:13px;color:var(--ink);letter-spacing:0}.gauge__read small{font-size:9px;color:var(--ink-3);margin-left:1px}.gauge__ruler{position:absolute;left:0;right:0;bottom:4px;height:18px}.gauge__ruler i{position:absolute;bottom:4px;width:1px;height:5px;background:var(--ink-3);transform:translate(-.5px);transition:opacity .2s}.gauge__ruler i.maj{height:9px;background:var(--ink-2)}.gauge__fill{position:absolute;left:0;bottom:0;height:2px;border-radius:2px;background:var(--signal)}.gauge__ruler:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#1a1d201a;z-index:-1}.gauge__thumb{position:absolute;bottom:-4px;width:14px;height:22px;transform:translate(-7px);border-radius:7px;background:#fff;box-shadow:0 0 0 1px #1a1d2024,0 4px 10px -3px #0a283759}.gauge__thumb:after{content:"";position:absolute;left:6px;top:5px;width:2px;height:12px;border-radius:2px;background:var(--signal)}.gauge__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.gauge__track:has(.gauge__input:focus-visible) .gauge__thumb{box-shadow:0 0 0 2px var(--signal),0 4px 10px -3px #0a283759}.hint{position:absolute;left:calc(var(--gutter) + 4px);bottom:38px;color:var(--ink-3);pointer-events:none;max-width:calc(var(--rail-w) - 8px)}.callout{display:flex;align-items:center;transform:translate(-3px,-50%) translate(-8px);opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease);white-space:nowrap;cursor:pointer}.callout.is-on{opacity:1;transform:translate(-3px,-50%)}.callout__dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px #ffffffd9}.callout__line{width:46px;height:1px;background:#1a1d2059}.callout__label{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:5px 10px;border-radius:999px;background:#ffffffd1;box-shadow:0 4px 12px -6px #0a28374d;transition:background .2s,color .2s}.callout:hover .callout__label{background:var(--ink);color:#fff}.anno{display:flex;align-items:center;transform:translate(-3px,-50%);white-space:nowrap;animation:fadeIn .6s var(--ease) .5s both}.anno--left{flex-direction:row-reverse;transform:translate(calc(-100% + 3px),-50%)}@keyframes fadeIn{0%{opacity:0}}.anno__dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--signal)}.anno__line{width:38px;height:1px;background:#1a1d2073}.anno__text{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#ffffffd9;padding:3px 7px;border-radius:6px}.chip3d{display:flex;flex-direction:column;align-items:center;padding:7px 12px;border-radius:10px;background:var(--ink);color:#fff;white-space:nowrap;opacity:0;transform:translateY(6px) scale(.96);transition:all .45s var(--ease);box-shadow:0 10px 24px -10px #00000080}.chip3d.is-on{opacity:1;transform:none}.chip3d__k{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8fd8ea}.chip3d__v{font-family:var(--f-mono);font-size:13px}.how-rail{bottom:118px}.how-rail__head{padding:20px 20px 16px;border-bottom:1px solid var(--hair)}.how-rail__title{font-family:var(--f-display);font-variation-settings:"wdth" 118;font-weight:700;font-size:22px;letter-spacing:-.005em}.how-rail__sub{font-size:13px;color:var(--ink-2);margin-top:4px}.steps{padding:10px 8px;overflow-y:auto}.steps__btn{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto 2px;align-items:center;padding:11px 12px 9px;border-radius:12px;text-align:left;row-gap:8px;transition:background .2s}.steps__btn:hover{background:#ffffffa6}.steps__no{color:var(--ink-3)}.steps__verb{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:16px;color:var(--ink-2)}.steps__bar{grid-column:2;height:2px;border-radius:2px;background:transparent;overflow:hidden}.steps__btn.is-on{background:#fff;box-shadow:0 6px 16px -10px #0a3c504d}.steps__btn.is-on .steps__verb{color:var(--ink)}.steps__btn.is-on .steps__no,.steps__btn.is-done .steps__no{color:var(--signal-ink)}.steps__btn.is-on .steps__bar{background:#1a1d2014}.steps__prog{display:block;height:100%;background:var(--signal);transform-origin:left;animation:prog linear both}@keyframes prog{0%{transform:scaleX(0)}}.how-info .info__scroll{display:flex;flex-direction:column}.how-ctrl{margin-top:auto;padding-top:22px;display:flex;gap:8px;align-items:center}.how-ctrl .btn--primary{margin-left:auto}.narrative{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;padding:6px;border-radius:999px;animation:riseC .8s var(--ease) both}.narrative__item{display:flex;align-items:center}.narrative__item i{font-style:normal;color:var(--ink-3);margin:0 2px;font-size:12px}.narrative__btn{height:32px;padding:0 13px;border-radius:999px;font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);transition:all .3s var(--ease)}.narrative__btn:hover{color:var(--ink)}.narrative__btn.is-done{color:var(--signal-ink)}.narrative__btn.is-on{background:var(--ink);color:#fff}.matrix{position:relative;margin-top:18px;display:grid;grid-template-columns:repeat(4,22px);gap:10px;padding:16px 18px 26px 60px;border-radius:12px;background:#1a1d2009;width:max-content}.matrix__cell{width:22px;height:22px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair-strong);position:relative}.matrix__cell.r:before,.matrix__cell.c:after{content:"";position:absolute;background:var(--signal);opacity:.55}.matrix__cell.r:before{left:-10px;right:-10px;top:10px;height:2px}.matrix__cell.c:after{top:-10px;bottom:-10px;left:10px;width:2px}.matrix__cell.hit{background:var(--signal);box-shadow:0 0 0 5px var(--signal-wash)}.matrix__lab{position:absolute;color:var(--signal-ink)}.matrix__lab--row{left:16px;top:83px}.matrix__lab--col{left:86px;bottom:6px}.screen{position:absolute;left:50%;top:calc(var(--header-h) + 18px);transform:translate(calc(-50% + (var(--rail-w) - var(--info-w)) / 2));width:340px;border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden;animation:rise .7s var(--ease) both;pointer-events:none}.screen__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--hair);color:var(--ink-3)}.screen__bar i{width:8px;height:8px;border-radius:50%;background:#dcdedf}.screen__bar span{margin-left:auto}.screen__body{padding:18px 18px 22px;font-size:28px;font-family:var(--f-body);min-height:76px}.typebar{position:absolute;left:50%;top:calc(var(--header-h) + 14px);transform:translate(-50%);width:min(620px,calc(100vw - 2 * var(--gutter)));text-align:center;transition:opacity .8s var(--ease),transform .8s var(--ease)}.typebar.is-intro{opacity:0;transform:translate(-50%,-8px)}.typebar__eyebrow{margin-bottom:10px}.typebar__field{position:relative;min-height:64px;display:flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:16px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);font-family:var(--f-display);font-variation-settings:"wdth" 106;font-weight:500;font-size:30px;letter-spacing:-.01em;white-space:pre;overflow:hidden}.typebar__ph{position:absolute;color:var(--ink-3);font-size:16px;font-family:var(--f-body)}.finale{position:absolute;left:50%;bottom:44px;transform:translate(-50%,16px);text-align:center;width:min(720px,calc(100vw - 2 * var(--gutter)));opacity:0;pointer-events:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}.finale.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.finale__title{font-family:var(--f-display);font-variation-settings:"wdth" 118;font-weight:700;font-size:26px;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.finale__actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,var(--paper-hi),var(--paper));transition:opacity .65s var(--ease),transform .65s var(--ease)}.loader.is-leaving{opacity:0;pointer-events:none}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(26,29,32,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,29,32,.045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000,transparent);mask-image:radial-gradient(60% 55% at 50% 45%,#000,transparent)}.loader__inner{position:relative;width:min(340px,calc(100vw - 48px))}.loader__brand{font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px}.loader__lines{display:grid;gap:9px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.loader__lines li{display:flex;align-items:center;gap:10px;color:var(--ink-3);opacity:.45;transition:all .4s}.loader__lines li.is-on{opacity:1;color:var(--ink)}.loader__lines li.is-done{opacity:1;color:var(--ink-2)}.loader__tick{width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor}.loader__lines li.is-on .loader__tick{border-color:var(--signal);animation:blink .8s steps(1) infinite}.loader__lines li.is-done .loader__tick{background:var(--signal);border-color:var(--signal)}.loader__meter{margin-top:26px;height:1px;background:var(--hair-strong)}.loader__meter span{display:block;height:100%;background:var(--ink);transform-origin:left}.loader__foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.loader__pct{font-size:12px;color:var(--ink)}.loader__enter:disabled{opacity:.18}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:start;gap:12px;padding:24px;max-width:520px;margin:0 auto}.fallback__title{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:650;font-size:26px;line-height:1.15}.fallback__body{color:var(--ink-2);margin-bottom:8px}@media(max-width:1180px){:root{--rail-w: 252px;--info-w: 340px}.gauge{min-width:380px}.brand__sub{display:none}}@media(max-width:820px){.header{grid-template-columns:1fr auto}.brand__mark{width:30px;height:30px}.brand__mark:before{left:7px;top:7px}.brand__mark span{left:9px;bottom:6px}.brand__title{font-size:12px}.hide-sm{display:none}.icon-btn{width:38px;height:38px}.modes{position:absolute;top:var(--header-h);left:50%;transform:translate(-50%);grid-template-columns:repeat(3,minmax(0,104px))}.modes__ink{width:calc((100% - 8px) / 3);transform:translate(calc(var(--i) * 100%))}.popover{position:fixed;right:var(--gutter);left:var(--gutter);top:calc(var(--header-h) + 4px);width:auto}.rail,.info{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:min(60vh,520px);border-radius:20px;transform:translateY(calc(100% + 24px));opacity:1;transition:transform .6s var(--ease);animation:none;z-index:5}.rail:before,.info:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:var(--hair-strong);margin:8px auto 0}.app.sheet-list .rail,.app.has-info .info{transform:none}.info__close{top:16px}.dock{left:8px;right:8px;bottom:10px;transform:none;animation:none}.dock__parts{display:inline-flex;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:auto;padding:0 14px}.gauge{flex:1;min-width:0;width:auto;gap:10px;padding:8px 10px}.gauge .btn--ghost{display:none}.gauge .btn{height:36px;padding:0 14px}.hint,.how-rail{display:none}.how-info{transform:none;bottom:64px;max-height:44vh}.narrative{left:8px;right:8px;bottom:10px;transform:none;overflow-x:auto;scrollbar-width:none;animation:none}.narrative__btn{padding:0 10px}.screen{transform:translate(-50%);width:min(300px,calc(100vw - 32px));top:calc(var(--header-h) + 54px)}.typebar{top:calc(var(--header-h) + 56px)}.typebar__field{font-size:20px;min-height:52px}.finale__title{font-size:19px}.callout__line{width:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.caret{animation:none}}@media(max-width:820px){.brand{gap:9px}.brand__title{font-size:11px;letter-spacing:.08em}.tools{gap:6px}.modes{grid-template-columns:repeat(3,auto);top:calc(var(--header-h) - 2px)}.modes__btn{padding:0 14px;font-size:10px;letter-spacing:.1em;white-space:nowrap}.modes__ink{display:none}.modes__btn.is-active{background:var(--ink)}.dock{gap:8px}.dock__parts{padding:0 12px;font-size:10.5px;border-radius:999px}.gauge__labels span:not(.gauge__read){display:none}.gauge__labels{justify-content:center}.gauge .btn--primary{padding:0 12px;font-size:10.5px}}@media(max-width:380px){.brand__title{display:none}}@media(max-width:820px){.rail,.info{max-height:52vh;background:#f8f9f9f5}.dock{transition:opacity .35s var(--ease),transform .35s var(--ease)}.app.has-info .dock,.app.sheet-list .dock{opacity:0;transform:translateY(12px);pointer-events:none}.how-info{max-height:40vh}}.show-sm{display:none}@media(max-width:820px){.show-sm{display:grid}.rail__close{width:32px;height:32px;box-shadow:none}}.typebar__status{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.typebar__dot{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}.how-ctrl{flex-wrap:wrap}.loader__stack{width:92px;height:72px;display:block;margin-bottom:22px;overflow:visible}.loader__stack path{fill:#ffffffe6;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round;transition:transform .25s linear}.loader__stack path.is-signal{stroke:var(--signal)}.hero-title{position:absolute;left:calc(var(--gutter) + var(--rail-w) + 44px);top:calc(var(--header-h) + 40px);pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.hero-title.is-on{opacity:1;transform:none}.hero-title__eyebrow{color:var(--signal-ink);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.hero-title__h{font-family:var(--f-display);font-variation-settings:"wdth" 118;font-weight:650;font-size:clamp(34px,3.6vw,56px);line-height:.98;letter-spacing:-.02em;color:var(--ink)}@media(max-width:820px){.hero-title{left:0;right:0;text-align:center;top:calc(var(--header-h) + 64px)}.hero-title__h{font-size:30px}}.brand{padding:5px 14px 5px 5px;border-radius:14px;background:#f8f9f9b3;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px -16px #1c262e66}@media(max-width:820px){.brand{padding:4px 10px 4px 4px}}.typebar__status{padding:5px 11px;border-radius:999px;background:#ffffff9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.callout__label{color:#fff;background:#1a1d20e6;box-shadow:0 6px 16px -6px #0a141c73}.callout:hover .callout__label,.callout:focus-visible .callout__label{background:var(--signal-ink);color:#fff}.callout__line{background:#1a1d208c}.callout__dot{box-shadow:0 0 0 3px #1a1d20d9}.anno__text{color:#fff;background:#1a1d20e0}.anno__line{background:#1a1d2099}.hint{color:var(--ink-2);padding:4px 9px;border-radius:999px;background:#f8f9f9b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:max-content}.hero-title{padding:26px 40px 30px 30px;margin:-26px 0 0 -30px;isolation:isolate}.hero-title:before{content:"";position:absolute;top:-40px;right:-90px;bottom:-60px;left:-60px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#f4f6f6f0,#f4f6f6b8 55%,#f4f6f600);filter:blur(6px)}.hero-title__h{color:#16191c;text-shadow:0 1px 0 rgba(255,255,255,.6),0 0 28px rgba(246,247,247,.9)}.hero-title__eyebrow{color:#0a6a83}.hero-title__h,.finale__title,.info__title,.how-rail__title,.typebar__field,.fallback__title,.cz__title{font-family:var(--f-serif);font-variation-settings:normal;font-weight:400;text-transform:none}.hero-title__h em,.finale__title em{font-style:italic;color:#3b4349}.hero-title__h{font-size:clamp(46px,5vw,76px);line-height:.96;letter-spacing:-.015em}.finale__title{font-size:clamp(30px,3.1vw,46px);line-height:1.04;letter-spacing:-.01em}.info__title{font-size:38px;line-height:1;letter-spacing:-.01em;margin-top:10px}.how-rail__title{font-size:32px;line-height:1}.typebar__field{font-size:40px;letter-spacing:-.005em}.cz__title{font-size:22px}.fallback__title{font-size:32px}.steps__verb{font-family:var(--f-serif);font-variation-settings:normal;font-weight:400;font-size:21px;letter-spacing:0}.info__lead{font-size:15.5px;line-height:1.6}.brand__sub,.how-rail__sub,.info__tag{font-family:var(--f-serif);font-style:italic;font-size:14.5px;letter-spacing:.005em}.info__tag{color:var(--ink-2)}.eyebrow,.btn,.modes__btn,.narrative__btn,.gauge__labels,.callout__label,.chip3d__k{font-variation-settings:"wdth" 100;font-weight:500}.eyebrow{letter-spacing:.2em}.btn,.modes__btn{letter-spacing:.16em;font-size:11px}.modes__btn{font-size:10.5px}.brand__title,.loader__brand{font-variation-settings:"wdth" 108;font-weight:600;letter-spacing:.22em}.brand__title{font-size:12.5px}.callout__label{letter-spacing:.16em}@media(max-width:820px){.hero-title__h{font-size:40px}.finale__title,.typebar__field{font-size:26px}.info__title{font-size:30px}.brand__title{font-size:10.5px;letter-spacing:.16em}}.hint{white-space:nowrap;max-width:none}html.shot-mode .app{inset:auto;left:0;top:0;width:1600px;height:900px;overflow:hidden}html.shot-mode *,html.shot-mode *:before,html.shot-mode *:after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}