.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#f8fafc,#e2e8f0);color:#1e293b;min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease}.dark-mode body{background:radial-gradient(circle at top left,#0f172a,#020617);color:#e5e7eb}#root{width:100%;display:flex;align-items:center;justify-content:center}.app-shell{width:min(520px,100% - 2rem);background:#fffffff2;border-radius:1.5rem;border:1px solid rgba(203,213,225,.5);box-shadow:0 24px 60px #0000001a,0 0 0 1px #0000000d;padding:1.75rem 1.5rem 1.5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.app-title{font-size:1.35rem;font-weight:650;letter-spacing:.03em;display:flex;align-items:center;gap:.5rem}.app-title-badge{padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:linear-gradient(135deg,#38bdf833,#8b5cf633);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:#0ea5e9;box-shadow:0 2px 8px #38bdf833;transition:all .3s ease}.dark-mode .app-title-badge{color:#38bdf8;border-color:#38bdf880;background:linear-gradient(135deg,#38bdf84d,#8b5cf64d);box-shadow:0 2px 8px #38bdf84d}.app-subtitle{font-size:.8rem;color:#64748b;transition:color .3s ease}.dark-mode .app-subtitle{color:#9ca3af}.pill{border-radius:999px;border:1px solid rgba(203,213,225,.5);padding:.25rem .7rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#475569;display:inline-flex;align-items:center;gap:.25rem;background:radial-gradient(circle at top left,rgba(203,213,225,.3),transparent);transition:all .3s ease}.dark-mode .pill{border-color:#94a3b859;color:#e5e7eb;background:radial-gradient(circle at top left,rgba(148,163,184,.2),transparent)}.pill-dot{width:.32rem;height:.32rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.app-footer{margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#64748b;transition:color .3s ease}.dark-mode .app-footer{color:#9ca3af}.app-footer span strong{color:#1e293b;transition:color .3s ease}.dark-mode .app-footer span strong{color:#e5e7eb}.app-footer a{color:#a5b4fc;text-decoration:none}.app-footer a:hover{text-decoration:underline}.tab-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:1rem;padding:.25rem;border-radius:999px;background:#f1f5f9e6;border:1px solid rgba(203,213,225,.5);transition:background .3s ease,border-color .3s ease}.dark-mode .tab-nav{background:#0f172ae6;border-color:#94a3b866}.tab-btn{border:none;padding:.45rem .4rem;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#64748b;background:transparent;cursor:pointer;transition:all .18s ease-out}.dark-mode .tab-btn{color:#9ca3af}.tab-btn--active{background:radial-gradient(circle at top left,#4f46e5,#0ea5e9);color:#f9fafb;box-shadow:0 12px 30px #0f172ae6,0 0 0 1px #0f172ae6}.app-main{margin-top:.25rem}.panel{background:radial-gradient(circle at top left,rgba(241,245,249,.5),transparent);border-radius:1.1rem;border:1px solid rgba(203,213,225,.6);padding:1.1rem 1rem;transition:background .3s ease,border-color .3s ease}.dark-mode .panel{background:radial-gradient(circle at top left,rgba(148,163,184,.08),transparent);border-color:#94a3b873}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.panel-header h2{font-size:1rem;font-weight:600;margin-bottom:.1rem}.panel-subtitle{font-size:.76rem;color:#64748b;transition:color .3s ease}.dark-mode .panel-subtitle{color:#9ca3af}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.chip{border-radius:999px;border:1px solid rgba(203,213,225,.6);background:#f1f5f9b3;padding:.22rem .6rem;font-size:.7rem;color:#475569;cursor:pointer;transition:all .18s ease-out}.dark-mode .chip{border-color:#94a3b899;background:#0f172ab3;color:#e5e7eb}.chip--active{background:radial-gradient(circle at top left,#0ea5e9,#22c55e);border-color:transparent;color:#f9fafb;box-shadow:0 8px 18px #0f172ae6}.task-form{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.task-form-row{display:flex;gap:.5rem}.task-form-row--dates{flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.2rem;min-width:0}.field label{font-size:.68rem;color:#64748b;transition:color .3s ease}.dark-mode .field label{color:#9ca3af}.input,.select{border-radius:.7rem;border:1px solid rgba(203,213,225,.6);background:#ffffffe6;padding:.5rem .65rem;font-size:.8rem;color:#1e293b;outline:none;width:100%;transition:all .3s ease}.dark-mode .input,.dark-mode .select{border-color:#94a3b899;background:#0f172ad9;color:#e5e7eb}.input:focus,.select:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e999}.input--sm{padding-block:.35rem}.btn-primary{border-radius:.8rem;border:none;padding:.45rem .95rem;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at top left,#22c55e,#0ea5e9);color:#f9fafb;cursor:pointer;white-space:nowrap;box-shadow:0 10px 26px #0f172ae6,0 0 0 1px #0f172ae6}.textarea{border-radius:.7rem;border:1px solid rgba(203,213,225,.6);background:#ffffffe6;padding:.5rem .65rem;font-size:.8rem;color:#1e293b;outline:none;width:100%;resize:vertical;min-height:48px;transition:all .3s ease}.dark-mode .textarea{border-color:#94a3b899;background:#0f172ad9;color:#e5e7eb}.textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e999}.task-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;max-height:260px;overflow:auto;padding-right:.1rem;margin-top:.25rem}.task-list--compact{max-height:200px}.task-item{display:flex;gap:.55rem;align-items:flex-start;padding:.45rem .55rem;border-radius:.8rem;background:#fffc;border:1px solid rgba(203,213,225,.6);transition:all .3s ease}.dark-mode .task-item{background:#0f172ad9;border-color:#94a3b880}.task-item--done{opacity:.6}.task-checkbox{flex-shrink:0;width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;color:#f9fafb;cursor:pointer}.task-checkbox--checked{background:radial-gradient(circle at top left,#22c55e,#0ea5e9);border-color:transparent}.task-main{flex:1;min-width:0}.task-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.task-title{font-size:.85rem;font-weight:500;color:#1e293b;transition:color .3s ease}.dark-mode .task-title{color:#e5e7eb}.task-meta{margin-top:.15rem;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.68rem;color:#64748b;transition:color .3s ease}.dark-mode .task-meta{color:#9ca3af}.task-empty{font-size:.76rem;color:#64748b;padding:.2rem .1rem;transition:color .3s ease}.dark-mode .task-empty{color:#9ca3af}.pill--mini{font-size:.6rem;padding:.12rem .5rem}.pill--work{border-color:#3b82f6cc;background:radial-gradient(circle at top left,rgba(59,130,246,.6),transparent)}.pill--personal{border-color:#ec4899cc;background:radial-gradient(circle at top left,rgba(236,72,153,.6),transparent)}.pill--wishlist{border-color:#eab308cc;background:radial-gradient(circle at top left,rgba(234,179,8,.6),transparent)}.pill--priority{border-width:1px}.pill--priority-high{border-color:#ef4444d9;background:radial-gradient(circle at top left,rgba(239,68,68,.75),transparent)}.pill--priority-medium{border-color:#f97316d9;background:radial-gradient(circle at top left,rgba(249,115,22,.75),transparent)}.pill--priority-low{border-color:#22c55ed9;background:radial-gradient(circle at top left,rgba(34,197,94,.75),transparent)}.calendar-placeholder{display:none}.panel-subtitle-heading{font-size:.8rem;color:#1e293b;margin-bottom:.25rem;transition:color .3s ease}.dark-mode .panel-subtitle-heading{color:#e5e7eb}.profile-header{align-items:center}.avatar{width:2.1rem;height:2.1rem;border-radius:999px;background:radial-gradient(circle at top left,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.7rem}.stat-card{border-radius:.85rem;border:1px solid rgba(203,213,225,.6);padding:.5rem .55rem;background:#ffffffe6;transition:all .3s ease}.dark-mode .stat-card{border-color:#94a3b899;background:#0f172ae6}.stat-label{font-size:.7rem;color:#64748b;transition:color .3s ease}.dark-mode .stat-label{color:#9ca3af}.stat-value{display:block;margin-top:.12rem;font-size:1rem;font-weight:600;color:#1e293b;transition:color .3s ease}.dark-mode .stat-value{color:#e5e7eb}.panel-section{margin-top:.7rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.section-header h3{font-size:.8rem;color:#1e293b;transition:color .3s ease}.dark-mode .section-header h3{color:#e5e7eb}.section-caption{font-size:.68rem;color:#64748b;transition:color .3s ease}.dark-mode .section-caption{color:#9ca3af}.mini-graph{display:flex;align-items:flex-end;gap:.25rem;height:64px}.mini-graph-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.18rem}.mini-graph-bar-fill{width:70%;border-radius:999px;background:linear-gradient(to top,#22c55e,#0ea5e9);transition:height .18s ease-out}.mini-graph-label{font-size:.55rem;color:#64748b;transition:color .3s ease}.dark-mode .mini-graph-label{color:#9ca3af}.category-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.category-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem}.category-count{color:#64748b;transition:color .3s ease}.dark-mode .category-count{color:#9ca3af}.task-notes{margin-top:.25rem;font-size:.72rem;color:#475569;transition:color .3s ease}.dark-mode .task-notes{color:#cbd5f5}.calendar-wrapper{border-radius:.9rem;border:1px solid rgba(203,213,225,.8);padding:.4rem;background:#fffc;margin-bottom:.6rem;transition:all .3s ease}.dark-mode .calendar-wrapper{border-color:#94a3b8cc;background:#0f172ad9}.react-calendar{width:100%;max-width:100%;background:transparent;border:none;font-family:inherit;color:#1e293b;transition:color .3s ease}.dark-mode .react-calendar{color:#e5e7eb}.react-calendar__navigation button{color:#1e293b;min-width:32px;transition:color .3s ease}.dark-mode .react-calendar__navigation button{color:#e5e7eb}.react-calendar__tile{background:transparent;border-radius:.6rem;padding:.35rem .1rem .45rem;position:relative;font-size:.75rem;color:#1e293b;transition:color .3s ease}.dark-mode .react-calendar__tile{color:#e5e7eb}.react-calendar__tile--now{background:#3b82f659}.react-calendar__tile--active{background:#0ea5e9cc}.react-calendar__month-view__weekdays{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#64748b;transition:color .3s ease}.dark-mode .react-calendar__month-view__weekdays{color:#9ca3af}.calendar-day-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:.1rem .15rem;pointer-events:auto}.calendar-dot{min-width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at top left,#22c55e,#0ea5e9);font-size:.65rem;display:inline-flex;align-items:center;justify-content:center;color:#f9fafb}@media (max-width: 480px){body{align-items:stretch}.app-shell{border-radius:0;width:100%;max-width:100%;min-height:100vh;height:auto;padding-bottom:env(safe-area-inset-bottom,1.25rem)}}@media (min-width: 768px){.app-shell{width:min(640px,100% - 3rem)}}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--border-color: rgba(148, 163, 184, .3)}.dark-mode .app-shell{background:#0f172af2;border-color:#94a3b833;box-shadow:0 24px 60px #0f172ae6,0 0 0 1px #0f172a99}.theme-toggle{border:1px solid rgba(203,213,225,.5);background:#f1f5f9cc;border-radius:999px;padding:.35rem .6rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f1f5f9;border-color:#cbd5e1cc}.dark-mode .theme-toggle{border-color:#94a3b859;background:#0f172ab3}.dark-mode .theme-toggle:hover{background:#0f172ae6;border-color:#94a3b880}.theme-toggle:focus{outline:2px solid #0ea5e9;outline-offset:2px}.pill-dot--synced{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.pill-dot--syncing{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.btn-icon{border:none;background:transparent;padding:.25rem .35rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#94a3b833}.btn-icon:focus{outline:2px solid #0ea5e9;outline-offset:2px}.btn-icon--header{padding:.4rem .5rem;font-size:1rem}.completed-count{color:#22c55e;font-weight:500}.dark-mode .completed-count{color:#4ade80}.task-overdue{color:#ef4444;font-size:.9em;animation:pulse-warning 2s ease-in-out infinite}.task-due-soon{color:#f59e0b;font-size:.9em}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.btn-secondary--sm{padding:.35rem .7rem;font-size:.7rem}.select--sm{padding:.35rem .5rem;font-size:.75rem}.header-actions{display:flex;gap:.25rem}.btn-secondary{border-radius:.8rem;border:1px solid rgba(148,163,184,.6);padding:.45rem .95rem;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:#0f172ad9;color:#e5e7eb;cursor:pointer;white-space:nowrap;transition:all .18s ease-out}.btn-secondary:hover{background:#0f172af2;border-color:#94a3b8cc}.btn-secondary:focus{outline:2px solid #0ea5e9;outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#0f172a;color:#e5e7eb;padding:.5rem 1rem;text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-container{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.6rem 2.5rem .6rem 2.75rem;border-radius:.75rem;border:1px solid rgba(203,213,225,.6);background:#ffffffe6;font-size:.85rem;color:#1e293b;outline:none;transition:all .3s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.dark-mode .search-input{border-color:#94a3b899;background:#0f172ad9;color:#e5e7eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;background-color:#fff}.dark-mode .search-input:focus{background-color:#0f172af2;box-shadow:0 0 0 3px #0ea5e933}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.dark-mode .search-clear{color:#9ca3af}.search-clear:hover{background:#cbd5e133;color:#1e293b}.dark-mode .search-clear:hover{background:#94a3b833;color:#e5e7eb}.task-empty{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-icon{font-size:3rem;opacity:.6;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-link{background:transparent;border:none;color:#0ea5e9;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease;margin-top:.5rem}.btn-link:hover{color:#0284c7;background:#0ea5e91a}.dark-mode .btn-link{color:#38bdf8}.dark-mode .btn-link:hover{color:#0ea5e9;background:#38bdf81a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-item{animation:slideIn .3s ease-out}.task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .task-item:hover{box-shadow:0 4px 12px #0000004d}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:active{transform:scale(.98)}.chip--active{transform:scale(1.05);box-shadow:0 4px 12px #0ea5e94d}.tab-btn{position:relative}.tab-btn--active:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:2px;background:currentColor;border-radius:2px}.input:focus,.select:focus,.textarea:focus{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e926}.dark-mode .input:focus,.dark-mode .select:focus,.dark-mode .textarea:focus{box-shadow:0 4px 12px #0ea5e940}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{background:linear-gradient(90deg,#cbd5e133,#cbd5e166,#cbd5e133);background-size:1000px 100%;animation:shimmer 2s infinite}.panel-header{position:relative}.panel-header:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:2px;background:linear-gradient(to right,#0ea5e9,transparent);border-radius:2px}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:transparent}.task-list::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:3px}.task-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1b3}.dark-mode .task-list::-webkit-scrollbar-thumb{background:#94a3b880}.dark-mode .task-list::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.task-checkbox{transition:all .2s ease}.task-checkbox:hover{transform:scale(1.1)}.task-checkbox--checked{animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.app-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .app-title{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-shell{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.dark-mode .app-shell{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #94a3b833}button,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}*:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px;border-radius:.25rem}.dark-mode *:focus-visible{outline-color:#38bdf8}