:root{--bg:#fbfaf7;--bg-2:#f5f3ee;--bg-3:#efece5;--surface:#fff;--border:#e7e3d9;--border-strong:#d8d3c5;--text:#1d1b16;--text-2:#54514a;--text-3:#8a867c;--text-4:#b3afa4;--accent:oklch(55% .12 265);--accent-soft:oklch(96% .02 265);--accent-border:oklch(85% .05 265);--ok:oklch(52% .13 150);--ok-soft:oklch(96% .03 150);--warn:oklch(62% .14 75);--warn-soft:oklch(96% .04 75);--danger:oklch(55% .18 25);--danger-soft:oklch(96% .03 25);--shadow-sm:0 1px 2px #1d1b160a, 0 1px 1px #1d1b1608;--shadow:0 4px 12px #1d1b160f, 0 1px 3px #1d1b160a;--shadow-lg:0 16px 40px #1d1b161f, 0 4px 12px #1d1b160f;--radius-sm:5px;--radius:8px;--radius-lg:12px;--font-sans:"Inter", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace}[data-theme=dark]{--bg:#16150f;--bg-2:#1c1b15;--bg-3:#242219;--surface:#1a1913;--border:#2c2a21;--border-strong:#3a382d;--text:#ecebe3;--text-2:#b4b2a7;--text-3:#807d72;--text-4:#55534a;--accent:oklch(72% .1 265);--accent-soft:oklch(28% .04 265);--accent-border:oklch(38% .06 265);--ok:oklch(70% .13 150);--ok-soft:oklch(26% .04 150);--warn:oklch(75% .13 75);--warn-soft:oklch(28% .05 75);--danger:oklch(68% .16 25);--danger-soft:oklch(26% .05 25);--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 12px #0006, 0 1px 3px #0000004d;--shadow-lg:0 16px 40px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font:inherit}code,.mono{font-family:var(--font-mono);font-size:.9em}.auth-screen{background:var(--bg);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.auth-brand{align-items:center;gap:8px;margin-bottom:4px;display:flex}.brand-mark{background:var(--text);width:26px;height:26px;color:var(--bg);border-radius:7px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:13px;font-weight:600}.auth-title{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.auth-sub{color:var(--text-3);margin:0;font-size:12.5px}.auth-app{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:var(--radius);color:var(--text-2);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.auth-app strong{color:var(--text);font-weight:600}.auth-field{color:var(--text-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.auth-field input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-size:13.5px}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-error{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger);border-radius:6px;padding:8px 10px;font-size:12.5px}.auth-note{color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok);border-radius:6px;padding:8px 10px;font-size:12.5px}.auth-submit{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:9px 12px;font-size:13.5px;font-weight:500}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-passkey{color:var(--text);background:var(--bg);border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.auth-passkey:hover:not(:disabled){background:var(--bg-2);border-color:var(--text-3)}.auth-passkey:disabled{opacity:.6;cursor:not-allowed}.auth-hint{color:var(--text-3);text-align:center;margin:0;font-size:11.5px;line-height:1.45}.auth-divider{color:var(--text-3);align-items:center;gap:10px;font-size:11.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-toggle{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12.5px}.auth-toggle:hover{color:var(--text)}.auth-loading{color:var(--text-3);font-size:13px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.topbar-nav{gap:2px;margin-left:12px;display:flex}.topbar-nav button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 11px;font-size:13px}.topbar-nav button:hover{background:var(--bg-2);color:var(--text)}.topbar-nav button[aria-current=true]{background:var(--bg-3);color:var(--text);font-weight:500}.topbar-spacer{flex:1}.topbar-user{color:var(--text-3);font-size:12.5px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:6px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-2);color:var(--text)}.main{flex-direction:column;flex:1;gap:20px;width:100%;max-width:940px;margin:0 auto;padding:24px 16px 64px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.panel-head h2{margin:0;font-size:14px;font-weight:600}.panel-head p{color:var(--text-3);margin:2px 0 0;font-size:12.5px}.panel-head .grow{flex:1}.panel-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.panel-body.flush{gap:0;padding:0}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:13px}.btn:hover:not(:disabled){background:var(--bg-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover:not(:disabled){opacity:.9;background:var(--text)}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.small{padding:4px 9px;font-size:12px}.field{color:var(--text-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;outline:none;width:100%;padding:7px 9px;font-size:13px}.field textarea{font-family:var(--font-mono);resize:vertical;min-height:68px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.row>.field{flex:1;min-width:160px}.error{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger);border-radius:6px;padding:7px 10px;font-size:12.5px}.notice{color:var(--text-2);background:var(--warn-soft);border:1px solid var(--warn);overflow-wrap:anywhere;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;font-size:12.5px;display:flex}.empty{color:var(--text-3);text-align:center;padding:20px 16px;font-size:12.5px}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-value{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}.stat-label{color:var(--text-3);margin-top:2px;font-size:11.5px}.stat.alert .stat-value{color:var(--danger)}.list{flex-direction:column;display:flex}.item{align-items:center;gap:10px;padding:11px 16px;font-size:13px;display:flex}.item+.item{border-top:1px solid var(--border)}.item.clickable{cursor:pointer}.item.clickable:hover{background:var(--bg-2)}.item-main{flex:1;min-width:0}.item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.item-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.item-actions{align-items:center;gap:6px;display:flex}.tag{border:1px solid var(--border-strong);color:var(--text-2);background:var(--bg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-flex}.tag.accent{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.tag.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.tag.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.tag.danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.events{flex-direction:column;max-height:460px;display:flex;overflow-y:auto}.event{grid-template-columns:92px 96px 1fr auto;align-items:baseline;gap:10px;padding:8px 16px;font-size:12.5px;display:grid}.event+.event{border-top:1px solid var(--border)}.event-time{color:var(--text-3);white-space:nowrap;font-size:11.5px}.event-who{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-detail{color:var(--text-3);text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:12px}.filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.modal-backdrop{z-index:50;background:#1d1b1659;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:calc(100vh - 40px);display:flex}.modal-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.modal-title{margin:0;font-size:14px;font-weight:600}.modal-sub{color:var(--text-3);margin:2px 0 0;font-size:12.5px}.modal-body{flex-direction:column;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.secret-reveal{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--border);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px 10px;font-size:12px}.subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:11.5px;font-weight:600}@media (width<=640px){.topbar{padding:0 12px}.topbar-user{display:none}.event{grid-template-columns:1fr;gap:2px}.main{padding:16px 12px 48px}}