@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:dark;--bg: #0b1016;--panel: #121a24;--panel-2: #16202d;--accent: #4ad295;--muted: #8aa0b4;--text: #e6edf3;--border: #223043;--danger: #ff6b6b;--warn: #ffb347}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top,#111c29,#0b1016 50%);color:var(--text)}.screen{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.app{max-width:720px;margin:0 auto;padding:20px 16px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--panel);border-radius:16px;border:1px solid var(--border)}.title{font-size:20px;font-weight:600}.subtitle{font-size:12px;color:var(--muted)}.tabs{margin:16px 0;display:flex;gap:8px}.tab{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text)}.tab.active{background:var(--panel-2);border-color:var(--accent)}.list{display:grid;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;border:1px dashed var(--border);color:var(--muted)}.toggle{border:1px solid var(--border);background:transparent;color:var(--text);padding:6px 12px;border-radius:999px}.toggle.active{border-color:var(--accent);color:var(--accent)}.card{text-align:left;padding:14px;background:var(--panel);border-radius:14px;border:1px solid var(--border);color:var(--text)}.card-title{font-weight:600}.card-meta{font-size:12px;color:var(--muted);margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;border-radius:999px;margin-top:8px;border:1px solid var(--border);color:var(--text)}.badge.inline{margin-left:8px}.badge.ok{border-color:#4ad29599;color:var(--accent)}.badge.warn{border-color:#ffb34799;color:var(--warn)}.badge.danger{border-color:#ff6b6b99;color:var(--danger)}.badge.vip{border-color:#8aa0b4b3;color:#ffd166}.empty{text-align:center;color:var(--muted);padding:24px}.match{display:grid;gap:16px}.match-card{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--border)}.actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}button{cursor:pointer}.primary{background:var(--accent);border:none;padding:8px 12px;border-radius:10px;color:#0b1016;font-weight:600}.ghost{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:10px;color:var(--text)}.timeline{padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--panel-2)}.section-title{font-weight:600;margin-bottom:8px}.timeline-group{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.timeline-group:last-child{border-bottom:none}.timeline-time{display:flex;flex-direction:column;gap:4px}.segment{font-size:11px;color:var(--muted)}.timeline-row{display:grid;grid-template-columns:20px 1fr auto;gap:8px;padding:2px 0}.event-icon{text-align:center}.time{font-size:12px;color:var(--muted)}.event{font-size:14px}.side{font-size:12px;color:var(--muted)}.hint{color:var(--muted);margin-top:8px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);padding:10px 14px;border-radius:999px;color:var(--text);font-size:12px}