:root{--electric-rose:#fe00ae;--chartreuse:#c1fe1a;--bg-base:#0a0a0a;--bg-surface:#141414;--bg-surface-hover:#1c1c1c;--bg-elevated:#1e1e1e;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#555;--glow-rose:0 0 20px #fe00ae4d;--glow-chartreuse:0 0 20px #c1fe1a4d;--glow-rose-intense:0 0 30px #fe00ae80, 0 0 60px #fe00ae33;--border-subtle:#222;--border-focus:var(--electric-rose);--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 50% 0,#fe00ae0f 0%,#0000 60%),radial-gradient(at 80% 20%,#c1fe1a0a 0%,#0000 50%);min-height:100vh;font-family:Outfit,sans-serif;font-weight:400}body:after{content:"";pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}::selection{color:#fff;background:#fe00ae4d}input,textarea,button{font-family:inherit}@media (width<=480px){:root{--radius-lg:12px}}.todo-form[data-v-6afea8e8]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:20px;display:flex}.input-title[data-v-6afea8e8]{border:none;border-bottom:2px solid var(--border-subtle);color:var(--text-primary);background:0 0;outline:none;padding:8px 0;font-family:Outfit,sans-serif;font-size:18px;font-weight:400;transition:border-color .2s,box-shadow .2s}.input-title[data-v-6afea8e8]:focus{border-color:var(--electric-rose);box-shadow:0 2px 0 0 var(--electric-rose)}.input-title[data-v-6afea8e8]::placeholder,.input-desc[data-v-6afea8e8]::placeholder,.input-email[data-v-6afea8e8]::placeholder{color:var(--text-muted)}.input-desc[data-v-6afea8e8]{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;background:0 0;outline:none;min-height:40px;padding:8px 10px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s}.input-desc[data-v-6afea8e8]:focus{border-color:var(--electric-rose)}.reminder-toggle[data-v-6afea8e8]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:4px 0;font-family:Outfit,sans-serif;font-size:13px;transition:color .2s;display:inline-flex}.reminder-toggle[data-v-6afea8e8]:hover,.reminder-toggle.active[data-v-6afea8e8]{color:var(--chartreuse)}.reminder-fields[data-v-6afea8e8]{opacity:0;grid-template-columns:1fr 1fr;gap:10px;max-height:0;transition:max-height .3s,opacity .3s;display:grid;overflow:hidden}.reminder-fields.open[data-v-6afea8e8]{opacity:1;max-height:80px}.input-email[data-v-6afea8e8],.input-datetime[data-v-6afea8e8]{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s}.input-email[data-v-6afea8e8]:focus,.input-datetime[data-v-6afea8e8]:focus{border-color:var(--chartreuse)}.input-datetime[data-v-6afea8e8]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.form-error[data-v-6afea8e8]{color:var(--electric-rose);margin:0;font-family:Outfit,sans-serif;font-size:13px}.btn-submit[data-v-6afea8e8]{background:var(--electric-rose);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:box-shadow .2s,transform .15s}.btn-submit[data-v-6afea8e8]:hover{box-shadow:var(--glow-rose-intense);transform:scale(1.02)}.btn-submit[data-v-6afea8e8]:active{transform:scale(.98)}.filter-bar[data-v-365d2ced]{gap:8px;display:flex}.filter-btn[data-v-365d2ced]{border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.filter-btn[data-v-365d2ced]:hover{border-color:var(--text-muted)}.filter-btn.active[data-v-365d2ced]{border-color:var(--electric-rose);color:var(--electric-rose);box-shadow:var(--glow-rose)}.count[data-v-365d2ced]{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.filter-btn.active .count[data-v-365d2ced]{color:var(--electric-rose);opacity:.7}.todo-item[data-v-d8540396]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:14px 16px;transition:background-color .15s,border-color .15s;display:flex}.todo-item[data-v-d8540396]:hover{background:var(--bg-surface-hover);border-color:#333}.checkbox[data-v-d8540396]{border:2px solid var(--text-muted);cursor:pointer;color:#fff;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.checkbox.checked[data-v-d8540396]{background:var(--electric-rose);border-color:var(--electric-rose);box-shadow:var(--glow-rose)}.todo-content[data-v-d8540396]{flex:1;min-width:0}.todo-title[data-v-d8540396]{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;transition:color .2s,opacity .2s}.completed .todo-title[data-v-d8540396]{color:var(--text-muted);opacity:.5;text-decoration:line-through}.todo-desc[data-v-d8540396]{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:13px;font-weight:300;display:-webkit-box;overflow:hidden}.completed .todo-desc[data-v-d8540396]{opacity:.4}.reminder-badge[data-v-d8540396]{border-radius:var(--radius-sm);color:var(--chartreuse);background:#c1fe1a1a;border:1px solid #c1fe1a4d;align-items:center;gap:5px;margin-top:8px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.reminder-badge.sent[data-v-d8540396]{color:var(--text-muted);background:#8888881a;border-color:#8883}.sep[data-v-d8540396]{opacity:.5}.btn-delete[data-v-d8540396]{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:4px;transition:opacity .15s,color .15s}.todo-item:hover .btn-delete[data-v-d8540396]{opacity:1}.btn-delete[data-v-d8540396]:hover{color:var(--electric-rose)}.todo-list[data-v-bc9dc822]{flex-direction:column;gap:8px;display:flex}.todo-list[data-v-bc9dc822]>.todo-item{animation:.3s both fadeInUp-bc9dc822}@keyframes fadeInUp-bc9dc822{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.todo-enter-active[data-v-bc9dc822]{transition:all .3s}.todo-leave-active[data-v-bc9dc822]{transition:all .2s}.todo-enter-from[data-v-bc9dc822]{opacity:0;transform:translateY(-8px)}.todo-leave-to[data-v-bc9dc822]{opacity:0;transform:translate(20px)}.empty-state[data-v-bc9dc822]{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 0;font-family:Outfit,sans-serif;font-size:15px;font-weight:300;display:flex}.app-shell[data-v-21588ec2]{max-width:580px;margin:0 auto;padding:48px 24px 64px}.app-header[data-v-21588ec2]{margin-bottom:36px}.app-title[data-v-21588ec2]{color:var(--chartreuse);text-shadow:var(--glow-chartreuse);letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-size:48px;font-weight:800;line-height:1;animation:4s ease-in-out infinite glowPulse-21588ec2}.app-subtitle[data-v-21588ec2]{color:var(--text-secondary);letter-spacing:.2em;margin-top:6px;font-family:Outfit,sans-serif;font-size:12px;font-weight:300}.app-main[data-v-21588ec2]{flex-direction:column;gap:24px;display:flex}@keyframes glowPulse-21588ec2{0%,to{text-shadow:0 0 20px #c1fe1a4d}50%{text-shadow:0 0 30px #c1fe1a80,0 0 60px #c1fe1a33}}@media (width<=480px){.app-shell[data-v-21588ec2]{padding:32px 16px 48px}.app-title[data-v-21588ec2]{font-size:36px}}
