.app{max-width:1120px;margin:0 auto;padding:clamp(.9rem,2vw,1.5rem);display:grid;gap:1rem}.app-header{display:flex;justify-content:space-between;align-items:end;gap:.75rem;flex-wrap:wrap}.app h1{margin:0;line-height:1.16;color:var(--text-primary);letter-spacing:-.015em;text-shadow:0 1px 0 rgba(255,255,255,.25)}.theme-control{display:grid;gap:.25rem;min-width:min(220px,100%)}.panel{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--glass-strong),var(--glass-surface));border:1px solid var(--glass-border);border-radius:18px;padding:clamp(.8rem,1.4vw,1rem);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,var(--glass-highlight),transparent 52%),radial-gradient(circle at 15% 0%,rgba(255,255,255,.24),transparent 40%);mix-blend-mode:screen}.panel>*{position:relative;z-index:1}.panel h2{margin-top:0;margin-bottom:.4rem;line-height:1.25;color:var(--text-primary)}.panel-copy{margin-top:-.1rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.task-form,.task-edit{display:grid;gap:.5rem}.fieldset-reset{border:0;margin:0;padding:0;min-inline-size:0}.controls{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));margin-bottom:1rem}.control{display:grid;gap:.35rem;min-inline-size:0}label{font-size:.875rem;color:var(--text-secondary)}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:.55rem .7rem;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--glass-border) 88%,transparent);border-radius:11px;background:color-mix(in srgb,var(--glass-surface) 80%,transparent);box-shadow:inset 0 1px #ffffff3d,0 5px 12px #0f204014;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical}button{border:1px solid color-mix(in srgb,var(--accent-strong) 58%,transparent);background:linear-gradient(140deg,var(--accent),var(--accent-strong));color:#fff;border-radius:11px;padding:.45rem .75rem;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff57;transition:transform .14s ease,box-shadow .16s ease,filter .18s ease}button:hover{transform:translateY(-1px);filter:saturate(108%)}button:active{transform:translateY(0)}button.secondary{background:color-mix(in srgb,var(--glass-surface) 90%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--glass-border) 86%,transparent);box-shadow:inset 0 1px #ffffff47,var(--glass-shadow-soft)}button.danger{background:var(--danger-bg);border-color:var(--danger-border)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.task-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.task-item{border:1px solid var(--glass-border);border-radius:14px;padding:.75rem;background:color-mix(in srgb,var(--glass-surface) 82%,transparent);box-shadow:var(--glass-shadow-soft)}.task-item,.task-header h3,.task-description,.task-meta,.reason-chip{overflow-wrap:anywhere}.task-item--completed{border-color:var(--success-border);background:linear-gradient(160deg,var(--success-bg),color-mix(in srgb,var(--glass-surface) 78%,transparent))}.task-item--open{border-color:var(--open-border);background:linear-gradient(160deg,var(--open-bg),color-mix(in srgb,var(--glass-surface) 82%,transparent))}.task-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.task-header h3{margin:0;color:var(--text-primary)}.status-badge{font-size:.75rem;font-weight:600;border-radius:999px;padding:.15rem .55rem;white-space:nowrap;border:1px solid transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-badge--open{color:var(--open-fg);background:var(--open-bg);border-color:var(--open-border)}.status-badge--completed{color:var(--success-fg);background:var(--success-bg);border-color:var(--success-border)}.task-description{margin:.5rem 0;color:var(--text-secondary)}.task-meta{margin:0;color:var(--text-muted);font-size:.875rem}.task-meta--stacked{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem}.task-meta--stacked span{border:1px solid color-mix(in srgb,var(--glass-border) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--glass-surface) 88%,transparent);padding:.1rem .45rem;color:var(--text-secondary)}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.reason-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.reason-chip{border:1px solid var(--open-border);background:color-mix(in srgb,var(--open-bg) 84%,transparent);color:var(--open-fg);border-radius:999px;font-size:.75rem;padding:.15rem .5rem}.empty-state{margin:0 0 .75rem;color:var(--text-secondary)}.error{margin:0;color:#d12f2f;font-size:.875rem;text-shadow:0 1px 0 rgba(255,255,255,.22)}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.panel,.task-item,input,textarea,select,.status-badge,.reason-chip{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--glass-strong) 95%,white 5%)}}@media (min-width: 960px){.app{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.app-header,.panel--tasks{grid-column:1 / -1}}@media (max-width: 640px){.controls{grid-template-columns:1fr;margin-bottom:.75rem}.task-actions{display:grid;grid-template-columns:1fr}.task-actions button{width:100%}.status-badge{font-size:.72rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.diagnostics-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .85rem;padding:.1rem .1rem 0;color:var(--text-muted);font-size:.78rem}.diagnostics-meta{display:inline-flex;align-items:center;gap:.35rem}.diagnostics-meta code{font-size:.75rem;padding:.05rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--glass-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 86%,transparent);color:var(--text-secondary)}.diagnostics-links{display:inline-flex;flex-wrap:wrap;gap:.5rem .75rem}.diagnostics-links a{color:var(--text-secondary)}@media (min-width: 960px){.diagnostics-footer{grid-column:1 / -1}}.usage-log{margin-top:1rem;padding-top:.75rem;border-top:1px dashed color-mix(in srgb,var(--glass-border) 85%,transparent)}.usage-log h3{margin:0 0 .35rem;font-size:1rem}.usage-log-toggle{display:inline-flex;align-items:center;gap:.45rem;margin-top:.35rem}.usage-log-toggle input{width:auto}.usage-log-details{margin:0;padding:.45rem .55rem;border-radius:10px;background:color-mix(in srgb,var(--glass-surface) 85%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 86%,transparent);color:var(--text-secondary);font-size:.78rem;overflow:auto}.support-bundle-warning{margin:.25rem 0 .5rem}:root{color-scheme:light dark;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-base: #edf3ff;--bg-secondary: #f8fbff;--bg-radial: rgba(255, 255, 255, .72);--text-primary: #12213a;--text-secondary: #3d4f6a;--text-muted: #5f7391;--glass-surface: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .58);--glass-highlight: rgba(255, 255, 255, .52);--glass-shadow: 0 20px 45px rgba(37, 74, 138, .18);--glass-shadow-soft: 0 10px 24px rgba(35, 66, 116, .14);--accent: #2f7dff;--accent-strong: #1d63e4;--focus-ring: rgba(37, 99, 235, .8);--success-bg: rgba(136, 239, 172, .22);--success-fg: #0b6634;--success-border: rgba(75, 176, 123, .45);--open-bg: rgba(147, 197, 253, .2);--open-fg: #1f4dae;--open-border: rgba(91, 146, 219, .45);--danger-bg: linear-gradient(135deg, rgba(214, 70, 70, .96), rgba(164, 31, 31, .94));--danger-border: rgba(123, 20, 20, .58);background:var(--bg-base);color:var(--text-primary)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg-base: #081220;--bg-secondary: #0c1b2c;--bg-radial: rgba(56, 91, 145, .28);--text-primary: #e3ecff;--text-secondary: #bfd0eb;--text-muted: #99afcf;--glass-surface: rgba(16, 32, 50, .58);--glass-strong: rgba(20, 38, 58, .78);--glass-border: rgba(144, 181, 234, .24);--glass-highlight: rgba(194, 220, 255, .16);--glass-shadow: 0 24px 52px rgba(1, 7, 20, .52);--glass-shadow-soft: 0 14px 28px rgba(4, 10, 20, .44);--accent: #79b0ff;--accent-strong: #5e98f0;--focus-ring: rgba(121, 176, 255, .8);--success-bg: rgba(92, 184, 130, .24);--success-fg: #bcf3d2;--success-border: rgba(129, 234, 175, .38);--open-bg: rgba(67, 120, 188, .32);--open-fg: #d5e7ff;--open-border: rgba(126, 171, 237, .4);--danger-bg: linear-gradient(135deg, rgba(199, 63, 63, .95), rgba(146, 24, 24, .9));--danger-border: rgba(230, 112, 112, .5)}}:root[data-theme=light]{color-scheme:light;--bg-base: #edf3ff;--bg-secondary: #f8fbff;--bg-radial: rgba(255, 255, 255, .72);--text-primary: #12213a;--text-secondary: #3d4f6a;--text-muted: #5f7391;--glass-surface: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .58);--glass-highlight: rgba(255, 255, 255, .52);--glass-shadow: 0 20px 45px rgba(37, 74, 138, .18);--glass-shadow-soft: 0 10px 24px rgba(35, 66, 116, .14);--accent: #2f7dff;--accent-strong: #1d63e4;--focus-ring: rgba(37, 99, 235, .8);--success-bg: rgba(136, 239, 172, .22);--success-fg: #0b6634;--success-border: rgba(75, 176, 123, .45);--open-bg: rgba(147, 197, 253, .2);--open-fg: #1f4dae;--open-border: rgba(91, 146, 219, .45);--danger-bg: linear-gradient(135deg, rgba(214, 70, 70, .96), rgba(164, 31, 31, .94));--danger-border: rgba(123, 20, 20, .58)}:root[data-theme=dark]{color-scheme:dark;--bg-base: #081220;--bg-secondary: #0c1b2c;--bg-radial: rgba(56, 91, 145, .28);--text-primary: #e3ecff;--text-secondary: #bfd0eb;--text-muted: #99afcf;--glass-surface: rgba(16, 32, 50, .58);--glass-strong: rgba(20, 38, 58, .78);--glass-border: rgba(144, 181, 234, .24);--glass-highlight: rgba(194, 220, 255, .16);--glass-shadow: 0 24px 52px rgba(1, 7, 20, .52);--glass-shadow-soft: 0 14px 28px rgba(4, 10, 20, .44);--accent: #79b0ff;--accent-strong: #5e98f0;--focus-ring: rgba(121, 176, 255, .8);--success-bg: rgba(92, 184, 130, .24);--success-fg: #bcf3d2;--success-border: rgba(129, 234, 175, .38);--open-bg: rgba(67, 120, 188, .32);--open-fg: #d5e7ff;--open-border: rgba(126, 171, 237, .4);--danger-bg: linear-gradient(135deg, rgba(199, 63, 63, .95), rgba(146, 24, 24, .9));--danger-border: rgba(230, 112, 112, .5)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-primary);background:radial-gradient(circle at 15% -10%,var(--bg-radial),transparent 58%),radial-gradient(circle at 90% 0%,rgba(109,171,255,.26),transparent 44%),linear-gradient(165deg,var(--bg-base),var(--bg-secondary))}