:root{color-scheme:dark;--ui-zoom: 1;--bg: #1e1e1e;--bg-panel: #252526;--bg-activity: #2c2c2c;--bg-statusbar: #181818;--bg-hover: #2a2d2e;--bg-active: #37373d;--bg-input: #3c3c3c;--border: #3c3c3c;--border-strong: #4f4f4f;--fg: #cccccc;--fg-strong: #e8e8e8;--fg-muted: #9d9d9d;--fg-faint: #6e6e6e;--accent: #0078d4;--accent-hover: #1a86d9;--accent-fg: #ffffff;--ok: #4ec9b0;--warn: #d7ba7d;--error: #f48771;--today-line: #e5484d;--text: var(--fg);--text-muted: var(--fg-muted);--fg-default: var(--fg);--surface: var(--bg-panel);--surface-2: var(--bg-input);--bg-inset: var(--bg-input);--bg-app: var(--bg);--border-faint: var(--border);--border-subtle: var(--border);--warning: var(--warn);--danger: var(--error);--radius-md: var(--radius);--font-sans: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--text-xs: calc(11px * var(--ui-zoom));--text-sm: calc(12px * var(--ui-zoom));--text-md: calc(13px * var(--ui-zoom));--text-lg: calc(15px * var(--ui-zoom));--text-xl: calc(20px * var(--ui-zoom));--space-1: calc(4px * var(--ui-zoom));--space-2: calc(8px * var(--ui-zoom));--space-3: calc(12px * var(--ui-zoom));--space-4: calc(16px * var(--ui-zoom));--space-5: calc(24px * var(--ui-zoom));--space-6: calc(32px * var(--ui-zoom));--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgb(0 0 0 / .3);--shadow-md: 0 4px 12px rgb(0 0 0 / .35);--shadow-lg: 0 12px 32px rgb(0 0 0 / .45);--activitybar-width: calc(48px * var(--ui-zoom));--sidebar-width: calc(280px * var(--ui-zoom));--statusbar-height: calc(24px * var(--ui-zoom));--page-pad: var(--space-4);--page-max: 1000px;--page-max-prose: 760px;--page-head-gap: var(--space-4);--hit-target: calc(32px * var(--ui-zoom))}[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-panel: #f3f3f3;--bg-activity: #e8e8e8;--bg-statusbar: #e4e4e4;--bg-hover: #e8e8e8;--bg-active: #d8d8d8;--bg-input: #ffffff;--border: #d4d4d4;--border-strong: #b0b0b0;--fg: #3b3b3b;--fg-strong: #1f1f1f;--fg-muted: #6e6e6e;--fg-faint: #9d9d9d;--accent: #005fb8;--accent-hover: #0070d4;--accent-fg: #ffffff;--ok: #1e9e7e;--warn: #a87c00;--error: #c4432b;--today-line: #d92b34;--shadow-sm: 0 1px 3px rgb(0 0 0 / .14);--shadow-md: 0 4px 12px rgb(0 0 0 / .18);--shadow-lg: 0 12px 32px rgb(0 0 0 / .22)}@media(pointer:coarse){:root{--hit-target: calc(40px * var(--ui-zoom));--statusbar-height: calc(28px * var(--ui-zoom))}}@media(max-width:720px),(max-height:500px)and (pointer:coarse){:root{--statusbar-height: calc(34px * var(--ui-zoom));--page-pad: var(--space-3)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){body,#root{height:100dvh}}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;touch-action:pan-x pan-y}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}input,select,textarea{font:inherit}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--hit-target);padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--fg);background:var(--bg-input);border:1px solid var(--border-strong)}.btn:hover{background:var(--bg-hover)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn--primary:hover{background:var(--accent-hover)}.btn--danger{color:var(--error)}.btn--ghost{background:none;border-color:transparent}.btn:disabled{opacity:.5;cursor:default}.btn--sm{padding:3px 8px;font-size:var(--text-xs)}.btn--xs{padding:1px 6px;font-size:10px;height:20px}.btn--icon{padding:0 var(--space-2)}.btn--active{background:var(--bg-active);border-color:var(--accent);color:var(--fg-strong)}.field{display:grid;gap:var(--space-1)}.field>label{font-size:var(--text-sm);color:var(--fg-muted)}.input,.select{min-height:var(--hit-target);padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--fg);width:100%}.input::placeholder{color:var(--fg-faint)}.meta-options{display:grid;gap:var(--space-2)}.meta-options__row,.meta-options__add{display:flex;align-items:center;gap:var(--space-2)}.meta-options__add{margin-top:var(--space-1)}.meta-options__row .input,.meta-options__add .input{flex:1 1 auto;min-width:0}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md)}.hint{font-size:var(--text-xs);color:var(--fg-faint)}.form-error{color:var(--error);font-size:var(--text-sm)}.form-success{color:var(--ok);font-size:var(--text-sm)}.auth-page{min-height:100%;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:min(380px,100%);display:grid;gap:var(--space-4);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.auth-card__logo{width:48px;height:48px;justify-self:center}.auth-card h1{font-size:var(--text-lg);font-weight:600;color:var(--fg-strong);text-align:center}.auth-card form{display:grid;gap:var(--space-3)}.auth-links{display:grid;gap:var(--space-1);font-size:var(--text-sm);text-align:center}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links .link-button{padding:0;border:0;background:none;color:var(--accent);font:inherit;cursor:pointer}.auth-links .link-button:hover{text-decoration:underline}.auth-links .link-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewtoggle{display:inline-flex;gap:2px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;padding:var(--space-4);z-index:100}.dialog{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}.dialog--narrow{width:min(380px,100%)}.dialog--narrow>.btn{justify-self:start}.dialog h2{font-size:var(--text-lg);color:var(--fg-strong)}.page{width:100%;max-width:var(--page-max);padding:var(--page-pad);display:grid;gap:var(--page-head-gap);align-content:start}.page h1{font-size:var(--text-xl);font-weight:600;color:var(--fg-strong)}.page h2{font-size:var(--text-lg);font-weight:600;color:var(--fg-strong)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-weight:600;padding:var(--space-2);border-bottom:1px solid var(--border)}.table td{padding:var(--space-2);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border)}.tabs button{padding:var(--space-2) var(--space-3);min-height:var(--hit-target);color:var(--fg-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--fg)}.tabs button[aria-selected=true]{color:var(--fg-strong);border-bottom-color:var(--accent)}.matrix-wrap{overflow-x:auto}.matrix th .input{min-height:28px;font-size:var(--text-sm)}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center;min-width:96px}.matrix input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.matrix td:first-child{color:var(--fg);max-width:360px}.tag{display:inline-block;font-size:var(--text-xs);padding:2px var(--space-2);border:1px solid var(--border-strong);border-radius:999px;color:var(--fg-muted)}.muted{color:var(--fg-muted)}.panel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:100%;min-height:240px;padding:var(--space-4);text-align:center}.panel-error__title{margin:0;font-size:var(--text-lg)}.panel-error__body,.panel-error__hint{max-width:44ch;margin:0;color:var(--fg-muted)}.panel-error__hint{font-size:var(--text-sm)}.panel-error__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.picker-screen{display:flex;min-height:100%}.picker-screen>.page{margin:auto}.picker__create-row{align-items:flex-end;gap:var(--space-3)}.picker__badge{margin-left:var(--space-1);padding:1px 6px;border-radius:999px;background:var(--warn-soft, rgba(200, 150, 40, .22));color:var(--warn);font-size:var(--text-xs);white-space:nowrap}@media(max-width:720px),(max-height:500px)and (pointer:coarse){.dialog-backdrop{padding:var(--space-2)}.dialog{padding:var(--space-4);max-height:calc(100dvh - var(--space-2) * 2)}.page{padding:var(--space-3)}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;white-space:nowrap}.table{display:block;overflow-x:auto}}.toast-stack{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:1100;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(420px,calc(100vw - var(--space-4) * 2))}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #00000073;padding:var(--space-3);font-size:var(--text-sm);color:var(--fg);animation:toast-in .12s ease-out}.toast--error{border-left-color:var(--error)}.toast--success{border-left-color:var(--ok)}.toast--info{border-left-color:var(--accent)}.toast__msg{flex:1;line-height:1.4}.toast__action{flex:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);padding:2px 10px;font-size:var(--text-sm);cursor:pointer}.toast__action:hover{background:var(--bg-input)}.toast__close{flex:none;background:transparent;border:none;color:var(--fg-muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.toast__close:hover{color:var(--fg-strong)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#00000080;padding:var(--space-4)}.confirm{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.confirm__title{margin:0;font-size:var(--text-md);color:var(--fg-strong)}.confirm__msg{margin:0;color:var(--fg);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap}.confirm__input{width:100%}.confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.wizard{width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.wizard__head{display:flex;flex-direction:column;gap:var(--space-3)}.wizard__titlerow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wizard__head h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;min-width:0}.wizard__steps{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--fg-faint)}.wizard__steps li{display:inline-flex;align-items:center;gap:6px}.wizard__steps li.is-active{color:var(--fg-strong);font-weight:600}.wizard__steps li.is-done{color:var(--fg-muted)}.wizard__step-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border);font-size:10px}.wizard__steps li.is-active .wizard__step-dot{border-color:var(--accent, #4a9eff);color:var(--fg-strong)}.wizard__steps li.is-done .wizard__step-dot{background:var(--accent, #4a9eff);border-color:var(--accent, #4a9eff);color:#fff}.wizard__body{flex:1;overflow-y:auto;min-height:220px}.wizard__pane{display:flex;flex-direction:column;gap:var(--space-3)}.wizard__pane h3{font-size:var(--text-sm);font-weight:600;color:var(--fg-strong)}.wizard__row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.wizard__row--invite .input{flex:1 1 220px;min-width:0}.wizard__row--invite .select{flex:0 0 auto;width:190px}.wizard__field{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--fg-muted)}.wizard__list,.wizard__cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.wizard__list li{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--fg-muted)}.wizard__saved{font-size:var(--text-xs, 11px)}.wizard__foot{display:flex;align-items:center;gap:var(--space-2)}.wizard__spacer{flex:1}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding:10px 14px;border:1px solid color-mix(in srgb,var(--trial-banner-tone) 50%,transparent);border-radius:8px;background:color-mix(in srgb,var(--trial-banner-tone) 15%,transparent)}.trial-banner--danger{--trial-banner-tone: var(--error)}.trial-banner--warning{--trial-banner-tone: var(--warn)}.connection-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:var(--space-2);max-width:min(560px,94vw);padding:var(--space-2) var(--space-3);border:1px solid var(--warn-border, #b45309);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--warn-bg, #7c2d12);color:var(--warn-fg, #fff7ed);font-size:var(--text-sm);box-shadow:var(--shadow-2, 0 6px 20px rgba(0, 0, 0, .35))}.connection-banner__text{flex:1}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:grid;place-items:center;background:#00000080;padding:var(--space-4)}.report{width:100%;max-width:460px;max-height:calc(100vh - var(--space-4) * 2);overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.report__title{margin:0;font-size:var(--text-md);color:var(--fg-strong)}.report__hint{margin:0 0 var(--space-2);color:var(--fg-muted);font-size:var(--text-sm);line-height:1.5}.report__label{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-2)}.report__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.report__chip{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);padding:4px 10px;font-size:var(--text-sm);cursor:pointer}.report__chip.is-active{border-color:var(--accent);color:var(--accent)}.report__textarea{width:100%;min-height:96px;resize:vertical;font-family:inherit}.report__check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg);margin-top:var(--space-2)}.report__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}