:root{--lightningcss-light: ;--lightningcss-dark:initial;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:#ccc;--fg-strong:#e8e8e8;--fg-muted:#9d9d9d;--fg-faint:#6e6e6e;--accent:#0078d4;--accent-hover:#1a86d9;--accent-fg:#fff;--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 #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--activitybar-width:calc(48px * var(--ui-zoom));--sidebar-width:calc(280px * var(--ui-zoom));--statusbar-height:calc(24px * var(--ui-zoom));--statusbar-total:calc(var(--statusbar-height) + env(safe-area-inset-bottom,0px));--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]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-panel:#f3f3f3;--bg-activity:#e8e8e8;--bg-statusbar:#e4e4e4;--bg-hover:#e8e8e8;--bg-active:#d8d8d8;--bg-input:#fff;--border:#d4d4d4;--border-strong:#b0b0b0;--fg:#3b3b3b;--fg-strong:#1f1f1f;--fg-muted:#6e6e6e;--fg-faint:#9d9d9d;--accent:#005fb8;--accent-hover:#0070d4;--accent-fg:#fff;--ok:#1e9e7e;--warn:#a87c00;--error:#c4432b;--today-line:#d92b34;--shadow-sm:0 1px 3px #00000024;--shadow-md:0 4px 12px #0000002e;--shadow-lg:0 12px 32px #00000038}@media (pointer:coarse){:root{--hit-target:calc(40px * var(--ui-zoom));--statusbar-height:calc(28px * var(--ui-zoom))}}@media (width<=720px),(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}}.is-standalone body,.is-standalone #root{height:var(--app-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%;-moz-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;cursor:pointer;background:0 0;border:none;padding:0}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{justify-content:center;align-items: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);display:inline-flex}.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:0 0;border-color:#0000}.btn:disabled{opacity:.5;cursor:default}.btn--sm{font-size:var(--text-xs);padding:3px 8px}.btn--xs{height:20px;padding:1px 6px;font-size:10px}.btn--icon{padding:0 var(--space-2)}.btn--active{background:var(--bg-active);border-color:var(--accent);color:var(--fg-strong)}.field{gap:var(--space-1);display:grid}.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{gap:var(--space-2);display:grid}.meta-options__row,.meta-options__add{align-items:center;gap:var(--space-2);display:flex}.meta-options__add{margin-top:var(--space-1)}.meta-options__row .input,.meta-options__add .input{flex:auto;min-width:0}.checkbox-row{align-items:center;gap:var(--space-2);font-size:var(--text-md);display:flex}.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%;padding:var(--space-5);place-items:center;display:grid}.auth-card{gap:var(--space-4);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,100%);padding:var(--space-6);display:grid}.auth-card__logo{justify-self:center;width:48px;height:48px}.auth-card h1{font-size:var(--text-lg);color:var(--fg-strong);text-align:center;font-weight:600}.auth-card form{gap:var(--space-3);display:grid}.auth-links{gap:var(--space-1);font-size:var(--text-sm);text-align:center;display:grid}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links .link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.auth-links .link-button:hover{text-decoration:underline}.auth-links .link-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewtoggle{gap:2px;display:inline-flex}.dialog-backdrop{padding:var(--space-4);z-index:100;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(720px,100%);max-height:90vh;padding:var(--space-5);gap:var(--space-4);display:grid;overflow:auto}.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);gap:var(--page-head-gap);align-content:start;display:grid}.page h1{font-size:var(--text-xl);color:var(--fg-strong);font-weight:600}.page h2{font-size:var(--text-lg);color:var(--fg-strong);font-weight:600}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);display:grid}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.table{border-collapse:collapse;width:100%;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);padding:var(--space-2);border-bottom:1px solid var(--border);font-weight:600}.table td{padding:var(--space-2);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tabs button{padding:var(--space-2) var(--space-3);min-height:var(--hit-target);color:var(--fg-muted);border-bottom:2px solid #0000;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{font-size:var(--text-xs);padding:2px var(--space-2);border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:999px;display:inline-block}.muted{color:var(--fg-muted)}.panel-error{justify-content:center;align-items:center;gap:var(--space-2);height:100%;min-height:240px;padding:var(--space-4);text-align:center;flex-direction:column;display:flex}.panel-error__title{font-size:var(--text-lg);margin:0}.panel-error__body,.panel-error__hint{max-width:44ch;color:var(--fg-muted);margin:0}.panel-error__hint{font-size:var(--text-sm)}.panel-error__actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.list-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.list-item:last-child{border-bottom:none}.picker-screen{min-height:100%;display:flex}.picker-screen>.page{margin:auto}.picker__create-row{align-items:flex-end;gap:var(--space-3)}.picker__actions{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.picker__rename .input{flex:1;min-width:0}.picker__badge{margin-left:var(--space-1);background:var(--warn-soft,#c8962838);color:var(--warn);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;padding:1px 6px}@media (width<=720px),(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{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none}.table{display:block;overflow-x:auto}}.account-subheading{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm)}.account-pinscale{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.toast-stack{bottom:var(--space-4);right:var(--space-4);z-index:1100;gap:var(--space-2);max-width:min(420px, calc(100vw - var(--space-4) * 2));flex-direction:column;display:flex;position:fixed}.toast{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);padding:var(--space-3);font-size:var(--text-sm);color:var(--fg);animation:.12s ease-out toast-in;display:flex;box-shadow:0 8px 28px #00000073}.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{border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:none;padding:2px 10px}.toast__action:hover{background:var(--bg-input)}.toast__close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:18px;line-height:1}.toast__close:hover{color:var(--fg-strong)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{z-index:1000;padding:var(--space-4);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.confirm{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;box-shadow:0 12px 40px #00000080}.confirm__title{font-size:var(--text-md);color:var(--fg-strong);margin:0}.confirm__msg{color:var(--fg);font-size:var(--text-sm);white-space:pre-wrap;margin:0;line-height:1.5}.confirm__input{width:100%}.confirm__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.wizard{gap:var(--space-4);flex-direction:column;width:min(720px,94vw);max-height:88vh;display:flex;overflow:hidden}.wizard__head{gap:var(--space-3);flex-direction:column;display:flex}.wizard__titlerow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wizard__head h2{align-items:center;gap:var(--space-2);font-size:var(--text-md);min-width:0;font-weight:600;display:flex}.wizard__steps{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--fg-faint);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wizard__steps li{align-items:center;gap:6px;display:inline-flex}.wizard__steps li.is-active{color:var(--fg-strong);font-weight:600}.wizard__steps li.is-done{color:var(--fg-muted)}.wizard__step-dot{background:var(--bg-input);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.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;min-height:220px;overflow-y:auto}.wizard__pane{gap:var(--space-3);flex-direction:column;display:flex}.wizard__pane h3{font-size:var(--text-sm);color:var(--fg-strong);font-weight:600}.wizard__row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.wizard__row--invite .input{flex:220px;min-width:0}.wizard__row--invite .select{flex:none;width:190px}.wizard__field{font-size:var(--text-sm);color:var(--fg-muted);flex-direction:column;gap:4px;display:flex}.wizard__list,.wizard__cats{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wizard__list li{font-size:var(--text-sm);color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.wizard__saved{font-size:var(--text-xs,11px)}.wizard__foot{align-items:center;gap:var(--space-2);display:flex}.wizard__spacer{flex:1}.trial-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);border:1px solid color-mix(in srgb, var(--trial-banner-tone) 50%, transparent);background:color-mix(in srgb, var(--trial-banner-tone) 15%, transparent);border-radius:8px;padding:10px 14px;display:flex}.trial-banner--danger{--trial-banner-tone:var(--error)}.trial-banner--warning{--trial-banner-tone:var(--warn)}.connection-banner{z-index:1000;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-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 #00000059);border-top:none;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.connection-banner__text{flex:1}.app-update-banner{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:1000;align-items:center;gap:var(--space-2);max-width:min(520px,94vw);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);color:var(--fg-strong);font-size:var(--text-sm);box-shadow:var(--shadow-2,0 6px 20px #00000059);display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-update-banner__text{flex:1}.report-overlay{z-index:1050;padding:var(--space-4);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.report{width:100%;max-width:460px;max-height:calc(100vh - var(--space-4) * 2);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000080}.report__title{font-size:var(--text-md);color:var(--fg-strong);margin:0}.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{gap:var(--space-2);flex-wrap:wrap;display:flex}.report__chip{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:var(--text-sm);cursor:pointer;padding:4px 10px}.report__chip.is-active{border-color:var(--accent);color:var(--accent)}.report__textarea{resize:vertical;width:100%;min-height:96px;font-family:inherit}.report__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg);margin-top:var(--space-2);display:flex}.report__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.install-overlay{z-index:1000;padding:var(--space-4);background:#00000080;place-items:end center;display:grid;position:fixed;inset:0}@media (height>=640px){.install-overlay{place-items:center}}.install{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:relative;box-shadow:0 12px 40px #00000080}.install__title{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--fg-strong);margin:0;display:flex}.install__body{color:var(--fg);font-size:var(--text-sm);margin:0;line-height:1.5}.install__steps{padding-left:var(--space-4);gap:var(--space-2);color:var(--fg);font-size:var(--text-sm);flex-direction:column;margin:0;line-height:1.45;display:flex}.install__steps li{align-items:flex-start;gap:var(--space-2);display:flex}.install__steps svg{color:var(--accent);flex:none;margin-top:2px}.install__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.install__close{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm,6px);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute}.install__close:hover{background:var(--bg-hover);color:var(--fg)}