:root{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--accent: #0071e3;--accent-glow: rgba(0, 113, 227, .3);--danger: #ff3b30;--success: #34c759;--radius: 16px;--shadow: 0 4px 20px rgba(0, 0, 0, .05);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-primary: #000000;--bg-secondary: #1c1c1e;--text-primary: #f5f5f7;--text-secondary: #86868b;--accent: #0a84ff;--accent-glow: rgba(10, 132, 255, .3);--shadow: 0 4px 20px rgba(0, 0, 0, .2)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff3b30b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ff3b3000}to{transform:scale(1);box-shadow:0 0 #ff3b3000}}body.dark-mode{--bg-primary: #000000;--bg-secondary: #1c1c1e;--text-primary: #f5f5f7;--text-secondary: #86868b;--accent: #0a84ff;--accent-glow: rgba(10, 132, 255, .3);--shadow: 0 4px 20px rgba(0, 0, 0, .2)}body.light-mode{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--accent: #0071e3;--accent-glow: rgba(0, 113, 227, .3);--shadow: 0 4px 20px rgba(0, 0, 0, .05)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{max-width:600px;margin:0 auto;min-height:100vh;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.panel{background:var(--bg-secondary);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:1.5rem;transition:transform .2s ease}.input-group{display:flex;gap:10px;position:relative}input[type=text]{width:100%;padding:16px;border-radius:12px;border:1px solid transparent;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s ease}input[type=text]:focus{background:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent)}button.primary{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:0 20px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}button.primary:active{transform:scale(.96)}.category-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:1.5rem 0 .5rem .5rem;font-weight:600}.item-list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 8px #00000005;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:60px}.item.done{opacity:.5;text-decoration:line-through}.item-content{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.checkbox{width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;border-radius:50%;border:2px solid var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.item.done .checkbox{background:var(--success);border-color:var(--success)}.item-actions{display:flex;gap:8px}.action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-primary)}.action-btn:hover{background:#0000000d;transform:scale(1.05)}.delete-btn{color:var(--danger);opacity:.8}.delete-btn:hover{background:#ff3b301a;opacity:1}.move-btn{color:var(--accent);opacity:.8}.move-btn:hover{background:var(--accent-glow);opacity:1}@media(max-width:480px){.delete-btn{opacity:1}}