:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f8;--surface:#fff;--text:#1c1c1e;--muted:#62626a;--border:#d4d4d8;--accent:#2456c9;--accent-text:#fff;--success:#1a7f37;--danger:#b3261e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17171a;--surface:#222226;--text:#f1f1f3;--muted:#a3a3ad;--border:#3f3f46;--accent:#7ea2f5;--accent-text:#10131a;--success:#6fdc8c;--danger:#f2a39d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:720px;margin:0 auto;padding:40px 16px}h1{margin:0 0 24px;font-size:1.75rem}h2{margin:32px 0 8px;font-size:1.125rem}label{margin-bottom:8px;font-weight:600;display:block}input{margin-bottom:20px}input,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:12px}.form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.count{color:var(--muted);font-size:.875rem}.count.over,.error{color:var(--danger)}button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .3s}button.done{background:var(--success)}button:disabled{opacity:.5;cursor:not-allowed}.error{margin-top:16px}.result{border:1px solid var(--border);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:16px}.note{color:var(--muted);font-size:.875rem}