:root{--bg: #f0f0f0;--card: #ffffff;--text: #111111;--muted: #666666;--accent: #3366ff;--radius: 8px}[data-theme=dark]{--bg: #0e0e0e;--card: #151515;--text: #eaeaea;--muted: #9a9a9a;--accent: #6690ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:24px}.app-shell{width:100%;max-width:820px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.app-header h1{margin:0;font-size:22px}.header-controls .theme-btn{background:transparent;border:1px solid #ccc;border-radius:6px;padding:4px 8px;cursor:pointer}.app-container{background:var(--card);border:2px solid #ddd;border-radius:var(--radius);padding:16px}.todo-input{display:flex;gap:6px;margin-bottom:10px}.todo-input input{flex:1;padding:8px;border:2px solid #ccc;border-radius:6px;outline:none;background:#fff;color:var(--text)}[data-theme=dark] .todo-input input{background:#0f0f0f;border-color:#333}.todo-input button{padding:8px 12px;border-radius:6px;border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.filters button{margin-right:6px;padding:6px 10px;border-radius:6px;border:2px solid #ccc;background:#fff;cursor:pointer}[data-theme=dark] .filters button{background:#0f0f0f;border-color:#333;color:var(--text)}.filters button.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-right button{margin-left:6px;padding:6px 10px;border-radius:6px;border:2px solid #ccc;background:#fafafa;cursor:pointer}.empty{padding:10px;text-align:center;color:var(--muted);border:2px dashed #ccc;border-radius:6px}.todo-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.todo-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;border:2px solid #ddd;background:#fff}[data-theme=dark] .todo-item{background:#0f0f0f;border-color:#333}.todo-item .checkwrap input{transform:scale(1.05)}.task-text{flex:1;word-break:break-word}.todo-item.completed .task-text{text-decoration:line-through;color:var(--muted)}.item-actions{display:flex;gap:6px}.item-actions button{background:#f2f2f2;border:2px solid #ccc;border-radius:6px;cursor:pointer;padding:4px 8px}[data-theme=dark] .item-actions button{background:#121212;border-color:#333;color:var(--text)}.edit-input{flex:1;padding:6px;border-radius:6px;border:2px solid #ccc;background:#fff;color:var(--text)}.save,.cancel{padding:6px 8px;border-radius:6px;border:2px solid #ccc;cursor:pointer}.save{background:var(--accent);border-color:var(--accent);color:#fff}.cancel{background:#fff}.app-footer{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:14px}@media (max-width: 600px){body,.app-container{padding:12px}.toolbar{flex-direction:column;gap:8px;align-items:flex-start}}