:root{--task-font: 17px;--checkbox-size: 20px}body{background:#f7f9fc;color:#2a2a2a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s}.app{position:relative;max-width:520px;margin:32px auto;background:#fff;color:#1e1e1e;padding:28px 30px;border-radius:16px;box-shadow:0 14px 34px #00000014}.title{text-align:center;color:#3a6fff!important;margin:40px 0 20px;font-weight:800!important;letter-spacing:.4px}.topbar{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:15px}.app-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:48px;object-fit:contain;display:block;cursor:pointer;-webkit-user-select:none;user-select:none}.app-logo:focus{outline:2px solid #4a7cff;outline-offset:2px}.lang-switch{height:40px;padding:0 10px;border:1px solid #dcdfe6;border-radius:10px;background:#fff;color:#1e1e1e;display:flex;align-items:center;line-height:40px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dcdfe6;border-radius:10px;background:#fff;color:#1e1e1e;cursor:pointer;transition:box-shadow .2s}.icon-btn:hover{box-shadow:0 0 10px #4a7cff40}.emoji{display:block;line-height:1;font-size:20px}.input-group{display:flex;gap:10px;margin-bottom:18px}input[type=text]{flex:1;padding:12px 14px;font-size:1rem;border:2px solid #cbd9ff;border-radius:12px;background:#f3f6ff;color:#1e1e1e;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 5px #0050ff14}input[type=text]::placeholder{color:#9aa2b1}input[type=text]:focus{border-color:#4a7cff;box-shadow:0 0 10px #4a7cff59;outline:none}button{border:none;border-radius:12px;cursor:pointer}.mic-btn,.add-btn{height:44px;display:inline-flex;align-items:center}.mic-btn{min-width:44px;padding:0 12px;border:1px solid #dcdfe6;background:#fff;color:#1e1e1e;box-shadow:0 6px 12px #0000000f;transition:box-shadow .2s,transform .15s}.mic-btn[aria-pressed=true]{background:#ffeaea}.mic-btn:hover{box-shadow:0 8px 18px #0000001a;transform:translateY(-1px)}.add-btn{gap:8px;padding:0 16px;background:#4a7cff;color:#fff;box-shadow:0 10px 22px #4a7cff47;transition:transform .15s,box-shadow .2s}.add-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #4a7cff59}.filters{display:flex;justify-content:center;gap:10px;margin:12px 0 18px}.filters button{padding:8px 14px;border-radius:999px;border:1px solid #dfe3f5;background:#fff;color:#344050;transition:all .2s}.filters button:not(.active):hover{background:#eef3ff;border-color:#cbd9ff}body:not(.dark) .filters button.active{background:#4a7cff;color:#fff;border-color:#4a7cff;box-shadow:0 6px 16px #4a7cff40}.task-list{list-style:none;padding:0;margin:0}.task-list li{display:flex;align-items:center;justify-content:space-between;background:#f7faff;border:1px solid #e7e9f0;padding:14px;margin-bottom:10px;border-radius:12px;transition:box-shadow .2s,transform .1s;cursor:grab}.task-list li:hover{box-shadow:0 8px 20px #4a7cff24}.task-list li.dragging{transform:scale(1.01);box-shadow:0 10px 24px #4a7cff40}.task-list li.completed label{text-decoration:line-through;color:#9aa2b1;font-style:italic}.task-list li label{flex:1;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;font-size:var(--task-font);line-height:1.3}.task-list input[type=checkbox]{width:var(--checkbox-size);height:var(--checkbox-size);min-width:var(--checkbox-size);min-height:var(--checkbox-size);accent-color:#4a7cff;cursor:pointer;transform:translateY(-1px)}.delete-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#ef5b5b;border:1px solid #e7e9f0;box-shadow:0 6px 14px #0000000f;transition:color .15s,box-shadow .2s,transform .1s}.delete-btn:hover{color:#ff3b3b;box-shadow:0 8px 18px #0000001a;transform:translateY(-1px)}.task-counter{text-align:center;font-size:.95rem;color:#7c8596;margin-top:10px;font-style:italic}.settings{background:rgba(0,0,0,.03);border:1px solid #e9ecf6;border-radius:12px;padding:12px 14px;margin-bottom:16px}.settings-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin:8px 0}.settings-row input[type=range]{width:180px}.settings-value{font-variant-numeric:tabular-nums;opacity:.75}.settings-actions{display:flex;gap:8px;margin-top:8px}.settings-actions .btn{height:36px;min-width:130px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:600;line-height:1;text-align:center;box-shadow:0 6px 12px #0000000f;border:1px solid #dfe3f5;background:#fff;color:#1e1e1e}.settings-actions .btn.danger{background:#ff5f5f;color:#fff;border-color:#ff5f5f}.settings-actions .btn:hover{box-shadow:0 8px 16px #0000001a}.settings-actions .btn.danger:hover{background:#ff4a4a;border-color:#ff4a4a}body.dark{background:#0f0f10;color:#e6e6e6}body.dark .app{background:#1f1f20;color:#e6e6e6;box-shadow:0 14px 34px #00000073}body.dark .lang-switch,body.dark .icon-btn,body.dark .mic-btn,body.dark .delete-btn{background:#262628;color:#e6e6e6;border-color:#3a3a3a}body.dark .icon-btn:hover{box-shadow:0 0 10px #4a7cff40}body.dark input[type=text]{border:1px solid #3a3a3a;background:#121214;color:#e8e8e8}body.dark input[type=text]:focus{border-color:#4a7cff;box-shadow:0 0 0 3px #4a7cff40}body.dark .filters button{border:1px solid #3a3a3a;background:#262628;color:#e6e6e6}body.dark .filters button.active{background:#4a7cff;border-color:#4a7cff;color:#121212;box-shadow:0 8px 18px #4a7cff47}body.dark .task-list li{background:#242426;border-color:#2f2f31}body.dark .task-list li.completed label{color:#9aa2b1}body.dark .task-list input[type=checkbox]{accent-color:#90caf9}body.dark .settings{background:#232326;border-color:#2f3035}body.dark .settings-actions .btn{background:#262628;color:#e6e6e6;border-color:#3a3a3a}body.dark .settings-actions .btn.danger{background:#ef5350;border-color:#ef5350;color:#121212}.collapsible{overflow:hidden;transition:max-height .28s ease,opacity .22s ease,margin .22s ease}.collapsible.open{max-height:160px;opacity:1;margin-bottom:18px}.collapsible.closed{max-height:0;opacity:0;margin-bottom:0}.footer{margin-top:20px;text-align:center;font-size:12px;opacity:.6}@media (max-width: 520px){.app{margin:18px auto;padding:22px 18px}.title{margin-top:36px}.settings-row{grid-template-columns:1fr auto;row-gap:6px}.settings-row input[type=range]{width:140px}.app-logo{width:40px;height:40px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:999}.modal{width:min(92vw,420px);background:#fff;color:#1e1e1e;border:1px solid #e9ecf6;border-radius:14px;box-shadow:0 20px 50px #00000040;padding:16px 18px}.modal-title{margin:0 0 6px;font-size:18px;font-weight:700}.modal-text{margin:0 0 14px;opacity:.85}.modal-actions{display:flex;justify-content:flex-end;gap:8px}body.dark .modal{background:#1f1f20;color:#e6e6e6;border-color:#2f3035}