@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --card-accent{syntax: "<color>"; inherits: true; initial-value: #4fc4b2;}:root{--ink-0: #030506;--ink-1: #070b0c;--ink-2: #0c1315;--bone: #f2ecdf;--bone-soft: #c6bdaa;--bone-dim: rgba(242, 236, 223, .52);--acl: #ff6f56;--acl-glow: #ff9a85;--meniscus: #f0a957;--let: #d4bb70;--teal: #4fc4b2;--teal-bright: #8ceadb;--line: rgba(242, 236, 223, .12);--line-soft: rgba(242, 236, 223, .07);--paper: rgba(242, 236, 223, .04);--paper-2: rgba(242, 236, 223, .07);--glass: linear-gradient(168deg, rgba(22, 28, 30, .66), rgba(10, 14, 15, .78));--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 0 0 1px rgba(242, 236, 223, .05);--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Geist Variable", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, "SF Mono", monospace;--r-panel: 20px;--r-chip: 10px;--ease: cubic-bezier(.22, 1, .36, 1);transition:--card-accent .7s var(--ease)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--bone);background:radial-gradient(85% 65% at 74% 16%,rgba(51,128,115,.17) 0%,transparent 58%),radial-gradient(70% 55% at 12% 88%,rgba(196,90,62,.1) 0%,transparent 55%),radial-gradient(130% 95% at 50% 34%,#101d20 0%,#0a1214 42%,#050809 74%,var(--ink-0) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(115% 100% at 50% 44%,transparent 52%,rgba(2,5,6,.62) 100%);z-index:2}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mono{font-family:var(--font-mono)}#loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(90% 70% at 70% 20%,rgba(51,128,115,.12) 0%,transparent 60%),radial-gradient(120% 90% at 50% 40%,#0c1517,var(--ink-0));transition:opacity .9s var(--ease),visibility .9s}#loader.hidden{opacity:0;visibility:hidden}.loader-mark{font-family:var(--font-display);font-size:17px;letter-spacing:.45em;text-indent:.45em;color:var(--bone);opacity:.9}.loader-bar{width:210px;height:1px;background:var(--line);overflow:hidden;border-radius:2px}.loader-bar span{display:block;height:100%;width:44%;background:linear-gradient(90deg,transparent,var(--teal-bright),transparent);animation:slide 1.3s infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(340%)}}.loader-note{font-family:var(--font-display);font-style:italic;font-size:14px;letter-spacing:.02em;color:var(--bone-dim)}#brand,#rail,#rotate-hint,#card,#nav{opacity:0}#loader.hidden~#brand{animation:rise .9s .1s var(--ease) both}#loader.hidden~#rail{animation:fadein 1.1s .45s var(--ease) both}#loader.hidden~#rotate-hint{animation:fadein 1.1s .6s var(--ease) both}#loader.hidden~#card{animation:rise .9s .22s var(--ease) both}#loader.hidden~#nav{animation:rise-nav .9s .34s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-nav{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}#brand{position:absolute;top:clamp(18px,3vw,36px);left:clamp(18px,3vw,42px);z-index:10;pointer-events:none}.brand-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--teal)}.brand-eyebrow:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--teal),transparent);opacity:.7}.brand-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(24px,2.6vw,34px);letter-spacing:.005em;margin-top:4px;color:var(--bone)}#rail{position:absolute;top:50%;right:clamp(16px,2.4vw,34px);transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.rail-item{display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:6px 2px;color:var(--bone-dim);font-family:var(--font-mono);font-size:10px;transition:color .3s var(--ease)}.rail-item .rail-label{opacity:0;transform:translate(8px);transition:opacity .3s var(--ease),transform .3s var(--ease);white-space:nowrap;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:500}.rail-item:hover{color:var(--bone)}.rail-item:hover .rail-label{opacity:.85;transform:none}.rail-dot{width:16px;height:2px;border-radius:2px;background:var(--bone-soft);opacity:.28;border:0;transition:all .4s var(--ease);flex:none}.rail-item.active{color:var(--bone)}.rail-item.active .rail-label{opacity:.95;transform:none}.rail-item.active .rail-dot{width:32px;opacity:1;background:linear-gradient(90deg,var(--teal),var(--teal-bright));box-shadow:0 0 10px #4fc4b28c}.rail-item.done .rail-dot{opacity:.6;background:var(--bone-soft)}#rotate-hint{position:absolute;top:clamp(18px,3vw,36px);right:clamp(60px,8vw,124px);z-index:9;display:flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;background:#090d0e8c;border:1px solid var(--line-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);transition:opacity .6s var(--ease)}.hint-ring{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(242,236,223,.25);border-top-color:var(--teal-bright);animation:spin 3.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#rotate-hint.gone{opacity:0;animation:none;pointer-events:none}#card{position:absolute;z-index:12;left:clamp(18px,3vw,42px);bottom:clamp(88px,12vh,120px);width:min(446px,calc(100vw - 40px));padding:26px 28px;background:var(--glass);border:1px solid rgba(242,236,223,.09);border-radius:var(--r-panel);backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);box-shadow:inset 0 1px #ffffff12,0 30px 80px -28px #000000d9,0 8px 30px -14px #0009}#card:before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.85}#card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 46% at 50% 0%,color-mix(in srgb,var(--card-accent) 11%,transparent),transparent 72%)}.card-top{display:flex;align-items:baseline;gap:13px;margin-bottom:14px}#card-index{font-size:12px;font-weight:500;color:var(--card-accent);letter-spacing:.12em}#card-chapter{font-size:9.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-dim)}#card-title{font-family:var(--font-display);font-weight:400;font-size:clamp(27px,3.2vw,37px);line-height:1.04;letter-spacing:.002em;text-wrap:balance;color:var(--bone);margin-bottom:12px}#card-body{font-size:14.5px;line-height:1.62;color:#f2ecdfbd;max-width:44ch;font-weight:420}#card-body strong{color:var(--bone);font-weight:620}#card-body .tag{font-family:var(--font-mono);font-size:.8em;font-weight:500;letter-spacing:.02em;padding:1.5px 8px;border-radius:6px;white-space:nowrap}#card-body .tag--acl{color:var(--acl-glow);background:#ff6f561f;box-shadow:inset 0 0 0 1px #ff6f5638}#card-body .tag--men{color:var(--meniscus);background:#f0a9571c;box-shadow:inset 0 0 0 1px #f0a95738}#card-body .tag--let{color:var(--let);background:#d4bb701c;box-shadow:inset 0 0 0 1px #d4bb7038}#card-body .tag--teal{color:var(--teal-bright);background:#4fc4b21c;box-shadow:inset 0 0 0 1px #4fc4b23d}#card.swapping #card-title,#card.swapping #card-body,#card.swapping .card-top{opacity:0;transform:translateY(9px)}#card-title,#card-body,.card-top{transition:opacity .4s var(--ease),transform .4s var(--ease)}#card-toggle{margin-left:auto;align-self:center;flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--bone-dim);background:var(--paper);border:1px solid var(--line-soft);border-radius:999px;cursor:pointer;transition:all .25s var(--ease)}#card-toggle:hover{color:var(--bone);border-color:var(--line);background:var(--paper-2)}#card-toggle .tgl-v{opacity:0;transition:opacity .2s var(--ease)}#card.collapsed #card-toggle .tgl-v{opacity:1}.card-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--ease)}.card-collapse-inner{min-height:0;overflow:hidden;visibility:visible;transition:visibility 0s}#card.collapsed .card-collapse{grid-template-rows:0fr}#card.collapsed .card-collapse-inner{visibility:hidden;transition:visibility 0s .5s}.card-top{transition:opacity .4s var(--ease),transform .4s var(--ease),margin-bottom .5s var(--ease)}#card.collapsed .card-top{margin-bottom:0}#card-interactive:not(:empty){margin-top:18px;padding-top:17px;border-top:1px solid var(--line-soft);position:relative;z-index:1}.ix-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.ix-btn{font-family:var(--font-body);font-size:13px;font-weight:560;color:var(--bone);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:9px 17px;cursor:pointer;transition:all .25s var(--ease);display:inline-flex;align-items:center;gap:7px}.ix-btn:hover{background:#4fc4b221;border-color:#4fc4b299;color:#fff;transform:translateY(-1px)}.ix-btn.is-active{background:linear-gradient(135deg,var(--teal),var(--teal-bright));border-color:transparent;color:#04211c;box-shadow:0 6px 20px -6px #4fc4b28c}.ix-btn--danger:hover{background:#ff6f5624;border-color:#ff6f5699}.ix-btn.is-active.ix-btn--danger{background:linear-gradient(135deg,#e85a41,var(--acl));color:#240a05;box-shadow:0 6px 20px -6px #ff6f568c}.ix-readout{font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--bone-dim);margin-top:12px;min-height:1.4em}.ix-readout strong{color:var(--teal-bright);font-weight:500}.ix-readout.warn strong{color:var(--acl-glow)}.ix-slider-wrap{margin-top:4px}.ix-slider-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:10.5px;color:var(--bone-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.ix-slider-top b{color:var(--teal-bright);font-weight:500;font-size:13px;text-transform:none}input[type=range].ix-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;cursor:pointer;background:linear-gradient(90deg,var(--teal) var(--fill, 0%),var(--line) var(--fill, 0%))}input[type=range].ix-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--bone);border:3px solid var(--teal-bright);box-shadow:0 0 0 4px #4fc4b22e,0 3px 12px #0000008c;margin-top:0;transition:box-shadow .25s var(--ease)}input[type=range].ix-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #4fc4b242,0 3px 12px #0000008c}input[type=range].ix-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--bone);border:3px solid var(--teal-bright);box-shadow:0 0 0 4px #4fc4b22e,0 3px 12px #0000008c}.ix-phasebar{display:flex;gap:5px;margin-top:13px}.ix-phase{flex:1;padding:8px 6px;border-radius:var(--r-chip);background:var(--paper);border:1px solid var(--line-soft);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim);text-align:center;line-height:1.35;transition:all .35s var(--ease)}.ix-phase.active{background:#4fc4b221;border-color:#4fc4b28c;color:var(--teal-bright);box-shadow:0 0 16px -4px #4fc4b259}.ix-phase .ph-wk{display:block;font-size:8.5px;opacity:.65;margin-top:2px}.ix-strength{margin-top:15px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim)}.ix-strength-bar{height:6px;border-radius:6px;background:var(--line-soft);margin-top:7px;overflow:hidden}.ix-strength-fill{height:100%;border-radius:6px;width:8%;background:linear-gradient(90deg,var(--acl),var(--meniscus),var(--teal-bright));box-shadow:0 0 12px #8ceadb59;transition:width .35s var(--ease)}.ix-note{margin-top:14px;font-size:13px;line-height:1.55;color:var(--bone-soft);padding:10px 14px;border-radius:var(--r-chip);background:var(--paper);border-left:2px solid var(--card-accent)}.ix-note b{color:var(--bone);font-weight:620}#nav{position:absolute;z-index:12;left:50%;bottom:clamp(20px,3.4vh,36px);transform:translate(-50%);display:flex;align-items:center;gap:18px;width:min(446px,calc(100vw - 40px))}.nav-btn{font-family:var(--font-body);font-size:13.5px;font-weight:570;color:var(--bone-soft);background:#0c111299;border:1px solid var(--line);border-radius:999px;padding:10px 19px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .25s var(--ease)}.nav-btn:hover{color:var(--bone);border-color:#f2ecdf4d;transform:translateY(-1px)}.nav-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.nav-btn--primary{color:#04211c;background:linear-gradient(135deg,var(--teal),var(--teal-bright));border-color:transparent;box-shadow:0 8px 26px -8px #4fc4b299}.nav-btn--primary:hover{color:#04211c;background:linear-gradient(135deg,#5fd8c5,#a5f2e5);box-shadow:0 10px 30px -8px #4fc4b2bf}#progress{flex:1;height:3px;background:var(--line-soft);border-radius:3px;overflow:hidden}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal),var(--teal-bright));border-radius:3px;box-shadow:0 0 10px #4fc4b299;transition:width .5s var(--ease)}#labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.lbl{position:absolute;top:0;left:0;will-change:transform;opacity:0;transition:opacity .45s var(--ease)}.lbl.show{opacity:1}.lbl-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--l-color, var(--bone));left:-3.5px;top:-3.5px;box-shadow:0 0 0 3px color-mix(in srgb,var(--l-color, var(--bone)) 22%,transparent),0 0 12px var(--l-color, var(--bone))}.lbl-line{position:absolute;left:0;top:0;height:1px;width:var(--l-len, 46px);background:linear-gradient(90deg,var(--l-color, var(--bone-dim)),transparent);transform-origin:left center}.lbl-text{position:absolute;left:var(--l-len, 46px);top:-1em;transform:translate(6px);white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;color:var(--bone);padding:5px 10px;border-radius:9px;background:#070b0cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #f2ecdf1a,0 4px 16px #00000073}.lbl-text .lbl-sub{display:block;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--l-color, var(--bone-dim));margin-top:2px}.lbl.flip .lbl-line{transform:scaleX(-1)}.lbl.flip .lbl-text{left:auto;right:var(--l-len, 46px);transform:translate(-6px);text-align:right}button:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--teal-bright);outline-offset:2px}@media (max-width: 720px){#rail{display:none}#rotate-hint{right:auto;left:18px;top:88px;bottom:auto}#card{bottom:84px;padding:18px 18px 20px;border-radius:18px}#card:before{left:18px;right:18px}#card-title{font-size:24px}#card-body{font-size:13.5px;line-height:1.55}.brand-title{font-size:22px}#nav{bottom:16px}.lbl-text{font-size:9.5px}}@media (max-width: 720px) and (max-height: 720px){#brand{opacity:.85}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.05ms!important}}