*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -20%,#1a2030 0%,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app{max-width:760px;margin:48px auto;padding:0 20px}.app__header{text-align:center;margin-bottom:22px}.app__header h1{margin:0 0 6px;font-weight:800;letter-spacing:.2px}.subtitle{color:var(--muted);margin:0}main{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;border:1px solid rgba(255,255,255,.06)}.todo-input{display:grid;grid-template-columns:1fr 110px;gap:12px;margin-bottom:18px}.todo-input input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;color:var(--text);outline:none}.todo-input input:focus{box-shadow:var(--ring)}.todo-input button{border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0c1015;font-weight:700;cursor:pointer;transition:transform .06s ease}.todo-input button:active{transform:translateY(1px)}.todo-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.todo-item{display:grid;grid-template-columns:1fr auto;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px}.todo-item__left{display:flex;align-items:center;gap:10px;cursor:pointer}.todo-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.todo-item .text{line-height:1.3}.todo-item.is-done .text{text-decoration:line-through;color:var(--muted)}.btn{border:none;cursor:pointer;padding:8px 10px;border-radius:8px;background:#ffffff0f;color:var(--text)}.btn--danger{background:#ff6b6b26}.btn--danger:hover{background:#ff6b6b40}.empty{margin:12px 0 0;color:var(--muted);text-align:center}.app__footer{margin-top:18px;color:var(--muted);text-align:center;font-size:.9rem}@media (max-width: 520px){.todo-input{grid-template-columns:1fr}}.todo-actions{display:flex;gap:8px}.todo-item.is-editing{outline:var(--ring)}.todo-edit-input{background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 10px;color:var(--text);width:min(520px,100%)}.todo-edit-input:focus{box-shadow:var(--ring)}.todo-input{display:grid;grid-template-columns:1fr 160px 110px;gap:12px;margin-bottom:18px}.select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;color:var(--text);outline:none}.select:focus{box-shadow:var(--ring)}.filters{margin-bottom:14px;display:grid;gap:10px}.filters__row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.segmented{display:inline-flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.segmented__btn{padding:8px 12px;background:transparent;color:var(--text);border:none;cursor:pointer}.segmented__btn.is-active{background:#ffffff1f;font-weight:700}.counts{color:var(--muted);display:flex;gap:10px;align-items:center}.btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.18)}.chipbar{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text);cursor:pointer}.chip--active{background:#ffffff2e;border-color:#ffffff40;font-weight:700}.badge{margin-left:10px;padding:3px 8px;border-radius:999px;font-size:12px;opacity:.9;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.badge[data-cat=Work]{background:#5aa9e626;border-color:#5aa9e659}.badge[data-cat=Personal]{background:#ff6b6b26;border-color:#ff6b6b59}.badge[data-cat=Study]{background:#8fd69426;border-color:#8fd69459}.badge[data-cat=Shopping]{background:#ffd66626;border-color:#ffd66659}.badge[data-cat=Ideas]{background:#ba99ff2e;border-color:#ba99ff59}@media (max-width: 700px){.todo-input{grid-template-columns:1fr 1fr}.todo-input button{grid-column:span 2}.filters__row{grid-template-columns:1fr;gap:8px}.counts{order:3}}.select-col{display:flex;flex-direction:column;gap:6px}.link-btn{background:transparent;border:none;color:var(--muted);text-align:left;padding:0 2px;cursor:pointer}.link-btn:hover{color:var(--text);text-decoration:underline}:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1f2430;--text: #e6e6e6;--muted: #a6a8ad;--accent: #5aa9e6;--accent-2: #8fd694;--ring: 2px solid rgba(90,169,230,.35);--radius: 12px;--shadow: 0 6px 20px rgba(0,0,0,.25);--app-bg: radial-gradient(1200px 600px at 20% -20%, #1a2030 0%, var(--bg) 60%)}:root[data-theme=light]{--bg: #f6f7fb;--panel: #ffffff;--panel-2: #f2f4f8;--text: #0f1115;--muted: #525866;--accent: #2563eb;--accent-2: #16a34a;--shadow: 0 6px 20px rgba(0,0,0,.08);--app-bg: radial-gradient(1200px 600px at 30% -30%, #ffffff 0%, #f6f7fb 60%)}body{margin:0;background:var(--app-bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";transition:background .25s ease,color .25s ease}:root[data-theme=light] main{border:1px solid rgba(0,0,0,.06)}:root[data-theme=light] .todo-input input,:root[data-theme=light] .select,:root[data-theme=light] .todo-item,:root[data-theme=light] .btn{background:#00000008;border:1px solid rgba(0,0,0,.08);color:var(--text)}:root[data-theme=light] .btn--danger{background:#dc26261a}:root[data-theme=light] .btn--ghost{border-color:#0000002e}:root[data-theme=light] .chip{background:#0000000a;border-color:#0000001f}:root[data-theme=light] .chip--active{background:#0000001a}:root[data-theme=light] .segmented{background:#0000000f;border-color:#0000001f}:root[data-theme=light] .segmented__btn.is-active{background:#0000001f}:root[data-theme=light] .badge{background:#0000000f;border-color:#0000001f}:root[data-theme=light] .todo-edit-input{background:#00000008;border:1px solid rgba(0,0,0,.18);color:var(--text)}.header-controls{margin-top:10px;display:flex;justify-content:center}.theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:4px 6px;background:transparent;border:none;cursor:pointer;color:var(--text)}.switch{position:relative;width:48px;height:28px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 2px #0003}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transform:translate(0);transition:transform .2s ease}:root[data-theme=light] .switch{background:#0000001a;border-color:#0003}:root[data-theme=light] .switch__thumb{transform:translate(20px)}.footer__row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:8px}.progress{width:240px;height:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0%;transition:width .25s ease}.progress__label{color:var(--muted)}.shortcuts{margin-top:6px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em}:root[data-theme=light] kbd{background:#0000000f;border-color:#0000002e}.todo-item{grid-template-columns:1fr auto}.todo-actions{display:flex;align-items:center;gap:8px}.reorder-group{display:flex;flex-direction:column;gap:4px;margin-right:4px}.btn--sm{padding:4px 6px;font-size:12px}.btn--sm:disabled{opacity:.45;cursor:default}