:root{--bg:#0a0a0a;--card-bg:#111;--text:#eee;--border:#262626;--accent:#3b82f6;--radius:12px}body.theme-emerald{--bg:#022c22;--bg-card:#064e3b;--accent:#10b981;--border:#065f46}body.theme-amber{--bg:#451a03;--bg-card:#78350f;--accent:#f59e0b;--border:#92400e}body.theme-rose{--bg:#4c0519;--bg-card:#881337;--accent:#f43f5e;--border:#9f1239}body.theme-purple{--bg:#2e1065;--bg-card:#4c1d95;--accent:#a855f7;--border:#5b21b6}body{background:var(--bg);color:var(--text);height:100vh;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}@supports (height:100dvh){body{height:100dvh}}@media (width<=600px){.calendar-container{gap:2px;padding:10px 5px}.day-number{font-size:.8em}.task-item{font-size:.6em}.header,.dock{padding:0 10px}}svg{width:1em;height:1em}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}.header,.dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:4px solid var(--border);z-index:100;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;min-height:60px;margin:0 20px;padding:0;display:flex}.nav-select{color:var(--accent,#fff);cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;outline:none;padding:5px;font-weight:600}.nav-select:hover{border-color:#555}.nav-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:20px;display:flex;position:relative}.nav-today-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow .18s var(--ease);color:var(--accent);-webkit-user-select:none;user-select:none;text-align:center;border-radius:999px;outline:none;align-items:center;gap:.45rem;padding:10px 20px;font-family:DM Mono,monospace;font-size:1em;display:flex}.nav-today-btn:hover{background:var(--bg-card2)}.nav-today-btn:active{box-shadow:none;background:var(--sw-track);filter:brightness(1.15)}#monthTitle{text-align:center;-webkit-user-select:none;user-select:none;text-transform:capitalize;min-width:140px;font-size:1.5em;display:inline-block}.nav-btn{background:var(--background);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.nav-btn:hover{background:var(--bg-card2)}.nav-btn:active{box-shadow:none;background:var(--sw-track);filter:brightness(2)}.nav-select-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;padding:5px 10px;font-weight:600;position:relative}.nav-select-btn:hover{background:var(--bg-card2)}.nav-select-btn-chevron{width:20px;height:20px;transition:transform .22s var(--ease), color var(--dur) var(--ease);flex-shrink:0;transform:rotate(180deg)}.nav-select-btn.open .nav-select-btn-chevron{transform:rotate(0)}.date-popover{background:var(--bg-card);border:1px solid var(--border);z-index:1000;opacity:0;pointer-events:none;width:max-content;min-width:300px;transition:opacity .2s var(--ease), transform .2s var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);transform-origin:100% 0;border-radius:14px;padding:15px;position:absolute;top:120%;left:0;transform:translateY(6px)scale(.97);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.nav-select-btn.open .date-popover{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.popover-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.month-chip{text-align:center;cursor:pointer;background:var(--bg-card2);color:var(--text);-webkit-user-select:none;user-select:none;border-radius:10px;padding:8px;font-size:.8em}.month-chip:hover{filter:brightness(1.2);transform:scale(1.02)}.month-chip.active{background:var(--accent,#3b82f6)}.popover-header{border-bottom:3px solid var(--border);padding-bottom:10px}#contextMenu{align-items:center;gap:15px;display:none}.calendar-container{flex-grow:1;grid-template-rows:auto repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:4px;height:100%;padding:40px 20px 20px;display:grid;overflow:hidden}.day-name{text-align:center;color:#666;text-transform:uppercase;padding-bottom:5px;font-size:.75em;font-weight:600}.day{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;min-width:0;min-height:0;padding:8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.day.adjacent{opacity:.35;filter:grayscale(.6);cursor:default;pointer-events:none}.day.adjacent .task-item{background:0 0;border:1px solid #ffffff1a}.day:hover{filter:brightness(1.2);transform:scale(1.02)}.day.selected{border:2px solid var(--accent);box-shadow:0 0 20px #0006}.day.empty{cursor:default;background:0 0;border-color:#0000}.day.today .day-number{color:var(--accent)}.day-number{color:#555;font-size:1em;font-weight:800}.day.selected{z-index:10;z-index:10;outline:3px solid var(--accent);outline-offset:1px;transition:transform .1s;position:relative;transform:scale(.97);box-shadow:0 0 10px #fff6}.task-list{flex-grow:1;margin-top:5px;padding-right:2px;overflow:hidden auto}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.task-list:hover::-webkit-scrollbar-thumb{background:var(--accent)}.task-item{word-wrap:break-word;word-break:break-word;white-space:normal;background:#ffffff08;border-radius:4px;margin-top:3px;padding:2px 6px;font-size:.7em}.task-item:hover{background:var(--accent);color:var(--text-muted)}.task-item-row{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 4px;transition:background .15s;display:flex}.task-item-row:hover{background:var(--bg-card2)}.task-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-delete-btn{opacity:0;width:18px;height:18px;color:var(--text-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:flex}.task-delete-btn svg{width:12px;height:12px}.task-item-row:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:#f43f5e}.day-icon{font-size:1.5em;position:absolute;bottom:8px;right:8px}.day.compact .day-header{z-index:2;position:absolute;top:4px;left:50%;transform:translate(-50%)}.day.compact{overflow:visible:;position:relative}.day-dots{z-index:1;pointer-events:none;flex-wrap:wrap;align-content:flex-start;gap:3px;padding:4px;display:flex;position:absolute;inset:0}.task-dot-cell{pointer-events:auto;cursor:pointer;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.task-dot-cell:after{content:attr(data-label);background:var(--bg-card);color:var(--text);border:1px solid var(--border);white-space:nowrap;pointer-events:none;z-index:100;opacity:0;border-radius:6px;padding:4px 8px;font-size:.72rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.task-dot-cell:hover:after{opacity:1}.dock{box-sizing:border-box;border:none;border-radius:0;position:relative;bottom:0;left:0;transform:none}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:#fff}.theme-selector-container{align-items:center;gap:10px;height:100%;display:flex;position:relative}#themeOptions{border:1px solid var(--border);z-index:200;white-space:nowrap;background:#1a1a1a;border-radius:12px;align-items:center;gap:10px;min-width:max-content;padding:8px 15px;display:none;position:absolute;bottom:10px;left:45px;box-shadow:0 10px 25px #00000080;flex-direction:row!important}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.color-circle{cursor:pointer;border:3px solid #444;border-radius:10px;width:35px;height:35px}.btn-action{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:.8em;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:400px;max-width:90vw;padding:30px;box-shadow:0 20px 50px #0000004d}.modal-header{border-bottom:1px solid var(--border);color:var(--text);margin-bottom:20px;padding-bottom:10px;font-weight:800}.config-field{margin-bottom:15px}.config-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.7em;display:block}.config-field input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:4px;padding:8px}.modal-actions{gap:10px;margin-top:25px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:6px;padding:8px 15px;font-size:.8em}@keyframes pulse-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}#syncDot{transition:color .3s}#syncDot.pulse{animation:1.5s infinite pulse-red}.theme-toggle{align-items:center;gap:.55rem;display:flex}.toggle-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;transition:color var(--dur) var(--ease);-webkit-user-select:none;user-select:none;min-width:2.8ch;font-family:DM Mono,monospace;font-size:.76rem;font-weight:500}.switch{cursor:pointer;flex-shrink:0;width:52px;height:28px;position:relative}.switch input{display:none}.switch-track{background:var(--sw-track);transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;position:absolute;inset:0;overflow:hidden}[data-theme=dark] .switch-track{box-shadow:0 0 0 1px var(--border), inset 0 1px 2px #0006}.switch-icons{pointer-events:none;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:absolute;inset:0}.theme-toggle svg{width:20px;height:20px;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease)}.icon-sun{color:var(--sw-icon-day);opacity:1;transform:scale(1)}.icon-moon{color:var(--sw-icon-night);opacity:1;transform:scale(1)}.switch-knob{background:var(--sw-knob);width:22px;height:22px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);will-change:transform;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038,0 0 0 .5px #0000000f}[data-theme=dark] .switch-knob{transform:translate(24px);box-shadow:0 1px 4px #00000080,0 0 0 .5px #ffffff0f}[data-palette=forest][data-theme=light]{--accent:#3d6b4f;--accent-rgb:61,107,79;--bg:#f0ede8;--bg-card:#faf8f5;--bg-card2:#f5f2ed;--sw-track:#d8d3cc}[data-palette=forest][data-theme=dark]{--accent:#6fcf97;--accent-rgb:111,207,151;--bg:#121210;--bg-card:#1c1b19;--bg-card2:#242320;--sw-track:#2d2c29}[data-palette=ocean][data-theme=light]{--accent:#1d6fa4;--accent-rgb:29,111,164;--bg:#eaf2f8;--bg-card:#f5fafd;--bg-card2:#eef6fb;--sw-track:#c8d9e6}[data-palette=ocean][data-theme=dark]{--accent:#56b4e9;--accent-rgb:86,180,233;--bg:#0d1520;--bg-card:#152030;--bg-card2:#1c2a3e;--sw-track:#1e2f42}[data-palette=sunset][data-theme=light]{--accent:#c0392b;--accent-rgb:192,57,43;--bg:#fdf0ec;--bg-card:#fff8f5;--bg-card2:#fdf2ee;--sw-track:#e8ccc6}[data-palette=sunset][data-theme=dark]{--accent:#ff7675;--accent-rgb:255,118,117;--bg:#180f0f;--bg-card:#241515;--bg-card2:#2d1c1c;--sw-track:#3a2020}[data-palette=lavender][data-theme=light]{--accent:#6c4fad;--accent-rgb:108,79,173;--bg:#f0edf8;--bg-card:#faf8fd;--bg-card2:#f4f1fa;--sw-track:#d5cce8}[data-palette=lavender][data-theme=dark]{--accent:#a78bfa;--accent-rgb:167,139,250;--bg:#120f1c;--bg-card:#1b1628;--bg-card2:#221c33;--sw-track:#2a223d}[data-palette=sand][data-theme=light]{--accent:#b5860d;--accent-rgb:181,134,13;--bg:#f5f0e8;--bg-card:#fdf9f2;--bg-card2:#f8f3ea;--sw-track:#e0d4bc}[data-palette=sand][data-theme=dark]{--accent:#f5c842;--accent-rgb:245,200,66;--bg:#16130c;--bg-card:#211d12;--bg-card2:#292418;--sw-track:#302a1c}[data-palette=slate][data-theme=light]{--accent:#3d5a80;--accent-rgb:61,90,128;--bg:#eceef2;--bg-card:#f6f7fa;--bg-card2:#f0f1f5;--sw-track:#cdd0da}[data-palette=slate][data-theme=dark]{--accent:#7eb3d8;--accent-rgb:126,179,216;--bg:#0e1117;--bg-card:#161b25;--bg-card2:#1c2232;--sw-track:#222a38}:root{--ease:cubic-bezier(.4,0,.2,1);--dur:.38s;--accent-glow:rgba(var(--accent-rgb), .18)}[data-theme=light]{--border:#00000059;--text:#1a1815;--text-muted:#7a756e;--sw-knob:#fff;--sw-icon-day:#e8a020;--sw-icon-night:#94a3b8}[data-theme=dark]{--border:#ffffff59;--text:#edeae4;--text-muted:#6b6862;--sw-knob:#1c1b19;--sw-icon-day:#f5c842;--sw-icon-night:#818cf8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.palette-picker{position:relative}.palette-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow .18s var(--ease);color:var(--text-muted);letter-spacing:.04em;-webkit-user-select:none;user-select:none;border-radius:999px;outline:none;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .4rem;font-family:DM Mono,monospace;font-size:.74rem;display:flex}.palette-btn:hover{box-shadow:0 2px 10px #00000014}.palette-btn:focus-visible{box-shadow:0 0 0 2px var(--accent)}.palette-preview{align-items:center;gap:2px;display:flex}.palette-swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px}.palette-chevron{width:12px;height:12px;color:var(--text-muted);transition:transform .22s var(--ease), color var(--dur) var(--ease);flex-shrink:0}.palette-picker.open .palette-chevron{transform:rotate(180deg)}.palette-panel{background:var(--bg-card);border:1px solid var(--border);z-index:100;opacity:0;pointer-events:none;width:max-content;min-width:260px;transition:opacity .2s var(--ease), transform .2s var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);transform-origin:100% 0;border-radius:14px;padding:.65rem;position:absolute;bottom:calc(100% + 8px);right:10px;transform:translateY(6px)scale(.97);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}[data-theme=dark] .palette-panel{box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d}.palette-picker.open .palette-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.palette-panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);transition:color var(--dur) var(--ease);padding:.1rem .3rem .55rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500}.palette-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.palette-option{cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1.5px solid #0000;border-radius:9px;outline:none;align-items:center;gap:.5rem;width:100%;padding:.5rem .55rem;font-family:inherit;display:flex}.palette-option:hover{background:var(--bg-card2)}.palette-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.palette-option:focus-visible{border-color:var(--accent)}.palette-dots{flex-shrink:0;align-items:center;gap:3px;display:flex}.palette-dot{border-radius:50%;width:10px;height:10px}.palette-name{color:var(--text);transition:color var(--dur) var(--ease);white-space:nowrap;font-size:.8rem;font-weight:500}.palette-option.active .palette-name{color:var(--accent)}.palette-check{width:13px;height:13px;color:var(--accent);opacity:0;transition:opacity .15s var(--ease), color var(--dur) var(--ease);flex-shrink:0;margin-left:auto}.palette-option.active .palette-check{opacity:1}.day-editor{background:var(--bg-card);border:1px solid var(--border);z-index:1000;opacity:0;pointer-events:none;width:200px;min-width:200px;max-width:50vw;transition:opacity .2s var(--ease), transform .2s var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);transform-origin:100% 0;border-radius:14px;padding:15px;position:fixed;transform:translateY(6px)scale(.97);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@media (width<=600px){.day-editor{min-width:unset;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;width:100%!important;inset:auto 0 0!important}}.day-editor.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dayEditor-actions{border-bottom:3px solid var(--border);padding-bottom:10px}.color-action{cursor:pointer;width:max-content;min-width:10px}.color-action svg{width:2rem;height:2rem}.input-underline{border:none;border-bottom:2px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:0;outline:none;padding:8px 2px;font-family:inherit;font-size:1rem;transition:border-color .2s}.input-underline::placeholder{color:var(--text-muted);font-weight:300}.input-underline:focus{border-bottom-color:var(--accent)}