.todo-app-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;max-inline-size:100%;overflow-x:clip}.cloud-bar{transition:all .25s ease}.tasks-workspace ul,.notes-workspace .grid{scrollbar-gutter:stable;overscroll-behavior:contain}.tasks-workspace ul::-webkit-scrollbar,.notes-workspace .grid::-webkit-scrollbar{width:5px}.tasks-workspace ul::-webkit-scrollbar-track,.notes-workspace .grid::-webkit-scrollbar-track{background:transparent}.tasks-workspace ul::-webkit-scrollbar-thumb,.notes-workspace .grid::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:999px}.tasks-workspace ul::-webkit-scrollbar-thumb:hover,.notes-workspace .grid::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.sticky-tape-accent{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:48px;height:15px;background-color:#fff9;backdrop-filter:blur(2px);border-radius:2px;box-shadow:0 1px 2px #00000014;border:1px dashed rgba(0,0,0,.12);pointer-events:none}:root[data-theme=dark] .sticky-tape-accent,.dark .sticky-tape-accent{background-color:#ffffff26;border-color:#fff3}.sticky-note-card{transform:rotate(-.4deg);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}.sticky-note-card:nth-child(2n){transform:rotate(.4deg)}.sticky-note-card:hover{transform:translateY(-3px) rotate(0);box-shadow:0 12px 24px -8px #0000001f;z-index:2}.note-theme-yellow{background-color:#fef9c3;border:1.5px solid #fde047;color:#713f12}:root[data-theme=dark] .note-theme-yellow,.dark .note-theme-yellow{background-color:#3f2e0c;border-color:#785a1a;color:#fef08a}.note-theme-green{background-color:#dcfce7;border:1.5px solid #86efac;color:#14532d}:root[data-theme=dark] .note-theme-green,.dark .note-theme-green{background-color:#0c3321;border-color:#1a6d45;color:#bbf7d0}.note-theme-blue{background-color:#e0f2fe;border:1.5px solid #7dd3fc;color:#0c4a6e}:root[data-theme=dark] .note-theme-blue,.dark .note-theme-blue{background-color:#0c2d48;border-color:#1a5b8e;color:#bae6fd}.note-theme-pink{background-color:#ffe4e6;border:1.5px solid #fca5a5;color:#881337}:root[data-theme=dark] .note-theme-pink,.dark .note-theme-pink{background-color:#420f1d;border-color:#8c2640;color:#fecdd3}.note-theme-purple{background-color:#f3e8ff;border:1.5px solid #d8b4fe;color:#581c87}:root[data-theme=dark] .note-theme-purple,.dark .note-theme-purple{background-color:#30104d;border-color:#6929a5;color:#e9d5ff}@media(max-width:640px){input[type=text],input[type=date],input[type=email],input[type=password],textarea{font-size:16px!important}.cloud-bar{padding:.75rem!important}.sticky-note-card,.sticky-note-card:nth-child(2n){transform:none}.auth-modal-overlay{padding:.75rem}.auth-modal-card{padding:1.25rem 1.15rem}}.auth-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0009;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out forwards}.auth-modal-card{position:relative;background-color:#fff;color:#0f172a;width:100%;max-width:420px;border-radius:24px;padding:1.75rem 1.5rem;box-shadow:0 25px 50px -12px #00000059;border:1px solid #e2e8f0;animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards}:root[data-theme=dark] .auth-modal-card,.dark .auth-modal-card{background-color:#1e293b;color:#f8fafc;border-color:#334155}.auth-modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:50%;background-color:#f1f5f9;color:#64748b;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background-color .2s,color .2s}:root[data-theme=dark] .auth-modal-close,.dark .auth-modal-close{background-color:#334155;color:#cbd5e1}.auth-modal-close:hover{background-color:#e2e8f0;color:#0f172a}:root[data-theme=dark] .auth-modal-close:hover,.dark .auth-modal-close:hover{background-color:#475569;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.note-card-fade{position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(to top,rgba(0,0,0,.08),transparent);pointer-events:none;border-radius:0 0 8px 8px}:root[data-theme=dark] .note-card-fade,.dark .note-card-fade{background:linear-gradient(to top,rgba(0,0,0,.45),transparent)}.preview-modal-card{box-shadow:0 25px 50px -12px #00000073;animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards}