:root{--bg: #0a0e13;--bg-1: #121821;--bg-2: #1a2230;--line: rgba(255, 255, 255, .08);--text: #e8edf4;--muted: #8b96a8;--accent: #e8a54b;--accent-dim: rgba(232, 165, 75, .16);--ok: #3dcc8a;--warn: #e8a54b;--danger: #e25b5b;--dock: 92px;--radius: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg)}body{padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom))}button,select,input{font:inherit;color:inherit}button{min-height:44px;min-width:44px;border:0;border-radius:12px;background:var(--bg-2);padding:0 14px;cursor:pointer;transition-property:transform,background-color,opacity;transition-duration:.15s}button:active{transform:scale(.96)}button.primary{background:var(--accent);color:#1a1206;font-weight:650}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.45}.app{max-width:720px;margin:0 auto;padding:16px 16px 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.15rem;font-weight:650;letter-spacing:-.02em;text-wrap:balance}.lang{display:flex;gap:6px}.lang button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent)}.privacy{margin:8px 0 0;color:var(--muted);font-size:.85rem;text-wrap:pretty}.banner{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-1);color:var(--muted);font-size:.9rem}.status{display:flex;align-items:center;gap:8px;margin-top:16px;font-variant-numeric:tabular-nums}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--ok);box-shadow:0 0 0 4px #3dcc8a29}.meter{margin-top:12px;height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden}.meter>i{display:block;height:100%;width:0;background:var(--accent);transition-property:width;transition-duration:80ms}.readout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.readout div{padding:14px;border-radius:var(--radius);background:var(--bg-1);border:1px solid var(--line)}.readout span{display:block;color:var(--muted);font-size:.75rem}.readout strong{display:block;margin-top:4px;font-size:1.6rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.panel{margin-top:18px;display:grid;gap:12px}label.field{display:grid;gap:6px;font-size:.8rem;color:var(--muted)}select,input[type=range]{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg-1);padding:0 10px}.seg{display:flex;gap:6px}.seg button{flex:1}.seg button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent)}.cal{margin-top:18px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-1)}.cal h2{margin:0 0 8px;font-size:1rem}.cal p{margin:0 0 12px;color:var(--muted)}.dock{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0a0e13eb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}