:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page-bg: #eef2f0;--page-gradient-start: rgba(255, 255, 255, .68);--page-gradient-end: rgba(238, 242, 240, .92);--text: #1f2933;--text-strong: #1f2933;--muted: #62706a;--muted-strong: #41524b;--surface: #ffffff;--surface-soft: #f7f9f8;--surface-translucent: rgba(255, 255, 255, .84);--border: #cdd6d1;--border-soft: #d7dfda;--divider: #e3e8e5;--accent: #2f6f73;--accent-focus: rgba(47, 111, 115, .12);--accent-contrast: #ffffff;--check-border: #9bb2a8;--tag-bg: #e0ebe6;--tag-text: #41524b;--danger-bg: #fff7f7;--danger-border: #d9b9b9;--danger-text: #8a2f2f;--modal-backdrop: rgba(23, 31, 35, .42);--modal-shadow: rgba(20, 31, 34, .22);background:var(--page-bg);color:var(--text)}:root[data-theme=midnight]{color-scheme:dark;--page-bg: #171b22;--page-gradient-start: rgba(70, 78, 92, .18);--page-gradient-end: rgba(23, 27, 34, .96);--text: #edf2f7;--text-strong: #f8fafc;--muted: #9ba8b7;--muted-strong: #c4ccd6;--surface: #232936;--surface-soft: #1d232e;--surface-translucent: rgba(35, 41, 54, .88);--border: #465060;--border-soft: #3a4453;--divider: #394251;--accent: #76b7c4;--accent-focus: rgba(118, 183, 196, .2);--accent-contrast: #102027;--check-border: #607389;--tag-bg: #2d3d4e;--tag-text: #d7e1ea;--danger-bg: #3a2429;--danger-border: #6f3d45;--danger-text: #ffb4b4;--modal-backdrop: rgba(7, 10, 14, .66);--modal-shadow: rgba(0, 0, 0, .34)}:root[data-theme=neon-district]{color-scheme:dark;--page-bg: #050714;--page-gradient-start: rgba(8, 255, 233, .14);--page-gradient-end: rgba(5, 7, 20, .98);--text: #dff7ff;--text-strong: #f5fbff;--muted: #9bb7ff;--muted-strong: #ffc2f1;--surface: #0b1024;--surface-soft: #12102a;--surface-translucent: rgba(11, 16, 36, .9);--border: #3758ff;--border-soft: #2541bf;--divider: rgba(53, 245, 255, .34);--accent: #35f5ff;--accent-focus: rgba(255, 47, 214, .28);--accent-contrast: #020512;--check-border: #ff2fd6;--tag-bg: rgba(255, 47, 214, .16);--tag-text: #ffe8fb;--danger-bg: rgba(255, 43, 110, .18);--danger-border: #ff2b6e;--danger-text: #ff9dc2;--modal-backdrop: rgba(2, 4, 14, .78);--modal-shadow: rgba(255, 47, 214, .2)}:root[data-theme=sunrise]{--page-bg: #f7eee7;--page-gradient-start: rgba(255, 255, 255, .72);--page-gradient-end: rgba(247, 238, 231, .94);--text: #2f2521;--text-strong: #241b18;--muted: #7b6359;--muted-strong: #5d4840;--surface: #fffaf6;--surface-soft: #f3e4db;--surface-translucent: rgba(255, 250, 246, .86);--border: #dfc9bd;--border-soft: #e5d3c9;--divider: #eadbd2;--accent: #a84d3b;--accent-focus: rgba(168, 77, 59, .14);--accent-contrast: #ffffff;--check-border: #c59282;--tag-bg: #f1d9ca;--tag-text: #5d4840;--danger-bg: #fff2f1;--danger-border: #e1aba6;--danger-text: #8b302c;--modal-backdrop: rgba(47, 37, 33, .42);--modal-shadow: rgba(47, 37, 33, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,var(--page-gradient-start),var(--page-gradient-end)),var(--page-bg)}:root[data-theme=neon-district] body{background:linear-gradient(rgba(53,245,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,47,214,.08) 1px,transparent 1px),linear-gradient(135deg,rgba(255,230,0,.16),transparent 28%),linear-gradient(225deg,rgba(53,245,255,.2),transparent 32%),linear-gradient(180deg,#101a3d,#050714 58%,#02030a);background-attachment:fixed;background-size:42px 42px,42px 42px,auto,auto,auto;animation:neonDistrictGrid 18s linear infinite}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.simpleShell{display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:28px clamp(16px,4vw,48px)}:root[data-theme=neon-district] .simpleShell{position:relative;isolation:isolate}:root[data-theme=neon-district] .simpleShell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px),linear-gradient(90deg,transparent 0 8%,rgba(255,47,214,.14) 8% 9%,transparent 9% 63%,rgba(53,245,255,.12) 63% 64%,transparent 64%),linear-gradient(0deg,rgba(2,3,10,.94) 0 10%,transparent 10% 100%);mix-blend-mode:screen;opacity:.75;animation:neonDistrictScan 7s linear infinite}:root[data-theme=neon-district] .simpleShell:after{content:"";position:fixed;inset:auto -20vw 8vh -20vw;z-index:-1;height:34vh;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(53,245,255,.2),transparent),linear-gradient(135deg,transparent 12%,rgba(255,47,214,.18) 12% 18%,transparent 18% 41%,rgba(255,230,0,.15) 41% 45%,transparent 45%);filter:blur(14px);opacity:.78;transform:skewY(-7deg);animation:neonDistrictTraffic 9s ease-in-out infinite alternate}.simpleHeader h1,.modalHeader h2{margin:0;letter-spacing:0}.simpleHeader h1{font-size:clamp(32px,5vw,56px);line-height:1.05}:root[data-theme=neon-district] .simpleHeader h1{color:#fff;text-shadow:0 0 12px rgba(53,245,255,.82),3px 0 0 rgba(255,47,214,.7),-3px 0 0 rgba(255,230,0,.48);text-transform:uppercase;animation:neonDistrictTitle 4.8s steps(1) infinite}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 4px;text-transform:uppercase}:root[data-theme=neon-district] .eyebrow{color:#ffe600;text-shadow:0 0 10px rgba(255,230,0,.7);animation:neonDistrictFlicker 3.8s linear infinite}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);outline:none}input,select{min-height:40px;padding:0 11px}textarea{resize:vertical;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus)}.simpleHeader{display:flex;align-items:center;justify-content:space-between;gap:20px}.simpleWorkspace{display:flex;flex-direction:column;gap:18px;width:min(820px,100%);min-width:0;margin:0 auto}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.iconButton,.iconTextButton,.primaryButton,.secondaryButton,.dangerButton,.themeSelect{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.iconButton{width:40px;padding:0}.iconTextButton,.primaryButton,.secondaryButton,.dangerButton{padding:0 13px;white-space:nowrap}.primaryButton{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}:root[data-theme=neon-district] .iconButton,:root[data-theme=neon-district] .iconTextButton,:root[data-theme=neon-district] .secondaryButton,:root[data-theme=neon-district] .themeSelect{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #35f5ff29,0 0 18px #35f5ff1f;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}:root[data-theme=neon-district] .iconButton:before,:root[data-theme=neon-district] .iconTextButton:before,:root[data-theme=neon-district] .secondaryButton:before,:root[data-theme=neon-district] .themeSelect:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 34%,rgba(255,255,255,.35) 44%,transparent 55% 100%);opacity:0;transform:translate(-120%)}:root[data-theme=neon-district] .primaryButton{position:relative;overflow:hidden;background:linear-gradient(135deg,#35f5ff,#ff2fd6);border-color:#ffe600;box-shadow:0 0 24px #35f5ff80,0 0 36px #ff2fd652;color:#050714;font-weight:800;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));transition:filter .16s ease,transform .16s ease,box-shadow .16s ease;animation:neonDistrictPulse 2.8s ease-in-out infinite}:root[data-theme=neon-district] .primaryButton:before{content:"";position:absolute;inset:-60% -30%;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.28) 12px 14px);opacity:.32;transform:translate(-30%) rotate(12deg);animation:neonDistrictButtonStripes 3.2s linear infinite}:root[data-theme=neon-district] .iconTextButton:hover,:root[data-theme=neon-district] .secondaryButton:hover,:root[data-theme=neon-district] .iconButton:hover,:root[data-theme=neon-district] .themeSelect:hover{border-color:#ff2fd6;box-shadow:0 0 20px #ff2fd65c,inset 0 0 0 1px #ffe6002e;transform:translateY(-1px)}:root[data-theme=neon-district] .iconTextButton:hover:before,:root[data-theme=neon-district] .secondaryButton:hover:before,:root[data-theme=neon-district] .iconButton:hover:before,:root[data-theme=neon-district] .themeSelect:hover:before{opacity:1;animation:neonDistrictSweep .62s ease-out}:root[data-theme=neon-district] .primaryButton:hover{filter:saturate(1.45) contrast(1.08);transform:translateY(-2px) skew(-2deg);box-shadow:0 0 28px #35f5ffad,0 0 52px #ff2fd66b,0 0 12px #ffe60085}.secondaryButton{background:var(--surface-soft)}.dangerButton{align-self:flex-start;border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.themeSelect{padding:0 10px}.themeSelect select{width:auto;min-width:104px;min-height:0;padding:0 22px 0 0;border:0;background:transparent;color:inherit;box-shadow:none}.statusStrip{display:flex;flex-wrap:wrap;gap:8px}.statusStrip span,.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:12px}.statusStrip .errorText{background:var(--danger-bg);color:var(--danger-text)}.filterRow{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center}.searchInput{display:flex;align-items:center;gap:8px;min-width:0;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.searchInput input{border:0;box-shadow:none;padding:0}.toggleControl{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--muted-strong)}.toggleControl input{width:17px;min-height:17px}.quickAddForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-translucent)}:root[data-theme=neon-district] .quickAddForm,:root[data-theme=neon-district] .taskItem,:root[data-theme=neon-district] .modal{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(53,245,255,.08),transparent 38%),linear-gradient(315deg,rgba(255,47,214,.08),transparent 42%),var(--surface-translucent);box-shadow:0 0 0 1px #35f5ff1f,0 18px 38px #00000047,0 0 28px #35f5ff1a;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}:root[data-theme=neon-district] .quickAddForm:before,:root[data-theme=neon-district] .taskItem:before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}:root[data-theme=neon-district] .taskItem:before{background:linear-gradient(180deg,rgba(53,245,255,.16),transparent 12px),linear-gradient(135deg,rgba(255,47,214,.06),transparent 34%);opacity:.34}:root[data-theme=neon-district] .quickAddForm:before{background:linear-gradient(180deg,rgba(255,230,0,.2),transparent 14px),linear-gradient(135deg,rgba(53,245,255,.1),transparent 36%),linear-gradient(315deg,rgba(255,47,214,.08),transparent 42%);opacity:.36}:root[data-theme=neon-district] .quickAddForm:after,:root[data-theme=neon-district] .taskItem:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 42%,rgba(53,245,255,.18) 48%,transparent 54% 100%);opacity:0;transform:translate(-80%)}:root[data-theme=neon-district] .quickAddForm:hover:after,:root[data-theme=neon-district] .taskItem:hover:after{opacity:1;animation:neonDistrictSweep .9s ease-out}:root[data-theme=neon-district] .quickAddForm:focus-within,:root[data-theme=neon-district] .taskItem:hover{border-color:#35f5ff;transform:translate(2px);box-shadow:0 0 0 1px #ffe6002e,0 18px 38px #00000052,0 0 34px #35f5ff3d,-10px 0 24px #ff2fd629}.titleInput{font-weight:650}.taskList{display:grid;gap:10px}.taskItem{display:grid;grid-template-columns:36px minmax(0,1fr) 40px;gap:10px;align-items:start;padding:14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.taskItem.editing{grid-template-columns:1fr}.taskItem.completed{background:var(--surface-soft)}:root[data-theme=neon-district] .taskItem.completed{opacity:.78;filter:grayscale(.35)}.checkButton{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:2px;border:1px solid var(--check-border);border-radius:8px;background:var(--surface);color:var(--accent)}:root[data-theme=neon-district] .checkButton{box-shadow:0 0 14px #ff2fd63d,inset 0 0 12px #35f5ff14;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}:root[data-theme=neon-district] .checkButton:hover{border-color:#ffe600;box-shadow:0 0 18px #ffe6006b,0 0 24px #ff2fd64d,inset 0 0 12px #35f5ff2e;transform:rotate(-3deg) scale(1.06)}.taskContentButton{display:grid;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.taskTitle{color:var(--text-strong);font-weight:650}:root[data-theme=neon-district] .taskTitle{text-shadow:0 0 10px rgba(53,245,255,.24)}.completed .taskTitle{color:var(--muted);text-decoration:line-through}.emptyState{display:grid;place-items:center;gap:10px;min-height:160px;color:var(--muted);text-align:center}.hiddenInput{display:none}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:var(--modal-backdrop)}.modal{width:min(560px,100%);border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);box-shadow:0 18px 50px var(--modal-shadow)}.modalHeader,.modalActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalHeader{padding:16px;border-bottom:1px solid var(--divider)}.feedbackForm{display:grid;gap:14px;padding:16px}.feedbackForm label{display:grid;gap:6px;color:var(--muted-strong);font-size:13px}.modalActions{justify-content:flex-end}.formStatus{margin:0;color:var(--muted-strong);font-size:14px}.formStatus.error{color:var(--danger-text)}.formStatus.sent{color:var(--accent)}.turnstileSlot{min-height:65px}.taskActions{display:flex;justify-content:flex-end;gap:8px}@keyframes neonDistrictGrid{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 84px,84px 0,0 0,0 0,0 0}}@keyframes neonDistrictScan{0%{opacity:.5;transform:translateY(-4vh)}45%{opacity:.78}52%{opacity:.95;transform:translateY(3vh) skew(-1deg)}to{opacity:.62;transform:translateY(7vh)}}@keyframes neonDistrictTraffic{0%{opacity:.48;transform:translate(-6vw) skewY(-7deg)}to{opacity:.9;transform:translate(6vw) skewY(-7deg)}}@keyframes neonDistrictTitle{0%,88%,to{transform:translate(0);text-shadow:0 0 12px rgba(53,245,255,.82),3px 0 0 rgba(255,47,214,.7),-3px 0 0 rgba(255,230,0,.48)}89%{transform:translate(2px) skew(8deg);text-shadow:0 0 18px rgba(53,245,255,.95),-5px 0 0 rgba(255,47,214,.78),5px 0 0 rgba(255,230,0,.62)}90%{transform:translate(-3px) skew(-6deg)}91%{transform:translate(0)}}@keyframes neonDistrictFlicker{0%,17%,19%,21%,72%,to{opacity:1}18%,20%{opacity:.45}73%{opacity:.72}}@keyframes neonDistrictPulse{0%,to{box-shadow:0 0 24px #35f5ff80,0 0 36px #ff2fd652}50%{box-shadow:0 0 34px #35f5ffb8,0 0 58px #ff2fd67a,0 0 14px #ffe6006b}}@keyframes neonDistrictButtonStripes{0%{transform:translate(-30%) rotate(12deg)}to{transform:translate(30%) rotate(12deg)}}@keyframes neonDistrictSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){:root[data-theme=neon-district] body,:root[data-theme=neon-district] .simpleShell:before,:root[data-theme=neon-district] .simpleShell:after,:root[data-theme=neon-district] .simpleHeader h1,:root[data-theme=neon-district] .eyebrow,:root[data-theme=neon-district] .primaryButton,:root[data-theme=neon-district] .primaryButton:before{animation:none}:root[data-theme=neon-district] .iconTextButton:hover,:root[data-theme=neon-district] .secondaryButton:hover,:root[data-theme=neon-district] .iconButton:hover,:root[data-theme=neon-district] .themeSelect:hover,:root[data-theme=neon-district] .primaryButton:hover,:root[data-theme=neon-district] .quickAddForm:focus-within,:root[data-theme=neon-district] .taskItem:hover,:root[data-theme=neon-district] .checkButton:hover{transform:none}}@media(max-width:880px){.filterRow{align-items:stretch;grid-template-columns:1fr}.simpleHeader{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}}@media(max-width:560px){.simpleShell{padding:18px 14px}.quickAddForm{grid-template-columns:1fr}.taskItem{grid-template-columns:32px minmax(0,1fr)}.taskItem>.iconButton{grid-column:2;justify-self:end}.iconTextButton,.primaryButton,.secondaryButton,.dangerButton,.themeSelect{width:100%}.themeSelect select{flex:1}}