:root,[data-theme=dark]{--bg:#0f1115;--panel:#161a21;--border:#232832;--text:#e8ebef;--sec:#8a92a0;--ter:#5a6170;--fill-intake:#3d4554;--fill-burn:#2a3038;--fill-line:#363d47;--teal:#3ecfb4;--ease:cubic-bezier(.22,1,.36,1);--mark-w:clamp(224px,56vw,384px)}[data-theme=light]{--bg:#f4f5f7;--panel:#ffffff;--border:#e5e7eb;--text:#1a1d23;--sec:#5a6170;--ter:#8a92a0;--fill-intake:#3d4554;--fill-burn:#5a6170;--fill-line:#8a92a0;--teal:#0fb896}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}html:not(.revealed){overflow:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}::selection{background:rgba(62,207,180,.25)}svg{display:block}button{font-family:inherit}.wrap{width:min(680px,100% - clamp(40px,10vw,72px));margin-inline:auto}.micro{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.micro.wide{letter-spacing:.2em}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip,.sr-only{position:absolute}.skip{left:16px;top:-48px;padding:8px 14px;z-index:60;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;text-decoration:none;font-size:13px;transition:top .15s ease}.skip:focus{top:12px}:focus-visible{outline:1px solid var(--teal);outline-offset:3px;border-radius:2px}.reveal{opacity:0;transform:translateY(10px)}html.revealed .reveal{animation:rise .9s var(--ease) forwards}html.revealed .d1{animation-delay:.05s}html.revealed .d2{animation-delay:.16s}html.revealed .d3{animation-delay:.3s}html.revealed .d4{animation-delay:.46s}html.revealed .d5{animation-delay:.62s}html.revealed .d6{animation-delay:.74s}@keyframes rise{to{opacity:1;transform:none}}html.static .reveal{animation:none!important;opacity:1;transform:none}.intro{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;cursor:pointer}.intro-mark{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:12px;margin:0;color:var(--text);cursor:pointer;will-change:transform}.intro-mark svg{width:var(--mark-w);height:auto}.intro-mark.idle{animation:idle-breathe 2.8s ease-in-out infinite}@keyframes idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.014)}}.intro-cue{color:var(--ter);padding-left:.2em;opacity:0;animation:cue-in .8s ease .9s forwards,cue-pulse 3.4s ease-in-out 1.8s infinite}@keyframes cue-in{to{opacity:.9}}@keyframes cue-pulse{0%,to{opacity:.9}50%{opacity:.4}}.intro.igniting{cursor:default}.intro.igniting .intro-cue{animation:none;opacity:0;transition:opacity .3s ease}html.static .intro{display:none}.idle-trace{position:fixed;left:0;right:0;bottom:0;height:72px;overflow:hidden;color:var(--border);z-index:0;pointer-events:none}.trace-inner{width:4800px;height:72px;animation:trace-run 38s linear infinite}@keyframes trace-run{to{transform:translateX(-2400px)}}html.static .trace-inner{animation:none}footer,header,main{position:relative;z-index:1}.site-head{display:flex;align-items:center;justify-content:space-between;padding-block:26px}.head-mark{color:var(--text)}.head-mark svg{height:15px;width:auto}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px;margin:-6px;color:var(--ter);cursor:pointer;border-radius:6px;transition:color .16s ease}.theme-toggle:hover{color:var(--sec)}main{flex:1 1;display:grid;place-items:center;padding-block:clamp(16px,3vh,36px)}.hero{text-align:center}.instrument{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:clamp(20px,4.5vw,30px) clamp(18px,4.5vw,30px) clamp(22px,4.5vw,30px);text-align:left;transition:background-color .25s ease,border-color .25s ease}.inst-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--ter);margin-bottom:22px}.inst-head .micro{font-size:10px}.inst-body{position:relative;height:192px}.inst-body>*{position:absolute;left:0;right:0}.row-line{display:flex;justify-content:space-between;align-items:baseline;height:20px}.row-line .micro{color:var(--sec);font-size:10px}.row-line .val{font-size:clamp(17px,2.6vw,19px);font-weight:300;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.r-intake{top:0}.r-burn{top:56px}.r-balance{top:150px}.r-balance .val{color:var(--teal)}.r-balance .micro{color:var(--sec)}.bar{height:8px;border-radius:1px;right:auto;width:0;transition:background-color .25s ease}.bar-intake{top:28px;background:var(--fill-intake)}.bar-burn{top:84px;background:var(--fill-burn);box-shadow:inset 0 0 0 1px var(--border)}.ruler{top:108px;height:8px;background-image:repeating-linear-gradient(to right,var(--border) 0,var(--border) 1px,transparent 1px,transparent 23px);border-bottom:1px solid var(--border)}.ruler .tick-mid,.ruler:after,.ruler:before{content:"";position:absolute;top:-2px;width:1px;height:10px;background:var(--fill-line)}.ruler:before{left:0}.ruler:after{right:0}.ruler .tick-mid{left:50%}.calib{top:122px;display:flex;justify-content:space-between;color:var(--ter);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1}.calib .c-mid{position:absolute;left:50%;transform:translateX(-50%)}.drop{right:auto;width:1px;background:var(--fill-line);opacity:.9}.drop-intake{top:36px;height:146px}.drop-burn{top:92px;height:90px}.dim{top:181px;right:auto;height:2px;background:var(--teal)}.dim:after,.dim:before{content:"";position:absolute;top:-3px;width:1px;height:8px;background:var(--teal)}.dim:before{left:0}.dim:after{right:0}.tagline{margin:clamp(34px,5.5vh,52px) 0 0;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,18px);line-height:1}.tagline,.ty{font-weight:300}.ty{font-size:clamp(14px,3.2vw,18px);letter-spacing:.44em;padding-left:.44em;text-transform:uppercase}.tm{opacity:0;color:var(--text)}.tm.on{opacity:1}.tm svg{width:var(--mark-w);height:auto;margin-inline:auto}.tm.on svg{animation:seat-breathe 6s ease-in-out infinite}@keyframes seat-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006)}}html.static .tm{opacity:1}html.static .tm.on svg{animation:none}.essence{margin:clamp(18px,3vh,24px) 0 0;color:var(--sec);font-size:11.5px;font-weight:500;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase}.capture{margin-top:clamp(30px,5vh,46px);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px clamp(18px,4vw,24px) 22px;text-align:left;transition:background-color .25s ease,border-color .25s ease}.capture .micro{color:var(--ter);display:block}.cap-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cap-row input{flex:1 1 200px;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:15px;padding:11px 14px;transition:border-color .16s ease,box-shadow .16s ease,background-color .25s ease}.cap-row input::placeholder{color:var(--ter)}.cap-row input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 16%,transparent)}.cap-row button{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:12px 20px;cursor:pointer;transition:border-color .16s ease,color .16s ease,opacity .16s ease}.cap-row button:focus-visible,.cap-row button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.cap-row button:disabled{opacity:.55;cursor:default}.cap-note{margin:10px 0 0;font-size:12.5px;color:var(--sec);min-height:1em}.cap-note:empty{margin:0;min-height:0}.cap-done{animation:rise .6s var(--ease) both}.cap-done .micro{color:var(--teal)}.cap-done p{margin:8px 0 0;color:var(--sec);font-size:15px}[hidden]{display:none!important}footer{border-top:1px solid var(--border);background:var(--bg);transition:border-color .25s ease,background-color .25s ease}.foot-inner{justify-content:space-between;gap:16px;padding-block:22px}.foot-brand,.foot-inner{display:flex;align-items:center}.foot-brand{gap:12px;color:var(--ter)}.foot-brand svg{height:11px;width:auto}.foot-brand .micro{font-size:10px;letter-spacing:.14em}.foot-social{display:flex;align-items:center;gap:6px}.foot-social .micro{color:var(--ter);font-size:10px;margin-right:10px}.foot-social .foot-social-item,.foot-social a{display:grid;place-items:center;width:34px;height:34px;color:var(--sec);border-radius:6px;transition:color .16s ease}.foot-social a:focus-visible,.foot-social a:hover{color:var(--teal)}.foot-social .foot-social-item svg,.foot-social a svg{width:17px;height:17px}@media (max-width:430px){.foot-social .micro{display:none}.cap-row button{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.cap-done,.intro,.intro-mark.idle,.tm.on svg,.trace-inner{animation:none!important}.intro{display:none}.reveal,.tm{opacity:1!important;transform:none!important}*{transition-duration:.01ms!important}}