:root{--bg:#f5f6fb;--surface:#fff;--border:#dee2ef;--text:#1c2333;--text-sub:#5a6377;--text-faint:#8b93a8;--accent:#b91c1c;--accent-soft:#fdeaea;--danger:#dc2626;--ok:#16a34a;--shadow:0 1px 2px #14183c0d, 0 4px 16px #14183c12;--tray-hi:#eceff7;--tray-lo:#d7dcea;--bar-bg:#ffffffe0}@media (prefers-color-scheme:dark){:root{--bg:#14161f;--surface:#1d2130;--border:#2e3446;--text:#e7eaf4;--text-sub:#a3abc1;--text-faint:#6f7890;--accent:#f87171;--accent-soft:#43272b;--danger:#f87171;--ok:#4ade80;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--tray-hi:#1c2130;--tray-lo:#0f121c;--bar-bg:#171a26e0}}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Malgun Gothic,sans-serif;font-size:17px;line-height:1.6}.wrap{max-width:560px;margin:0 auto;padding:28px 18px 48px}header.app{align-items:center;margin-bottom:20px;display:flex}header.app>*+*{margin-left:12px}header.app .logo{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:24px;display:grid}header.app h1{letter-spacing:-.02em;font-size:22px;font-weight:800}header.app .home{color:var(--text-faint);margin-left:auto;font-size:13px;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.card+.card{margin-top:14px}.card h2{color:var(--text-sub);margin-bottom:10px;font-size:14.5px;font-weight:800}.card h2 .count{float:right;color:var(--text-faint);font-weight:700}.die-row{border-top:1px solid var(--border);align-items:center;padding:9px 0;display:flex}.die-row>*+*{margin-left:10px}.die-row:first-child{border-top:0}.die-row .icon{flex-shrink:0;width:34px;height:34px}.die-row .nm{width:40px;font-size:16px;font-weight:800}.die-row .ds{color:var(--text-faint);flex:1;font-size:13px;line-height:1.3}.die-row .step{border:2px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;font-family:inherit;font-size:19px;font-weight:800;line-height:1}.die-row .step:active{background:var(--accent-soft)}.die-row .step:disabled{opacity:.3}.die-row .cnt{text-align:center;width:26px;font-size:18px;font-weight:800}.die-row .cnt.zero{color:var(--text-faint);font-weight:600}.presets{flex-wrap:wrap;margin-top:4px;display:flex}.preset{border:1.5px solid var(--border);background:var(--bg);color:var(--text-sub);cursor:pointer;border-radius:999px;margin-top:8px;margin-right:8px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700}.preset:active{border-color:var(--accent);color:var(--accent)}.themes{display:flex}.theme+.theme{margin-left:12px}.theme{cursor:pointer;text-align:center;background:0 0;border:0;padding:0}.theme .chip{border:3px solid #0000;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto;display:grid}.theme.on .chip{border-color:var(--accent)}.theme .lb{color:var(--text-faint);margin-top:4px;font-family:inherit;font-size:12px;display:block}.theme.on .lb{color:var(--accent);font-weight:800}.seg{border:2px solid var(--border);border-radius:12px;margin-top:14px;display:flex;overflow:hidden}.seg button{background:var(--surface);color:var(--text-sub);cursor:pointer;border:0;flex:1;padding:9px;font-family:inherit;font-size:14.5px;font-weight:700}.seg button.on{background:var(--accent);color:#fff}.opt-row{border-top:1px solid var(--border);align-items:center;padding:10px 0;display:flex}.opt-row>*+*{margin-left:12px}.opt-row:first-child{border-top:0}.opt-row .info{flex:1}.opt-row .t{font-size:15.5px;font-weight:700}.opt-row .d{color:var(--text-faint);font-size:13px;line-height:1.4}.opt-row .mini{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;padding:7px 11px;font-family:inherit;font-size:13px;font-weight:700}#debug-chip{z-index:70;color:#7fdc7f;pointer-events:none;white-space:pre-line;background:#000000bf;border-radius:8px;max-width:80vw;padding:6px 9px;font-family:monospace;font-size:11px;position:fixed;bottom:10px;left:10px}.switch{flex-shrink:0;width:52px;height:30px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute}.switch .knob{background:var(--border);border-radius:999px;transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.switch .knob:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.knob{background:var(--ok)}.switch input:checked+.knob:after{transform:translate(22px)}.btn{cursor:pointer;letter-spacing:-.01em;border:0;border-radius:14px;width:100%;padding:16px;font-family:inherit;font-size:18px;font-weight:800;transition:transform .1s,filter .1s;display:block}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff;margin-top:18px}.btn.primary:disabled{opacity:.4}#screen-roll{z-index:10;background:radial-gradient(circle at 50% 38%, var(--tray-hi), var(--tray-lo));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;perspective:1000px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#bar{z-index:20;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left));background:var(--bar-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}#bar>*+*{margin-left:10px}#bar .icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}#result{flex-wrap:wrap;flex:1;align-items:baseline;min-width:0;display:flex}#result>*+*{margin-left:10px}#sum-lb{color:var(--text-sub);font-size:13.5px;font-weight:700}#sum-val{letter-spacing:-.02em;color:var(--accent);font-size:27px;font-weight:800;line-height:1.2}#chips{flex-wrap:wrap;align-items:center;display:flex}.chip-die{color:var(--text-sub);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;margin-top:2px;margin-bottom:2px;padding:2px 9px;font-size:12.5px;font-weight:700}.chip-die+.chip-die{margin-left:5px}.chip-die b{color:var(--text)}#hint{left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;color:var(--text-sub);pointer-events:none;text-shadow:0 1px 4px var(--tray-hi);font-size:15px;font-weight:700;transition:opacity .4s;position:absolute}#hint.faded{opacity:0}.die{will-change:transform;filter:drop-shadow(0 3px 5px #0a0c184d);position:absolute;top:0;left:0}.die svg{width:100%;height:100%;display:block}.die.settled{transition:transform .3s cubic-bezier(.2,.75,.3,1.15)}.die.settled svg{animation:.28s cubic-bezier(.2,.8,.3,1.4) pop}@keyframes pop{0%{transform:scale(1.14)}to{transform:scale(1)}}#hist{z-index:19;background:var(--surface);border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow);border-radius:16px;max-height:46vh;margin-left:auto;padding:14px 16px;position:absolute;left:8px;right:8px;overflow-y:auto}#hist h3{color:var(--text-sub);margin-bottom:6px;font-size:14px;font-weight:800}#hist h3 .clear{float:right;cursor:pointer;color:var(--danger);text-underline-offset:2px;background:0 0;border:0;font-family:inherit;font-size:12.5px;text-decoration:underline}.hist-row{border-top:1px solid var(--border);align-items:baseline;padding:7px 0;font-size:14px;display:flex}.hist-row>*+*{margin-left:8px}.hist-row:first-of-type{border-top:0}.hist-row .when{color:var(--text-faint);flex-shrink:0;font-size:12.5px}.hist-row .desc{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hist-row .sum{color:var(--accent);flex-shrink:0;font-weight:800}.hist-empty{color:var(--text-faint);padding:8px 0;font-size:14px}@media (prefers-reduced-motion:reduce){.die.settled{transition:none}.die.settled svg{animation:none}}