/* SPDX-License-Identifier: AGPL-3.0-or-later */
@font-face{font-family:c0unt-r;src:url('../f/c0unt-r.woff2') format('woff2');font-display:swap}
@font-face{font-family:c0unt-h;src:url('../f/c0unt-h.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ground:#171916;--ink:#e5ddc6;--faint:#a1a795;--line:#42483b;--accent:#c2b45f;--fail:#e5957c}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.6 c0unt-r}
button,input,select,pre,code,summary{font:inherit}button,input,select{color:inherit;background:transparent;border:0;border-radius:0}
button{cursor:pointer;min-height:44px;padding:8px 0;text-align:left;border-bottom:1px solid var(--line)}button:hover,a:hover{color:var(--accent)}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:5px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:1px dashed var(--accent);outline-offset:4px}
input,select{max-width:100%;min-width:0;padding:10px 0;border-bottom:1px solid var(--line)}select{width:100%;font-size:13px}option{background:var(--ground);font-family:c0unt-r}
header,footer{display:flex;justify-content:space-between;gap:24px;margin:0 5vw;padding:14px 0;font-size:12px}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);color:var(--faint);margin-top:65px}
main{max-width:1300px;margin:42px 5vw 50px;display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:8vw}
h1{font:34px/1.25 c0unt-h;font-weight:normal;margin:0 0 35px;letter-spacing:1px}h2{font-size:16px;font-weight:normal}
.setup>label,.setup details>label,#seed-form label{display:block;font-size:11px;color:var(--faint)}
fieldset{margin:24px 0 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}legend{font-size:11px;color:var(--faint);margin-bottom:9px}fieldset label{display:flex;align-items:center;min-height:36px;font-size:14px}input[type=radio]{accent-color:var(--accent);margin:0 9px 0 0;padding:0}
.small{font-size:11px;color:var(--faint)}#regime{min-height:36px;margin:12px 0 20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}#run{font:28px/1.4 c0unt-h;color:var(--accent);min-width:95px;padding:5px 0 8px}#stop{color:var(--fail)}#status{font-size:12px;color:var(--accent);min-height:24px;margin:12px 0 26px;overflow-wrap:anywhere}
summary{cursor:pointer;min-height:44px;padding:11px 0;border-top:1px solid var(--line);font-size:13px}details p{font-size:12px}details details{margin:6px 0 12px 14px}details details summary{font-size:11px;color:var(--faint)}
#model-settings select{margin:0 0 13px}#download-size{font-size:12px}#load{color:var(--accent)}#model-status{font-size:11px;color:var(--faint);overflow-wrap:anywhere}#seed-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}#seed-form label{width:100%}#seed{width:125px}#seed-form button{margin-left:auto;font-size:12px}
.trace-head{display:flex;justify-content:space-between;gap:18px;padding:8px 0 12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--faint)}
#operation{font:clamp(35px,4.6vw,66px)/1.3 c0unt-h;margin:33px 0 12px;overflow-wrap:anywhere}#operation[data-compound=true]{font-size:clamp(28px,3.5vw,48px)}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;line-height:1.65}#initial{font-size:13px;color:var(--faint);margin:0 0 32px;min-height:22px}
#result{padding:15px 0 25px;border-bottom:1px solid var(--line);margin-bottom:18px}.answer{display:flex;gap:25px;align-items:baseline}#answer{font:clamp(48px,5vw,72px)/1.2 c0unt-h;min-width:0;overflow-wrap:anywhere}#verdict{font-size:14px;color:var(--accent)}#result[data-state=failed] #verdict{color:var(--fail)}#result-note{font-size:14px;max-width:620px;margin:12px 0 0;overflow-wrap:anywhere}#result-note:empty{display:none}#quick-costs{margin:13px 0 0;word-spacing:2px}
#graph{width:100%;height:auto;max-height:360px;display:block;overflow:visible;margin:15px 0}#graph path,#graph line,#graph circle{fill:none;stroke:var(--line);stroke-width:1.2;vector-effect:non-scaling-stroke}#graph .operator{stroke:var(--accent);stroke-width:1.5}#graph text{fill:var(--ink);font:16px c0unt-r;text-anchor:middle;dominant-baseline:middle}#graph .leaf{fill:var(--faint);font-size:13px}
#chain-result{color:var(--accent);overflow-wrap:anywhere;margin:18px 0 5px}#chain-steps{padding:0;list-style:none;font-size:13px;margin:0 0 24px}#chain-steps li{padding:10px 0;border-bottom:1px solid var(--line)}#chain-steps span{display:block;overflow-wrap:anywhere}#chain-steps span+span{font-size:11px;color:var(--faint);margin-top:3px}#chain-steps .failed{color:var(--fail)}
#completion,#raw{max-height:340px;overflow:auto}#completion:empty{display:none}.costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px;margin:20px 0}.costs div{display:flex;flex-direction:column;gap:4px}.costs span{font-size:11px;color:var(--faint)}.costs strong{font-size:18px;font-weight:normal}
.export-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0 18px;gap:15px}#export{font-size:12px}#ledger{padding:0;list-style:none;font-size:11px;color:var(--faint);margin:0 0 22px}#ledger li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;overflow-wrap:anywhere}#ledger button{font-size:12px;border:0;min-height:30px;color:inherit}#ledger li>span{align-self:center}#ledger .failed{color:var(--fail)}#prediction{color:var(--faint);max-height:420px;overflow:auto}#profile-note{color:var(--accent)}[hidden]{display:none!important}
.reference{grid-template-columns:minmax(200px,1fr) minmax(0,2fr);max-width:1200px}.reference h1{margin-top:12px}.reference article{max-width:720px}.reference article h2{color:var(--accent);margin-top:36px;padding-top:12px;border-top:1px solid var(--line)}.reference article h2:first-child{margin-top:12px}.reference p{font-size:14px;line-height:1.8;margin:18px 0}.reference pre{color:var(--accent)}
@media(max-width:720px){header,footer{margin:0 5vw;gap:12px}main{display:flex;flex-direction:column;margin:24px 5vw 35px;gap:32px}h1{font-size:28px;margin:0 0 20px}fieldset{margin-top:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}fieldset label{font-size:12px;gap:4px;display:flex;flex-wrap:wrap}input[type=radio]{margin-right:3px}#regime{min-height:0;margin:8px 0 15px}#status{margin:10px 0 17px;min-height:0}#status:empty{display:none}#run{font-size:26px}#operation{font-size:37px;margin-top:24px}#operation[data-compound=true]{font-size:29px}#initial{font-size:12px;margin-bottom:18px}#answer{font-size:51px}#verdict{font-size:12px}#result{padding:10px 0 20px}#result-note{font-size:13px}#graph text{font-size:32px}#graph .leaf{font-size:26px}.costs{grid-template-columns:repeat(2,minmax(0,1fr))}#ledger li{display:block}#ledger li>span{display:block;margin-top:3px}footer{margin-top:35px;font-size:10px}}