:root{--bg: 248 250 252;--text: 15 23 42;--muted: 100 116 139;--surface: 255 255 255;--border: 226 232 240;--primary: 79 70 229;--accent: 20 184 166;--danger: 244 63 94;--radius: 16px}@media (prefers-color-scheme: dark){:root{--bg: 9 11 16;--text: 241 245 249;--muted: 148 163 184;--surface: 19 23 34;--border: 45 55 72}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial;color:rgb(var(--text));background:rgb(var(--bg))}.container{max-width:960px;margin:32px auto;padding:0 16px}.card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius);box-shadow:0 6px 16px #0000000f}.header,.composer,.toolbar,.list,.footer{margin-bottom:12px}.header,.composer,.toolbar{padding:16px}.footer{text-align:center;padding:8px 0 24px;color:rgb(var(--muted))}.header{display:flex;justify-content:space-between;align-items:center;gap:12px}.title{display:flex;align-items:center;gap:10px}.title img{width:40px;height:40px}.title h1{margin:0;font-size:clamp(22px,2.4vw,30px);letter-spacing:.2px}.subtitle{margin:2px 0 0;font-size:13px;color:rgb(var(--muted))}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1 1 280px}.input,select{width:100%;padding:12px 14px;border-radius:12px;background:rgb(var(--surface));color:inherit;border:1px solid rgb(var(--border));outline:none;transition:border .15s,box-shadow .15s,transform .06s}.input:focus,select:focus{border-color:rgba(var(--primary) / .6);box-shadow:0 0 0 3px #4f46e529}.btn{padding:12px 16px;border-radius:12px;border:1px solid rgb(var(--border));background:linear-gradient(180deg,#4f46e5eb,#4f46e5d1);color:#fff;cursor:pointer;font-weight:700;letter-spacing:.3px;box-shadow:0 10px 20px #4f46e540,inset 0 1px #fff6;transition:transform .08s ease,filter .2s ease}.btn:active{transform:translateY(1px)}.chip{padding:8px 12px;border-radius:999px;border:1px solid rgb(var(--border));background:rgb(var(--surface));color:inherit;cursor:pointer;font-size:13px}.chip.active{outline:2px solid rgba(20,184,166,.45)}.chip.danger{background:#f43f5e1a;border-color:#f43f5e59}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.filters{display:flex;gap:8px}.muted{color:rgb(var(--muted))}.list{padding:10px}.item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid rgb(var(--border));background:rgb(var(--surface));transition:background .15s,border .15s}.item:hover{background:#00000005}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid rgba(0,0,0,.25);display:grid;place-items:center;cursor:pointer;transition:border .2s,background .2s}:root .checkbox{border-color:#64748b8c}.checkbox.done{background:linear-gradient(135deg,#14b8a6f2,#4f46e5f2);border-color:transparent;color:#fff}.content{overflow:hidden}.titleText{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titleText.done{text-decoration:line-through;opacity:.7}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{padding:4px 10px;border-radius:999px;border:1px solid rgb(var(--border));background:rgb(var(--surface));font-size:12px;cursor:pointer}.tag.date{background:linear-gradient(180deg,#4f46e524,#14b8a624);border-color:#4f46e559;font-weight:700;letter-spacing:.3px}.prio{font-size:12px;padding:4px 10px;border-radius:10px;border:1px solid transparent}.prio.low{background:#22c55e1f;border-color:#22c55e59}.prio.med{background:#eab30824;border-color:#eab30859}.prio.high{background:#f43f5e24;border-color:#f43f5e59}.actions{display:flex;gap:6px}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgb(var(--surface));border:1px solid rgb(var(--border));cursor:pointer}.icon{width:18px;height:18px}@media (max-width: 640px){.container{margin:20px auto}.item{grid-template-columns:auto 1fr}.actions{grid-column:1 / -1}}