[data-theme=dark]{--bg: #14151a;--card: #1d1f27;--input-bg: #14151a;--border: #32353f;--text: #e8e6e1;--muted: #9a97a0;--accent: #d4a017;--accent-hover: #a87d10;--accent-text: #1a1405;--error: #e05d5d;color-scheme:dark}[data-theme=light]{--bg: #f4f2ee;--card: #ffffff;--input-bg: #faf9f7;--border: #d6d2c8;--text: #23211d;--muted: #6c6860;--accent: #9a6f06;--accent-hover: #7d5a04;--accent-text: #fffdf5;--error: #b3271f;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.logo{width:120px;height:auto;flex-shrink:0}.titles{flex:1;min-width:0}header h1{margin:0;font-size:2.2rem;letter-spacing:.04em}.accent{color:var(--accent)}.subtitle{margin:4px 0 0;color:var(--muted)}.theme-toggle{width:42px;height:42px;margin:0;padding:0;flex-shrink:0;font-size:1.2rem;background:var(--card);color:var(--accent);border:1px solid var(--border);border-radius:50%;cursor:pointer}.theme-toggle:hover{border-color:var(--accent);background:var(--card)}@media(max-width:620px){header{flex-wrap:wrap}.logo{width:72px}header h1{font-size:1.6rem}}.columns{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:start}@media(max-width:860px){.columns{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px}.card h2{margin:0 0 14px;font-size:1.2rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.card h3{margin:18px 0 10px;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}label.wide{margin-top:14px}label.preset{margin:0 0 16px}label.disabled,span.disabled{opacity:.45;pointer-events:none}input,select{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:.95rem;font-family:inherit}input:focus,select:focus{outline:1px solid var(--accent)}.effects{display:flex;flex-direction:column;gap:8px}.check{flex-direction:row;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}.check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.check .inline{width:70px;padding:4px 8px}button[type=submit]{margin-top:18px;width:100%;padding:12px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer}button[type=submit]:hover{background:var(--accent-hover)}button[type=submit]:disabled{opacity:.6;cursor:wait}.error{margin-top:14px;padding:10px 12px;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.9rem;white-space:pre-wrap}.result{margin-top:18px}.dice-line{padding:10px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--accent)}.result table{width:100%;margin-top:12px;border-collapse:collapse}.result td{padding:7px 4px;border-bottom:1px solid var(--border);font-size:.95rem}.result td:last-child{text-align:right;font-variant-numeric:tabular-nums}.result tr.highlight td{color:var(--accent);font-weight:700}.hint{margin-top:10px;font-size:.85rem;color:var(--muted)}footer{margin-top:28px;font-size:.8rem;color:var(--muted);text-align:center}