:root{color-scheme:light dark;--background:radial-gradient(circle at top,#eef2ff 0%,#e2e8f0 45%,#f8fafc 100%);--background-dark:radial-gradient(circle at top,#0f172a 0%,#111827 40%,#020617 100%);--text:#0f172a;--text-muted:#334155;--text-dark:#f8fafc;--text-muted-dark:#e2e8f0;--surface:hsla(0,0%,100%,.94);--surface-strong:hsla(0,0%,100%,.98);--surface-dark:rgba(15,23,42,.88);--surface-dark-strong:rgba(15,23,42,.94);--border:rgba(71,85,105,.4);--border-dark:rgba(100,116,139,.55);--accent:#6366f1;--accent-strong:#4f46e5;--accent-soft:rgba(99,102,241,.18);--danger:#ef4444;--danger-dark:#f87171;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--text);display:flex;flex-direction:column;color-scheme:light;--app-header-bg:hsla(0,0%,100%,.85);--app-header-border:rgba(71,85,105,.35)}body:before{content:"";position:fixed;inset:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:none;z-index:-1}body[data-theme=light]{background:var(--background);color:var(--text);color-scheme:light;--app-header-bg:hsla(0,0%,100%,.85);--app-header-border:rgba(71,85,105,.35)}body[data-theme=dark]{background:var(--background-dark);color:var(--text-dark);color-scheme:dark;--app-header-bg:rgba(15,23,42,.78);--app-header-border:rgba(100,116,139,.45)}@media (prefers-color-scheme:dark){body:not([data-theme=light]){background:var(--background-dark);color:var(--text-dark);color-scheme:dark;--app-header-bg:rgba(15,23,42,.78);--app-header-border:rgba(100,116,139,.45)}}body,button,input{font-family:inherit}button{font-size:.95rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem);gap:1.5rem}.app-header .brand{display:flex;flex-direction:column;gap:.25rem}.app-header h1{font-size:clamp(1.8rem,4vw,2.75rem);margin:0;font-weight:700}.app-header .tagline{max-width:28rem;color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.theme-toggle span[aria-hidden=true]{font-size:1.1rem}.theme-toggle__label{font-size:.85rem}.theme-toggle:focus-visible,.theme-toggle:hover{background:rgba(99,102,241,.12);box-shadow:0 12px 25px -18px rgba(99,102,241,.45)}.theme-toggle:focus-visible{outline:none}@media (max-width:720px){.app-header{flex-direction:column;align-items:stretch}.header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .app-header .tagline{color:var(--text-muted-dark)}}body[data-theme=dark] .app-header .tagline{color:var(--text-muted-dark)}.download-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;font-weight:600;text-decoration:none;border:none;box-shadow:0 18px 40px -20px rgba(99,102,241,.85);transition:transform .2s ease,box-shadow .2s ease}.download-cta:hover{transform:translateY(-1px);box-shadow:0 20px 45px -18px rgba(79,70,229,.9)}.download-cta:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:4px}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-cta{color:#fff}}body[data-theme=dark] .download-cta{color:#fff}.auth-cta{border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);padding:.55rem 1.15rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.auth-info{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.auth-info__email{margin:0;font-size:.8rem;color:var(--text-muted)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-info__email{color:var(--text-muted-dark)}}body[data-theme=dark] .auth-info__email{color:var(--text-muted-dark)}.auth-cta:focus-visible,.auth-cta:hover{background:rgba(99,102,241,.12);box-shadow:0 12px 25px -18px rgba(99,102,241,.45)}.auth-cta:focus-visible{outline:none}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-cta,body:not([data-theme=light]) .theme-toggle{border-color:var(--border-dark);color:var(--text-dark)}body:not([data-theme=light]) .auth-cta:focus-visible,body:not([data-theme=light]) .auth-cta:hover,body:not([data-theme=light]) .theme-toggle:focus-visible,body:not([data-theme=light]) .theme-toggle:hover{background:rgba(99,102,241,.18);box-shadow:0 12px 26px -18px rgba(79,70,229,.6)}}.user-email-banner{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;padding:0 clamp(1.5rem,4vw,3rem);margin:-.5rem 0 1.5rem;text-align:right}.user-email-banner__label{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.user-email-banner__value{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .user-email-banner__label{color:var(--text-muted-dark)}body:not([data-theme=light]) .user-email-banner__value{color:var(--text-dark)}}body[data-theme=dark] .user-email-banner__label{color:var(--text-muted-dark)}body[data-theme=dark] .user-email-banner__value{color:var(--text-dark)}body[data-theme=dark] .auth-cta,body[data-theme=dark] .theme-toggle{border-color:var(--border-dark);color:var(--text-dark)}body[data-theme=dark] .auth-cta:focus-visible,body[data-theme=dark] .auth-cta:hover,body[data-theme=dark] .theme-toggle:focus-visible,body[data-theme=dark] .theme-toggle:hover{background:rgba(99,102,241,.18);box-shadow:0 12px 26px -18px rgba(79,70,229,.6)}.auth-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,6vw,3rem);background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow-y:auto;animation:authModalFade .2s ease}.auth-modal__content{position:relative;width:min(100%,420px);margin:auto;animation:authModalSlide .24s ease}.auth-modal__close{position:absolute;top:.75rem;right:.75rem;border:none;background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.auth-modal__close:focus-visible,.auth-modal__close:hover{color:var(--text);outline:none}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-modal{background:rgba(2,6,23,.55)}body:not([data-theme=light]) .auth-modal__close{color:var(--text-muted-dark)}body:not([data-theme=light]) .auth-modal__close:focus-visible,body:not([data-theme=light]) .auth-modal__close:hover{color:var(--text-dark)}}body[data-theme=dark] .auth-modal{background:rgba(2,6,23,.55)}body[data-theme=dark] .auth-modal__close{color:var(--text-muted-dark)}body[data-theme=dark] .auth-modal__close:focus-visible,body[data-theme=dark] .auth-modal__close:hover{color:var(--text-dark)}@keyframes authModalFade{0%{opacity:0}to{opacity:1}}@keyframes authModalSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-panel{width:min(100%,360px);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-strong);box-shadow:0 22px 45px -30px rgba(99,102,241,.55)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-panel{background:var(--surface-dark-strong);border-color:var(--border-dark);box-shadow:0 18px 35px -28px rgba(2,6,23,.8)}}body[data-theme=dark] .auth-panel{background:var(--surface-dark-strong);border-color:var(--border-dark);box-shadow:0 18px 35px -28px rgba(2,6,23,.8)}.auth-panel h2{margin:0;font-size:1.45rem}.auth-panel>p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-panel>p{color:var(--text-muted-dark)}}body[data-theme=dark] .auth-panel>p{color:var(--text-muted-dark)}.auth-toggle{display:inline-flex;align-items:center;gap:.25rem;background:rgba(99,102,241,.12);padding:.25rem;border-radius:999px;align-self:center}.auth-toggle button{flex:1 1;border:none;background:transparent;padding:.4rem .8rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--text-muted);cursor:pointer}.auth-toggle button.active{background:#fff;color:var(--text);box-shadow:0 12px 24px -20px rgba(99,102,241,.65)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-toggle{background:rgba(99,102,241,.2)}body:not([data-theme=light]) .auth-toggle button.active{background:var(--surface-dark-strong);color:inherit}}body[data-theme=dark] .auth-toggle{background:rgba(99,102,241,.2)}body[data-theme=dark] .auth-toggle button.active{background:var(--surface-dark-strong);color:inherit}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.auth-form input{border-radius:var(--radius-sm);border:1px solid var(--border);padding:.6rem .75rem;font-size:.95rem;background:var(--surface);color:var(--text)}.auth-form button.primary{margin-top:.3rem;border:none;border-radius:var(--radius-sm);padding:.6rem .9rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-form button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -20px rgba(99,102,241,.7)}.auth-form button.primary:disabled,.auth-provider-button:disabled,.auth-status button:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin:.2rem 0 0;font-size:.85rem;color:var(--danger)}.auth-divider{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.85rem}.auth-divider span{flex:1 1;height:1px;background:var(--border)}.auth-provider-button{border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-sm);padding:.6rem .9rem;background:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-provider-button:hover:not(:disabled){transform:translateY(-1px);background:rgba(99,102,241,.08);box-shadow:0 12px 22px -18px rgba(99,102,241,.6)}.auth-status{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;background:rgba(99,102,241,.1);padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.35)}.auth-status p{margin:0;font-size:.9rem}.auth-status button{align-self:flex-end;border:none;border-radius:var(--radius-sm);padding:.45rem .9rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .auth-divider,body:not([data-theme=light]) .auth-form label,body:not([data-theme=light]) .auth-status p{color:var(--text-muted-dark)}body:not([data-theme=light]) .auth-form input,body:not([data-theme=light]) .auth-provider-button{background:var(--surface-dark-strong);border-color:var(--border-dark);color:var(--text-dark)}body:not([data-theme=light]) .auth-error{color:var(--danger-dark)}body:not([data-theme=light]) .auth-status{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.45)}}body[data-theme=dark] .auth-divider,body[data-theme=dark] .auth-form label,body[data-theme=dark] .auth-status p{color:var(--text-muted-dark)}body[data-theme=dark] .auth-form input,body[data-theme=dark] .auth-provider-button{background:var(--surface-dark-strong);border-color:var(--border-dark);color:var(--text-dark)}body[data-theme=dark] .auth-error{color:var(--danger-dark)}body[data-theme=dark] .auth-status{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.45)}.app-shell{flex:1 1;display:grid;grid-template-columns:minmax(240px,480px) minmax(0,1fr);grid-gap:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem);padding:0 clamp(1.5rem,5vw,3.5rem) clamp(2rem,6vw,3.5rem)}.app-shell.loading{opacity:.75;pointer-events:none}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,1.75rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 45px -35px rgba(30,41,59,.45)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .sidebar{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 45px -35px rgba(2,6,23,.85)}}body[data-theme=dark] .sidebar{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 45px -35px rgba(2,6,23,.85)}.sidebar-header h2{margin:0;font-size:1.2rem}.sidebar-header p{margin:.4rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.5}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .sidebar-header p{color:var(--text-muted-dark)}}body[data-theme=dark] .sidebar-header p{color:var(--text-muted-dark)}.note-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:.5rem;overflow:auto;max-height:min(45vh,480px);padding:0 .25rem 0 0}.note-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid transparent;border-radius:var(--radius-md);padding:.75rem .85rem;background:transparent;color:inherit;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.note-button:hover{background:var(--accent-soft);transform:translateX(3px)}.note-button.active{background:var(--surface-strong);border-color:rgba(99,102,241,.45);box-shadow:0 10px 30px -20px rgba(99,102,241,.65)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .note-button.active{background:var(--surface-dark-strong)}}body[data-theme=dark] .note-button.active{background:var(--surface-dark-strong)}.note-title{font-weight:600;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-meta{font-size:.82rem;color:var(--text-muted)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .note-meta{color:var(--text-muted-dark)}}body[data-theme=dark] .note-meta{color:var(--text-muted-dark)}.new-note-form{display:grid;grid-template-columns:1fr auto;grid-gap:.6rem;gap:.6rem;align-items:center}.new-note-form input{border-radius:var(--radius-md);border:1px solid var(--border);padding:.7rem .9rem;font-size:.95rem;background:var(--surface-strong)}.new-note-form button{border-radius:var(--radius-md);border:none;padding:.6rem .9rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.new-note-form button:hover{transform:translateY(-1px);box-shadow:0 10px 24px -18px rgba(99,102,241,.75)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .new-note-form input{background:var(--surface-dark-strong);border-color:var(--border-dark);color:inherit}}body[data-theme=dark] .new-note-form input{background:var(--surface-dark-strong);border-color:var(--border-dark);color:inherit}.todo-panel{background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 60px -40px rgba(30,41,59,.45);min-height:520px}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .todo-panel{background:var(--surface-dark-strong);border-color:var(--border-dark);box-shadow:0 25px 60px -40px rgba(2,6,23,.85)}}body[data-theme=dark] .todo-panel{background:var(--surface-dark-strong);border-color:var(--border-dark);box-shadow:0 25px 60px -40px rgba(2,6,23,.85)}.todo-panel.empty{align-items:center;justify-content:center;text-align:center}.todo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.todo-title-input{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:600;border:none;background:transparent;padding:0;margin-bottom:.35rem;width:100%;color:inherit}.todo-title-input:focus{outline:none;box-shadow:inset 0 -2px 0 0 rgba(99,102,241,.5)}.todo-header p{margin:0;color:var(--text-muted);font-size:.95rem}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .todo-header p{color:var(--text-muted-dark)}}body[data-theme=dark] .todo-header p{color:var(--text-muted-dark)}.todo-actions{display:flex;gap:.6rem;flex-wrap:wrap}.todo-actions button{border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;padding:.55rem .9rem;font-weight:500;cursor:pointer;color:inherit}.todo-actions button:disabled{opacity:.5;cursor:not-allowed}.todo-actions .danger{border-color:rgba(239,68,68,.25);color:var(--danger)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .todo-actions button{border-color:var(--border-dark)}body:not([data-theme=light]) .todo-actions .danger{color:var(--danger-dark)}}body[data-theme=dark] .todo-actions button{border-color:var(--border-dark)}body[data-theme=dark] .todo-actions .danger{color:var(--danger-dark)}.task-form{display:grid;grid-template-columns:1fr auto;grid-gap:.75rem;gap:.75rem;align-items:center}.task-form input{border-radius:var(--radius-md);border:1px solid var(--border);padding:.8rem 1rem;font-size:1rem;background:#fff}.task-form button{border-radius:var(--radius-md);border:none;padding:.8rem 1.2rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.task-form button:hover{transform:translateY(-1px);box-shadow:0 15px 25px -20px rgba(79,70,229,.85)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .task-form input{background:rgba(15,23,42,.35);border-color:var(--border-dark);color:inherit}}body[data-theme=dark] .task-form input{background:rgba(15,23,42,.35);border-color:var(--border-dark);color:inherit}.task-list{list-style:none;padding:0;margin:0}.task-item,.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{--task-priority-color:rgba(99,102,241,.65);--task-priority-background:rgba(99,102,241,.08);padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--task-priority-background);border:1px solid transparent;position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.task-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:.35rem;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--task-priority-color);opacity:.9;pointer-events:none}.task-item.priority-urgent{--task-priority-color:#640d5f;--task-priority-background:rgba(100,13,95,.12);border-color:rgba(100,13,95,.28)}.task-item.priority-high{--task-priority-color:#b12c00;--task-priority-background:rgba(177,44,0,.12);border-color:rgba(177,44,0,.28)}.task-item.priority-medium{--task-priority-color:#eb5b00;--task-priority-background:rgba(235,91,0,.12);border-color:rgba(235,91,0,.28)}.task-item.priority-low{--task-priority-color:#fc0;--task-priority-background:rgba(255,204,0,.14);border-color:rgba(255,204,0,.28)}.task-item.color-indigo{--task-priority-color:#4f46e5;--task-priority-background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.28)}.task-item.color-emerald{--task-priority-color:#047857;--task-priority-background:rgba(16,185,129,.14);border-color:rgba(4,120,87,.32)}.task-item.color-sky{--task-priority-color:#0284c7;--task-priority-background:rgba(2,132,199,.14);border-color:rgba(2,132,199,.32)}.task-item.color-amber{--task-priority-color:#d97706;--task-priority-background:rgba(217,119,6,.16);border-color:rgba(217,119,6,.35)}.task-item.color-rose{--task-priority-color:#e11d48;--task-priority-background:rgba(225,29,72,.14);border-color:rgba(225,29,72,.35)}.task-item.color-slate{--task-priority-color:#475569;--task-priority-background:rgba(71,85,105,.16);border-color:rgba(71,85,105,.32)}.task-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.task-row[draggable=true]{cursor:-webkit-grab;cursor:grab}.task-row[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.task-item.dragging{opacity:.65;box-shadow:0 12px 30px -18px rgba(79,70,229,.65)}.task-item.drag-over-after,.task-item.drag-over-before{border-color:rgba(79,70,229,.65);background:rgba(99,102,241,.12)}.task-item.drag-over-after:after,.task-item.drag-over-before:before{content:"";position:absolute;left:.75rem;right:.75rem;height:0;border-top:2px dashed rgba(79,70,229,.85)}.task-item.drag-over-before:before{top:.35rem}.task-item.drag-over-after:after{bottom:.35rem}.task-row label{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:220px}.task-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.task-text-input{flex:1 1;font-size:.98rem;border:none;background:transparent;padding:.35rem .4rem;border-radius:var(--radius-sm)}.task-text-input:focus{outline:none;background:rgba(99,102,241,.12)}.task-controls{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.task-controls button{border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;padding:.4rem .65rem;font-size:.82rem;font-weight:600;cursor:pointer;color:inherit}.task-controls button:disabled{opacity:.5;cursor:not-allowed}.task-color-picker{position:relative;display:inline-flex}.task-color-picker:before{content:"";left:.65rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--selected-color,#4f46e5);box-shadow:0 0 0 2px hsla(0,0%,100%,.85)}.task-color-picker:after,.task-color-picker:before{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.task-color-picker:after{content:"▾";right:.65rem;font-size:.6rem;color:inherit}.task-color-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:hsla(0,0%,100%,.9);padding:.4rem 1.9rem .4rem 1.8rem;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--text)}.task-color-select option{--option-base-bg:hsla(0,0%,100%,.95);--option-indicator-width:1.4rem;--option-indicator-diameter:0.75rem;--option-indicator-offset:calc(var(--option-indicator-diameter) / 2 + 0.45rem);--option-indicator-outline:hsla(0,0%,100%,.85);color:var(--option-text-color,var(--text));font-weight:600;padding-left:calc(var(--option-indicator-width) + .55rem);background-color:var(--option-base-bg);background-repeat:no-repeat;background-image:radial-gradient(circle at var(--option-indicator-offset) 50%,var(--option-indicator-color,var(--option-color,#4f46e5)) 0,var(--option-indicator-color,var(--option-color,#4f46e5)) calc(var(--option-indicator-diameter) / 2),var(--option-indicator-outline) calc(var(--option-indicator-diameter) / 2 + .1rem),var(--option-base-bg) calc(var(--option-indicator-diameter) / 2 + .16rem))}body[data-theme=dark] .task-color-select{border-color:var(--border-dark);background:rgba(15,23,42,.92);color:var(--text-dark)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .task-color-select{border-color:var(--border-dark);background:rgba(15,23,42,.92);color:var(--text-dark)}body:not([data-theme=light]) .task-color-select option{--option-base-bg:rgba(15,23,42,.95)}}body[data-theme=dark] .task-color-select option{--option-base-bg:rgba(15,23,42,.95);--option-indicator-outline:rgba(15,23,42,.6)}.task-color-select:disabled{opacity:.6;cursor:not-allowed}.deadline-picker{display:inline-flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:hsla(0,0%,100%,.85);overflow:hidden}.deadline-picker.disabled{opacity:.5}.deadline-picker input[type=datetime-local]{border:none;padding:.35rem .5rem;font-size:.85rem;background:transparent;color:inherit}.deadline-picker input[type=datetime-local]:focus{outline:none}.deadline-picker .clear-deadline-button{border:none;border-left:1px solid var(--border);background:transparent;padding:.4rem .55rem;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:0;cursor:pointer;color:inherit}.deadline-picker .clear-deadline-button:disabled{opacity:.5;cursor:not-allowed}.task-controls .secondary{border-color:rgba(99,102,241,.35)}.task-controls .danger{border-color:rgba(239,68,68,.35);color:var(--danger)}.task-controls .icon-button{padding:.4rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.task-controls .icon-button span[aria-hidden=true]{line-height:1}.task-item.completed{opacity:.75}.task-item.completed .task-text-input{text-decoration:line-through}.task-form.inline{grid-template-columns:minmax(180px,1fr) auto}.task-list.nested{margin-left:clamp(1rem,3vw,1.5rem);padding-left:.5rem;border-left:1px dashed rgba(99,102,241,.35)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .task-item{--task-priority-background:rgba(99,102,241,.14)}body:not([data-theme=light]) .task-item.priority-urgent{--task-priority-background:rgba(100,13,95,.24);border-color:rgba(100,13,95,.45)}body:not([data-theme=light]) .task-item.priority-high{--task-priority-background:rgba(177,44,0,.22);border-color:rgba(177,44,0,.4)}body:not([data-theme=light]) .task-item.priority-medium{--task-priority-background:rgba(235,91,0,.22);border-color:rgba(235,91,0,.4)}body:not([data-theme=light]) .task-item.priority-low{--task-priority-background:rgba(255,204,0,.26);border-color:rgba(255,204,0,.38)}body:not([data-theme=light]) .task-item.color-indigo{--task-priority-background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.42)}body:not([data-theme=light]) .task-item.color-emerald{--task-priority-background:rgba(16,185,129,.26);border-color:rgba(4,120,87,.45)}body:not([data-theme=light]) .task-item.color-sky{--task-priority-background:rgba(2,132,199,.26);border-color:rgba(2,132,199,.45)}body:not([data-theme=light]) .task-item.color-amber{--task-priority-background:rgba(217,119,6,.32);border-color:rgba(217,119,6,.48)}body:not([data-theme=light]) .task-item.color-rose{--task-priority-background:rgba(225,29,72,.28);border-color:rgba(225,29,72,.48)}body:not([data-theme=light]) .task-item.color-slate{--task-priority-background:rgba(71,85,105,.3);border-color:rgba(71,85,105,.45)}body:not([data-theme=light]) .deadline-picker{background:rgba(15,23,42,.35);border-color:var(--border-dark)}body:not([data-theme=light]) .deadline-picker .clear-deadline-button{border-color:var(--border-dark)}body:not([data-theme=light]) .task-controls .danger{color:var(--danger-dark)}}body[data-theme=dark] .task-item{--task-priority-background:rgba(99,102,241,.14)}body[data-theme=dark] .task-item.priority-urgent{--task-priority-background:rgba(100,13,95,.24);border-color:rgba(100,13,95,.45)}body[data-theme=dark] .task-item.priority-high{--task-priority-background:rgba(177,44,0,.22);border-color:rgba(177,44,0,.4)}body[data-theme=dark] .task-item.priority-medium{--task-priority-background:rgba(235,91,0,.22);border-color:rgba(235,91,0,.4)}body[data-theme=dark] .task-item.priority-low{--task-priority-background:rgba(255,204,0,.26);border-color:rgba(255,204,0,.38)}body[data-theme=dark] .task-item.color-indigo{--task-priority-background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.42)}body[data-theme=dark] .task-item.color-emerald{--task-priority-background:rgba(16,185,129,.26);border-color:rgba(4,120,87,.45)}body[data-theme=dark] .task-item.color-sky{--task-priority-background:rgba(2,132,199,.26);border-color:rgba(2,132,199,.45)}body[data-theme=dark] .task-item.color-amber{--task-priority-background:rgba(217,119,6,.32);border-color:rgba(217,119,6,.48)}body[data-theme=dark] .task-item.color-rose{--task-priority-background:rgba(225,29,72,.28);border-color:rgba(225,29,72,.48)}body[data-theme=dark] .task-item.color-slate{--task-priority-background:rgba(71,85,105,.3);border-color:rgba(71,85,105,.45)}body[data-theme=dark] .deadline-picker{background:rgba(15,23,42,.35);border-color:var(--border-dark)}body[data-theme=dark] .deadline-picker .clear-deadline-button{border-color:var(--border-dark)}body[data-theme=dark] .task-controls .danger{color:var(--danger-dark)}.empty-note,.empty-state{text-align:center;color:var(--text-muted)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .empty-note,body:not([data-theme=light]) .empty-state{color:var(--text-muted-dark)}}body[data-theme=dark] .empty-note,body[data-theme=dark] .empty-state{color:var(--text-muted-dark)}.empty-state h2{margin-bottom:.5rem}.progress-bar{width:min(220px,60%);height:6px;background:rgba(99,102,241,.15);border-radius:999px;margin:1.25rem auto 0;position:relative;overflow:hidden}.progress-bar span{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:inherit;transition:width .25s ease}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{order:2}.todo-panel{order:1;min-height:auto}.note-list{max-height:none}}@media (max-width:640px){.app-header{flex-direction:column;align-items:flex-start}.new-note-form,.task-form{grid-template-columns:1fr}.todo-actions{width:100%;justify-content:flex-start}}.download-page{width:min(960px,92vw);margin:0 auto;padding:clamp(2rem,6vw,4rem) 0 clamp(3rem,8vw,5rem);gap:clamp(2rem,6vw,3.5rem)}.download-hero,.download-page{display:flex;flex-direction:column}.download-hero{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(2rem,6vw,3rem);gap:1.25rem;box-shadow:0 25px 55px -35px rgba(15,23,42,.35)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-hero{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 55px -35px rgba(2,6,23,.8)}}body[data-theme=dark] .download-hero{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 55px -35px rgba(2,6,23,.8)}.download-warning{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-strong);padding:1.25rem 1.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.download-warning strong{color:var(--accent-strong)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-warning{border-color:var(--border-dark);background:var(--surface-dark-strong);color:var(--text-muted-dark)}}body[data-theme=dark] .download-warning{border-color:var(--border-dark);background:var(--surface-dark-strong);color:var(--text-muted-dark)}.download-hero h1{margin:0;font-size:clamp(2rem,5vw,2.75rem)}.download-lede{margin:0;font-size:1.05rem;line-height:1.7;color:var(--text-muted);max-width:46ch}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-lede{color:var(--text-muted-dark)}}body[data-theme=dark] .download-lede{color:var(--text-muted-dark)}.download-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-weight:600;color:var(--accent-strong)}.download-grid{display:flex;flex-direction:column;gap:1.75rem}.download-grid h2{margin:0;font-size:1.6rem}.download-grid-inner{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.download-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(1.5rem,4vw,2rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 45px -30px rgba(15,23,42,.28)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-card{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 45px -32px rgba(2,6,23,.75)}}body[data-theme=dark] .download-card{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 45px -32px rgba(2,6,23,.75)}.download-card-header h3{margin:0;font-size:1.35rem}.download-card-header p{margin:.5rem 0 0;color:var(--text-muted);line-height:1.6}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-card-header p{color:var(--text-muted-dark)}}body[data-theme=dark] .download-card-header p{color:var(--text-muted-dark)}.download-details{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.download-details div{display:flex;flex-direction:column;gap:.35rem}.download-details dt{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.download-details dd{margin:0;font-weight:600;word-break:break-word}.download-details code{font-size:.8rem;background:rgba(99,102,241,.12);padding:.35rem .5rem;border-radius:var(--radius-sm)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-details dt{color:var(--text-muted-dark)}body:not([data-theme=light]) .download-details code{background:rgba(99,102,241,.25)}}body[data-theme=dark] .download-details dt{color:var(--text-muted-dark)}body[data-theme=dark] .download-details code{background:rgba(99,102,241,.25)}.download-requirements{background:rgba(99,102,241,.08);border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.requirements-title{margin:0;font-weight:600}.download-requirements ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-requirements{background:rgba(99,102,241,.16)}body:not([data-theme=light]) .download-requirements ul{color:var(--text-muted-dark)}}body[data-theme=dark] .download-requirements{background:rgba(99,102,241,.16)}body[data-theme=dark] .download-requirements ul{color:var(--text-muted-dark)}.download-button{align-self:flex-start;padding:.7rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 20px 45px -25px rgba(99,102,241,.85);transition:transform .2s ease,box-shadow .2s ease}.download-button:hover{transform:translateY(-1px);box-shadow:0 24px 55px -25px rgba(79,70,229,.92)}.download-button:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:4px}.download-help{display:flex;justify-content:center}.download-help-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(2rem,5vw,2.75rem);display:flex;flex-direction:column;gap:1rem;max-width:680px;text-align:left;box-shadow:0 25px 55px -35px rgba(15,23,42,.35)}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-help-card{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 55px -35px rgba(2,6,23,.8)}}body[data-theme=dark] .download-help-card{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 25px 55px -35px rgba(2,6,23,.8)}.download-help-card h2{margin:0}.download-help-card p{margin:0;color:var(--text-muted);line-height:1.7}.download-help-card a{color:var(--accent-strong);font-weight:600}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .download-help-card p{color:var(--text-muted-dark)}}body[data-theme=dark] .download-help-card p{color:var(--text-muted-dark)}