:root{color-scheme:light;--ink:#0a2032;--ink-soft:#3f5361;--paper:#f5f0e5;--paper-deep:#e8dfcf;--night:#071b2d;--night-soft:#0d2a40;--cyan:#31c5ce;--blue:#4b8cff;--violet:#8c70ff;--line:#0a20322e;--shadow:0 28px 80px #000e1c29;background:var(--paper);color:var(--ink);font-synthesis:none;font-family:Songti SC,Noto Serif CJK SC,Source Han Serif SC,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 90% 5%, #31c5ce1c, transparent 28rem), var(--paper);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;margin:0;line-height:1.7}a{color:inherit}button,input,output{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{z-index:100;color:var(--night);background:#fff;border-radius:999px;padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,.shell{width:min(1180px,100% - 3rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:5.5rem;display:flex}.wordmark{letter-spacing:.08em;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-mark{color:#138b9d;border:1px solid;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid}.site-header nav{letter-spacing:.04em;gap:clamp(1rem,3vw,2.5rem);font-family:system-ui,sans-serif;font-size:.86rem;display:flex}.site-header nav a,.site-footer a,.text-link{text-underline-offset:.3em;text-decoration-thickness:1px}.hero{min-height:min(760px,78vh);padding:clamp(6rem,13vw,11rem) 0 5rem}.eyebrow,.demo-kicker{color:#197e8c;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.2rem;font-family:system-ui,sans-serif;font-size:.76rem;font-weight:700}h1,h2,p{text-wrap:pretty}h1,h2{letter-spacing:-.045em;margin:0;font-weight:650;line-height:1.12}h1{max-width:14ch;font-size:clamp(3.7rem,10vw,8.4rem)}h2{font-size:clamp(2.3rem,5vw,4.8rem)}.hero-lede{max-width:45rem;color:var(--ink-soft);margin:2.8rem 0 2rem;font-size:clamp(1rem,1.8vw,1.25rem)}.text-link{align-items:center;gap:.8rem;font-family:system-ui,sans-serif;font-weight:650;display:inline-flex}.core-grid,.index-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(3rem,8vw,8rem);padding-block:clamp(5rem,10vw,9rem);display:grid}.point-list{margin:0;padding:0;list-style:none}.point-list li{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.45rem 0;display:grid}.point-list span{color:#238b99;font-family:ui-monospace,monospace;font-size:.76rem}.point-list strong{font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600}.demo-section{background:radial-gradient(circle at 84% 18%, #8c70ff2e, transparent 24rem), radial-gradient(circle at 12% 76%, #31c5ce21, transparent 28rem), var(--night);color:#edf7f5;padding-block:clamp(5rem,10vw,9rem);overflow:hidden}.section-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:1rem 5rem;margin-bottom:3rem;display:grid}.section-heading .eyebrow{color:var(--cyan);grid-column:1/-1}.section-heading p:last-child{color:#b9cbd1;margin:0}.wheel-demo{box-shadow:var(--shadow);background:#051422c7;border:1px solid #cbf0ee33;border-radius:1.4rem;overflow:hidden}.wheel-demo:focus-visible{outline-color:var(--cyan)}.demo-toolbar{border-bottom:1px solid #cbf0ee24;justify-content:space-between;align-items:center;gap:2rem;padding:1.3rem clamp(1rem,3vw,2.2rem);display:flex}.demo-kicker{color:var(--cyan);margin-bottom:.2rem}.demo-instructions{color:#91a9b2;margin:0;font-family:system-ui,sans-serif;font-size:.78rem}.transport{flex:none;gap:.55rem;display:flex}.transport button{color:#edf7f5;cursor:pointer;background:0 0;border:1px solid #cbf0ee38;border-radius:999px;min-height:2.75rem;padding:.55rem .95rem}.transport .transport-primary{background:var(--cyan);color:#061923;border-color:#0000;min-width:6.5rem;font-weight:750}[data-play-icon]{min-width:1.4em;display:inline-block}.demo-stage{padding:clamp(1rem,3vw,2.4rem)}.stage-labels,.reading-grid{grid-template-columns:repeat(3,1fr);display:grid}.stage-labels{color:#8faab5;letter-spacing:.08em;text-align:center;margin-bottom:.8rem;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:650}.wheel-figure{min-height:19rem;margin:0}.wheel-svg{place-items:center;min-height:19rem;display:grid}.wheel-svg svg{width:100%;height:auto;max-height:24rem;display:block}.sample-track{justify-content:space-between;align-items:center;max-width:40rem;margin:1rem auto 0;padding:.5rem;display:flex;position:relative}.track-line{background:#cbf0ee38;height:1px;position:absolute;left:1rem;right:1rem}.sample-dot{background:var(--night);border:1px solid #90aeb7;border-radius:50%;width:.58rem;height:.58rem;position:relative}.sample-dot[data-active]{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 .35rem #31c5ce29}.reading-grid{gap:1rem;margin-top:1.2rem}.reading-grid p{background:#ffffff06;border:1px solid #cbf0ee21;border-radius:.8rem;flex-direction:column;margin:0;padding:1rem;display:flex}.reading-grid span{color:#8faab5;font-family:system-ui,sans-serif;font-size:.72rem}.reading-grid strong{font-family:system-ui,sans-serif;font-size:1rem}.apparent-reading{border-color:#8c70ff70!important}.wheel-demo[data-direction=backward] .apparent-reading strong{color:#b9a9ff}.wheel-demo[data-direction=forward] .apparent-reading strong{color:var(--cyan)}.demo-controls{border-top:1px solid #cbf0ee24;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem clamp(1rem,3vw,2.4rem);display:grid}.demo-controls label{background:#ffffff06;border-radius:.75rem;gap:.8rem;padding:1rem;display:grid}.demo-controls label>span{justify-content:space-between;gap:1rem;font-family:system-ui,sans-serif;font-size:.78rem;display:flex}.demo-controls output{color:#a6c1c8;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--cyan);cursor:ew-resize}.demo-status{color:#9fb3ba;margin:0;padding:0 2.4rem 1.7rem;font-size:.88rem}.index-section>p{color:var(--ink-soft);margin:0;font-size:1.08rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;padding-block:2.5rem;font-family:system-ui,sans-serif;font-size:.8rem;display:flex}.site-footer p{margin:0}.not-found{align-content:center;min-height:calc(100vh - 11rem);padding-block:5rem;display:grid}.not-found h1{font-size:clamp(3rem,8vw,7rem)}.not-found>p:not(.eyebrow){max-width:34rem;color:var(--ink-soft);margin:2rem 0}.button-link{background:var(--night);color:#fff;border-radius:999px;justify-self:start;padding:.75rem 1.2rem;font-family:system-ui,sans-serif;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){.site-header{min-height:4.5rem}.site-header nav a:not(:last-child){display:none}.hero{min-height:auto}.core-grid,.index-section,.section-heading{grid-template-columns:1fr}.demo-toolbar{flex-direction:column;align-items:stretch}.transport{flex-wrap:wrap}.stage-labels{font-size:.62rem}.wheel-figure,.wheel-svg{min-height:13rem}.reading-grid,.demo-controls{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}