*{box-sizing:border-box}:root{--md-sys-color-primary: #0f766e;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #b9f3ec;--md-sys-color-on-primary-container: #00201d;--md-sys-color-secondary: #4a635e;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #ceeae4;--md-sys-color-on-secondary-container: #07201c;--md-sys-color-tertiary: #555f71;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #d9e3f8;--md-sys-color-on-tertiary-container: #121c2b;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #fafdfa;--md-sys-color-on-surface: #191c1c;--md-sys-color-surface-variant: #dae5e2;--md-sys-color-on-surface-variant: #3f4947;--md-sys-color-surface-container: #f1f4f3;--md-sys-color-surface-container-high: #e8ebe9;--md-sys-color-surface-container-highest: #e2e5e4;--md-sys-color-outline: #6f7977;--md-sys-color-outline-variant: #bec9c6;--md-sys-color-shadow: rgba(0, 0, 0, .2);--md-sys-color-scrim: rgba(0, 0, 0, .32);--color-surface: var(--md-sys-color-surface);--color-on-surface: var(--md-sys-color-on-surface);--color-outline: var(--md-sys-color-outline);--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-surface-variant: var(--md-sys-color-surface-variant);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-display: 2.75rem;--text-headline: 1.75rem;--text-title: 1.25rem;--text-body: 1rem;--text-label: .875rem;--text-small: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-2: 0 1px 3px 0 rgba(0, 0, 0, .12);--shadow-3: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-4: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-5: 0 20px 25px -5px rgba(0, 0, 0, .1);--do-now: #dc2626;--do-now-container: #fee2e2;--do-now-on-container: #7f1d1d;--schedule: #f59e0b;--schedule-container: #fef3c7;--schedule-on-container: #78350f;--delegate: #2563eb;--delegate-container: #dbeafe;--delegate-on-container: #1e3a8a;--eliminate: #64748b;--eliminate-container: #e2e8f0;--eliminate-on-container: #334155}@media (prefers-color-scheme: dark){:root{--md-sys-color-primary: #52ddca;--md-sys-color-on-primary: #003731;--md-sys-color-primary-container: #005049;--md-sys-color-on-primary-container: #baf2ea;--md-sys-color-secondary: #b2ccc5;--md-sys-color-on-secondary: #1d352f;--md-sys-color-secondary-container: #344b46;--md-sys-color-on-secondary-container: #ceeae4;--md-sys-color-tertiary: #c4c5dd;--md-sys-color-on-tertiary: #2d2f42;--md-sys-color-tertiary-container: #434559;--md-sys-color-on-tertiary-container: #e0e0f9;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #111413;--md-sys-color-on-surface: #e1e3e2;--md-sys-color-surface-variant: #3f4947;--md-sys-color-on-surface-variant: #bec9c6;--md-sys-color-surface-container: #1d201f;--md-sys-color-surface-container-high: #282b2a;--md-sys-color-surface-container-highest: #333635;--md-sys-color-outline: #6f7977;--md-sys-color-outline-variant: #3f4947;--md-sys-color-shadow: rgba(0, 0, 0, .4);--md-sys-color-scrim: rgba(0, 0, 0, .5)}}html,body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--text-body);line-height:1.5;background:var(--color-surface);color:var(--color-on-surface);-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}a{color:var(--md-sys-color-primary);-webkit-tap-highlight-color:transparent}button{cursor:pointer;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary);font:inherit;font-weight:500;min-height:2.5rem;transition:background .15s,box-shadow .15s,transform .05s}button:hover{background:var(--md-sys-color-surface-variant)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}button.primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--shadow-1)}button.primary:hover{background:var(--md-sys-color-on-primary-container)}button.primary:disabled{background:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);box-shadow:none}button.outlined{background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}button.outlined:hover{background:var(--md-sys-color-surface-container)}button.icon-button{width:2.75rem;height:2.75rem;padding:0;background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem}button.icon-button:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}button.icon-button:disabled{background:transparent}input,textarea,select{padding:var(--space-3);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-xs);width:100%;font:inherit;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}input:focus,textarea:focus,select:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px;border-color:var(--md-sys-color-primary)}input::placeholder,textarea::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.8}.app-header{position:fixed;top:0;left:0;right:0;height:3.75rem;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;padding:0 var(--space-3);gap:var(--space-3);z-index:100}.app-header h1{font-size:var(--text-title);flex:0;color:var(--md-sys-color-on-surface);font-weight:600}.header-search{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--md-sys-color-surface-container-highest);border:none;color:var(--md-sys-color-on-surface)}.header-search::placeholder{color:var(--md-sys-color-on-surface-variant)}.header-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.content{padding:4.5rem var(--space-4) 6rem;max-width:40rem;margin:0 auto}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--md-sys-color-scrim);z-index:200}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:18rem;max-width:80vw;background:var(--md-sys-color-surface-container);padding:var(--space-4) 0;display:flex;flex-direction:column;box-shadow:var(--shadow-3)}.drawer-item{padding:var(--space-3) var(--space-6);color:var(--md-sys-color-on-surface);text-decoration:none;font-weight:500;font-size:var(--text-label);display:flex;align-items:center;gap:var(--space-3)}.drawer-item:hover,.drawer-item:active{background:var(--md-sys-color-surface-container-highest)}.fab{position:fixed;bottom:1.5rem;right:1.5rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:600;box-shadow:var(--shadow-3);z-index:90;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:box-shadow .2s}.fab:hover{box-shadow:var(--shadow-4)}.card{background:var(--md-sys-color-surface-container-highest);border:none;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-1);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-2)}.card-row{display:flex;align-items:center;gap:var(--space-3)}.card-row input[type=checkbox]{width:1.25rem;height:1.25rem;min-width:auto;flex:0 0 auto;accent-color:var(--md-sys-color-primary)}.card-row .grow{flex:1;min-width:0}.section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0 var(--space-3);font-weight:700;font-size:var(--text-label)}.section-header .badge{margin-left:auto;background:var(--color-surface);color:var(--color-on-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-small);font-weight:600;min-width:1.5rem;text-align:center}.do-now{background:var(--do-now-container);color:var(--do-now-on-container)}.schedule{background:var(--schedule-container);color:var(--schedule-on-container)}.delegate{background:var(--delegate-container);color:var(--delegate-on-container)}.eliminate{background:var(--eliminate-container);color:var(--eliminate-on-container)}.completed{opacity:.5;text-decoration:line-through}.error{color:var(--md-sys-color-error);padding:var(--space-3) 0;font-size:var(--text-label)}.row-actions{display:flex;gap:var(--space-1);align-items:center}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:var(--space-8) var(--space-4);font-size:var(--text-label)}.composer-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.composer-header h2{flex:1;font-size:var(--text-title);font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-4) 0}.category-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-weight:500;cursor:pointer;min-height:5rem;transition:background .15s,border-color .15s}.category-cell:hover{background:var(--md-sys-color-surface-container-highest)}.category-cell.selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);font-weight:700}.metadata-row{margin:var(--space-3) 0}.metadata-row label{display:block;font-weight:500;font-size:var(--text-label);margin-bottom:var(--space-1);color:var(--md-sys-color-on-surface-variant)}.task-title{display:block;color:var(--md-sys-color-on-surface);text-decoration:none;font-weight:600;font-size:var(--text-body);line-height:1.25;overflow-wrap:anywhere}.task-title:hover{text-decoration:underline}.task-meta{font-size:var(--text-small);color:var(--md-sys-color-on-surface-variant);margin:var(--space-1) 0 0}.unlock-screen{max-width:24rem;margin:var(--space-12) auto;text-align:center;padding:0 var(--space-4)}.unlock-screen h1{font-size:var(--text-display);font-weight:700;margin-bottom:var(--space-3);color:var(--md-sys-color-primary)}.unlock-screen form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-title{font-size:var(--text-headline);font-weight:600;margin-bottom:var(--space-4);color:var(--md-sys-color-on-surface)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-title);font-weight:600;margin-bottom:var(--space-3);color:var(--md-sys-color-on-surface)}.settings-section{background:var(--md-sys-color-surface-container-highest);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-1)}.setting-description{color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-3);font-size:var(--text-body)}.settings-section>button,.settings-section .setting-actions>button,.file-picker,.file-row>button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-right:var(--space-2);margin-bottom:var(--space-2)}.setting-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.file-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.file-picker{cursor:pointer;padding:.625rem 1.25rem;border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-full);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:inherit;font-weight:500;font-size:var(--text-body)}.file-picker:hover{background:var(--md-sys-color-surface-variant)}.pairing-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-title);font-weight:700;letter-spacing:.1em;color:var(--md-sys-color-primary);margin:var(--space-2) 0}.backup-list{list-style:none;padding:0;margin:var(--space-3) 0 0}.backup-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:var(--text-label);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all}.backup-list li:last-child{border-bottom:none}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);margin:var(--space-3) 0}.message.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.page-title{display:flex;align-items:center;gap:var(--space-2)}.history-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--md-sys-color-outline-variant)}.tab{cursor:pointer;padding:var(--space-3) var(--space-2);border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-weight:500;min-height:2.5rem;display:inline-flex;align-items:center;gap:var(--space-2);transition:color .15s,border-color .15s}.tab:hover{color:var(--md-sys-color-on-surface)}.tab-active{color:var(--md-sys-color-primary);border-bottom-color:var(--md-sys-color-primary)}.history-list{list-style:none;padding:0;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--md-sys-color-on-surface-variant);padding:var(--space-8) var(--space-4);text-align:center}.empty-state p{font-size:var(--text-label)}
