:root{--bg: #f5f6f8;--panel: #ffffff;--border: #dde1e6;--text: #1c2026;--muted: #69717c;--accent: #c98a1b;--accent-text: #ffffff;--input-bg: #ffffff;--pos: #2e8b4a;--neg: #c94040;--notice: #fff4dc;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme: dark){:root{--bg: #121418;--panel: #1b1e23;--border: #2c3138;--text: #e6e8eb;--muted: #8d95a0;--accent: #e8a33a;--accent-text: #15171a;--input-bg: #111316;--pos: #5cc97c;--neg: #ef6b6b;--notice: #3a2f17}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:1200px;margin:0 auto;padding:16px}header h1{margin:8px 0 4px;font-size:1.5rem}header p{margin:0 0 16px}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}@media (max-width: 860px){.layout{grid-template-columns:minmax(0,1fr)}}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.panel h2{margin:0 0 10px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem;margin:-4px 0 10px}.pos{color:var(--pos)}.neg{color:var(--neg)}.struck{text-decoration:line-through;opacity:.6}select,input.num{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font:inherit}input.num{width:80px;text-align:right}.slots{display:flex;flex-direction:column;gap:10px}.slot{border-bottom:1px solid var(--border);padding-bottom:10px}.slot:last-child{border-bottom:0}.slot-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:center}.slot-name{font-weight:600}.slot-head select{width:100%;font-weight:600}.roll{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 80px;gap:8px;align-items:center;margin-top:6px;font-size:.9rem}.roll input[type=range]{width:100%;accent-color:var(--accent)}.roll.disabled{opacity:.4}.roll.disabled input{cursor:not-allowed}@media (max-width: 480px){.roll{grid-template-columns:minmax(0,1fr) 80px}.roll input[type=range]{grid-column:1 / -1;grid-row:2}}.extra{margin-top:12px}.extra summary{cursor:pointer;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px;margin-top:8px}.stat-grid label{display:flex;justify-content:space-between;align-items:center;gap:8px}.totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.total{display:flex;flex-direction:column;font-size:.85rem}.total span{color:var(--muted)}.total strong{font-size:1rem}.bonus-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 20px}.bonus{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:32px}.toggle,.with-unit{display:inline-flex;align-items:center;gap:6px}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.with-unit input.num{width:70px}.multiplier{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.multiplier>div,.multiplier label{display:flex;align-items:center;gap:8px}.multiplier strong{font-size:1.3rem}.actions{display:flex;gap:10px}button{font:inherit;border-radius:8px;cursor:pointer;padding:8px 16px;border:1px solid var(--border);background:var(--panel);color:var(--text)}button.primary{flex:1;background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700;font-size:1.1rem;padding:12px}button.primary:hover{filter:brightness(1.08)}button.secondary:hover{border-color:var(--accent)}.notice{background:var(--notice);padding:8px 10px;border-radius:6px;margin:0 0 10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase}tfoot td{font-weight:600;border-bottom:0}.result>button.secondary{margin-top:10px}.summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.summary{border:1px solid var(--border);border-radius:8px;padding:12px}.summary.empty{display:flex;align-items:center;color:var(--muted)}.summary h3{margin:0;font-size:.85rem;color:var(--muted);text-transform:uppercase}.summary .big{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.summary dl{display:grid;grid-template-columns:auto auto;gap:3px 12px;margin:10px 0 0;font-size:.88rem}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}