:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-raised:#161b22;--border:#30363d;--text:#e6edf3;--text-dim:#8b949e;--accent:#58a6ff;--danger:#f85149;--success:#3fb950;font-family:SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px}#root{min-height:100vh}button{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input[type=password],input[type=text]{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-family:inherit}kbd{background:var(--bg-raised);border:1px solid var(--border);border-radius:3px;margin-right:3px;padding:1px 5px;font-size:12px}.loading-screen,.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{flex-direction:column;gap:12px;width:260px;display:flex}.login-form h1{margin:0 0 8px;font-size:16px}.error{color:var(--danger);margin:0;font-size:12px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand{font-weight:600}.queue-screen,.thread-screen,.learn-screen{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:16px;display:flex}.queue-screen header,.thread-screen header,.learn-screen header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.draft-mode-toggle{color:var(--text-dim);padding:3px 8px;font-size:11px}.notifications-toggle{margin-left:auto;padding:3px 8px;font-size:13px;position:relative}.notifications-toggle .badge{background:var(--accent);color:var(--bg);border-radius:999px;margin-left:4px;padding:0 5px;font-size:10px}.notifications-panel{border:1px solid var(--border);border-radius:4px;max-height:240px;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.notifications-panel li{border-bottom:1px solid var(--border)}.notifications-panel li:last-child{border-bottom:none}.notifications-panel li.empty{color:var(--text-dim);padding:10px}.notifications-panel a{color:inherit;padding:8px 10px;text-decoration:none;display:block}.notifications-panel a:hover{background:var(--bg-raised)}.notifications-panel .sender{font-weight:700}.notifications-panel .subject{color:var(--text-dim);margin-left:6px}.notifications-panel .snippet{color:var(--text-dim);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.queue-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.queue-list li{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:16px 140px 1fr;gap:10px;padding:8px 10px;display:grid}.queue-list li.selected{background:var(--bg-raised);border-left:2px solid var(--accent)}.queue-list .marker{color:var(--accent)}.queue-list .sender{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-list .subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-list .reason{color:var(--text-dim);grid-column:3;font-size:12px}.queue-list .empty{color:var(--text-dim);padding:20px 10px}.thread-screen .meta,.thread-screen .reason{color:var(--text-dim);margin:2px 0;font-size:12px}.thread-screen section{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:12px}.thread-screen pre{white-space:pre-wrap;margin:0;font-family:inherit}.thread-screen .notes{color:var(--text-dim);margin-top:8px;font-size:12px}.learn-screen section{margin-bottom:16px}.learn-screen h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.learn-screen ul{margin:0;padding:0;list-style:none}.learn-screen li{padding:4px 0;font-size:13px}.learn-screen code{color:var(--accent)}.status{color:var(--text-dim);font-size:12px}footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:12px;padding-top:10px;font-size:12px}