:root{--bg: #0a0a0b;--bg-rail: #0d0d0f;--panel: #131316;--panel-hi: #1a1a1f;--line: #232328;--line-soft: #1b1b20;--ink: #e8e6e1;--ink-dim: #8a8780;--ink-faint: #57554f;--amber: #ffae3b;--amber-deep: #c87f1e;--signal: #ff5c3b;--ok: #57d9a3;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Archivo", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 80% at 50% -10%,rgba(255,174,59,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}::selection{background:var(--amber);color:#0a0a0b}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:38px 34px 30px;position:relative;box-shadow:0 30px 80px -40px #000000e6}.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--amber),transparent 70%)}.brand{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}.login-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:28px}.login-title .dim{color:var(--ink-faint)}.field{margin-bottom:16px}.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px}.field input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:11px 13px;color:var(--ink);font-family:var(--mono);font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--amber-deep);box-shadow:0 0 0 3px #ffae3b1a}.btn{width:100%;margin-top:10px;background:var(--amber);color:#0a0a0b;border:none;border-radius:3px;padding:12px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .08s,background .15s}.btn:hover{background:#ffbd5e}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.err{font-family:var(--mono);font-size:12px;color:var(--signal);margin-top:14px;min-height:16px}.console{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px 22px;background:#0a0a0bd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:16px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);position:relative}.dot-live.on{background:var(--ok)}.dot-live.on:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--ok);animation:ping 1.8s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.9);opacity:0}}.live-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}.search{flex:1;max-width:440px;margin-left:auto;background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:9px 13px;color:var(--ink);font-family:var(--mono);font-size:13px}.search:focus{outline:none;border-color:var(--amber-deep)}.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{background:var(--panel);color:var(--ink-dim);border:none;padding:9px 15px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.seg button.active{background:var(--amber);color:#0a0a0b;font-weight:700}.seg button+button{border-left:1px solid var(--line)}.logout{background:none;border:1px solid var(--line);color:var(--ink-dim);border-radius:3px;padding:9px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer;text-transform:uppercase}.logout:hover{color:var(--ink);border-color:var(--ink-faint)}.sound{background:none;border:1px solid var(--line);border-radius:3px;padding:7px 10px;font-size:14px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s;filter:saturate(.9)}.sound:hover{border-color:var(--ink-faint);background:var(--panel-hi)}.sound.muted{opacity:.55}.feed{flex:1;max-width:860px;width:100%;margin:0 auto;padding:8px 22px 80px}.daygroup{margin-top:30px}.day-rail{position:sticky;top:58px;z-index:10;display:flex;align-items:baseline;gap:12px;padding:10px 0;margin-bottom:4px;background:linear-gradient(var(--bg) 70%,transparent)}.day-rail h2{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.day-rail .count{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.day-rail .ruler{flex:1;height:1px;background:var(--line-soft)}.alert{display:grid;grid-template-columns:70px 1fr auto;align-items:start;gap:14px;padding:15px 16px;border:1px solid var(--line-soft);border-radius:4px;background:var(--panel);margin-bottom:8px;position:relative;transition:border-color .15s,background .15s}.alert:hover{border-color:var(--line);background:var(--panel-hi)}.alert.unread{border-left:2px solid var(--amber)}.alert.unread:before{content:"";position:absolute;left:8px;top:19px;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.alert.fresh{animation:slidein .5s cubic-bezier(.2,.8,.2,1)}@keyframes slidein{0%{opacity:0;transform:translateY(-8px);border-color:var(--amber)}to{opacity:1;transform:none}}.a-time{font-family:var(--mono);font-size:12px;color:var(--ink-dim);padding-top:1px;text-align:right;white-space:nowrap}.a-body{min-width:0}.a-title{font-weight:600;font-size:15px;letter-spacing:-.01em;line-height:1.3}.a-desc{color:var(--ink-dim);font-size:13.5px;line-height:1.5;margin-top:4px;word-break:break-word}.a-src{display:inline-block;margin-top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:2px 9px;text-transform:uppercase}.a-src.claude{color:var(--amber-deep);border-color:#ffae3b4d}.a-action{background:none;border:1px solid var(--line);border-radius:3px;color:var(--ink-faint);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;cursor:pointer;white-space:nowrap}.a-action:hover{color:var(--ink);border-color:var(--ink-faint)}.empty{text-align:center;padding:90px 20px;color:var(--ink-faint);font-family:var(--mono);font-size:13px;letter-spacing:.04em}.empty .big{font-size:40px;margin-bottom:14px;opacity:.4}@media (max-width: 620px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}.search{order:3;max-width:none;margin-left:0}.feed{padding:8px 14px 80px}.alert{grid-template-columns:56px 1fr}.a-action{grid-column:2;justify-self:start;margin-top:4px}}