:root{--paper:#0b0c0e;--surface:#15171a;--raised:#191c20;--line:#24272c;--line-strong:#343841;--ink:#f4f5f8;--ink-soft:#b9bcc4;--ink-faint:#7c8189;--klein:#2b5cff;--klein-deep:#4b78ff;--klein-tint:#101a33;--good:#3dd68c;--warn:#e0a33e;--error:#ff5a5f;--display:Sora, "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, sans-serif;--body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--glide:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100svh;font-family:var(--body);color:var(--ink);background:radial-gradient(1100px 620px at 10% -10%, #2b5cff1f, transparent 62%), radial-gradient(880px 520px at 92% 4%, #4b78ff14, transparent 60%), var(--paper);-webkit-font-smoothing:antialiased;background-attachment:fixed}.glass{-webkit-backdrop-filter:blur(22px)saturate(150%);transition:transform .32s var(--glide), border-color .32s ease, box-shadow .32s ease, background .32s ease;background:linear-gradient(150deg,#ffffff0e,#ffffff05 42%,#ffffff02);border:1px solid #ffffff14;border-radius:16px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 16px 38px -24px #000c}.glass:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;-webkit-mask-composite:xor;background:linear-gradient(135deg,#2b5cff70,#0000 46%,#4b78ff40);padding:1px;transition:opacity .32s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass.lift:hover{border-color:#fff2;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 24px 48px -26px #000000e6,0 0 34px -18px #2b5cff80}.glass.lift:hover:after{opacity:1}.lab{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:600}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;margin:0;font-weight:600}h1{font-size:clamp(26px,4.4vw,38px);line-height:1.08}h2{font-size:19px}h3{letter-spacing:-.015em;font-size:15px}p{margin:0;line-height:1.65}@keyframes rise{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}.r{animation:rise .68s var(--glide) both}.d1{animation-delay:60ms}.d2{animation-delay:.15s}.d3{animation-delay:.24s}.d4{animation-delay:.33s}.d5{animation-delay:.42s}.btn{cursor:pointer;font-family:var(--body);letter-spacing:-.01em;background:var(--klein);color:#fff;transition:all .22s var(--spring);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 22px -6px #2b5cff80}.btn:hover{background:var(--klein-deep);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.ghost{border:1px solid var(--line);color:var(--ink-soft);box-shadow:none;background:0 0;font-weight:500}.btn.ghost:hover{border-color:var(--line-strong);color:var(--ink);background:#ffffff08}.track{background:#ffffff12;border-radius:4px;height:6px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--klein), var(--klein-deep));height:100%;transition:width .9s var(--glide);border-radius:4px;box-shadow:0 0 18px #2b5cff66}.tick{border:1.5px solid var(--line-strong);cursor:pointer;width:21px;height:21px;transition:all .2s var(--spring);background:0 0;border-radius:7px;flex:0 0 21px;justify-content:center;align-items:center;padding:0;display:flex}.tick:hover{border-color:var(--klein);background:#2b5cff1a}.tick[data-done="1"]{background:var(--good);border-color:var(--good)}.done-text{color:var(--ink-faint);text-decoration:line-through}.wrap{max-width:880px;margin:0 auto;padding:0 22px}.stack{flex-direction:column;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.r{animation:none}.glass,.btn,.tick,.fill{transition:none}}@keyframes node-breathe{0%,to{box-shadow:0 0 #2b5cff66,0 0 14px #2b5cff80}50%{box-shadow:0 0 0 7px #2b5cff00,0 0 22px 2px #2b5cffb3}}.node-live{animation:2.1s ease-in-out infinite node-breathe}@keyframes dot-fade{0%,to{opacity:.35}50%{opacity:1}}.pulse-dot{background:var(--klein);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dot-fade;display:inline-block}.doc-body{color:var(--ink-soft);font-size:14.5px;line-height:1.72}.doc-body h1,.doc-body h2,.doc-body h3{color:var(--ink)}.doc-body h2{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid #ffffff12;margin:30px 0 10px;padding-bottom:6px;font-size:10.5px;font-weight:600}.doc-body p{margin:0 0 12px}.doc-body strong{color:var(--ink)}.doc-body ul{padding-left:18px}.doc-body li{margin-bottom:6px}.doc-body li::marker{color:var(--klein)}.doc-body .mast,.doc-body .foot,.doc-body .sigs{display:none}.sigpad{touch-action:none;border:1px dashed var(--line-strong);cursor:crosshair;background:#ffffff0a;border-radius:12px;width:100%;height:150px;display:block}@media (prefers-reduced-motion:reduce){.node-live,.pulse-dot{animation:none}}.sticky-sign{z-index:40;padding:14px 22px calc(14px + env(safe-area-inset-bottom));pointer-events:none;transition:transform .42s var(--glide), opacity .3s ease;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sticky-sign.gone{opacity:0;transform:translateY(130%)}.sticky-inner{pointer-events:auto;-webkit-backdrop-filter:none;background:#0b0c0e;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:560px;padding:12px 12px 12px 20px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 20px 44px -18px #000000e6}@media (max-width:520px){.sticky-inner{padding:12px}.sticky-inner .btn{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.sticky-sign{transition:none}}
