:root{--bg:#0f1216;--panel:#1a1f26;--panel-hi:#222a34;--text:#e8edf3;--muted:#8b97a6;--accent:#4aa3ff;--border:#262d36;--border-hi:#3a4654}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 30% 0%, #1c242e 0%, var(--bg) 60%);color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app{min-height:100vh;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:0;display:flex}.stage{flex:none;justify-content:center;align-items:center;display:flex}#calc{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;display:block}.stage:-webkit-full-screen{background:#0b0e12;width:100%;height:100%}.stage:fullscreen{background:#0b0e12;width:100%;height:100%}.stage:-webkit-full-screen{background:#0b0e12;width:100%;height:100%}.stage:-webkit-full-screen #calc{max-width:100%;max-height:100%}.stage:fullscreen #calc{max-width:100%;max-height:100%}.stage:-webkit-full-screen #calc{max-width:100%;max-height:100%}.rail{flex-direction:column;flex:none;gap:10px;display:flex}.rail-btn{background:var(--panel);width:74px;color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px 5px;font-size:11px;line-height:1;transition:background .15s,border-color .15s,color .15s,transform 80ms;display:flex}.rail-btn svg{width:22px;height:22px;display:block}.rail-btn:hover{background:var(--panel-hi);border-color:var(--border-hi)}.rail-btn:active{transform:translateY(1px)}.rail-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.glass{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex:none;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 10px 30px #0006}.glass[hidden]{display:none}.glass canvas{width:100%;height:100%;display:block}.modal{z-index:20;background:#06090d9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal[hidden]{display:none}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(92vw,380px);padding:18px 20px 14px;box-shadow:0 18px 50px #0000008c}.modal-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:15px;display:flex}.modal-head .val{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.modal-box input[type=range]{width:100%;accent-color:var(--accent)}.modal-hint{color:var(--muted);margin:10px 0 0;font-size:12px}.toast{z-index:30;color:#ffb4b4;background:#2a1b1e;border:1px solid #5a2a2f;border-radius:10px;max-width:90vw;padding:10px 16px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}@media (max-width:820px){.app{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px}.rail{flex-direction:row;gap:8px}.rail-btn{width:auto;min-width:68px;padding:9px 10px}#btnZoom{display:none}}