:root{color-scheme:dark;--bg-0: #0a0316;--bg-1: #150726;--bg-2: #1c0b33;--panel: rgba(28, 11, 51, .66);--panel-2: rgba(40, 16, 72, .55);--panel-3: rgba(46, 19, 84, .96);--ink: #f3e9ff;--ink-2: #b79fe0;--ink-3: #7d6aa8;--pink: #ff2e97;--pink-soft: #ff7ac4;--cyan: #05d9e8;--cyan-soft: #7af5ff;--purple: #b14aff;--yellow: #ffe66d;--green: #2bff88;--line: rgba(177, 74, 255, .32);--line-2: rgba(5, 217, 232, .45);--radius: 4px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{position:relative;color:var(--ink);font-family:SF Mono,JetBrains Mono,Fira Mono,ui-monospace,Courier New,monospace;line-height:1.5;background:radial-gradient(ellipse 80% 55% at 50% -8%,rgba(177,74,255,.45),transparent 60%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(255,46,151,.26),transparent 55%),radial-gradient(ellipse 60% 45% at 0% 10%,rgba(5,217,232,.18),transparent 55%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.dragging-active{cursor:grabbing;user-select:none;-webkit-user-select:none}body:before{content:"";position:fixed;left:50%;bottom:-10vh;width:240vw;height:60vh;transform:translate(-50%) perspective(40vh) rotateX(62deg);transform-origin:bottom center;background-image:linear-gradient(to right,rgba(5,217,232,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,46,151,.5) 1px,transparent 1px);background-size:5vw 5vw;-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 80%);mask-image:linear-gradient(to top,#000 5%,transparent 80%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#0000001a 2px,#0000001a 3px);mix-blend-mode:overlay;pointer-events:none;z-index:1}.boot{padding:40px;text-align:center;color:var(--ink-3);letter-spacing:2px}.wrap{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(140px + env(safe-area-inset-bottom))}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}h1{font-size:30px;font-weight:800;letter-spacing:4px;text-transform:uppercase;line-height:1.05;background:linear-gradient(180deg,#fff 0%,var(--cyan-soft) 38%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 10px rgba(255,46,151,.55)) drop-shadow(0 0 22px rgba(5,217,232,.35))}h1 .blink{-webkit-text-fill-color:var(--cyan);color:var(--cyan);filter:none;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.stats{display:flex;gap:14px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-2);align-items:center}.stats b{color:var(--cyan);font-weight:700;text-shadow:0 0 8px rgba(5,217,232,.6)}.stats .left b{color:var(--pink-soft);text-shadow:0 0 8px rgba(255,46,151,.6)}.subline{display:flex;align-items:center;gap:10px;margin:6px 0 22px;flex-wrap:wrap}.sub{color:var(--ink-3);font-size:11px;letter-spacing:2px;text-transform:uppercase;border-left:2px solid var(--pink);padding-left:10px;flex:1;min-width:180px}.status{font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:3px 9px;border-radius:2px;border:1px solid var(--line);color:var(--ink-3);white-space:nowrap;transition:all .25s var(--ease)}.status.ok{color:var(--green);border-color:#2bff8880;box-shadow:0 0 10px #2bff8840}.status.busy{color:var(--cyan);border-color:#05d9e880;box-shadow:0 0 10px #05d9e84d;animation:pulse 1s ease-in-out infinite}.status.err{color:var(--pink);border-color:#ff2e9799;box-shadow:0 0 10px #ff2e9766}.add-row{display:flex;gap:10px;margin-bottom:10px}input[type=text],input[type=email],input[type=password],select{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:12px 14px;font-size:16px;font-family:inherit;letter-spacing:.5px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--ink-3)}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 16px #05d9e866}.add-row input{flex:1;min-width:0}select{cursor:pointer}select option{background:var(--bg-2);color:var(--ink)}button{font-family:inherit;cursor:pointer;border-radius:var(--radius);letter-spacing:1.5px;text-transform:uppercase}.add-btn{padding:12px 20px;font-size:13px;font-weight:800;color:#190018;border:none;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 14px #ff2e9799,inset 0 0 0 1px #ffffff40;transition:transform .08s,box-shadow .15s;white-space:nowrap}.add-btn:hover{box-shadow:0 0 22px #ff2e97e6,inset 0 0 0 1px #fff6}.add-btn:active{transform:translateY(1px)}.add-btn[disabled]{opacity:.5;cursor:not-allowed}.ghost-btn{background:none;border:1px solid var(--line);color:var(--ink-3);padding:6px 10px;font-size:10px;letter-spacing:1.5px}.ghost-btn:hover{color:var(--cyan-soft);border-color:var(--cyan)}.ghost-btn.tiny{padding:3px 8px;font-size:9px}.meta-row{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.meta-row select{flex:1;min-width:130px;font-size:13px;letter-spacing:1px;text-transform:uppercase}.divider{height:2px;border:none;margin:6px 0 18px;background:linear-gradient(to right,transparent,var(--pink) 20%,var(--cyan) 80%,transparent);box-shadow:0 0 12px #05d9e866}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.sort{display:flex;align-items:center}.chip{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:2px;padding:6px 14px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:all .15s}.chip:hover{color:var(--cyan-soft);border-color:var(--cyan);box-shadow:0 0 10px #05d9e859}.chip.active{color:#12001a;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--cyan-soft));border-color:var(--cyan);box-shadow:0 0 16px #05d9e8a6}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:var(--panel-2)}.seg{background:none;border:none;color:var(--ink-3);padding:6px 12px;font-size:10px;letter-spacing:1.4px;transition:all .18s var(--ease)}.seg:hover{color:var(--cyan-soft)}.seg.on{color:#12001a;font-weight:800;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 0 14px #ff2e9780}.seg-label{font-size:9px;letter-spacing:2px;color:var(--ink-3);text-transform:uppercase;margin-right:6px}ul{list-style:none}li{position:relative;display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:var(--radius);padding:14px 16px 14px 8px;margin-bottom:10px;transition:box-shadow .18s var(--ease),border-color .18s var(--ease),opacity .2s;will-change:transform}li:hover{box-shadow:0 0 18px #b14aff4d;border-left-color:var(--pink)}li.done{opacity:.45;border-left-color:var(--green)}li.done .task-text{text-decoration:line-through;color:var(--ink-3)}li.dragging{z-index:40;cursor:grabbing;border-color:var(--cyan);border-left-color:var(--cyan);background:var(--panel-3);box-shadow:0 0 0 1px var(--cyan),0 18px 40px #0000008c,0 0 34px #05d9e88c}.grip{flex-shrink:0;width:20px;align-self:stretch;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;color:var(--ink-3);opacity:.45;transition:opacity .18s,color .18s}li:hover .grip{opacity:1;color:var(--purple)}.grip:active{cursor:grabbing}.check{width:22px;height:22px;border-radius:3px;border:1.5px solid var(--cyan);cursor:pointer;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;box-shadow:inset 0 0 8px #05d9e840;transition:all .18s var(--ease)}.check:hover{box-shadow:inset 0 0 10px #05d9e866,0 0 8px #05d9e880}.check.on{background:var(--green);border-color:var(--green);color:#042b14;box-shadow:0 0 14px #2bff88b3}.task-body{flex:1;min-width:0}.task-text{font-size:15px;word-break:break-word;cursor:text;letter-spacing:.3px;padding:1px 4px;margin-left:-4px;border-radius:3px;outline:none;transition:box-shadow .18s var(--ease),background .18s}.task-text:hover{background:#ffffff08}.task-text:focus{background:#05d9e812;box-shadow:inset 0 -1px 0 var(--cyan),0 0 14px #05d9e82e}.task-meta{display:flex;gap:8px;align-items:center;margin-top:7px;flex-wrap:wrap}.tag{font-size:10px;padding:3px 9px;border-radius:2px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border:1px solid transparent;transition:filter .15s var(--ease),transform .1s var(--ease)}.tag:hover{filter:brightness(1.35);transform:translateY(-1px)}.tag:after{content:" ▾";opacity:.5;font-size:8px}.cat-Finances{background:#2bff881f;color:#6fffae;border-color:#2bff8880;box-shadow:0 0 8px #2bff8840}.cat-Car{background:#05d9e81f;color:var(--cyan-soft);border-color:#05d9e880;box-shadow:0 0 8px #05d9e840}.cat-Travel{background:#ff8a3c1f;color:#ffb27a;border-color:#ff8a3c80;box-shadow:0 0 8px #ff8a3c40}.cat-Health{background:#ff2e971f;color:var(--pink-soft);border-color:#ff2e9780;box-shadow:0 0 8px #ff2e9740}.cat-Hobby{background:#b14aff24;color:#d4a0ff;border-color:#b14aff80;box-shadow:0 0 8px #b14aff40}.cat-Fitness{background:#ffe66d1f;color:var(--yellow);border-color:#ffe66d80;box-shadow:0 0 8px #ffe66d33}.cat-Personal{background:#7af5ff1a;color:var(--cyan-soft);border-color:#7af5ff73;box-shadow:0 0 8px #7af5ff33}.pri{display:inline-flex;align-items:center;gap:5px}.pri-high{color:var(--pink);border-color:#ff2e9799;background:#ff2e9714;text-shadow:0 0 8px rgba(255,46,151,.6)}.pri-med{color:var(--yellow);border-color:#ffe66d8c;background:#ffe66d12}.pri-low{color:var(--ink-3);border-color:var(--line);background:transparent}.pri-dot{font-size:9px}.pri-high .pri-dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.del{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:16px;padding:0 4px;flex-shrink:0;line-height:1;opacity:.5;transition:color .15s,text-shadow .15s,opacity .15s}li:hover .del{opacity:1}.del:hover{color:var(--pink);text-shadow:0 0 10px rgba(255,46,151,.8)}.empty{color:var(--ink-3);font-size:12px;text-align:center;padding:40px 0;letter-spacing:2px;text-transform:uppercase}.empty:before{content:"▌ ";color:var(--cyan)}.clear-done{font-size:10px;color:var(--ink-3);background:none;border:1px solid var(--line);padding:4px 8px;letter-spacing:1.5px}.clear-done:hover{color:var(--pink);border-color:var(--pink);box-shadow:0 0 10px #ff2e9766}.banner{border:1px solid rgba(255,46,151,.6);background:#ff2e971a;color:var(--pink-soft);padding:12px 14px;border-radius:var(--radius);font-size:11px;letter-spacing:1px;margin-bottom:16px;line-height:1.7}.popover{position:fixed;z-index:100;background:var(--panel-3);border:1px solid var(--line-2);border-radius:var(--radius);padding:5px;box-shadow:0 14px 40px #000000a6,0 0 22px #05d9e847;min-width:150px;opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .16s var(--ease),transform .16s var(--ease)}.popover.open{opacity:1;transform:none}.pop-head{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-3);padding:5px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:4px}.pop-item{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;color:var(--ink-2);padding:8px 9px;border-radius:2px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;text-align:left;transition:background .12s,color .12s}.pop-item:hover{background:#ffffff12;color:var(--ink)}.pop-item.sel{color:var(--ink);background:#05d9e81f}.pop-item .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.pop-item .tick{margin-left:auto;color:var(--cyan);opacity:0;font-size:10px}.pop-item.sel .tick{opacity:1}.signin{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.signin h1{font-size:34px}.signin-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 30px #b14aff33}.signin-head{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.signin-body{font-size:12px;color:var(--ink-3);line-height:1.7;letter-spacing:.5px}.signin-body b{color:var(--ink-2)}.signin-err{font-size:11px;color:var(--pink);letter-spacing:1px}@media (max-width: 600px){.wrap{padding:calc(20px + env(safe-area-inset-top)) 14px calc(60px + env(safe-area-inset-bottom))}h1{font-size:22px;letter-spacing:2px}.header{align-items:center}.stats{font-size:11px;gap:10px}.sub{display:none}.subline{justify-content:flex-end}.add-row{flex-wrap:wrap}.add-row input{flex:1 1 100%}.add-btn{width:100%}.controls{flex-direction:column;align-items:stretch;gap:10px}.sort{justify-content:flex-end}.grip,.del{opacity:.9}li{padding:14px 12px 14px 6px}}