:root{--bg: #0E1116;--panel: #161B22;--panel-2: #1C222B;--border: #232A34;--text: #E6EAF0;--muted: #8893A6;--iris: #4FD1C5;--low: #3FB68B;--medium: #E6B450;--high: #E5484D;--display: "Space Grotesk", sans-serif;--body: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:baseline;gap:12px}.brand h1{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em}.brand .sub{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.nav{display:flex;gap:6px}.nav a{font-size:13px;color:var(--muted);padding:7px 14px;border-radius:8px}.nav a.active,.nav a:hover{color:var(--text);background:var(--panel)}.status-pill{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--low);box-shadow:0 0 #3fb68b99;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3fb68b80}70%{box-shadow:0 0 0 7px #3fb68b00}to{box-shadow:0 0 #3fb68b00}}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.panel h2{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:14px}.feed{padding:0;overflow:hidden;position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#0a0d11}.feed img{width:100%;height:100%;object-fit:cover}.feed .placeholder{color:var(--muted);font-family:var(--mono);font-size:13px;text-align:center;padding:24px}.iris-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.iris-level{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.04em;text-transform:uppercase}.iris-score{font-family:var(--mono);font-size:12px;color:var(--muted)}.iris-reasons{margin-top:12px;width:100%;display:flex;flex-direction:column;gap:6px}.reason{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.reason:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--medium);flex:none}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stat{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px}.stat .k{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.stat .v{font-family:var(--mono);font-weight:700;font-size:26px;margin-top:6px}.stat .u{font-size:12px;color:var(--muted);font-weight:400}.controls{display:flex;gap:10px;margin-top:18px}button{font-family:var(--body);font-size:14px;font-weight:600;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:11px 18px;border-radius:10px;cursor:pointer;transition:all .15s}button:hover{border-color:var(--iris)}button.primary{background:var(--iris);color:#07110f;border-color:var(--iris)}button.danger:hover{border-color:var(--high);color:var(--high)}button:disabled{opacity:.4;cursor:not-allowed}.break-alert{background:linear-gradient(90deg,rgba(229,72,77,.15),transparent);border:1px solid var(--high);border-radius:12px;padding:14px 16px;margin-bottom:18px;display:flex;align-items:center;gap:12px}.break-alert .badge{font-family:var(--mono);font-size:11px;color:var(--high);border:1px solid var(--high);padding:3px 8px;border-radius:6px}.break-alert span{font-size:14px}.chart-wrap{margin-top:18px}.session-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:12px;padding:14px 12px;border-bottom:1px solid var(--border);align-items:center;font-size:13px}.session-row.head{color:var(--muted);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.session-row .mono{font-family:var(--mono)}.empty{color:var(--muted);text-align:center;padding:48px;font-size:14px}.tag{font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:6px}@media (max-width: 860px){.grid{grid-template-columns:1fr}.session-row{grid-template-columns:1fr 1fr}}