:root{--accent: #5a7ad0;--bg: #0f1320;--panel: #1a2032;--panel2: #232c44;--text: #e7ecf7;--muted: #9aa6c4;--good: #4fbf7a;--bad: #d05a5a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{min-height:100vh;display:flex;justify-content:center}.wrap{width:100%;max-width:760px;padding:18px 16px 60px}.header{text-align:center;margin-bottom:12px}.title{margin:0;font-size:34px;letter-spacing:2px;color:var(--accent)}.subtitle{color:var(--muted);font-size:14px;margin-top:4px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.status{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}.stat{color:var(--muted);font-size:13px}.btn{background:var(--panel2);color:var(--text);border:1px solid #33405f;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}.btn:hover{background:#2c3859}.btn.mode.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{border-color:var(--bad);color:#ffb4b4}.meter-wrap{margin:10px 0 16px}.meter-label{font-size:12px;color:var(--muted);margin-bottom:4px}.meter{height:14px;background:#12172a;border-radius:8px;overflow:hidden;border:1px solid #2a3450}.meter-fill{height:100%;transition:width .25s,background .25s}.flash{min-height:20px;text-align:center;font-size:14px;opacity:0;transition:opacity .2s;margin:4px 0}.flash.show{opacity:1}.flash.bad{color:var(--bad)}.flash.good{color:var(--good)}.beam-wrap{position:relative;background:var(--panel);border-radius:14px;padding:28px 18px 24px;margin-bottom:16px}.beam{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:transform .35s ease;transform-origin:50% 100%}.pan{flex:1;background:var(--panel2);border-radius:10px;padding:12px;min-height:90px;border:1px solid #33405f}.pan-label{font-size:11px;color:var(--muted);letter-spacing:1px;margin-bottom:8px}.tiles{display:flex;flex-wrap:wrap;gap:8px}.tile{background:#2f3c5e;border:1px solid #44557e;border-radius:8px;padding:10px 12px;font-size:18px;font-weight:600;min-width:38px;text-align:center}.tile.var{background:var(--accent);border-color:#6f8de0;color:#fff}.tile.const{background:#38456a}.tile.zero{opacity:.6}.fulcrum{width:0;height:0;margin:6px auto 0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:22px solid #44557e}.eq-line{text-align:center;margin-top:14px;font-size:18px;color:var(--muted);font-family:Consolas,monospace}.eq-line.big{font-size:24px;color:var(--text);margin:14px 0}.tools{background:var(--panel);border-radius:14px;padding:16px}.tools-title{font-size:13px;color:var(--muted);margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools-hint{margin-top:10px;font-size:12px;color:var(--muted)}.custom{display:flex;gap:6px;align-items:center}.num{width:70px;background:#12172a;color:var(--text);border:1px solid #33405f;border-radius:8px;padding:8px;font-size:14px}.num.big{width:110px;font-size:22px;text-align:center}.notation{background:var(--panel);border-radius:14px;padding:20px;text-align:center}.n-title{margin:0 0 6px;color:var(--accent)}.n-sub{color:var(--muted);font-size:14px;margin-bottom:8px}.n-form{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px}.n-label{font-size:24px;font-family:Consolas,monospace}.overlay{margin-top:16px;background:var(--panel2);border:1px solid var(--accent);border-radius:14px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.o-title{margin:0;color:var(--accent)}.o-sub{color:var(--muted);font-size:14px}@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.status{margin-left:0}}