/* V4.25 · Midnight & jade */
:root{--ink:#1c2b38;--muted:#71808d;--line:#e1e7ea;--bg:#eef2f4;--card:#fff;--accent:#137568;--gold:#d8bd86;color-scheme:light}
html{touch-action:manipulation;scroll-padding-top:84px}
body{background:radial-gradient(ellipse at 90% 0%,#dceae7 0,transparent 48%),#eef2f4;color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
main{max-width:960px;padding:30px 24px 80px}
.top{padding:4px 2px 24px;gap:16px}.brand{font-size:23px;font-weight:750;letter-spacing:.2px}.brand small{font-size:10px;letter-spacing:3px;color:#7d8e98;margin-top:9px}.status{flex-shrink:0;background:#ffffffa6;color:#627582;padding:9px 13px;border-color:#d9e3e5}.status.ok{background:#e3f2ec;color:#146856}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#305348 0,transparent 70%),linear-gradient(120deg,#142532,#1b343a);border:1px solid #ffffff24;border-radius:26px;padding:30px 32px;box-shadow:0 18px 38px #172f3b1a}
.hero:after{content:"";position:absolute;right:-65px;top:-130px;width:340px;height:340px;border:1px solid #d8bd8622;border-radius:50%;pointer-events:none}.hero .eyebrow{color:#c9ba99;font-size:10px;letter-spacing:2px}.hero .issue{font-size:18px;font-weight:500;color:#eff5f5}.digits{max-width:570px;gap:20px;margin:28px 0 18px}.digit{font-size:58px;font-weight:650;letter-spacing:-2px}.total{color:#e6cf9e;font-size:58px;font-weight:650}.plus,.equals{color:#829a9c;font-size:22px}.tags{gap:8px}.hero .tag{border:1px solid #ffffff1a;background:#ffffff0c;color:#e0ece8;padding:6px 12px;border-radius:7px}.meta{color:#9eb1b7;line-height:1.6}.drawtools{border-color:#ffffff17;margin-top:20px;padding-top:18px}.countbox{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.countbox small{color:#a5b8bc}.countbox strong{font-size:23px;font-weight:550;color:#e5d4b0}
.tabs{position:sticky;top:8px;z-index:20;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;margin:22px 0 18px;gap:4px;background:#ffffffed;border:1px solid #dde5e7;border-radius:15px;box-shadow:0 4px 16px #23394708;backdrop-filter:blur(16px)}
.tabs .tab{background:transparent;border:0;padding:13px 6px;font-size:13px;font-weight:600;border-radius:10px;color:#657580;transition:background .15s,color .15s}.tabs .tab.active{background:#1b383e;color:#fff;box-shadow:0 3px 8px #18343c1c}
.panel{border:1px solid #e0e7e9;border-radius:22px;padding:26px;margin-top:16px;box-shadow:0 6px 20px #23414e04}.heading{gap:14px;align-items:center}.heading h2{font-size:17px;line-height:1.6;letter-spacing:.2px}.heading .lightbtn{flex-shrink:0}.info,.labnote,.advnote,.daily-hint{color:#6d7e89;line-height:1.85}.footer{color:#85959e;letter-spacing:1px}
button,input,select,textarea{font-family:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a5d7cb;outline-offset:2px}button:active{transform:translateY(1px)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;color:#243b48;border:1px solid #dbe3e6;border-radius:10px;min-height:44px;font-size:16px;box-shadow:0 1px 2px #18323b03}input::placeholder,textarea::placeholder{color:#9aa7b0}.lightbtn,.alertbtn{background:#f2f6f6;color:#49606c;border:1px solid #e2eaeb;border-radius:9px;min-height:40px}
.primary,.labbtn,.calcbuttons button,.customrules button{background:#1c4548;color:#fff;border-radius:10px;min-height:42px;font-weight:600}.labbtn.secondary{background:#edf3f3;color:#405e66}.sum-presets button{background:#edf3f3;color:#3b5964;border:1px solid #dce6e7;min-height:40px;font-weight:500}.sum-choice-grid,.calc-sum-grid{gap:8px}.sum-choice-grid button,.calc-sum-grid button{background:#f3f6f6;color:#50646e;border:1px solid #e2e9ea;border-radius:10px;font-size:16px;font-weight:600;min-height:46px}.sum-choice-grid button.selected,.calc-sum-grid button[aria-pressed=true]{background:#187765;color:#fff;border-color:#187765;box-shadow:0 3px 7px #18776514}.sum-choice-count{color:#657e87;line-height:1.8}
#sumRulePanel{background:#f7faf9;border:1px solid #e0e9e5!important;border-radius:16px!important;padding:18px!important;gap:14px}#sumRulePanel>label{font-weight:650;color:#344e59;gap:10px}#resultRuleMode{margin-top:4px}#applySumRule{background:#1b4548;color:white;padding:13px 18px;border-radius:10px}#resultRuleHelp{color:#6d7d86;font-size:12px!important}.shape-filters{border:1px solid #e0e8e5;background:#fff;border-radius:12px;padding:15px}.shape-filters h3{font-size:14px;color:#36534f}.shape-grid{gap:10px}.shape-hint{color:#71817e;font-size:12px;line-height:1.8}.shape-grid select{font-size:15px;padding:9px}.customrules{gap:12px;margin:18px 0}.customrules label{color:#637986;font-size:12px;gap:7px}.customrules input{width:100%;min-width:0}.customrules:not(#sumRulePanel){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.customrules:not(#sumRulePanel) label{min-width:0}.customrules:not(#sumRulePanel) button{align-self:end}
.detailgrid{gap:10px}.detailcell,.statbox,.filterstat,.labbox{background:#f5f8f9;border:1px solid #e6ecee;border-radius:13px;padding:16px}.detailcell small,.statbox span,.filterstat small,.filterstat em{color:#788993;line-height:1.65}.detailcell strong{font-size:23px;font-weight:650;letter-spacing:-.5px}.filterstat strong{font-size:28px;font-weight:650}.filterstat .badnum{color:#bd5c58}.filterstat .oknum{color:#187765}.filterstats{margin:14px 0 22px;gap:10px}.statbox strong{font-size:30px;font-weight:650}.notice,.daily-note{background:#f2f6f6;border:1px solid #e0e8e9;color:#667e87;border-radius:11px;padding:13px}
.historyfold{border:1px solid #e0e7e9;background:#fff;border-radius:15px;padding:18px;margin-top:20px}.historyfold>summary{font-size:15px;line-height:1.7;color:#2b4855;list-style-position:outside;margin-left:15px;padding:5px}.historyfold>summary::marker{color:#8fa8a9;font-size:12px}.historyfold[open]>summary{margin-bottom:16px}.pair-history-scroll{border:1px solid #e7edef;border-radius:12px;overflow-x:auto}.pair-history-table{color:#38525f}.pair-history-table th{background:#f0f5f5;font-weight:600;color:#788d97;border-color:#e0e8ea;font-size:12px}.pair-history-table th,.pair-history-table td{padding:15px 8px;border-bottom:1px solid #e8eef0}.pair-history-table tbody tr:nth-child(even){background:#f8fafb}.pair-history-table tbody tr:hover{background:#f2f7f6}.record-rule-chip{background:#f3f6f7;border-color:#e2e9ec;color:#86969f;border-radius:7px;font-size:12px;padding:7px 5px}.record-rule-chip.hit{background:#e7f4ed;border-color:#b5dccc;color:#1a7057}.mobile-record-toggle{border-color:#dfe8eb;color:#6c858e;background:#f7fafa;border-radius:7px}.mobile-record-controls{background:#f3f7f7;border:1px solid #e4eceb;border-radius:12px;padding:12px}.mobile-record-controls select{color:#274c57;border-color:#d8e4e4;font-size:15px}.mobile-record-controls small{color:#84979f;font-size:11px}
.calcbox{background:#f7faf9;border:1px solid #e0e9e6;border-radius:16px;padding:18px}.advgrid{gap:16px}.calcchips span{background:#edf4f2;color:#365b52;border:1px solid #dce9e3}.bar{background:linear-gradient(#528e7c,#1e5b54);border-radius:5px 5px 0 0}.daily-title{background:transparent;color:#3f6266;padding:10px 0 8px;border-bottom:2px solid #d2b982;border-radius:0;font-size:14px;letter-spacing:.3px}.daily-tile{background:#f4f8f7;border:1px solid #e2ebe7;border-radius:12px;color:#5a7676;min-height:84px;justify-content:space-between;padding:18px}.daily-tile strong{color:#205e58;font-size:28px}.daily-sum{background:#f5f8f8;border:1px solid #e5ecec;border-radius:10px}.daily-ball{background:#284f55;font-size:15px}.daily-count{color:#3c7168}.daily-badge{background:#f5efdf;color:#8b784d}.daily-head{border-color:#e3eaea}iframe{max-width:100%;border-radius:13px}
@media(min-width:800px){.hero{padding:34px 38px}.hero .meta{max-width:570px}.drawtools{max-width:570px}.detailgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.detailcell{padding:14px 10px}.detailcell strong{font-size:19px}.statgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){main{padding:22px 14px 60px}.top{padding:2px 3px 20px}.brand{font-size:20px}.brand small{font-size:9px;letter-spacing:2px}.status{font-size:10px;padding:8px 10px}.hero{padding:25px 22px;border-radius:22px}.digits{gap:12px;margin:25px 0 17px}.digit,.total{font-size:46px;letter-spacing:-1.5px}.plus,.equals{font-size:18px}.hero .issue{font-size:17px}.eyebrow{font-size:9px}.meta{font-size:10px;gap:8px}.countbox small{font-size:10px}.countbox strong{font-size:22px}.tabs{top:7px;margin:18px 0 14px;border-radius:13px;gap:1px;padding:4px}.tabs .tab{font-size:11px;padding:12px 1px;white-space:nowrap;border-radius:9px}.panel{padding:18px 14px;border-radius:19px}.heading h2{font-size:15px}.heading{gap:8px}.info{font-size:12px}#sumRulePanel{padding:13px!important;gap:12px}.sum-choice-grid,.calc-sum-grid{gap:6px}.sum-choice-grid button,.calc-sum-grid button{min-height:42px;font-size:15px;border-radius:8px}.shape-filters{padding:12px}.shape-grid{gap:6px}.shape-grid label{font-size:11px}.shape-grid select{font-size:14px;padding:9px 3px}.customrules:not(#sumRulePanel){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customrules:not(#sumRulePanel) button{min-height:46px}.detailcell{padding:13px 11px}.detailcell strong{font-size:22px}.detailcell small{font-size:10px}.filterstats{gap:7px}.filterstat{padding:13px 6px}.filterstat strong{font-size:26px}.filterstat small,.filterstat em{font-size:10px}.historyfold{padding:12px 8px;border-radius:13px}.historyfold>summary{font-size:14px}.historyfold>.info{font-size:11px;padding:0 4px;line-height:1.8}.mobile-record-controls{margin:12px 0;padding:10px;gap:8px}.mobile-record-controls label{font-size:12px}.mobile-record-controls select{flex:1;min-width:0;font-size:14px;padding:9px 5px}#historyFold .unified-records th,#historyFold .unified-records td{padding:14px 3px;font-size:11px}#historyFold .unified-records th:nth-child(1){width:76px}#historyFold .unified-records th:nth-child(2){width:74px}#historyFold .unified-records tr:not(.mobile-record-detail)>td:nth-child(2){font-size:13px;letter-spacing:0}.mobile-record-toggle{padding:4px 8px;min-height:29px;font-size:10px;margin-top:7px}#historyFold[data-mobile-view=shapes] .unified-records th:nth-child(7),#historyFold[data-mobile-view=shapes] .unified-records tr:not(.mobile-record-detail)>td:nth-child(7){min-width:130px}#historyFold[data-mobile-view=shapes] .unified-records .record-rule-chip{font-size:10px;padding:6px 2px}#historyFold .mobile-record-detail>td{background:#f0f6f4}.daily-tile{min-height:74px;padding:14px 10px;font-size:12px}.daily-tile strong{font-size:25px}.calcbox{padding:14px}.daily-title{margin-top:22px}.advgrid label{font-size:12px}}
@media(max-width:350px){main{padding-left:10px;padding-right:10px}.hero{padding:22px 17px}.digits{gap:9px}.digit,.total{font-size:39px}.tabs .tab{font-size:10px}.panel{padding:16px 10px}.shape-grid{grid-template-columns:1fr}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}