:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d0d0d;color:#f5f5f5;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0d0d0d;color:#f5f5f5;padding-bottom:78px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px;background:rgba(13,13,13,.94);backdrop-filter:blur(16px);border-bottom:1px solid #252525}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:.04em}h2{font-size:21px;margin-top:4px}h3{font-size:18px;margin-top:4px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#ff8a1c;font-weight:800}.badge{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;border:1px solid #333}.badge.live{color:#d9ffe1;border-color:#246c33;background:#12351a}.badge.warn{color:#ffe2bf;border-color:#75400f;background:#341e08}.badge.off{color:#ffcece;border-color:#713333;background:#351414}main{padding:14px;display:grid;gap:12px;max-width:820px;margin:0 auto}.card{background:#151515;border:1px solid #272727;border-radius:18px;padding:16px;box-shadow:0 8px 30px rgba(0,0,0,.18)}.hero{display:flex;justify-content:space-between;align-items:center}.hero p,.muted,small{color:#a9a9a9}.hero p{margin-top:8px;font-size:13px}.status-dot{width:14px;height:14px;border-radius:50%;background:#ff8a1c;box-shadow:0 0 18px rgba(255,138,28,.75)}.grid{display:grid}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats .card{min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.stats span{font-size:12px;color:#a9a9a9}.stats strong{font-size:27px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pairs{display:grid;gap:8px}.pair{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px;border-radius:14px;background:#101010;border:1px solid #242424}.pair strong{font-size:15px}.pair small{grid-column:1/-1}.pair .state{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#272727}.pair .state.guard{background:#3c260e;color:#ffb86c}.pair .state.open{background:#12351a;color:#bfe8c7}.pair .state.idle{background:#242424;color:#bbb}button{font:inherit;border:0;border-radius:12px;padding:10px 12px;font-weight:700}.ghost{background:#252525;color:#f5f5f5}.danger{background:#6a1b1b;color:#fff}.controls{display:grid;gap:8px;margin:14px 0 10px}.controls button:disabled{opacity:.42}.timeline{display:grid;gap:10px;margin-top:12px}.timeline div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #242424}.timeline div:last-child{border-bottom:0}.timeline span{font-size:13px;color:#aaa}.errorbox{display:none;margin-top:12px;padding:10px;border:1px solid #713333;background:#351414;color:#ffd1d1;border-radius:12px;font-size:12px}.errorbox.show{display:block}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(13,13,13,.96);border-top:1px solid #262626;backdrop-filter:blur(16px)}.bottom-nav button{background:transparent;color:#8e8e8e;font-size:11px;padding:9px 4px}.bottom-nav button.active{color:#ff8a1c}@media(min-width:720px){main{padding:20px}.stats{grid-template-columns:repeat(4,1fr)}}
.badge.partial{color:#fff0b6;border-color:#786613;background:#3a3208}.status-dot.live{background:#57d36b;box-shadow:0 0 18px rgba(87,211,107,.65)}.status-dot.partial{background:#e6c84b;box-shadow:0 0 18px rgba(230,200,75,.55)}.status-dot.off{background:#d45b5b;box-shadow:0 0 18px rgba(212,91,91,.55)}.diagnostics{display:grid;gap:8px}.diag{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #242424;border-radius:13px;background:#101010}.diag>div:first-child{display:grid;gap:2px}.diag small{font-size:11px}.diag-right{display:grid;justify-items:end;gap:3px}.diag-state{font-size:11px;font-weight:800}.diag-state.ok{color:#83e394}.diag-state.bad{color:#f08d8d}.mini-badge{font-size:10px;font-weight:800;color:#aaa;border:1px solid #303030;border-radius:999px;padding:5px 7px}.small-gap{margin-top:10px;font-size:12px}
.auth-card input{width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #333;color:#fff;padding:13px 14px;border-radius:10px;margin:10px 0 12px;font-size:16px}.token-state.ok{color:#7bd88f}.recent-row,.warning-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 0;border-top:1px solid #262626}.recent-row small{grid-column:1/-1;color:#888}.warning-row{display:block;color:#ddd}.diag{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #262626}.diag small{display:block;color:#777}.diag-right{text-align:right}.diag-state.ok{color:#7bd88f}.diag-state.bad{color:#ff8d8d}
.auth-card input{width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #333;color:#fff;padding:13px 14px;border-radius:10px;margin:10px 0 12px;font-size:16px}.token-state.ok{color:#7bd88f}.recent-row,.warning-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 0;border-top:1px solid #262626}.recent-row small{grid-column:1/-1;color:#888}.warning-row{display:block;color:#ddd}.diag{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #262626}.diag small{display:block;color:#777}.diag-right{text-align:right}.diag-state.ok{color:#7bd88f}.diag-state.bad{color:#ff8d8d}