html{scroll-behavior:smooth}@layer base{*{margin:0;padding:0;box-sizing:border-box}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);min-width:375px;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100vh}.mode-frequency--daily{background-color:var(--color-mode-daily-bg);color:var(--color-mode-daily-text);border-color:var(--color-mode-daily-border)}.mode-frequency--one-time{background-color:var(--color-mode-one-time-bg);color:var(--color-mode-one-time-text);border-color:var(--color-mode-one-time-border)}.mode-frequency--occasional{background-color:var(--color-mode-occasional-bg);color:var(--color-mode-occasional-text);border-color:var(--color-mode-occasional-border)}.mode-priority{background-color:var(--color-mode-priority-bg);color:var(--color-mode-priority-text);border-color:var(--color-mode-priority-border)}:root{--color-primary: light-dark(#5b9bd5, #3a78b4);--color-primary-dark: light-dark(#3a78b4, #1e3a8a);--color-primary-dark-hover: light-dark(#2e5e8c, #16325e);--color-priority: light-dark(#fbbf24, #facc15);--color-success: light-dark(#34d399, #10b981);--color-info: light-dark(#60a5fa, #3b82f6);--color-warning: light-dark(#fcd34d, #fcd34d);--color-danger: light-dark(#f87171, #ef4444);--color-text-primary: light-dark(#1f2937, #f3f4f6);--color-text-secondary: light-dark(#4b5563, #d1d5db);--color-text-light: light-dark(#f9fafb, #ffffff);--color-text-dark-light: light-dark(#111827, #e5e7eb);--color-background: light-dark(#f0f4f8, #111827);--color-surface: light-dark(#ffffff, #1f2937);--color-surface--transparent: light-dark(rgba(255, 255, 255, .8), rgba(31, 41, 55, .8));--color-hover: light-dark(#e2e8f0, #374151);--color-background-hover: light-dark(#e0f2fe, #1e3a8a);--color-border: light-dark(#d1d5db, #374151);--color-border-light: light-dark(#e5e7eb, #4b5563);--color-shadow: light-dark(rgba(97, 97, 97, .328), rgba(3, 3, 3, .35));--shadow-sm: light-dark(0 1px 4px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.25));--shadow-md: light-dark(0 6px 20px rgba(0,0,0,.15), 0 10px 30px rgba(0,0,0,.35));--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition-fast: .2s ease;--color-mode-daily-bg: light-dark(#dbeafe, #1e3a8a);--color-mode-daily-text: light-dark(#1e40af, #dbeafe);--color-mode-daily-border: light-dark(#93c5fd, #3b82f6);--color-mode-one-time-bg: light-dark(#fef3c7, #78350f);--color-mode-one-time-text: light-dark(#78350f, #fde68a);--color-mode-one-time-border: light-dark(#fbbf24, #fbbf24);--color-mode-occasional-bg: light-dark(#d1fae5, #065f46);--color-mode-occasional-text: light-dark(#065f46, #d1fae5);--color-mode-occasional-border: light-dark(#34d399, #10b981);--color-mode-priority-bg: light-dark(#C9E8EE, #04275f);--color-mode-priority-text: light-dark(#000c8d, #b7beff);--color-mode-priority-border: light-dark(#1d178b, #888ff1);--mobile-tab-bar-height: 60px;--fab-spacing: 45px}body:before{content:"";background:none}body:after{content:"";background:none}:root:focus-visible{outline:3px solid light-dark(#2563eb,#60a5fa);outline-offset:3px;border-radius:8px}.app_h1{font-family:Space Grotesk,Orbitron,Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.app_subtitle,.app_header_menu,.app_header_menu-icon,.app_header_menu-span{color:var(--color-text-dark-light)}.form-group{margin-bottom:var(--spacing-md);color:var(--color-text-primary);display:flex;align-items:baseline;gap:var(--spacing-xs)}.form-group>label{display:block;margin-bottom:4px;font-weight:500;font-size:16px;color:var(--color-text-primary)}.form-group input[type=date]{cursor:pointer}.select-input{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background-color:transparent;color:var(--color-text-primary);white-space:nowrap;min-width:150px;min-height:44px}.select-input:hover{background-color:#0000000d}.select-input:active{transform:scale(.98)}.select-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.select-input option{background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--spacing-md)}input,textarea{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-size:16px;color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary)}textarea{resize:vertical;font-family:inherit}:root[data-theme-style=space]{color-scheme:light dark;--color-primary: light-dark(#8b5cf6, #a78bfa);--color-primary-dark: light-dark(#6d28d9, #6314ec);--color-primary-dark-hover: light-dark(rgb(109, 40, 217, .8), #894fec);--color-priority: light-dark(#ec4899, #f472b6);--color-success: light-dark(#22d3ee, #22d3ee);--color-info: light-dark(#60a5fa, #7dd3fc);--color-warning: light-dark(#f472b6, #f9a8d4);--color-danger: light-dark(#fb7185, #fb7185);--color-text-primary: light-dark(#1f1147, #f5f3ff);--color-text-dark: light-dark(#260139, #f5f3ff);--color-text-secondary: light-dark(#4b3b82, #c4b5fd);--color-text-light: light-dark(#e7e1fd, #f5f3ff);--color-text-dark-light: light-dark(#28054b, rgba(192, 132, 252, .9));--color-background: light-dark(#f2effd, #0b061f);--color-background-hover: light-dark(rgb(247, 245, 255, .8), #221a4d);--color-surface: light-dark(#ffffff, #161032);--color-hover: light-dark(#f0ecff, #221a4d);--color-border: light-dark(#ddd6fe, #2e1065);--color-border-light: light-dark(#ede9fe, #3b0764);--color-shadow: light-dark(rgba(139, 92, 246, .15), rgba(168, 139, 250, .35));--shadow-sm: light-dark(0 1px 3px rgba(139, 92, 246, .15), 0 1px 4px rgba(168, 139, 250, .25));--shadow-md: light-dark(0 6px 20px rgba(139, 92, 246, .18), 0 10px 30px rgba(236, 72, 153, .25));--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition-fast: .2s ease;--color-mode-daily-bg: light-dark(#ede9fe, #2e1065);--color-mode-daily-text: light-dark(#5b21b6, #ddd6fe);--color-mode-daily-border: light-dark(#c4b5fd, #7c3aed);--color-mode-one-time-bg: light-dark(#fae8ff, #4a044e);--color-mode-one-time-text: light-dark(#86198f, #f5d0fe);--color-mode-one-time-border: light-dark(#f0abfc, #d946ef);--color-mode-occasional-bg: light-dark(#cffafe, #083344);--color-mode-occasional-text: light-dark(#155e75, #67e8f9);--color-mode-occasional-border: light-dark(#67e8f9, #22d3ee);--color-mode-priority-bg: light-dark(#b0a7ff, #581c87);--color-mode-priority-text: light-dark(#2f003b, #f0abfc);--color-mode-priority-border: light-dark(#38016b, #ec4899)}:root[data-theme-style=space] body{background:radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(236,72,153,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);color:var(--color-surface);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:root[data-theme-style=space] body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 40%,white,transparent),radial-gradient(1px 1px at 12% 42%,white,transparent),radial-gradient(1px 1px at 14% 38%,white,transparent),radial-gradient(1px 1px at 18% 41%,white,transparent),radial-gradient(1px 1px at 20% 39%,white,transparent),radial-gradient(1px 1px at 22% 43%,white,transparent),radial-gradient(1px 1px at 24% 40%,white,transparent),radial-gradient(1px 1px at 26% 42%,white,transparent),radial-gradient(1px 1px at 28% 41%,white,transparent),radial-gradient(1px 1px at 30% 39%,white,transparent),radial-gradient(1px 1px at 32% 40%,white,transparent),radial-gradient(1px 1px at 34% 42%,white,transparent),radial-gradient(1px 1px at 36% 41%,white,transparent),radial-gradient(1px 1px at 38% 39%,white,transparent),radial-gradient(1px 1px at 40% 40%,white,transparent),radial-gradient(1px 1px at 42% 41%,white,transparent),radial-gradient(1px 1px at 44% 39%,white,transparent),radial-gradient(1px 1px at 46% 42%,white,transparent),radial-gradient(1px 1px at 48% 41%,white,transparent),radial-gradient(1px 1px at 50% 40%,white,transparent),radial-gradient(2px 2px at 15% 40%,white,transparent),radial-gradient(2px 2px at 25% 42%,white,transparent),radial-gradient(2px 2px at 35% 41%,white,transparent),radial-gradient(3px 3px at 45% 39%,white,transparent),radial-gradient(2px 2px at 55% 40%,white,transparent),radial-gradient(3px 3px at 60% 41%,white,transparent),radial-gradient(2px 2px at 65% 42%,white,transparent),radial-gradient(2px 2px at 70% 40%,white,transparent),radial-gradient(3px 3px at 75% 41%,white,transparent),radial-gradient(2px 2px at 80% 39%,white,transparent),radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(4px 4px at 60% 70%,white,transparent),radial-gradient(2px 2px at 80% 10%,white,transparent),radial-gradient(4px 4px at 15% 80%,white,transparent),radial-gradient(4px 4px at 75% 45%,white,transparent),radial-gradient(1px 1px at 41% 25%,white,transparent),radial-gradient(1px 1px at 62% 49%,white,transparent),radial-gradient(2px 2px at 27% 88%,white,transparent),radial-gradient(1px 1px at 58% 72%,white,transparent),radial-gradient(1px 1px at 94% 11%,white,transparent),radial-gradient(2px 2px at 87% 93%,white,transparent),radial-gradient(1px 1px at 46% 90%,white,transparent),radial-gradient(1px 1px at 78% 64%,white,transparent),radial-gradient(2px 2px at 33% 38%,white,transparent),radial-gradient(2px 2px at 29% 44%,white,transparent),radial-gradient(1px 1px at 54% 13%,white,transparent),radial-gradient(1px 1px at 91% 58%,white,transparent),radial-gradient(2px 2px at 36% 76%,white,transparent),radial-gradient(1px 1px at 73% 34%,white,transparent),radial-gradient(1px 1px at 19% 67%,white,transparent),radial-gradient(2px 2px at 85% 82%,white,transparent),radial-gradient(3px 3px at 10% 15%,white,transparent),radial-gradient(4px 4px at 50% 50%,white,transparent),radial-gradient(3px 3px at 75% 20%,white,transparent),radial-gradient(4px 4px at 30% 80%,white,transparent),radial-gradient(3px 3px at 85% 60%,white,transparent),radial-gradient(5px 5px at 20% 40%,white,transparent),radial-gradient(3px 3px at 60% 10%,white,transparent),radial-gradient(4px 4px at 90% 85%,white,transparent),radial-gradient(3px 3px at 45% 70%,white,transparent),radial-gradient(5px 5px at 15% 25%,white,transparent);background-size:100vw 100vh;animation:starsMove 120s linear infinite alternate,starsTwinkle 5s ease-in-out infinite alternate;will-change:transform,opacity}:root[data-theme-style=space] body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 15% 80%,white,transparent),radial-gradient(2px 2px at 75% 45%,white,transparent),radial-gradient(1px 1px at 95% 85%,white,transparent),radial-gradient(1px 1px at 12% 18%,white,transparent),radial-gradient(2px 2px at 48% 62%,white,transparent),radial-gradient(1px 1px at 83% 27%,white,transparent),radial-gradient(1px 1px at 67% 91%,white,transparent);opacity:.8;background-size:100vw 100vh;background-repeat:no-repeat;background-position:0 0;pointer-events:none;transform:translate(-100%);animation:shimmerSweep 15s ease-in-out infinite alternate,stars-move 60s linear infinite alternate,twinkle 9s ease-in-out infinite alternate;will-change:transform}@keyframes starsMove{0%{transform:translateZ(0)}to{transform:translate3d(-120px,-120px,0)}}@keyframes starsTwinkle{0%{opacity:.2}to{opacity:1}}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.8),0 0 20px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.4),0 0 40px rgba(139,92,246,.2)}50%{text-shadow:0 0 20px rgba(236,72,153,.8),0 0 30px rgba(236,72,153,.6),0 0 40px rgba(236,72,153,.4),0 0 50px rgba(236,72,153,.2)}}:root[data-theme-style=space] .app_h1{background:linear-gradient(135deg,#a78bfa,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glow 15s ease-in-out infinite}:root[data-theme-style=space] .app_subtitle,:root[data-theme-style=space] .app_header_menu,:root[data-theme-style=space] .app_header_menu-icon,:root[data-theme-style=space] .app_header_menu-span{color:var(--color-text-light)}:root[data-theme-style=space] .new-task-form-toggle-button{background:linear-gradient(135deg,#7c3aed,#9333ea)}:root[data-theme-style=nature]{color-scheme:light dark;--color-primary: light-dark(#16a34a, #86efac);--color-primary-dark: light-dark(#15803d, #166534);--color-primary-dark-hover: light-dark(#166534, #15803d);--color-priority: light-dark(#f59e0b, #facc15);--color-success: light-dark(#22c55e, #22c55e);--color-info: light-dark(#3b82f6, #38bdf8);--color-warning: light-dark(#fbbf24, #fbbf24);--color-danger: light-dark(#ef4444, #f87171);--color-text-primary: light-dark(#1f2937, #e5e7eb);--color-text-secondary: light-dark(#4b5563, #9ca3af);--color-background: light-dark(#f0fdf4, #020617);--color-surface: light-dark(#ffffff, #052e16);--color-hover: light-dark(#d9f99d, #064e3b);--color-border: light-dark(#bbf7d0, #14532d);--color-border-light: light-dark(#bef264, #166534);--color-shadow: light-dark(rgba(22, 163, 74, .15), rgba(34, 197, 94, .25));--shadow-sm: light-dark(0 1px 4px rgba(22, 163, 74, .15), 0 1px 4px rgba(34, 197, 94, .2));--shadow-md: light-dark(0 10px 30px rgba(22, 163, 74, .2), 0 10px 30px rgba(20, 83, 45, .35));--color-mode-daily-bg: light-dark(#d1fae5, #064e3b);--color-mode-daily-text: light-dark(#065f46, #d1fae5);--color-mode-daily-border: light-dark(#22c55e, #22c55e);--color-mode-one-time-bg: light-dark(#eff6ff, #1e293b);--color-mode-one-time-text: light-dark(#1e3a8a, #e5e7eb);--color-mode-one-time-border: light-dark(#3b82f6, #38bdf8);--color-mode-occasional-bg: light-dark(#fef3c7, #422006);--color-mode-occasional-text: light-dark(#92400e, #fde68a);--color-mode-occasional-border: light-dark(#f59e0b, #facc15);--color-mode-priority-bg: light-dark(#96ee89, #177200);--color-mode-priority-text: light-dark(#324a01, #ecfccb);--color-mode-priority-border: light-dark(#395d00, #a3e635);@keyframes moonlightShift{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-15px,10px) scale(1.03);opacity:.7}}@keyframes firefliesDance{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.8;transform:translate(20px,-15px)}50%{opacity:.5;transform:translate(-10px,10px)}75%{opacity:.9;transform:translate(15px,-20px)}}@keyframes sunlightGlow{0%,to{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3)) brightness(1)}50%{filter:drop-shadow(0 2px 12px rgba(0,0,0,.4)) brightness(1.15)}}}:root[data-theme-style=nature] body{background:linear-gradient(to bottom,#15803d,#166534,#14532d 60%,#052e16);background-attachment:fixed;color:var(--color-text-primary);position:relative;overflow:hidden}:root[data-theme-style=nature] body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(ellipse 900px 650px at 20% 25%,rgba(186,230,253,.06),transparent 60%),radial-gradient(ellipse 700px 550px at 75% 40%,rgba(224,242,254,.05),transparent 55%),radial-gradient(ellipse 800px 600px at 45% 65%,rgba(186,230,253,.04),transparent 58%),radial-gradient(ellipse 600px 500px at 85% 80%,rgba(224,242,254,.045),transparent 50%);animation:moonlightShift 25s ease-in-out infinite;opacity:.6}:root[data-theme-style=nature] body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle 4px at 15% 30%,rgba(250,204,21,.8),transparent),radial-gradient(circle 3px at 45% 50%,rgba(251,191,36,.7),transparent),radial-gradient(circle 5px at 75% 35%,rgba(250,204,21,.75),transparent),radial-gradient(circle 3px at 25% 70%,rgba(251,191,36,.65),transparent),radial-gradient(circle 4px at 85% 65%,rgba(250,204,21,.7),transparent),radial-gradient(circle 3px at 60% 80%,rgba(251,191,36,.8),transparent),radial-gradient(circle 4px at 35% 25%,rgba(250,204,21,.6),transparent),radial-gradient(circle 5px at 90% 45%,rgba(251,191,36,.75),transparent);animation:firefliesDance 15s ease-in-out infinite}:root[data-theme-style=nature] .app_h1{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:sunlightGlow 12s ease-in-out infinite}:root[data-theme-style=nature] .app_subtitle,:root[data-theme-style=nature] .app_header_menu,:root[data-theme-style=nature] .app_header_menu-icon,:root[data-theme-style=nature] .app_header_menu-span{color:var(--color-text-light)}:root[data-theme-style=ocean]{color-scheme:light dark;--color-primary: light-dark(#11FFFF, #38bdf8);--color-primary-dark: light-dark(#0369a1, #0369a1);--color-primary-dark-hover: light-dark(#075985, #075985);--color-priority: light-dark(#facc15, #facc15);--color-success: light-dark(#06b6d4, #06b6d4);--color-info: light-dark(#38bdf8, #0ea5e9);--color-warning: light-dark(#fbbf24, #fbbf24);--color-danger: light-dark(#ef4444, #ef4444);--color-text-primary: light-dark(#1e3a8a, #e0f2fe);--color-text-secondary: light-dark(#1e40af, #bae6fd);--color-background: light-dark(#33ddee, #022c3a);--color-surface: light-dark(#ffffff, #075985);--color-hover: light-dark(#bae6fd, #0c4a6e);--color-border: light-dark(#7dd3fc, #0ea5e9);--color-border-light: light-dark(#38bdf8, #38bdf8);--color-shadow: light-dark(rgba(14, 165, 233, .15), rgba(14, 165, 233, .25));--shadow-sm: light-dark(0 1px 4px rgba(14, 165, 233, .15), 0 1px 4px rgba(14, 165, 233, .2));--shadow-md: light-dark(0 10px 30px rgba(14, 165, 233, .25), 0 10px 30px rgba(3, 105, 161, .35));--color-mode-priority-bg: light-dark(#33ffdd, #00a2ff);--color-mode-priority-text: light-dark(#003e60, #78c9ff);--color-mode-priority-border: light-dark(#003148, #8adeff)}:root[data-theme-style=ocean] body{background:linear-gradient(to bottom,#001a24,#022c3a,#023d52 60%,#024b63);background-attachment:fixed;color:var(--color-text-primary);position:relative;overflow:hidden}:root[data-theme-style=ocean] body:after{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:1;background-size:100% 100%;animation:lightRays 30s ease-in-out infinite;background-image:radial-gradient(circle 250px at 20% 25%,rgba(255,255,255,.15) 0%,transparent 80%),radial-gradient(circle 300px at 75% 20%,rgba(51,187,204,.12) 0%,transparent 85%),radial-gradient(circle 200px at 50% 80%,rgba(51,255,221,.13) 0%,transparent 90%),radial-gradient(circle 280px at 30% 60%,rgba(17,255,255,.1) 0%,transparent 85%),radial-gradient(circle 220px at 80% 50%,rgba(51,221,238,.12) 0%,transparent 90%),radial-gradient(circle 260px at 10% 70%,rgba(119,170,187,.1) 0%,transparent 85%),radial-gradient(circle 240px at 60% 30%,rgba(51,255,221,.08) 0%,transparent 85%),linear-gradient(160deg,transparent 0%,transparent 48%,rgba(17,255,255,.12) 50%,transparent 52%,transparent 100%),linear-gradient(140deg,transparent 0%,transparent 48%,rgba(51,221,238,.1) 50%,transparent 52%,transparent 100%),linear-gradient(130deg,transparent 0%,transparent 47%,rgba(51,255,221,.1) 50%,transparent 53%,transparent 100%),linear-gradient(150deg,transparent 0%,transparent 49%,rgba(51,187,204,.08) 50%,transparent 51%,transparent 100%),linear-gradient(165deg,transparent 0%,transparent 48%,rgba(17,255,255,.09) 50%,transparent 52%,transparent 100%);opacity:.75}:root[data-theme-style=ocean] .app_h1{background:linear-gradient(135deg,#fff,#f0f9ff,#e0f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.5);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));animation:oceanGlow 5s ease-in-out infinite}:root[data-theme-style=ocean] .app_subtitle,:root[data-theme-style=ocean] .app_header_menu,:root[data-theme-style=ocean] .app_header_menu-icon,:root[data-theme-style=ocean] .app_header_menu-span{color:var(--color-text-light)}@keyframes lightRays{0%,to{transform:rotate(0) translate(0) translateY(0);opacity:1}25%{transform:rotate(2deg) translate(-25px) translateY(10px);opacity:.9}50%{transform:rotate(-2deg) translate(25px) translateY(-10px);opacity:1}75%{transform:rotate(1deg) translate(-15px) translateY(5px);opacity:.95}}@keyframes oceanGlow{0%,to{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15)) brightness(1)}50%{filter:drop-shadow(0 2px 12px rgba(0,0,0,.9)) brightness(1.1)}}:root[data-density=comfortable]{--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%}:root[data-density=compact]{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--radius-sm: 1px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 50%}.app_skeleton{display:flex;width:100%;height:100vh;color-scheme:dark;background:radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.22) 0%,transparent 52%),radial-gradient(ellipse at 82% 72%,rgba(236,72,153,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b 48%,#312e81);color:var(--color-text-light)}.app_skeleton_shimmer{background:linear-gradient(90deg,#3b2078db 20%,#7f5aece0,#3b2078db 80%);background-size:240% 100%;animation:app_skeleton_shimmer 3s ease-in-out infinite;border-radius:var(--radius-sm)}.app_skeleton_left-panel{width:300px;min-width:300px;border-right:1px solid rgba(124,58,237,.55);background:linear-gradient(180deg,#161032f0,#19143ef0);display:flex;flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-lg)}.app_skeleton_brand{width:160px;height:22px}.app_skeleton_nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app_skeleton_nav-item{width:100%;height:34px;border-radius:var(--radius-md)}.app_skeleton_nav-item-short{width:72%}.app_skeleton_nav-item-mid{width:84%}.app_skeleton_main{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-lg)}.app_skeleton_header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.app_skeleton_title{width:min(320px,58%);height:30px;border-radius:var(--radius-md)}.app_skeleton_action{width:120px;height:34px;border-radius:var(--radius-md)}.app_skeleton_task-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app_skeleton_task-row{display:grid;grid-template-columns:20px minmax(0,1fr) 68px;align-items:center;gap:var(--spacing-sm);padding:14px 12px;border:1px solid rgba(124,58,237,.42);border-radius:var(--radius-md);background:linear-gradient(180deg,#1c1642e0,#181238e0)}.app_skeleton_checkbox{width:16px;height:16px;border-radius:4px}.app_skeleton_task-text{height:14px;width:72%}.app_skeleton_task-text-long{width:90%}.app_skeleton_task-text-mid{width:80%}.app_skeleton_task-text-short{width:62%}.app_skeleton_task-meta{height:12px;width:56px;justify-self:end}@keyframes app_skeleton_shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:899px){.app_skeleton{display:block;padding:var(--spacing-lg) var(--spacing-md)}.app_skeleton_left-panel{display:none}.app_skeleton_main{padding:0;gap:var(--spacing-md)}.app_skeleton_header{justify-content:flex-start}.app_skeleton_title{width:68%;height:26px}.app_skeleton_action{display:none}.app_skeleton_task-row{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:12px 10px}.app_skeleton_task-meta{display:none}}.app_container{display:static;flex-direction:column;max-width:100%;margin:0 auto;overflow:hidden;height:100vh}.panel_backdrop{position:fixed;inset:0;background:#00000059;z-index:499}.left_panel,.right_panel{z-index:500}.app_h2{color:var(--color-text-primary);margin:var(--spacing-md) auto}.app_header_menu{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;outline:0;cursor:pointer}.app_header_menu-span{order:1}.app_header_menu-icon{cursor:pointer;right:0;top:0;width:28px;height:28px;order:1}.account-menu-container{grid-area:menu;background-color:transparent;border:0;padding:0 var(--spacing-sm);z-index:10;margin:auto 0 auto auto;height:44px;display:flex;font-size:16px;align-items:center;z-index:9999}.app_header_settings{position:absolute;top:48px;right:12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-sm);z-index:9999}.app_header_button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end;width:100%}.app_loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);width:100%;height:100%}.app_loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.app_loading-container p{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none;visibility:hidden;opacity:0;pointer-events:none}@media(min-width:900px){.app_container{margin:0 auto}.panel_backdrop{display:none}.app_header_button-group{align-items:flex-end}.account-menu-container{margin-left:0}.app_header_settings{top:72px;right:12px}}.app_header_settings{display:flex;align-items:center;justify-content:flex-end}.app_header_button-group{display:flex;align-items:center;gap:10px}.settings-btn{display:inline-flex;align-items:center;width:180px;justify-content:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--color-background);color:var(--color-text-primary);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .05s ease}.settings-btn:hover{background:var(--color-background-hover)}.settings-btn:active{transform:scale(.98)}.settings-btn:focus-visible{outline:2px solid #111;outline-offset:2px}.settings-btn--primary{background:var(--color-primary-dark);color:var(--color-text-light);border:1px solid #111}.settings-btn--primary:hover{background:var(--color-primary-dark-hover);border:1px solid var(--color-background-hover)}.settings-btn--secondary{background:var(--color-hover);color:var(--color-text-primary);border:1px solid rgba(0,0,0,.12)}.settings-btn-text-wrapper{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.settings-btn-title{font-weight:600;font-size:13px;line-height:1.2}.settings-btn-subtitle{font-weight:400;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.settings-dropdown{position:relative;display:inline-block}.settings-panel{position:absolute;top:calc(100% + 6px);right:0;width:260px;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--color-background);box-shadow:0 12px 30px #0000002e;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .15s ease;z-index:100;color:var(--color-text-primary)}.settings-dropdown:hover .settings-panel,.settings-dropdown:focus-within .settings-panel{opacity:1;visibility:visible;transform:translateY(0)}.logged-out-root{position:relative;min-height:50vh;overflow:hidden;color:#e6ebff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stars{position:absolute;inset:0;opacity:.35}.content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.headline{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;letter-spacing:.25em}.subtext{max-width:520px;margin-bottom:48px;font-size:1rem;line-height:1.6;color:#e6ebffd9}.cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.login-orbit{display:flex;flex-direction:column;align-items:center;gap:16px}.login-label{font-size:.75rem;letter-spacing:.25em;opacity:.6;text-transform:uppercase}.logged-out_demo-link{margin-top:12px;font-size:.8rem;letter-spacing:.18em;color:#dce1ffb3;cursor:pointer;transition:opacity .3s ease,text-shadow .3s ease;background:none;border:none;outline:none}.logged-out_demo-link:hover{opacity:1;transform:scale(1.08);text-shadow:0 0 8px rgba(255,255,255,.8)}.google-shell{padding:10px;border-radius:999px;background:radial-gradient(circle at center,rgba(120,140,255,.25),rgba(120,140,255,.05) 70%,transparent);filter:drop-shadow(0 0 14px rgba(120,140,255,.35))}.footer-hint{margin-top:80px;font-size:.7rem;letter-spacing:.3em;text-transform:lowercase}.edit-item-container{padding:var(--spacing-lg)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-md);height:80vh;overflow:auto}.edit-task-form_text-input{font-size:16px}.edit-task-form_action-button{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-info);color:var(--color-surface)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--color-text-secondary);color:var(--color-surface);margin-right:var(--spacing-xs)}.btn-secondary:hover{opacity:.9}.edit-task-form_actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);gap:var(--spacing-xs)}.edit-task-form_mode-container{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xl);align-items:baseline}.edit-task-form_mode-button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.edit-task-form_mode-button--inactive{background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.edit-task-form_mode-button--inactive:hover{background-color:var(--color-hover)}.edit-task-form_mode-label{font-size:12px;text-transform:uppercase;opacity:.7;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.edit-task-form_mode-group{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.edit-task-form_mode-button--priority{border:2px dotted;font-weight:600;background:transparent;color:var(--color-mode-priority-text);transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.edit-task-form_mode-button--priority-active{background:var(--color-mode-priority-bg);border-color:var(--color-mode-priority-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-mode-priority-text) 25%,transparent);transform:scale(.97)}.item-recurrence-container{display:flex;align-items:baseline;gap:var(--spacing-xs);justify-content:flex-start;flex-wrap:wrap}.item-recurrence-container>*{flex-basis:100%}@media(min-width:500px){.item-recurrence-container>*{flex-basis:auto}}.edit-task-form_recurrence-count,.edit-task-form_recurrence-frequency,.edit-task-form_recurrence-start-date{width:fit-content}@media(prefers-color-scheme:dark){.modal{background-color:var(--color-surface)}.edit-task-form_mode-label{color:var(--color-text-primary)}}.category-select-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) 0 0;margin-bottom:var(--spacing-md)}.category-select-wrapper label{font-size:14px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.category-select_filter{margin:0;padding:var(--spacing-xs);color:var(--color-text-primary)}.category-select-wrapper_filter{margin:0;padding:0;color:var(--color-text-light)}@media(min-width:900px){.category-select-wrapper{flex-direction:row;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg) 0 0;font-size:14px}.category-select-wrapper label{white-space:nowrap}.category-select-wrapper_filter{margin:0;padding:0;color:var(--color-text-primary)}}.note-editor-content{background-color:var(--color-background);color:var(--color-text-primary)}@layer base{.sortable-item_container{display:grid;grid-template-rows:55px auto auto;grid-template-columns:44px auto;grid-template-areas:"drag text" "drag button-group" "subtasks subtasks";align-items:center;padding:var(--spacing-sm);background-color:var(--color-surface--transparent);border:0;transition:all var(--transition-fast);color:var(--color-text-primary);flex-wrap:wrap;position:relative;transition:box-shadow .3s ease;gap:var(--spacing-xs);margin:1px}.sortable-item_container:hover{border-color:var(--color-border);box-shadow:2px 2px 8px #fff6;outline:1px solid var(--color-primary);z-index:4}.sortable-item_main-content{grid-area:text;display:flex;flex-wrap:nowrap;align-items:center;width:100%;gap:var(--spacing-xs);flex:1;min-width:0;flex-basis:100%}}.sortable-item_drag-handle{grid-area:drag;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-primary);cursor:grab;transition:color var(--transition-fast);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;writing-mode:vertical-rl;text-orientation:upright}.sortable-item_drag-handle:hover{box-shadow:0 4px 12px #0003}.sortable-item_drag-handle:active{cursor:grabbing}.sortable-item_drag-handle_label{opacity:.7;letter-spacing:.02em}.sortable-item_checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--color-success);flex-shrink:0}@layer base{.sortable-item_text-container{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sortable-item_text{font-size:14px;word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text-primary)}.sortable-item_subtask-indicator{font-size:.8em;font-weight:500;color:var(--color-text-primary);margin:0 0 0 4px}}.sortable-item_last-completed-text,.sortable-item_next-due-text{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.3px;color:var(--color-text-primary);opacity:.8;background-color:var(--color-hover);padding:2px 8px;margin-left:var(--spacing-xs);border-radius:var(--radius-md)}.sortable-item_button-group-container{grid-area:button-group;display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.sortable-item_menu-wrapper{position:relative;display:flex;align-items:center}.sortable-item_menu-dropdown{position:absolute;top:100%;right:0;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 6px 18px #00000026;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .15s ease;z-index:100}.sortable-item_menu-dropdown--align-left{left:0;right:auto}.sortable-item_menu-dropdown--open,.sortable-item_menu-wrapper:focus-within{opacity:1;visibility:visible;transform:translateY(0);z-index:999}.sortable-item_menu-dropdown button{width:100%;height:auto;padding:var(--spacing-xs) var(--spacing-sm);display:flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap}.sortable-item_menu-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sortable-item_menu-button:focus-visible,.sortable-item_menu-button:active,.sortable-item_menu-button--active{border:1px solid var(--color-primary);color:var(--color-text-primary)}.sortable-item_button-text-span{margin-left:4px}.calendar-task_hide-button,.calendar-event_hide-button,.sortable-item_archive-button,.sortable-item_restore-button,.sortable-item_edit-button,.sortable-item_hide-button,.sortable-item_delete-button,.sortable-item_priority-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sortable-item_archive-button{color:var(--color-success)}.sortable-item_archive-button:hover{background-color:#f59e0b1a;color:var(--color-success)}.sortable-item_restore-button{color:var(--color-success)}.sortable-item_restore-button:hover{background-color:#10b9811a;color:var(--color-success)}.calendar-task_hide-button,.calendar-event_hide-button,.sortable-item_hide-button{color:var(--color-text-secondary)}.calendar-task_hide-button,.calendar-event_hide-button,.sortable-item_hide-button:hover{background-color:#3b82f61a;color:var(--color-text-secondary)}.sortable-item_edit-button{color:var(--color-info)}.sortable-item_edit-button:hover{background-color:#3b82f61a;color:var(--color-info)}.sortable-item_delete-button{color:var(--color-danger)}.sortable-item_delete-button:hover{background-color:#ef44441a;color:var(--color-danger)}.sortable-item_priority-button{color:var(--color-mode-priority-text)}.sortable-item_priority-button:hover{background-color:#ef44441a;color:var(--color-mode-priority-border)}.sortable-item_no-subtasks{color:var(--color-text-primary);margin:var(--spacing-md) 0;text-align:center;font-size:14px;padding:var(--spacing-sm);background-color:var(--color-hover);border-radius:var(--radius-sm)}@media(min-width:900px){.sortable-item_container{padding:var(--spacing-md) var(--spacing-sm) 0 var(--spacing-sm);display:grid;grid-template-rows:auto auto;grid-template-columns:44px auto auto;grid-template-areas:"drag text button-group" "subtasks subtasks subtasks"}.sortable-item_text-container{flex-basis:auto;margin-left:var(--spacing-md)}.sortable-item_drag-handle{padding:var(--spacing-md)}.sortable-item_checkbox{width:20px;height:20px}.sortable-item_text{font-size:15px}.sortable-item_button-group-container{margin-left:auto}.sortable-item_last-completed-text,.sortable-item_next-due-text{font-size:12px;margin-left:var(--spacing-md)}.calendar-task_hide-button,.calendar-event_hide-button,.sortable-item_archive-button,.sortable-item_restore-button,.sortable-item_edit-button,.sortable-item_hide-button,.sortable-item_delete-button,.sortable-item_priority-button{padding:var(--spacing-sm)}}.calendar-task_checkbox:focus-visible,.calendar-task_hide-button:focus-visible,.calendar-event_hide-button:focus-visible,.sortable-item_drag-handle:focus-visible,.sortable-item_checkbox:focus-visible,.sortable-item_archive-button:focus-visible,.sortable-item_restore-button:focus-visible,.sortable-item_edit-button:focus-visible,.sortable-item_hide-button:focus-visible,.sortable-item_delete-button:focus-visible,.sortable-item_priority-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sortable-item_subtasks-container{grid-area:subtasks;margin-top:var(--spacing-sm);margin-left:calc(40px + var(--spacing-md));display:flex;flex-direction:column;gap:var(--spacing-xs)}.sortable-item_subtasks-container .sortable-item_container{font-size:.95em}.sortable-item_subtasks-container .sortable-item_subtasks-container{margin-left:var(--spacing-lg)}.sortable-item_subtask-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-hover);border-radius:var(--radius-sm);font-size:.9em;color:var(--color-text-secondary);transition:var(--transition-fast)}.sortable-item_subtask-item:hover{background-color:var(--color-surface);border-left-color:var(--color-primary)}.sortable-item_note{grid-area:subtasks;margin:var(--spacing-xs) 0 0 0;padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;line-height:1.5;color:var(--color-text-secondary);background-color:var(--color-hover);border-radius:var(--radius-sm)}.sortable-item_new-item-form{position:relative;grid-area:subtasks}.sortable-item_new-item-input-container{display:flex;gap:var(--spacing-xs)}.sortable-item_new-item-add-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sortable-item_new-item-close-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;position:absolute;top:0;right:0}.sortable-item_subtask-dropzone{margin-top:var(--spacing-sm);border-radius:14px;border:2px dashed rgba(99,102,241,.35);background:#6366f10f;padding:14px;min-height:92px;display:flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sortable-item_subtask-dropzone-inner{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;padding:10px 12px;border-radius:12px;background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0f172a0f}.sortable-item_subtask-dropzone-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1e6;background:#6366f11f}.sortable-item_subtask-dropzone-text{display:flex;flex-direction:column;gap:2px}.sortable-item_subtask-dropzone-title{font-size:.95rem;font-weight:600;color:#1e293bf2}.sortable-item_subtask-dropzone-subtitle{font-size:.82rem;font-weight:500;color:#64748be6}.sortable-item_subtask-dropzone-over{border-color:#6366f1d9;background:#6366f124;box-shadow:0 0 0 4px #6366f12e,0 12px 24px #6366f11f;transform:scale(1.01)}.sortable-item_subtask-dropzone-over .sortable-item_subtask-dropzone-icon{background:#6366f133;color:#6366f1}.sortable-item_subtask-dropzone-over .sortable-item_subtask-dropzone-inner{animation:dropPulse .85s ease-in-out infinite}@keyframes dropPulse{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}.empty-state--filtered{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--color-text-muted);font-size:.85rem;opacity:.8;text-align:center}.checklist_list-container{position:relative;display:flex;flex-direction:column;overflow-y:auto;min-height:100%;height:100%;flex:1;width:100%}.sparkles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.sparkle{position:absolute;top:-10px;width:6px;height:6px;border-radius:50%;background:gold;opacity:0;transform:scale(.5);animation-name:sparkle-fall;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:3s;z-index:10000}@keyframes sparkle-fall{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}10%{opacity:1}to{transform:translateY(110vh) translate(40px) scale(1);opacity:0}}.calendar-event-item{gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);border-left:4px solid var(--color-primary);background-color:var(--color-surface--transparent);border-left:4px solid #4285f4;color:var(--color-text-primary);margin:1px}.calendar-event-item:hover{border-color:var(--color-border);box-shadow:2px 2px 8px #fff6;outline:1px solid var(--color-primary);z-index:4}.calendar-event-item h4{margin:0 0 5px}.calendar-event-controls{display:flex;gap:var(--spacing-xs);margin-left:auto}.calendar-event-item .calendar-event-time{color:var(--color-text-secondary)}.calendar-event-description{padding:1rem}.calendar-event-description ul,.calendar-event-description ol{padding-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem;list-style-position:inside}.calendar-event-description b,.calendar-event-description strong{font-weight:700}.calendar-event-description i,.calendar-event-description em{font-style:italic}.calendar-event-description a{color:#00f;text-decoration:underline}.calendar-event-item .calendar-event-link{margin-top:8px;display:inline-block;color:#1a73e8;text-decoration:none}@media(prefers-color-scheme:dark){.calendar-event-item{background-color:var(--color-surface);color:var(--color-text-primary)}.calendar-event-item:hover{background-color:var(--color-surface-hover)}.calendar-event-item .calendar-event-link{color:#8ab4f8}}@layer base{.calendar-task-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-primary);flex-wrap:wrap;border-left:4px solid var(--color-priority)}.calendar-task-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}}.calendar-task_main-content{display:flex;align-items:center;width:100%;gap:var(--spacing-xs);flex-wrap:wrap}.calendar-task_checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--color-success);flex-shrink:0}.calendar-task-header{flex:1;min-width:0;flex-basis:100%}.calendar-task-controls{width:100%;display:flex;gap:var(--spacing-xs);justify-content:flex-end;align-items:center;flex-direction:row;flex:0}.calendar-task-description{padding:1rem;width:100%;flex-basis:100%}.calendar-task-description ul,.calendar-task-description ol{padding-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem;list-style-position:inside}.calendar-task-description b,.calendar-task-description strong{font-weight:700}.calendar-task-description i,.calendar-task-description em{font-style:italic}.calendar-task-description a{color:#00f;text-decoration:underline}.calendar-task-item .calendar-task-link{margin-top:8px;display:inline-block;color:#1a73e8;text-decoration:none}@media(min-width:900px){.calendar-task-item{padding:var(--spacing-md);gap:var(--spacing-sm)}.calendar-task-item_main-content{flex-wrap:nowrap;padding:var(--spacing-md);gap:var(--spacing-sm)}.calendar-task-header{flex-basis:auto}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2.5) var(--spacing-md);background-color:#ffffff1a;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);border-radius:var(--radius-full);background-color:var(--color-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.empty-state-title{font-size:18px;font-weight:500;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center;white-space:pre-line}.empty-state-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.filter-mode{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:14px;background-color:var(--color-mode-daily-bg);color:var(--color-mode-daily-text);border:1px solid var(--color-mode-daily-border)}.clear-filters-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;gap:8px}.clear-filters-btn:hover{background-color:var(--color-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2.5) var(--spacing-md);background-color:#fff6;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}@media(prefers-color-scheme:dark){.empty-state{background-color:#16103266;border-color:var(--color-border)}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);border-radius:var(--radius-full);background-color:var(--color-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.empty-state-title{font-size:18px;font-weight:500;color:var(--color-text-primary)}.empty-state-description{font-size:14px;color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;text-align:center;max-width:420px}.empty-state-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.filter-mode{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:14px;background-color:var(--color-mode-daily-bg);color:var(--color-mode-daily-text);border:1px solid var(--color-mode-daily-border)}.clear-filters-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.clear-filters-btn:hover{background-color:var(--color-hover)}.filters-applied{margin-top:8px;font-size:.75rem;color:var(--color-text-muted);opacity:.85;text-align:center}.filters-applied__label{color:var(--color-text-secondary);display:block;margin-bottom:4px}.filters-applied__list{display:flex;justify-content:center;gap:6px;padding:0;margin:0;list-style:none;flex-wrap:wrap;color:var(--color-text-primary)}.filters-applied__item{padding:2px 8px;border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.empty-state_no-filters{font-size:var(--spacing-md);color:var(--color-text-secondary)}}.toast{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-sm);animation:slideDown .3s ease-out;z-index:10001}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast--error{background-color:#fee;border-top:4px solid var(--color-danger);color:#991b1b}.toast--success{background-color:#eff6ff;border-top:4px solid var(--color-success);color:#065f46}.toast--info{background-color:#eff6ff;border-top:4px solid var(--color-info);color:#1e40af}.toast__icon{flex-shrink:0}.toast__message{flex:1;margin:0;font-size:14px;font-weight:500}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:inherit;opacity:.6;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:300px;text-align:center;margin:0 auto}.error-state__icon{color:var(--color-danger);margin-bottom:var(--spacing-md)}.error-state__title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.error-state__message{font-size:14px;color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:400px}.error-state__button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-light);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.error-state__button:hover{opacity:.9;transform:translateY(-1px)}.error-state__button:active{transform:translateY(0)}.calendar-integration{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:flex-end}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.calendar-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-right:var(--spacing-sm)}.calendar-status{font-size:12px;padding:2px 10px;border-radius:var(--radius-md);border:1px solid transparent;white-space:nowrap;margin:auto}.calendar-status.connected{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.calendar-status.disconnected{background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface));color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 35%,transparent);display:flex;align-items:center}.calendar-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calendar-help{font-size:13px;line-height:1.4;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.calendar-disconnect-button{background-color:var(--color-warning);color:var(--color-text-light);border:none;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease;margin-right:0;right:0}.calendar-connect-button{background-color:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background-color .2s ease}.frequency-selector__group-wrapper{display:flex;align-items:baseline;flex-direction:row;gap:var(--spacing-xs);padding:0}.frequency-selector__group-wrapper label{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.frequency-selector__button-group{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);background-color:var(--color-surface);box-shadow:var(--shadow-sm);width:fit-content}.frequency-selector__button-group:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@layer base{.frequency-selector__button{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background-color:transparent;color:var(--color-text-secondary);white-space:nowrap}.frequency-selector__button:hover:not(.frequency-selector__button--active){background-color:#0000000d}.frequency-selector__button:active{transform:scale(.98)}.frequency-selector__button--active{font-weight:600;color:var(--color-text-dark-light);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.frequency-selector__button--active:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@media(min-width:900px){.frequency-selector__group-wrapper{flex-direction:row;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.frequency-selector__group-wrapper label{white-space:nowrap}.frequency-selector__button{padding:var(--spacing-xs) var(--spacing-lg);font-size:14px}}.new-task-form-item-container{background-color:var(--color-background);box-shadow:0 -8px 24px #00000026,0 -2px 6px #00000014;flex-shrink:0;width:100%;border-top:1px solid rgba(255,255,255,.4);position:fixed;bottom:0;left:0;z-index:500;height:100%;overflow:auto;padding:var(--spacing-lg)}.new-task-form-toggle-button{grid-area:create;height:44px;width:44px;aspect-ratio:1 / 1;background:var(--color-primary);opacity:.9;color:var(--color-text-light);font-size:15px;font-weight:700;border:none;border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);width:fit-content;margin:auto 0 auto auto;position:fixed;bottom:calc(var(--mobile-tab-bar-height) + var(--fab-spacing));right:25px;z-index:99999}.new-task-form-toggle-button:hover{box-shadow:0 0 2px 2px #ffe418}.new-task-form-toggle-button:active{box-shadow:0 4px 12px var(--color-priority)}.new-task-form-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%}.new-task-form-title{font-weight:600;font-size:16px;color:var(--color-text-primary)}.new-task-form-close-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.new-task-form-close-button:hover{background:#0000000d;color:var(--color-text-primary)}.new-task-form-input-row{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;width:100%}.new-task-form-text-input{flex:1;background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border:3px solid var(--color-priority);border-radius:var(--radius-sm);font-size:16px;color:var(--color-text-primary);transition:border-color var(--transition-fast)}.new-task-form-text-input:focus{outline:none;border-color:var(--color-primary)}.new-task-form-add-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:4px}.new-task-form-add-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-task-form-add-button:active:not(:disabled){transform:translateY(0)}.new-task-form-add-button--disabled{background-color:transparent;opacity:0}.new-task-form-note-container{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.new-task-form-notes-label{font-size:14px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.item-recurrence-container--new-task{margin-top:var(--spacing-md)}.new-task-form_recurrence-count{width:fit-content;max-width:100px}.new-task--form_recurrence-frequency-select{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background-color:transparent;color:var(--color-text-primary);white-space:nowrap;min-width:150px;min-height:44px}.new-task-form_recurrence-start-date{width:fit-content}@media(min-width:900px){.new-task-form-item-container{padding:var(--spacing-lg);width:100%;height:100%;overflow-y:auto;box-shadow:-8px 0 24px #00000026,-2px 0 6px #00000014}.new-task-form-toggle-button{padding:0 var(--spacing-md);box-sizing:border-box;height:44px;position:static;z-index:0;border-radius:var(--radius-md);opacity:1}.new-task-form-toggle-button:after{content:"Create"}.new-task-form-input-row{gap:var(--spacing-sm)}}.tabs-container{z-index:2}.tablist{display:flex;align-items:flex-end;flex-wrap:wrap;z-index:4;gap:var(--spacing-sm)}.tab{height:34px;position:relative;padding:0 var(--spacing-sm);border-radius:var(--radius-md) var(--radius-md);border-width:1px;color:var(--color-text-light);background:var(--color-shadow);cursor:pointer;font-weight:500;z-index:3;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),}.tab:hover{color:var(--color-text-primary);background:var(--color-hover)}.tab--weighty{background:var(--color-border);color:var(--color-text-secondary);z-index:6}.tab.tab-active{background:var(--color-background);border:1px solid var(--color-priority);color:var(--color-priority);opacity:1;z-index:7}.tab.tab-inactive{opacity:.6;color:var(--color-text-secondary)}.tab:focus-visible{background:var(--color-hover)}@media(min-width:900px){.tablist{flex-direction:column}.tab{text-align:right}}.checklist_toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0;align-items:flex-start;width:100%}.filter-toggle-icon-button{height:44px;width:44px}.checklist_filter-container{display:flex;flex-direction:column;flex-wrap:wrap;border-radius:var(--spacing-sm);padding:var(--spacing-xs);gap:var(--spacing-xs);height:100%;align-items:flex-start;justify-content:space-around}.mode-filter-button-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:fit-content;width:fit-content}@layer base{.filter-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-surface);color:var(--color-text-secondary);min-height:44px;min-width:44px}.filter-button:hover{opacity:.8}.filter-button-all{background-color:var(--color-surface);color:var(--color-text-secondary)}.filter-button-all-active{background-color:var(--color-text-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.filter-button-active{opacity:1;font-weight:600;box-shadow:var(--shadow-sm);background-color:var(--color-mode-priority-bg);color:var(--color-mode-priority-text)}.filter-button:first-of-type{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.filter-button:last-of-type{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}}.checklist_hide-completed-checkbox-container{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.checklist_hide-completed-checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary);font-size:13px}.checklist_hide-completed-checkbox-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.checklist_hide-completed-checkbox-label{font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}@media(min-width:900px){.checklist_toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.checklist_filter-container{gap:var(--spacing-sm);align-items:center}.filter-button{padding:var(--spacing-xs) var(--spacing-md);font-size:14px}.mode-filter-button-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:fit-content;width:fit-content;display:flex;flex-direction:column}}.app_container{display:grid;grid-template-rows:120px 1fr;grid-template-areas:"header" "main";height:100vh;position:relative}.app_header{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:60px 60px;grid-template-areas:"filter blank create menu" "title title title title";align-items:center;gap:0;height:120px;padding:0 16px;width:100vw}.app_header_title{grid-area:title;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;gap:3px}.filter-toggle-button{grid-area:filter;height:44px;color:var(--color-priority);background-color:transparent;border:1px solid var(--color-priority);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);width:fit-content;position:fixed;bottom:calc(2 * var(--mobile-tab-bar-height) + var(--fab-spacing));right:25px;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-toggle-button:hover{box-shadow:0 0 2px 2px #ffe418}.main_content{grid-area:main;overflow:hidden}.left_panel,.right_panel{position:fixed;left:0;right:0;bottom:0;overflow-y:auto;min-width:0;height:55vh;max-height:650px;color:var(--color-text-primary);background:var(--color-background);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0003;transform:translateY(100%);transition:transform .35s ease-out;will-change:transform;overflow:auto;z-index:500}.app_container.left-open .left_panel,.app_container.right-open .right_panel{transform:translateY(0)}.mobile-tab-bar{position:fixed;bottom:25px;left:0;right:0;margin:auto;width:340px;height:var(--mobile-tab-bar-height);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-surface) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:500}.mobile-tab-button{border-radius:0;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);font-size:13px;font-weight:500;cursor:pointer;min-width:100px;border-radius:var(--radius-md)}.mobile-tab-button--active:hover,.mobile-tab-button--active{background-color:var(--color-primary);color:var(--color-surface);border:1px solid var(--color-mode-priority-border);z-index:10;color:var(--color-text-light)}.applied-filter-count-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;aspect-ratio:1 / 1;padding:0 var(--spacing-xs);border-radius:var(--radius-full);border:1px solid var(--color-primary);background-color:transparent;color:var(--color-mode-priority-border);font-size:12px;font-weight:600;line-height:1}.app_note-editor{font-size:14px;border:1px solid var(--color-border);width:100%;margin:auto}.note-saved-indicator{margin:auto;position:absolute;width:fit-content;bottom:25%;right:32%;transform:translate(100%,100%);background-color:var(--color-primary);color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:12px;opacity:.9;z-index:1001}@media(min-width:900px){.app_container{grid-template-columns:240px 1fr 420px;grid-template-rows:100px 1fr;grid-template-areas:"header header header" "left   main   right";transition:grid-template-columns .15s ease}.filter-toggle-button{position:relative;inset:auto;z-index:auto}.left_panel,.right_panel{position:static;transform:none;height:auto;max-height:none;border-radius:0;box-shadow:none;min-width:0;transform:translateY(0);will-change:transform;transition:transform .1s cubic-bezier(.4,0,.2,1)}.left_panel{grid-area:left;left:0;transform:translate(-100%)}.right_panel{grid-area:right;right:0;transform:translate(100%)}.main_content{grid-area:main}.main_content{overflow:hidden;transition:width .1s ease-in}.app_container.left-open .left_panel,.app_container.right-open .right_panel{transform:translate(0)}.app_container:after{display:none}.app_container:not(.left-open){grid-template-columns:0 1fr 420px}.app_container:not(.right-open){grid-template-columns:240px 1fr 0}.app_container:not(.left-open):not(.right-open){grid-template-columns:0 1fr 0}.app_header{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"filter title create menu";grid-template-rows:100px;align-items:center;gap:0;height:100px;padding:0 16px;width:100vw}.app_header_title{grid-area:title;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:3px}}