:root{--bg:#f4f3ef;--surface:#fff;--text:#1c1b18;--muted:#5b5850;--border:#d8d5cc;--accent:#8a6a12;--accent-soft:#f3ead2;--accent-text:#fff;--danger:#b3261e;--danger-soft:#fbe9e7;--ok:#1e6b34;--ok-soft:#e6f2e8;--live:#9a3412;--live-soft:#fdecdf;--focus:#1d4ed8;--radius:14px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#121210;--surface:#1d1c19;--text:#f1efe8;--muted:#b3afa4;--border:#3a3832;--accent:#e0b74f;--accent-soft:#3a3020;--accent-text:#1c1b18;--danger:#ff8a80;--danger-soft:#3b1f1d;--ok:#7bd389;--ok-soft:#1e3323;--live:#ffb37a;--live-soft:#3d2618;--focus:#8ab4ff}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:560px;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));padding-bottom:calc(96px + env(safe-area-inset-bottom));margin:0 auto}.topbar{margin-bottom:12px}.topbar-row{justify-content:space-between;align-items:center;gap:8px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:1.25rem}h2{margin:0 0 10px;font-size:1.05rem}.subtitle{color:var(--muted);margin:4px 0 0;font-size:.875rem}.env-badge{background:var(--ok-soft);color:var(--ok);border:1px solid;border-radius:999px;flex:none;padding:4px 10px;font-size:.8rem;font-weight:700}.is-live .env-badge{background:var(--live-soft);color:var(--live)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.fine-print{color:var(--muted);margin:8px 0 0;font-size:.8rem}.live-notice{border-radius:var(--radius);background:var(--live-soft);color:var(--live);border:1px solid;margin:0 0 12px;padding:12px 14px;font-size:.9rem;font-weight:600}.segmented{border:0;min-width:0;margin:0 0 12px;padding:0}.segmented legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:.85rem}.segmented-options{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented label{cursor:pointer;text-align:center;min-height:44px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:9px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:4px 6px;display:flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-label{font-size:.95rem;font-weight:700}.segmented-sub{font-size:.72rem}.segmented label.checked{background:var(--accent);color:var(--accent-text)}.segmented label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.segmented-direction label{min-height:52px}.segmented-direction .segmented-label{letter-spacing:.04em;font-size:1.1rem}.settings-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-row .segmented{margin-bottom:0}.fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field label{font-size:.85rem;font-weight:600}.field input{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:10px;width:100%;padding:10px 12px;font-size:16px}.field input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.field input[aria-invalid=true]{border:2px solid var(--danger)}.hint{color:var(--muted);font-size:.78rem}.error{color:var(--danger);font-size:.82rem;font-weight:600}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.metric{background:var(--bg);border-radius:10px;min-width:0;padding:10px 12px}.metric-wide{grid-column:1/-1}.metric dt{color:var(--muted);font-size:.78rem}.metric dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-weight:700}.metric-primary dd{font-size:1.3rem}.metric.over{background:var(--danger-soft)}.metric.within{background:var(--ok-soft)}.over,.metric.over dd,.invalid,.warnings{color:var(--danger)}.within,.metric.within dd{color:var(--ok)}.warnings{margin:12px 0 0;padding-left:1.2em;font-weight:600}.notices ul{color:var(--muted);margin:0;padding-left:1.2em;font-size:.875rem}.summary-bar{padding:10px calc(16px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.summary-text{font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;gap:2px 12px;margin:0;font-size:.9rem;font-weight:600;display:flex}.reset-button{min-width:72px;min-height:44px;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;flex:none;padding:0 16px;font-weight:700}.reset-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width<=359px){.fields,.settings-row{grid-template-columns:1fr}}.app-version{color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:.78rem}.pwa-toast{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--text);max-width:536px;color:var(--surface);z-index:10;margin:0 auto;padding:12px 14px;position:fixed;box-shadow:0 8px 24px #0003}.pwa-toast p{margin:0 0 8px;font-size:.9rem}.pwa-toast-actions{justify-content:flex-end;gap:8px;display:flex}.pwa-toast button{min-width:72px;min-height:44px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:0 14px;font-weight:700}.pwa-toast .pwa-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.pwa-toast button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}