*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#090d14;--surface:#0f1621;--surface-2:#141d2c;--border:#1d2d40;--border-subtle:#131d2a;--text:#d8e8f8;--muted:#4e6278;--accent:#e2ecf8;--accent-dim:#e2ecf814;--mixed:#f09244;--mixed-dim:#f092441f;--banned:#f07070;--banned-dim:#f070701a;--unbanned:#52d97a;--unbanned-dim:#52d97a1a;--font:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Menlo", "Monaco", "Fira Code", monospace;--radius:12px;--radius-sm:8px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:14px;line-height:1.6}#root{min-height:100dvh}a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}a:hover{text-decoration-color:#ffffffb3}b,strong{font-weight:600}.app{flex-direction:column;min-height:100dvh;display:flex}.main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:36px 20px 80px;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#090d14d1;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:900px;height:56px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:.02em;white-space:nowrap;flex-shrink:0;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1}.brand-link{text-decoration:none}.brand-mc{color:var(--text)}.brand-blocked{color:var(--banned);text-shadow:0 0 24px #f0707073}.header-nav{align-items:center;gap:2px;display:flex}.nav-btn{color:var(--muted);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-weight:500;transition:color .15s,background .15s}.nav-btn:hover{color:var(--text);background:var(--surface)}.overview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stats-row{align-items:stretch;display:flex}.stat{border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:22px 8px;display:flex}.stat:last-child{border-right:none}.stat-val{color:var(--text);letter-spacing:-.02em;font-size:clamp(16px,2.8vw,26px);font-weight:700;line-height:1}.stat-val.banned,.stat-val.accent{color:var(--text)}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:clamp(8px,1.1vw,10px);font-weight:600}.chart-area{border-top:1px solid var(--border);padding:14px 16px 8px;position:relative}.chart-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chart-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:600}.chart-zoom-hint{color:var(--muted);opacity:.55;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:10px;display:flex}.chart-zoom-hint:hover{opacity:.9}.search-section{flex-direction:column;gap:8px;display:flex}.search-form{align-items:stretch;gap:8px;display:flex}.search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.search-input-wrap input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:14px;font-family:var(--font);outline:none;padding:11px 42px 11px 40px;transition:border-color .15s,box-shadow .15s}.search-input-wrap input:focus{border-color:var(--text);box-shadow:0 0 0 3px #e2ecf814}.search-input-wrap input::placeholder{color:var(--muted)}.search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:11px}.search-clear-btn:hover{color:var(--text)}.search-btn{background:var(--accent);color:#090d14;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:11px 20px;transition:opacity .15s}.search-btn:hover{opacity:.88}.search-btn:disabled{opacity:.4;cursor:default}.sort-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;outline:none;padding:11px 14px;transition:border-color .15s}.sort-select:focus{border-color:var(--text)}.search-meta{color:var(--muted);padding:0 2px;font-size:12px}.search-meta.is-error{color:var(--banned)}.tl-list{flex-direction:column;gap:6px;display:flex}.tl-event{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);border-left:3px solid #0000;padding:12px 16px;transition:border-color .15s}.tl-event:hover{border-color:var(--border-hover,#243650)}.tl-banned{border-left-color:var(--banned)!important}.tl-unbanned{border-left-color:var(--unbanned)!important}.tl-mixed{border-left-color:var(--mixed)!important}.tl-time{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.tl-ago{opacity:.65;font-size:10px}.tl-changes{flex-direction:column;gap:4px;display:flex}.tl-line{align-items:baseline;gap:8px;font-size:13px;display:flex}.tl-pill{letter-spacing:.06em;text-align:center;border-radius:4px;flex-shrink:0;min-width:46px;padding:2px 7px;font-size:9px;font-weight:700}.tl-pill-ban{background:var(--banned-dim);color:var(--banned)}.tl-pill-unban{background:var(--unbanned-dim);color:var(--unbanned)}.tl-name{color:var(--text)}.tl-name.unknown{color:var(--muted);font-style:italic}.tl-dur{color:var(--muted);font-size:11px}.tl-clickable{font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:color .12s}.tl-name.tl-clickable:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.tl-hash.tl-clickable:hover{color:var(--text)}.tl-expand-btn{cursor:pointer;font-family:var(--font);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;display:inline-flex}.tl-expand-btn:hover .tl-name{color:var(--text)}.tl-chevron{color:var(--muted);flex-shrink:0;transition:transform .15s}.tl-chevron.open{transform:rotate(180deg)}.tl-line-indent{padding-left:20px}.tl-hash{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:12px;overflow-x:auto}.tl-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:13px}.load-more{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;width:100%;margin-top:2px;padding:12px 16px;transition:border-color .15s,color .15s}.load-more:hover{border-color:var(--text);color:var(--text)}.load-more .count{opacity:.55}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:calc(100dvh - 40px);padding:32px 36px;font-size:14px;line-height:1.7;display:flex;position:relative;overflow-y:auto}.modal-close{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);background:var(--surface-2)}.modal-title{color:var(--text);font-size:18px;font-weight:700}.modal-disclaimer{color:var(--muted);font-size:12px}.modal-error{color:var(--banned);font-size:13px}.modal-success{color:var(--unbanned);padding:4px 0;font-size:14px}.api-section{flex-direction:column;gap:10px;padding-top:4px;display:flex}.api-section+.api-section{border-top:1px solid var(--border-subtle);padding-top:8px}.api-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:600}.api-code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;word-break:break-all;padding:12px 16px;font-size:12px;line-height:1.6}.feedback-form{flex-direction:column;gap:12px;display:flex}.feedback-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:var(--font);resize:vertical;outline:none;min-height:120px;padding:12px 16px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.feedback-textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px #e2ecf814}.feedback-textarea:disabled{opacity:.5}.modal-submit{background:var(--accent);color:#090d14;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;align-self:flex-end;padding:10px 22px;transition:opacity .15s}.modal-submit:hover{opacity:.88}.modal-submit:disabled{opacity:.4;cursor:default}.site-footer{border-top:1px solid var(--border-subtle);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 20px;font-size:11px;display:flex}@media (width<=600px){.header-inner{padding:0 14px}.main{gap:18px;padding:24px 14px 70px}.modal-box{padding:24px 20px}.brand{font-size:9px}.nav-btn{padding:6px 8px;font-size:12px}.stats-row{flex-wrap:wrap}.stat{border-right:none;border-bottom:1px solid var(--border);min-width:33%}.stat:nth-child(-n+3){border-bottom:1px solid var(--border)}.stat:nth-last-child(-n+2){border-bottom:none}}