:root{color-scheme:light;--ink:#122033;--muted:#617084;--paper:#f5f7fb;--line:#dce3ed;--brand:#1958db;--good:#087b50;--bad:#a43838;--shadow:0 14px 36px rgba(21,45,82,.1)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(150deg,#edf4ff 0%,var(--paper) 45%,#fafffb 100%);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.55}.shell{width:min(100% - 32px,960px);margin:auto;padding:48px 0 28px}.site-header{text-align:center;margin-bottom:24px}h1,h2,h3,p{margin-top:0}.site-header h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.13;margin-bottom:10px}.subtitle,.muted,.help,footer{color:var(--muted)}.eyebrow{margin-bottom:3px;color:var(--brand);font-weight:800;letter-spacing:.12em;font-size:.72rem}.periods{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0}.period{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.period:hover,.period:focus-visible,.period.is-current{background:var(--brand);border-color:var(--brand);color:#fff}.card{background:rgba(255,255,255,.94);border:1px solid rgba(220,227,237,.9);border-radius:18px;padding:clamp(20px,4vw,32px);box-shadow:var(--shadow)}.card-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.card h2{margin-bottom:18px;font-size:1.35rem}.sound-toggle,.text-button{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;padding:7px 10px;cursor:pointer}.sound-toggle[aria-pressed=true]{border-color:var(--brand);color:var(--brand)}label{font-weight:800;display:block;margin-bottom:8px}.input-row{display:flex;gap:10px}.input-row input{width:100%;min-width:0;border:2px solid var(--line);border-radius:10px;padding:15px;font:inherit;font-size:clamp(1.05rem,4vw,1.35rem);letter-spacing:.04em}.input-row input:focus{border-color:var(--brand);outline:3px solid #cbdcff}.input-row button{border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-weight:800;padding:0 20px;cursor:pointer;white-space:nowrap}.input-row button:disabled{opacity:.65;cursor:wait}.help{font-size:.9rem;margin:11px 0 0}.result{margin-top:18px;padding:16px;border-radius:12px}.result h3{font-size:1.25rem;margin-bottom:5px}.result p{margin-bottom:0}.winner{background:#e8f8ef;border-left:5px solid var(--good)}.not-winner{background:#f4f6f8;border-left:5px solid #7a8491}.error{background:#fff0f0;border-left:5px solid var(--bad);color:#741e1e}.amount{font-weight:900;font-size:1.2rem}.details-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin:18px 0}.numbers{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0}.numbers dt{font-weight:800}.numbers dd{margin:0;letter-spacing:.06em;word-spacing:.3em;font-family:ui-monospace,Consolas,monospace}.history{padding-left:22px;margin-bottom:12px;max-height:204px;overflow:auto}.history li{padding:3px 0}footer{text-align:center;font-size:.85rem;padding:8px 10px}footer p:last-child{margin-bottom:0}footer a{color:inherit}@media (max-width:640px){.shell{width:min(100% - 22px,960px);padding-top:28px}.card{border-radius:14px;padding:20px}.input-row{display:block}.input-row button{width:100%;height:52px;margin-top:10px}.details-grid{grid-template-columns:1fr}.numbers{grid-template-columns:1fr;gap:2px}.numbers dd{margin-bottom:10px}.card-heading{display:block}.sound-toggle{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}