:root{--color-primary:#2b6cb0;--color-primary-strong:#22548a;--color-on-primary:#fff;--color-primary-soft:#dae8f6;--color-primary-softer:#e2edf8;--color-primary-wash:#2b6cb026;--color-text:#1a202c;--color-muted:#5a6b80;--color-muted-dark:#4a5568;--color-muted-light:#a0aec0;--color-background:#f0f4f8;--color-surface:#fff;--color-surface-sunken:#f7fafc;--color-border:#cbd5e0;--color-border-light:#e2e8f0;--color-danger:#e53e3e;--color-danger-text:#c53030;--color-danger-dark:#c53030;--color-danger-light:#feb2b2;--color-danger-surface:#fff5f5;--color-success:#2f855a;--color-success-text:#276749;--color-success-surface:#f0fff4;--color-success-wash:#2f855a26;--color-warning:#b7791f;--color-warning-surface:#fffaf0;--color-backdrop:#1a202c73;--focus-ring-color:#2b6cb073;--shadow-sm:0 1px 2px #1a202c14;--shadow-md:0 4px 12px #1a202c1f;--shadow-lg:0 12px 32px #1a202c3d;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--font-mono:ui-monospace, sfmono-regular, menlo, monospace;--text-xs:.75rem;--text-sm:.85rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:1.8rem;--leading-tight:1.25;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-bold:600;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-backdrop:300;--z-dialog:310;--z-toast:400;--focus-ring-width:3px;--focus-ring-offset:2px;--touch-target:44px;--duration-fast:.12s;--duration-normal:.2s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#90cdf4;--color-primary-strong:#bee2f9;--color-on-primary:#12171f;--color-primary-soft:#0a3f62;--color-primary-softer:#083654;--color-primary-wash:#90cdf438;--color-text:#e2e8f0;--color-muted:#a0b3c8;--color-muted-dark:#a0b3c8;--color-muted-light:#2d3748;--color-background:#12171f;--color-surface:#1a212b;--color-surface-sunken:#131a23;--color-border:#2d3748;--color-border-light:#232c3a;--color-danger:#fc8181;--color-danger-text:#fc8181;--color-danger-dark:#fc8181;--color-danger-light:#f80606;--color-danger-surface:#a30404;--color-success:#9ae6b4;--color-success-text:#9ae6b4;--color-success-surface:#228845;--color-success-wash:#9ae6b433;--color-warning:#f6ad55;--color-warning-surface:#3a2c15;--color-backdrop:#000000a6;--focus-ring-color:#90cdf499;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 12px 32px #000000b3}}:root[data-theme=dark]{--color-primary:#90cdf4;--color-primary-strong:#bee2f9;--color-on-primary:#12171f;--color-primary-soft:#0a3f62;--color-primary-softer:#083654;--color-primary-wash:#90cdf438;--color-text:#e2e8f0;--color-muted:#a0b3c8;--color-muted-dark:#a0b3c8;--color-muted-light:#2d3748;--color-background:#12171f;--color-surface:#1a212b;--color-surface-sunken:#131a23;--color-border:#2d3748;--color-border-light:#232c3a;--color-danger:#fc8181;--color-danger-text:#fc8181;--color-danger-dark:#fc8181;--color-danger-light:#f80606;--color-danger-surface:#a30404;--color-success:#9ae6b4;--color-success-text:#9ae6b4;--color-success-surface:#228845;--color-success-wash:#9ae6b433;--color-warning:#f6ad55;--color-warning-surface:#3a2c15;--color-backdrop:#000000a6;--focus-ring-color:#90cdf499;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 12px 32px #000000b3}:root[data-theme=light]{--color-primary:#2b6cb0;--color-primary-strong:#22548a;--color-on-primary:#fff;--color-primary-soft:#dae8f6;--color-primary-softer:#e2edf8;--color-primary-wash:#2b6cb026;--color-text:#1a202c;--color-muted:#5a6b80;--color-muted-dark:#4a5568;--color-muted-light:#a0aec0;--color-background:#f0f4f8;--color-surface:#fff;--color-surface-sunken:#f7fafc;--color-border:#cbd5e0;--color-border-light:#e2e8f0;--color-danger:#e53e3e;--color-danger-text:#c53030;--color-danger-dark:#c53030;--color-danger-light:#feb2b2;--color-danger-surface:#fff5f5;--color-success:#2f855a;--color-success-text:#276749;--color-success-surface:#f0fff4;--color-success-wash:#2f855a26;--color-warning:#b7791f;--color-warning-surface:#fffaf0;--color-backdrop:#1a202c73;--focus-ring-color:#2b6cb073;--shadow-sm:0 1px 2px #1a202c14;--shadow-md:0 4px 12px #1a202c1f;--shadow-lg:0 12px 32px #1a202c3d}@media (prefers-contrast:more){:root{--color-muted:#1a202c;--color-muted-dark:#1a202c;--color-border:#1a202c;--color-border-light:#4a5568;--focus-ring-color:#1a202c}:root[data-theme=dark]{--color-muted:#e2e8f0;--color-border:#e2e8f0}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);background:var(--color-background);color:var(--color-text);min-height:100vh}h1,h2,h3{line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:var(--color-primary)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}button,input,select,textarea{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-xs);z-index:var(--z-sticky);padding:var(--space-xs) var(--space-md);background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;position:absolute;top:-3rem}.skip-link:focus{top:var(--space-xs)}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.25rem;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-sunken)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{min-height:1.9rem;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-xs)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger-text)}.btn-danger:hover:not(:disabled){background:var(--color-danger-surface)}.btn-ghost{color:var(--color-primary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-primary-soft)}@media (pointer:coarse){.btn{min-height:var(--touch-target)}}.field{gap:var(--space-2xs);flex-direction:column;display:flex}.field-inline{align-items:center;gap:var(--space-xs);flex-direction:row}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted-dark)}.field-required{margin-left:var(--space-3xs);color:var(--color-danger-text)}.field input[type=text],.field input[type=date],.field input[type=email],.field input[type=search],.field input[type=number],.field select,.field textarea{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.field-hint{font-size:var(--text-xs);color:var(--color-muted)}.field-error{font-size:var(--text-xs);color:var(--color-danger-text)}.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--color-danger)}.banner{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);border-left-width:4px;display:flex}.banner-body{gap:var(--space-3xs);flex-direction:column;flex:1;display:flex}.banner-title{font-weight:var(--weight-bold)}.banner-error{border-color:var(--color-danger);background:var(--color-danger-surface);color:var(--color-danger-text)}.banner-success{border-color:var(--color-success);background:var(--color-success-surface);color:var(--color-success-text)}.banner-warning{border-color:var(--color-warning);background:var(--color-warning-surface)}.banner-info{border-color:var(--color-primary);background:var(--color-surface)}.banner-dismiss,.toast-dismiss,.dialog-close{color:inherit;font-size:var(--text-lg);padding:var(--space-3xs) var(--space-2xs);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;line-height:1}.empty-state{align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.empty-state-title{font-weight:var(--weight-bold)}.empty-state-body{color:var(--color-muted);font-size:var(--text-sm);max-width:42ch}.spinner-circle{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spinner-turn;display:inline-block}@keyframes spinner-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner-circle{animation-duration:2s}.skeleton-line{animation:none}}.skeleton{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-sunken) 50%, var(--color-border-light) 75%);background-size:200% 100%;height:1rem;animation:1.4s ease-in-out infinite skeleton-sweep}.skeleton-line:last-child{width:60%}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.dialog-backdrop{z-index:var(--z-backdrop);padding:var(--space-md);background:var(--color-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{z-index:var(--z-dialog);width:100%;max-width:32rem;max-height:calc(100vh - var(--space-xl));gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow-y:auto}.dialog-sm{max-width:26rem}.dialog-lg{max-width:48rem}.dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.dialog-title{font-size:var(--text-lg)}.dialog-description,.dialog-consequence{font-size:var(--text-sm);color:var(--color-muted-dark)}.dialog-consequence{padding:var(--space-sm);border-left:4px solid var(--color-warning);background:var(--color-warning-surface);border-radius:var(--radius-sm)}.dialog-body{gap:var(--space-sm);flex-direction:column;display:flex}.dialog-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.prompt-form{gap:var(--space-md);flex-direction:column;display:flex}.toast-region{left:50%;bottom:var(--space-md);z-index:var(--z-toast);width:min(30rem, 100% - var(--space-lg));pointer-events:none;position:fixed;transform:translate(-50%)}.toast-list{gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-background);box-shadow:var(--shadow-md);font-size:var(--text-sm);pointer-events:auto;display:flex}.toast-message{flex:1}.toast-action{color:inherit;border-radius:var(--radius-sm);padding:var(--space-3xs) var(--space-xs);font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:1px solid}.toast-error{background:var(--color-danger-dark);color:#fff}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border-light);text-align:left;vertical-align:top}.data-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.data-table tr.completed{color:var(--color-muted-light)}.data-table tr.completed .cell-title{text-decoration:line-through}.data-table .overdue{color:var(--color-danger-text)}.data-table .overdue-note{margin-left:var(--space-2xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;font-weight:var(--weight-bold)}.data-table .muted-cell{color:var(--color-muted)}.data-table-compact th,.data-table-compact td{padding:var(--space-2xs) var(--space-xs)}@media (width<=47.99rem){.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tr{margin-bottom:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2xs)}.data-table td{justify-content:space-between;gap:var(--space-sm);border-bottom:0;display:flex}.data-table td:before{content:attr(data-label);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-muted);flex-shrink:0}}.menu{display:inline-block;position:relative}.menu-list{z-index:20;min-width:10rem;padding:var(--space-3xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;right:0}.menu-item{font:inherit;font-size:var(--text-sm);color:var(--color-text);text-align:left;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;min-height:var(--touch-target);background:0 0;border:0}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--color-surface-sunken)}.menu-item:disabled{color:var(--color-muted-light);cursor:not-allowed}.menu-item-danger{color:var(--color-danger-text)}.context-menu{z-index:40;position:fixed;right:auto}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:inline-flex;overflow:hidden}.theme-toggle-option{color:var(--color-muted);font:inherit;font-size:var(--text-sm);padding:var(--space-2xs) var(--space-xs);cursor:pointer;min-height:var(--touch-target);background:0 0;border:0}.theme-toggle-option+.theme-toggle-option{border-left:1px solid var(--color-border)}.theme-toggle-option[aria-pressed=true]{background:var(--color-primary-wash);color:var(--color-primary-strong);font-weight:600}.data-table-sort{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;align-items:center;gap:var(--space-3xs);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.data-table-sort-arrow{color:var(--color-muted-light)}th[aria-sort=ascending] .data-table-sort-arrow,th[aria-sort=descending] .data-table-sort-arrow{color:var(--color-primary-strong)}.history-detail{color:var(--color-muted);font-size:var(--text-xs);display:block}.inline-help{align-items:flex-start;gap:var(--space-sm);border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-sunken);padding:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-sm);display:flex}.inline-help-body{flex:1}.inline-help-title{margin-bottom:var(--space-3xs);display:block}.inline-help-dismiss{color:var(--color-muted);cursor:pointer;font-size:var(--text-lg);min-width:var(--touch-target);min-height:var(--touch-target);background:0 0;border:0;line-height:1}.help-disclosure{display:inline-block;position:relative}.help-disclosure-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:var(--text-xs);width:1.4em;height:1.4em;padding:0;line-height:1}.help-disclosure-body{margin-top:var(--space-3xs);font-size:var(--text-xs);text-transform:none;letter-spacing:normal;color:var(--color-text);font-weight:400;display:block}.shortcut-group h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:var(--space-sm) 0 var(--space-2xs)}.shortcut-row{justify-content:space-between;gap:var(--space-md);padding:var(--space-2xs) 0;border-bottom:1px solid var(--color-border-light);display:flex}.shortcut-row dd{margin:0}.shortcut-list kbd{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);padding:0 var(--space-3xs);font-size:var(--text-xs)}.shortcut-hint{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.reading-surface{--reading-measure:74ch;--reading-scale:1;flex-direction:column;flex:1;min-height:0;display:flex}.reading-surface .document-viewer-body{max-width:var(--reading-measure);width:100%;font-size:calc(var(--text-md) * var(--reading-scale));margin:0 auto;line-height:1.7}.reading-surface .document-viewer-body h1,.reading-surface .document-viewer-body h2,.reading-surface .document-viewer-body h3{margin:1.4em 0 .4em;line-height:1.25}.reading-surface .document-viewer-body p,.reading-surface .document-viewer-body li,.reading-surface .document-viewer-body blockquote{overflow-wrap:anywhere;margin:0 0 .9em}.reading-surface .document-viewer-frame{height:100%;min-height:0}body{padding:var(--space-xl) var(--space-md);justify-content:center;display:flex}.app{width:100%;max-width:640px}h1{text-align:center;margin-bottom:var(--space-lg);color:var(--color-primary)}.empty-message{text-align:center;color:var(--color-muted);margin-top:var(--space-xl)}.account-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted-dark);display:flex}.login-form{align-items:flex-end;gap:var(--space-xs);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);flex-wrap:wrap;display:flex}.login-field{flex:12rem}.login{gap:var(--space-sm);flex-direction:column;display:flex}.login-sent{gap:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;display:flex}.login-hints{padding-left:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);margin:0}.login-hints li+li{margin-top:var(--space-2xs)}.login-sent-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.app-tiles{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));list-style:none;display:grid}.app-tile{gap:var(--space-2xs);height:100%;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:inherit;flex-direction:column;text-decoration:none;display:flex}.app-tile:hover,.app-tile:focus-visible{border-color:var(--color-primary)}.app-tile-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary)}.app-tile-description{color:var(--color-muted-dark);font-size:var(--text-sm)}.app-tile-count{padding-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);margin-top:auto}.app-tile-urgent{margin-left:var(--space-xs);color:var(--color-danger-text);font-weight:var(--weight-bold)}