:root{--neon: #0055FF;--leaf: #00DD66;--steel: #667A85;--nocturno: #002233;--tomato: #FF6655;--danger-text: #B5281C;--honey: #FFCC33;--bg: #FFFFFF;--bg-subtle: #F4F6F8;--border: #DCE3E8;--focus: rgba(0, 85, 255, .4);--radius: 8px;--font: Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);color:var(--nocturno);background:var(--bg);font-size:14px;line-height:1.45}.panel{padding:16px;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}h1{font-size:18px;margin:0;color:var(--nocturno)}h2{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--steel);margin:0 0 4px}.muted{color:var(--steel)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--bg)}.task-name{font-weight:700;font-size:15px}.tag{display:inline-block;font-size:12px;color:var(--neon);border:1px solid var(--border);border-radius:999px;padding:2px 10px}hr{border:none;border-top:1px solid var(--border);margin:4px 0}button{font-family:var(--font);cursor:pointer}.btn{min-inline-size:44px;min-height:40px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--nocturno);font-size:14px;font-weight:600}.btn:hover{background:var(--bg-subtle)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn.primary{background:var(--neon);border-color:var(--neon);color:#fff}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--danger-text);border-color:var(--border)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.block{width:100%}input,select,textarea{font-family:var(--font);font-size:14px;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--nocturno)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--neon)}label{font-size:12px;color:var(--steel);display:block;margin-bottom:4px}.linkbtn{background:none;border:none;color:var(--neon);font-size:13px;padding:4px}.toast{padding:8px 12px;border-radius:var(--radius);font-size:13px}.toast.ok{background:#e8fbf1;color:#0a7a42;border:1px solid #b9f0d2}.toast.err{background:#fdecea;color:var(--danger-text);border:1px solid #f5c6c0}.rt-toolbar{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.rt-btn{min-inline-size:34px;min-height:32px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--nocturno);font-size:13px}.rt-btn:hover{background:var(--bg-subtle)}.rt-btn:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.richedit{min-height:120px;max-height:280px;overflow-y:auto;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:14px}.richedit:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--neon)}.richedit p{margin:0 0 8px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}