:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#f2f5fb;-webkit-font-smoothing:antialiased;background:#05070c;min-height:100%;margin:0;padding:0;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}a{color:inherit}.stage-frame{pointer-events:none;background:#e9eae6;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.stage{text-align:center;background:radial-gradient(120% 80% at 50% 0,#101a2c 0%,#070a12 45%,#05070c 100%),#05070c;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,48px);padding:5vh 4vw;display:flex;position:fixed;inset:0;overflow:hidden}.stage-title{letter-spacing:.34em;text-indent:.34em;margin:0;font-size:clamp(30px,5.6vw,112px);font-weight:600;line-height:1.15;transition:font-size .6s,opacity .6s,transform .6s}.stage-body{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.stage-idle{opacity:.16;background:#e9eef8;border-radius:50%;width:clamp(12px,1.2vw,22px);height:clamp(12px,1.2vw,22px);animation:4.8s ease-in-out infinite idle-breathe;box-shadow:0 0 40px 12px #a0beff1f}.stage.phase-background .stage-title,.stage.phase-ready .stage-title{opacity:.94}.stage.phase-drawing .stage-title,.stage.phase-revealed .stage-title{opacity:.62;font-size:clamp(20px,2.4vw,48px)}.stage.phase-ready .stage-idle{opacity:.5;animation-duration:2.2s;box-shadow:0 0 70px 22px #a0beff38}.stage-number{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:clamp(96px,22vw,420px);font-weight:600;line-height:1}.stage-number.rolling{color:#c7d5ee;opacity:.9;filter:blur(.4px);animation:.22s steps(2,end) infinite roll-flicker}.stage-number.revealed{color:#fff;text-shadow:0 0 60px #aac8ff59;animation:.9s cubic-bezier(.16,1,.3,1) both reveal-pop}.stage-caption{letter-spacing:.4em;opacity:.35;margin:0;font-size:clamp(12px,1.1vw,18px)}@keyframes idle-breathe{0%,to{opacity:.16;transform:scale(1)}50%{opacity:.22;transform:scale(1.35)}}@keyframes roll-flicker{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes reveal-pop{0%{opacity:0;filter:blur(14px);transform:scale(.82)}55%{opacity:1;filter:blur();transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.stage-dot{opacity:.55;background:#3f8f5f;border-radius:50%;width:6px;height:6px;position:fixed;bottom:16px;right:18px}.stage-dot.stale{background:#b4453a;animation:1s steps(2,end) infinite roll-flicker}.control{color:#eef2f8;background:#0a0f18;min-height:100vh;padding:20px 16px 48px}.control-inner{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}.control h1{letter-spacing:.08em;margin:0;font-size:20px;font-weight:600}.control h2{letter-spacing:.12em;color:#93a3bd;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.card{background:#111927;border:1px solid #1e2b3f;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.row .label{color:#8fa0ba}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}button{font:inherit;cursor:pointer;color:#eef2f8;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;background:#1b2740;border:1px solid #2a3a54;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform .12s,background .12s}button:active{background:#223354;transform:scale(.985)}button.primary{background:#2f6df6;border-color:#2f6df6}button.danger{color:#ffd7d3;background:#3a1a1c;border-color:#6b2b2f}button.ghost{color:#b7c5da;background:0 0;border-color:#2a3a54;font-weight:500}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{font:inherit;color:#eef2f8;background:#0b1320;border:1px solid #23324a;border-radius:10px;width:100%;padding:12px;font-size:15px}textarea{resize:vertical;min-height:96px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.actions{gap:10px;display:grid}.actions.two{grid-template-columns:1fr 1fr}.error{color:#ffb4ad;margin:0;font-size:13px}.muted{color:#7f8ea6;margin:0;font-size:12px;line-height:1.6}.history{flex-direction:column;gap:6px;max-height:220px;font-size:14px;display:flex;overflow:auto}.history-row{background:#0b1320;border-radius:8px;justify-content:space-between;gap:10px;padding:6px 8px;display:flex}.pill{color:#9db0cb;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pill i{background:#3f8f5f;border-radius:50%;width:7px;height:7px;display:inline-block}.pill.bad i{background:#b4453a}.demo-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a101aeb;border:1px solid #22324a;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:94vw;padding:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.demo-bar button{border-radius:10px;padding:9px 12px;font-size:13px}.demo-bar .tag{color:#7f8ea6;letter-spacing:.16em;align-self:center;padding:0 4px;font-size:11px}.seconds-row{color:#8fa0ba;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.seconds-row input{text-align:center;width:92px;font-size:16px;font-weight:600}.countdown{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:4px 0 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:44px;font-weight:700}.countdown span{opacity:.55;margin-left:6px;font-size:15px}.offline{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f2ef;background:#08090be6;flex-direction:column;justify-content:center;align-items:center;gap:0;animation:.22s ease-out both offline-in;display:flex;position:fixed;inset:0}@keyframes offline-in{0%{opacity:0}to{opacity:1}}.offline-stripes{opacity:.9;background:repeating-linear-gradient(-45deg,#ffe500 0 14px,#111 14px 28px);width:100%;height:14px}.offline-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 6vw;display:flex}.offline-tag{letter-spacing:.32em;color:#111;background:#ffe500;padding:6px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(10px,.9vw,15px);font-weight:700}.offline h2{letter-spacing:.18em;text-indent:.18em;margin:0;font-size:clamp(40px,6.4vw,120px);font-weight:700;line-height:1.1}.offline p{color:#b9bab5;letter-spacing:.14em;margin:0;font-size:clamp(13px,1.1vw,20px)}.offline-bar{background:#24262a;width:min(420px,60vw);height:4px;overflow:hidden}.offline-bar i{background:#ffe500;width:38%;height:100%;animation:1.6s ease-in-out infinite offline-scan;display:block}@keyframes offline-scan{0%{transform:translate(-100%)}to{transform:translate(360%)}}