:root{color-scheme:light;--bg:#e9edf5;--bg-soft:#ffffff8c;--surface:#ffffffb8;--surface-strong:#ffffffe6;--text:#1d2736;--muted:#6e7888;--border:#24314814;--shadow:0 20px 50px #34425b24;--accent:#2a89ff;--accent-darker:#1a6ccf;--accent-soft:#2a89ff26;--accent-soft-lighter:#2a89ff14;--success:#38c172;--danger:#ff5f5f;--warning:#ffbe3c;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--stats-total:#78869f26;--stats-open:#ff5f5f26;--stats-done:#38c17226;--gradient-start:#eef2f8;--gradient-end:#dde4f1;--radial-1:#2a89ff3d;--radial-2:#3896c12e}[data-theme=dark]{color-scheme:dark;--bg:#0d1117;--bg-soft:#13192294;--surface:#111827b8;--surface-strong:#131b2beb;--text:#eff4ff;--muted:#9aa6ba;--border:#ffffff14;--shadow:0 24px 60px #0006;--accent:#5ba7ff;--accent-darker:#3a7fd4;--accent-soft:#5ba7ff24;--accent-soft-lighter:#8bbfff14;--success:#55d18b;--danger:#ff6b7a;--warning:#f7c95f;--stats-total:#78869f14;--stats-open:#ff5f5f14;--stats-done:#38c17214;--gradient-start:#11181c;--gradient-end:#0a0d14;--radial-1:#2a89ff1f;--radial-2:#3896c11a}[data-color=green]{--accent:#38c172;--accent-darker:#259c54;--accent-soft:#38c17226;--accent-soft-lighter:#38c17214;--gradient-start:#d8f3e3;--gradient-end:#c1e7c9;--radial-1:#38c1723d;--radial-2:#38c1722e}[data-theme=dark][data-color=green]{--accent:#55d18b;--accent-darker:#2d9d5a;--accent-soft:#55d18b24;--accent-soft-lighter:#55d18b14;--gradient-start:#18321f;--gradient-end:#0f1f14;--radial-1:#55d18b1f;--radial-2:#55d18b1a}[data-color=purple]{--accent:#8b5cf6;--accent-darker:#6025c4;--accent-soft:#8b5cf626;--accent-soft-lighter:#8b5cf614;--gradient-start:#f3e8ff;--gradient-end:#e5c7ff;--radial-1:#8b5cf63d;--radial-2:#8b5cf62e}[data-theme=dark][data-color=purple]{--accent:#a78bfa;--accent-darker:#7548e0;--accent-soft:#a78bfa24;--accent-soft-lighter:#a78bfa14;--gradient-start:#2c1e4f;--gradient-end:#1a1030;--radial-1:#a78bfa1f;--radial-2:#a78bfa1a}[data-color=orange]{--accent:#f59e0b;--accent-darker:#c4850a;--accent-soft:#f59e0b26;--accent-soft-lighter:#f59e0b14;--gradient-start:#fff4e1;--gradient-end:#ffe0b3;--radial-1:#f59e0b3d;--radial-2:#f59e0b2e}[data-theme=dark][data-color=orange]{--accent:#fbbf24;--accent-darker:#d4950e;--accent-soft:#fbbf2424;--accent-soft-lighter:#fbbf2414;--gradient-start:#4a2d0a;--gradient-end:#2a1805;--radial-1:#fbbf241f;--radial-2:#fbbf241a}[data-color=pink]{--accent:#ec4899;--accent-darker:#be1d73;--accent-soft:#ec489926;--accent-soft-lighter:#ec489914;--gradient-start:#ffe4f0;--gradient-end:#ffbde0;--radial-1:#ec48993d;--radial-2:#ec48992e}[data-theme=dark][data-color=pink]{--accent:#f472b6;--accent-darker:#cc3f87;--accent-soft:#f472b624;--accent-soft-lighter:#f472b614;--gradient-start:#4a1e3c;--gradient-end:#2a1021;--radial-1:#f472b61f;--radial-2:#f472b61a}[data-color=teal]{--accent:#14b8a6;--accent-darker:#0d8a7a;--accent-soft:#14b8a626;--accent-soft-lighter:#14b8a614;--gradient-start:#d1f5f3;--gradient-end:#a6e8de;--radial-1:#14b8a63d;--radial-2:#14b8a62e}[data-theme=dark][data-color=teal]{--accent:#5eead4;--accent-darker:#1ab6a0;--accent-soft:#5eead424;--accent-soft-lighter:#5eead414;--gradient-start:#0a4035;--gradient-end:#042117;--radial-1:#5eead41f;--radial-2:#5eead41a}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 18% 18%, var(--radial-1), transparent 25%), radial-gradient(circle at 82% 72%, var(--radial-2), transparent 30%), linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);margin:0;padding:0;font-family:Inter,system-ui,sans-serif;position:relative}body:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#0000001f,#0000 75%)}[data-theme=dark] body{background:radial-gradient(circle at 18% 18%, var(--radial-1), transparent 25%), radial-gradient(circle at 82% 72%, var(--radial-2), transparent 30%), linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%)}.no-scrollbars::-webkit-scrollbar{display:none}button{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}button:focus,button:active{outline:none}.app-shell{display:-ms-grid;-ms-grid-columns:280px minmax(0, 1fr);background:0 0;grid-template-columns:280px minmax(0,1fr);height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-soft);backdrop-filter:blur(24px);flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{align-items:center;gap:14px;padding:6px 4px 18px;display:flex}.brand span{font-size:.88rem}.brand-mark{width:54px;height:54px;display:-ms-grid;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-darker));-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-radius:16px;place-items:center;font-weight:800;display:grid}.brand h1,.hero h2,.card-title{margin:0}.brand p,.brand span .hero-copy,.card-subtitle,.sidebar-label,.new-project span,.task-meta,.eyebrow,.field-label,.sidebar-footer,.sidebar-nav,.stats-grid span,.toast .toast-close,.search-icon,.task-item.completed .task-title,.quote-author,.empty-state,.share-author{color:var(--muted)}.sidebar-nav{display:-ms-grid;gap:10px;display:grid}.nav-item{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:transform .16s,background .16s,box-shadow .16s;display:flex}.nav-item:hover,.nav-item.active{background:linear-gradient(135deg, var(--accent-soft), var(--accent-soft-lighter));transform:translate(3px);box-shadow:inset 0 0 0 1px #2a89ff1f}.icon{width:28px;height:28px;display:-ms-grid;color:var(--accent);background:#2a89ff1f;border-radius:10px;place-items:center;display:grid}.sidebar-card,.card,.new-project,.search-field,.sort-field,.composer{border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(18px);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.sidebar-card{border-radius:var(--radius-lg);padding:18px;animation:.22s rise}.sidebar-label{text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;font-size:.76rem}.stats-grid{display:-ms-grid;-ms-grid-columns:minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-grid article{text-align:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:16px;padding:14px 10px}.stats-grid .stats.total{background:var(--stats-total)}.stats-grid .stats.open{background:var(--stats-open)}.stats-grid .stats.done{background:var(--stats-done)}.stats-grid strong{font-size:1.15rem;display:block}.stats-grid .stats span{font-size:.78rem}.sidebar-footer{margin-top:auto}.theme-switch{background:var(--surface);border:1px solid var(--border);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.theme-switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#78869f40;border-radius:999px;width:50px;height:28px;transition:background .18s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:4px;left:4px;box-shadow:0 6px 16px #0000002e}.theme-switch input:checked+.switch-track{background:#5ba7ff61}.theme-switch input:checked+.switch-track:after{transform:translate(22px)}.theme-color-section{flex-direction:column;gap:10px;display:flex}.color-options{flex-wrap:wrap;gap:8px;display:flex}.color-option{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.color-option:hover{transform:scale(1.15)}.color-option.active{border-color:var(--text);-webkit-box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--swatch);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--swatch)}.sidebar-footer{flex-direction:column;gap:14px;display:flex}.main-content{height:100vh;padding:36px;overflow-y:auto}.hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:.76rem}.hero h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1}.hero-copy{margin:14px 0 0;font-size:1rem}.toolbar{z-index:30;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.tools{justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.import-export{align-items:center;gap:10px;display:flex}.tool-btn{min-width:100px;height:54px;font:inherit;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;font-size:.88rem;font-weight:700;display:inline-flex}.tool-btn.export{background:var(--accent-soft);color:var(--accent)}.tool-btn.import{color:var(--success);background:#38c1721f}.search-field,.sort-field{border-radius:999px;align-items:center;gap:10px;min-height:54px;padding:14px 18px;display:flex}.search-field{background:var(--surface-strong);flex:1 1 0;min-width:min(100%,360px)}.sort-field{background:var(--surface-strong);z-index:40;flex-direction:row;min-width:180px;padding:0;position:relative}#sortToggle{padding:14px 16px}.sort-label-wrapper{align-items:center;gap:10px;display:inline-flex}.sort-field .field-label{line-height:0;display:inline-block}.sort-toggle{width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:inline-flex}#sortLabel{font-size:.88rem}.sort-caret{color:var(--accent);line-height:0}.sort-menu{display:-ms-grid;border:1px solid var(--border);background:var(--surface-strong);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);z-index:1000;opacity:0;transform-origin:top;visibility:hidden;pointer-events:none;border-radius:20px;gap:6px;padding:10px;transition:opacity .16s,transform .16s,visibility 0s linear .16s;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-8px)scale(.98)}.sort-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .16s,visibility;transform:translateY(0)scale(1)}.sort-option{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:11px 12px;transition:background .16s,color .16s}.sort-option:hover,.sort-option.active{background:var(--accent-soft);color:var(--accent)}.search-field input,.sort-field select,.task-form input,.task-edit-input{width:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none}.task-form .task-submit{white-space:nowrap}.search-field input{appearance:none;min-width:0;padding:0}.search-icon{font-size:1.5rem;line-height:0;display:inline-block}.field-label{font-size:.88rem}.card,.new-project,.composer{border-radius:var(--radius-xl)}.composer{margin-bottom:22px;padding:18px}.task-form{gap:12px;display:flex}.task-form input{background:var(--surface-strong);border-radius:999px;padding:14px 18px}.primary-btn{font:inherit;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-darker));cursor:pointer;border:0;border-radius:999px;padding:14px 20px;font-weight:700;transition:transform .16s,filter .16s;box-shadow:0 14px 24px #2a89ff40}.primary-btn:hover,.primary-btn:focus-visible,.icon-btn:hover,.icon-btn:focus-visible,.share-btn:not(.disabled):hover,.share-btn:not(.disabled):focus-visible{filter:brightness(1.05);transform:translateY(-1px)}.board-grid{display:-ms-grid;-ms-grid-columns:minmax(0, 1.1fr) 18px minmax(220px, .6fr);grid-template-columns:minmax(0,1.1fr) minmax(220px,.6fr);gap:18px;display:grid}.project-card{max-height:510px;padding:22px;animation:.22s rise;overflow:hidden}.card-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.card-title{font-size:1.7rem;font-weight:800}.card-subtitle{margin:6px 0 0}.progress-pill,.card-head-icon{background:var(--accent-soft);min-width:40px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:10px 12px;font-weight:700;display:inline-flex}.task-list{display:-ms-grid;gap:12px;max-height:400px;margin:0;padding:0;list-style:none;display:grid;overflow-y:scroll}.task-item{display:-ms-grid;-ms-grid-columns:auto 14px minmax(0, 1fr) 14px auto;background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;animation:.22s rise;display:grid}.task-check{align-items:center;display:inline-flex;position:relative}.task-check input{opacity:0;cursor:pointer;position:absolute;inset:0}.check-ui{width:22px;height:22px;display:-ms-grid;background:0 0;border:2px solid #78869f59;border-radius:50%;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid}.check-ui:after{content:"";transform-origin:50%;border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transition:transform .18s;transform:rotate(-45deg)scale(0)}.task-toggle:checked+.check-ui{background:var(--success);border-color:var(--success)}.task-toggle:checked+.check-ui:after{transform:rotate(-45deg)scale(1)}.task-body{min-width:0}.task-title{word-break:break-word;font-weight:600;display:block}.task-item.completed .task-title{text-decoration:line-through}.task-edit-input{background:#78869f14;border-radius:12px;padding:10px 12px;display:none}.task-item.editing .task-title,.task-item.editing .task-meta,.task-item.editing .edit-btn{display:none}.task-item.editing .task-edit-input,.task-item.editing .save-btn,.task-item.editing .cancel-btn{display:-ms-inline-grid;display:inline-grid}.task-item.editing .delete-btn{display:none}.task-meta{margin-top:4px;font-size:.8rem;display:block}.task-actions{align-items:center;gap:8px;display:flex}.icon-btn{width:36px;height:36px;display:-ms-inline-grid;font:inherit;cursor:pointer;color:#fff;border:0;border-radius:12px;place-items:center;line-height:0;transition:transform .16s,filter .16s,opacity .16s;display:inline-grid}.edit-btn{background:var(--success)}.save-btn{background:var(--accent);display:none}.delete-btn{background:var(--danger)}.cancel-btn{color:var(--muted);background:#78869f1f;display:none}.new-project{min-height:320px;display:-ms-grid;text-align:center;border-style:dashed;place-items:center;padding:18px;display:grid}.new-project-inner{display:-ms-grid;justify-items:center;gap:12px;display:grid}.quote-mark{width:48px;height:48px;display:-ms-grid;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto;line-height:0;display:grid}.quote-card{min-height:320px;display:-ms-grid;text-align:center;place-items:center;padding:24px;animation:.22s rise;display:grid}.quote-content{display:-ms-grid;gap:16px;max-width:100%;display:grid}.quote-text,.share-quote{color:var(--text);margin:0;font-size:1.2rem;line-height:1.6}.quote-text.fade{animation:3.2s ease-in-out infinite gentleFade}.quote-author,.share-author{margin:0;font-size:.9rem;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:20px;padding:34px 18px}.quote-footer{margin-top:20px}.share-btn{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-darker));cursor:pointer;gap:10px;padding:14px 20px;transition:transform .16s,filter .16s;box-shadow:0 14px 24px #2a89ff40}.share-btn.disabled{opacity:.6;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.share-modal{display:-ms-grid;text-align:center;width:500px;max-width:90%;box-shadow:var(--shadow);z-index:1000;opacity:0;visibility:hidden;background:var(--surface-strong);place-items:center;transition:opacity .16s,visibility 0s linear .16s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.share-modal.is-open{opacity:1;visibility:visible;transition:opacity .16s,visibility}.overlay{backdrop-filter:blur(12px);z-index:900;opacity:0;visibility:hidden;background:#0f172a80;transition:opacity .16s,visibility 0s linear .16s;position:fixed;inset:0}.overlay.is-active{opacity:1;visibility:visible;transition:opacity .16s,visibility}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:10px 24px;display:flex}.modal-title{color:var(--muted);font-size:1rem;font-weight:500}.close-btn{cursor:pointer;color:var(--text);background:0 0;border:0}.share-modal .quote-content,.share-modal .share-options{padding:24px}.share-modal .quote-content{margin-top:24px}.share-options{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.share-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.share-quote-btn,.copy-quote-btn{background:var(--accent);color:#fff;border:1px solid var(--border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:45px;height:45px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.copy-quote-btn{width:auto;min-width:126px;color:var(--text);letter-spacing:.05em;background:0 0;background:var(--accent-soft);justify-content:space-between;gap:8px;padding:0 14px;font-size:.75rem}.copy-quote-btn.disabled{opacity:.6;cursor:not-allowed;background:var(--accent-soft);color:var(--muted);border-color:var(--border)}.shortcodes,.support{padding:22px;animation:.22s rise}.shortcodes-list,.support-list{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:12px;padding:0;font-size:.75rem;list-style:none;display:flex}.support-list{flex-direction:column;justify-content:center;align-items:flex-start}.shortcodes-list li,.support-list li{background:var(--accent-soft);border:1px solid var(--border);color:var(--text);letter-spacing:.05em;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:10px;padding:0 8px 0 0;display:inline-flex}.shortcodes-list li code{color:var(--accent);background:var(--bg-soft);white-space:nowrap;text-transform:uppercase;border-radius:8px;padding:6px 8px;font-family:inherit}.support-list{gap:14px}.support-list li{background:0 0;border:none;flex-wrap:wrap;font-size:.88rem;font-weight:400}.support-list li a{color:var(--accent);text-decoration:none}.support-list .item-icon{color:var(--accent)}.socials{margin-top:16px}.socials a{background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .16s;display:inline-flex;color:var(--muted)!important}.socials a:hover{background:var(--accent);color:#fff!important}.toasts{display:-ms-grid;z-index:2000;gap:12px;display:grid;position:fixed;top:20px;right:20px}.toast{background:var(--surface-strong);min-width:260px;max-width:420px;color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:start;gap:12px;padding:14px;animation:.24s toast-in;display:flex;box-shadow:0 8px 28px #0f172a2e}.toast .toast-body{flex:auto}.toast .toast-close{cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.toast--success{border-left:4px solid var(--success)}.toast--success .toast-icon{color:var(--success)}.toast--error{border-left:4px solid var(--danger)}.toast--error .toast-icon{color:var(--danger)}.toast--info{border-left:4px solid var(--accent)}.toast--info .toast-icon{color:var(--accent)}.toast--warning{border-left:4px solid var(--warning)}.toast--warning .toast-icon{color:var(--warning)}.cursor-dot{background-color:var(--accent-soft);pointer-events:none;opacity:0;z-index:2147483647;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .5s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gentleFade{0%{opacity:1}25%{opacity:.8}50%{opacity:.5}75%{opacity:.8}to{opacity:1}}@media (width<=1100px){.app-shell{-ms-grid-columns:1fr;grid-template-columns:1fr;height:auto}.main-content{height:auto;padding:18px}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.board-grid,.hero{-ms-grid-columns:1fr;grid-template-columns:1fr}.hero{display:-ms-grid;align-items:start;display:grid}}@media (width<=720px){.search-field{min-width:unset;width:100%}.task-form,.toolbar{flex-direction:column;align-items:stretch}.task-item{-ms-grid-columns:auto minmax(0, 1fr);grid-template-columns:auto minmax(0,1fr)}.task-actions{grid-column:1/-1;justify-content:flex-end}.sidebar{padding:18px}.sort-field{flex:1}}@media (width<=600px){.tools{flex-direction:column}.sort-field,.tool-btn{min-width:unset}.import-export,.sort-field,.tool-btn{width:100%}.share-options{flex-direction:column-reverse;gap:24px}}
/*# sourceMappingURL=vanilla-todo-crud.eb56e893.css.map */