@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-primary:#f6faf9;--bg-surface:#fff;--bg-surface-glass:hsla(0,0%,100%,.88);--bg-elevated:#ecf6f5;--bg-hover:#def0ed;--border-subtle:#e2ece9;--border-strong:#cbd8d4;--border-glow:rgba(13,148,136,.25);--text-primary:#0a1f29;--text-secondary:#334155;--text-muted:#475569;--accent-primary:#0f766e;--accent-primary-hover:#115e59;--accent-gradient:linear-gradient(135deg,#10b981,#06b6d4 50%,#0284c7);--accent-gradient-btn:linear-gradient(135deg,#047857,#0e7490 50%,#0369a1);--accent-glow:0 0 25px rgba(6,182,212,.35);--success:#10b981;--success-bg:rgba(16,185,129,.12);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--shadow-sm:0 1px 2px 0 rgba(10,31,41,.05);--shadow-md:0 4px 6px -1px rgba(10,31,41,.08),0 2px 4px -1px rgba(10,31,41,.04);--shadow-xl:0 20px 25px -5px rgba(10,31,41,.08),0 10px 10px -5px rgba(10,31,41,.04);--shadow-glass:0 8px 32px 0 rgba(6,182,212,.08);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark]{--bg-primary:#071018;--bg-surface:#0d1a24;--bg-surface-glass:rgba(13,26,36,.88);--bg-elevated:#142533;--bg-hover:#1c3345;--border-subtle:#172a3a;--border-strong:#233e54;--border-glow:rgba(45,212,191,.28);--text-primary:#f0fdfa;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#14b8a6;--accent-primary-hover:#2dd4bf;--accent-gradient:linear-gradient(135deg,#10b981,#06b6d4 50%,#0284c7);--accent-gradient-btn:linear-gradient(135deg,#047857,#0e7490 50%,#0369a1);--accent-glow:0 0 30px rgba(20,184,166,.4);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.55);--shadow-glass:0 8px 32px 0 rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;touch-action:manipulation;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--bg-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.container{width:100%;max-width:1100px;margin:0 auto;padding:.75rem 1rem calc(5.5rem + var(--safe-bottom)) 1rem}@media (min-width:768px){.container{padding:1.5rem 1.5rem 4rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.92rem;font-weight:600;min-height:44px;padding:.65rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient-btn);color:#fff;box-shadow:var(--accent-glow)}.btn-primary:hover{opacity:.95;box-shadow:0 8px 24px rgba(6,182,212,.45)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-icon{min-height:40px;min-width:40px;padding:.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;transition:var(--transition)}@media (min-width:640px){.card{padding:1.5rem}}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-xl)}.card:active{transform:scale(.99)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full)}.badge-indigo{background:rgba(6,182,212,.14);color:var(--accent-primary)}[data-theme=dark] .badge-indigo{background:rgba(20,184,166,.16);color:#2dd4bf}.badge-green{background:var(--success-bg);color:var(--success)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.input{width:100%;min-height:46px;padding:.75rem 1rem;font-family:inherit;font-size:16px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;transition:var(--transition)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(20,184,166,.25);background:var(--bg-surface)}.segmented-control{display:flex;background:var(--bg-elevated);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;gap:4px}.segmented-control-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .75rem;font-family:inherit;font-size:.88rem;font-weight:700;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);min-height:42px}.segmented-control-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}[data-theme=dark] .segmented-control-btn.active{background:var(--bg-hover);color:#fff;border-color:var(--border-glow)}.modal-backdrop{position:fixed;inset:0;background:rgba(4,14,22,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:0;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border:1px solid var(--border-strong);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:90vh;overflow-y:auto;padding:1.25rem 1.25rem calc(1.75rem + var(--safe-bottom)) 1.25rem;box-shadow:var(--shadow-xl);animation:sheetSlideUp .28s cubic-bezier(.16,1,.3,1)}.sheet-drag-handle{width:38px;height:5px;background:var(--border-strong);border-radius:var(--radius-full);margin:0 auto 1rem;opacity:.8}@media (min-width:641px){.modal-backdrop{align-items:center;padding:1.25rem}.modal-content{border-radius:var(--radius-lg);border-bottom:1px solid var(--border-strong);max-width:540px;padding:1.75rem;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.sheet-drag-handle{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.item-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;min-height:52px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition);-moz-user-select:none;user-select:none;-webkit-user-select:none}.item-row.completed,.item-row:active{background:var(--bg-elevated)}.item-row.completed{opacity:.85}.item-row.completed .item-text{text-decoration:line-through;color:var(--text-muted)}.custom-checkbox{width:26px;height:26px;border-radius:8px;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0;background:transparent}.custom-checkbox.checked{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 0 14px rgba(16,185,129,.4)}.custom-checkbox:active{transform:scale(.9)}.chips-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}.mobile-fab{position:fixed;right:1.25rem;bottom:calc(5rem + var(--safe-bottom));width:56px;height:56px;border-radius:50%;background:var(--accent-gradient-btn);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl),var(--accent-glow);border:none;cursor:pointer;z-index:35;transition:var(--transition)}.mobile-fab:active{transform:scale(.92)}@media (min-width:768px){.mobile-fab{display:none}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;width:100%;margin:0;border-radius:0;border-top:none;border-left:none;border-right:none;padding-top:max(.4rem,var(--safe-top));padding-bottom:.4rem}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto;padding:.35rem 1rem}.header-logo-link{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;text-decoration:none!important;color:inherit!important;white-space:nowrap!important;flex-shrink:0!important}.header-logo-badge{width:38px;height:38px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-glow);display:flex;align-items:center;justify-content:center;padding:3px;box-shadow:var(--accent-glow);flex-shrink:0}.header-brand-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.header-brand-tag{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--bg-elevated);color:var(--accent-primary);border:1px solid var(--border-subtle);white-space:nowrap}.desktop-nav{display:none;align-items:center;gap:.65rem}.mobile-header-actions{display:flex;align-items:center}@media (min-width:768px){.site-header{top:1rem;margin:1rem auto;width:calc(100% - 2rem);max-width:1100px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding-top:0;padding-bottom:0}.header-container{padding:.75rem 1.5rem}.desktop-nav{display:flex}.mobile-header-actions{display:none}}