:root{--bg:#121212;--surface:#1e1e1e;--text:#e0e0e0;--text-muted:#9e9e9e;--border:#333;--accent:#90caf9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{max-width:600px;margin:0 auto;padding:32px 16px}.app-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.task-input{width:100%;padding:12px 16px;font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .2s}.task-input:focus{border-color:var(--accent)}.task-input::placeholder{color:var(--text-muted)}.toolbar{justify-content:space-between;margin:16px 0;flex-wrap:wrap}.toolbar,.toolbar-left{display:flex;align-items:center;gap:8px}.toolbar-right{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);cursor:pointer}.toolbar-right input{cursor:pointer}.open-count{font-size:.85rem;margin-right:4px}.open-count,.sort-btn{color:var(--text-muted)}.sort-btn{padding:4px 10px;font-size:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s}.sort-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.task-list{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;color:var(--text-muted);padding:32px 0;font-size:.9rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-muted);margin:20px 0 8px}.task-card{justify-content:space-between;background:var(--surface);border-radius:8px;transition:all .3s ease}.task-card,.task-card-body{display:flex;align-items:center}.task-card-body{gap:10px;flex:1 1;min-width:0}.task-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;color:#fff;white-space:nowrap;flex-shrink:0}.task-actions{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.btn-complete,.btn-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .15s}.btn-complete{background:transparent;color:#4caf50}.btn-complete:hover{background:rgba(76,175,80,.15)}.btn-delete{background:transparent;color:#f44336}.btn-delete:hover{background:rgba(244,67,54,.15)}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.landing h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}.landing p{color:var(--text-muted);font-size:1.1rem}.landing-buttons{display:flex;gap:12px}.landing-btn{padding:10px 24px;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s;text-decoration:none}.landing-btn:hover{border-color:var(--accent);color:var(--accent)}.landing-btn.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.landing-btn.primary:hover{opacity:.9}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width:480px){.app{padding:20px 12px}.toolbar{flex-direction:column;align-items:flex-start}}