:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f1f1;background-color:#090909;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:#090909}body{margin:0;min-width:320px;background:#090909;color:#f1f1f1}a{color:#9ec0ff;text-decoration:none}a:hover{color:#c0d5ff}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid #2f2f2f;background:#101010}input,select,textarea{background:#111;border:1px solid #2b2b2b}input::placeholder,textarea::placeholder{color:#8b8b8b}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{max-width:980px;margin:28px auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.h1{margin:0;font-size:22px}.btn{border:1px solid #303030;background:#0e0e0e;color:#f1f1f1;padding:8px 10px;border-radius:10px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.grid{margin-top:18px;display:grid;gap:16px}.card{border:1px solid #2b2b2b;border-radius:16px;padding:14px;background:#101010}.cardHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.groupTitle{font-weight:700}.rowCenter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pill{border:1px solid #2d2d2d;background:#0d0d0d;color:#f1f1f1;border-radius:999px;padding:10px 12px;cursor:pointer;min-width:140px;text-align:center}.pill:hover{border-color:#505050}.dropdown{width:100%;margin-top:10px;border-top:1px solid #2a2a2a;padding-top:12px}.formRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.input{border:1px solid #2c2c2c;background:#121212;color:#f1f1f1;border-radius:10px;padding:10px;font-size:14px}.actions{display:flex;gap:10px}.small{font-size:12px;opacity:.75}.modalRow{display:grid;gap:10px}.modalActions{display:flex;gap:10px;justify-content:flex-end}.historyChartWrap{display:grid;gap:6px;margin-bottom:10px}.historyChartHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.historyChartTitle{font-size:13px;font-weight:600}.historyChartFrame{width:100%;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;background:#000}.historyChartTick{font-size:10px;fill:#b0b0b0}.historyChartAxisLabel{font-size:11px;fill:#f5f5f5;font-weight:600}.historyChartModal{position:fixed;inset:0;z-index:1000;background:#000000eb;padding:14px;display:flex}.historyChartModalInner{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;gap:10px}.historyChartModalTop{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.historyChartFrameFullscreen{width:100%;height:calc(100vh - 78px);background:#000}@media(max-width:900px){.historyChartFrameFullscreen{height:calc(100vh - 88px)}}@media(max-width:900px)and (orientation:portrait){.historyChartModal{padding:8px}.historyChartFrameFullscreen{height:calc(100vw - 18px)}}