@font-face{font-family:Poppins;src:url(/brand.ttf) format('truetype');font-weight:600;font-display:swap}
#compare{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}#compare summary{cursor:pointer;font-size:14px;font-weight:650}#compare p{font-size:13px;margin:9px 0}.compare-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eeeee6;font-size:13px}
:root{--ink:#202121;--muted:#5c605e;--line:#deded5;--paper:#f6f6f0;--yellow:#ffca09;--green:#28785c;--card:#fff;color:var(--ink);font:15px/1.48 system-ui,'Segoe UI',sans-serif;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2584bb;outline-offset:3px}[hidden]{display:none!important}
h1,h2,h3,p{margin:0}h1,h2,.identity span,header strong{font-family:Poppins,system-ui,sans-serif;font-weight:600}h1{font-size:clamp(32px,4vw,49px);line-height:1.17;letter-spacing:-.055em}h2{font-size:20px;letter-spacing:-.04em}h3{font-size:14px;margin:24px 0 10px}p,small{color:var(--muted)}small{font-size:13px}aside{position:fixed;inset:0 auto 0 0;width:222px;background:#1b1c1b;color:white;padding:34px 20px;display:flex;flex-direction:column}.identity{display:flex;align-items:center;gap:10px}.identity img{object-fit:contain}.identity span{font-size:24px;letter-spacing:-.06em;line-height:1.06}.identity small{display:block;font:11px/1.4 system-ui;color:var(--yellow);letter-spacing:.01em}nav{display:grid;gap:6px;margin-top:64px}nav a{display:flex;align-items:center;gap:15px;color:#c9cac6;padding:12px 15px;text-decoration:none;border-radius:8px;font-weight:550}nav i{font:22px/1 system-ui;width:22px;text-align:center}nav a:hover{background:#303130}nav a[aria-current=page]{background:var(--yellow);color:#201e16}.exit{margin-top:auto;align-self:flex-start;border:none;background:transparent;color:#d5d5cd;padding:8px 12px}
.workspace{margin-left:222px;padding:0 clamp(22px,4.5vw,80px) 60px;max-width:1700px}header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header strong{font-size:23px;letter-spacing:-.06em}.period{color:#c29400}header>span{background:#e9e9de;border:1px solid #d6d6c9;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:650}header>span[data-active=true]{background:#d9f1df;color:#16513b}.page-title,.chart-head,.section-heading,.activation,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-title{margin:30px 0 22px}.page-title p,.activation p{margin-top:5px}.button,.primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9cbc2;padding:10px 16px;border-radius:8px;font-weight:650;text-decoration:none;background:white;color:var(--ink)}.primary{background:var(--yellow);border-color:#e6b605}.chart-card{padding:24px 28px 18px;background:#222422;color:#fff;border-radius:16px}.chart-head{align-items:flex-start}.chart-head p,.chart-number span,.axis{color:#b8bdb6;font-size:13px}.legend{display:flex;align-items:center;gap:7px;color:#ecece4;font-size:12px}.legend b{display:inline-block;width:8px;height:8px;background:#9babad;border-radius:2px}.legend b:nth-of-type(2){background:var(--yellow);margin-left:8px}.chart-number{display:flex;align-items:baseline;gap:10px;margin:12px 0}.chart-number strong{font:600 44px/1.1 Poppins,sans-serif;letter-spacing:-.065em}.chart-card svg{display:block;width:100%;height:115px}.axis{display:flex;justify-content:space-between;margin-top:5px}.numbers,.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:12px}.numbers{margin:18px 0 28px;padding:20px 0}.numbers>div,.strip>div{padding:0 21px;border-right:1px solid var(--line);display:grid;gap:3px}.numbers>div:last-child,.strip>div:last-child{border:none}.numbers span,.strip small{color:var(--muted);font-size:13px}.numbers strong{font:600 32px/1.2 Poppins,sans-serif;letter-spacing:-.055em}.section-heading{margin-bottom:12px}.section-heading a,.text-link{font-size:13px;font-weight:650}.strip{padding:15px 0}.strip b{font-size:15px}#notice:not(:empty),.warning{padding:10px 14px;border-radius:7px;background:#e6eddd;margin-top:12px}.warning{background:#ffebcf;color:#73490e}
fieldset{padding:0;margin:0;border:0;min-width:0}.config-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.form-column{display:grid;align-content:start;gap:16px}.form-card,.activation,.empty,.batch{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.form-card h2{margin-bottom:16px}label{display:grid;gap:5px;font-size:13px;font-weight:650;margin:12px 0 5px}input,textarea,select{width:100%;min-width:0;border:1px solid #bcc0b7;padding:10px;border-radius:7px;color:var(--ink);background:#fff}textarea{resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.days,.tokens{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.days label{display:block;position:relative;margin:0}.days input{position:absolute;opacity:0;width:1px;height:1px}.days span,.tokens button{display:inline-block;background:#f6f6f1;border:1px solid #d8d9ce;border-radius:6px;padding:6px;font-size:12px}.days input:checked+span{background:#292b27;color:#fff}.days input:focus-visible+span{outline:3px solid #2584bb}.rate{font-size:13px;color:#655513;margin:7px 0}.tokens button,.text-link{cursor:pointer}.text-link{background:transparent;border:0;text-decoration:underline}.bubble{padding:12px;background:#e9efdf;border-radius:3px 12px 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble img{width:100%;max-height:180px;object-fit:contain}.bubble+small,.form-card>small{display:block;margin-top:7px}#save{margin:14px 0}.activation{margin-top:14px}.empty{text-align:center;padding:50px 20px}.empty h2{margin-bottom:6px}.batch{margin-bottom:10px}.batch-head,.batch-states{display:flex;gap:14px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.batch-states{justify-content:flex-start;margin-top:12px;font-size:14px}.batch-states span{background:var(--paper);padding:3px 9px;border-radius:5px}dialog{max-width:min(440px,92vw);padding:25px;border:1px solid var(--line);border-radius:12px}dialog::backdrop{background:#1119}dialog p{margin:14px 0}.login{min-height:100vh;display:grid;place-items:center;background:#20211f}.login-shell{width:min(420px,92vw);padding:36px;background:var(--paper);border-top:6px solid var(--yellow);border-radius:12px}.login .identity{color:#252623}.login .identity small{color:#766000}.login h1{margin:32px 0 6px}.login form{margin-top:24px}.login button{width:100%;margin-top:18px}.login #notice:empty{display:none}
@media(max-width:900px){aside{width:175px;padding:26px 12px}.workspace{margin-left:175px;padding-inline:18px}.identity span{font-size:20px}.config-grid{grid-template-columns:1fr}.form-column{gap:12px}}
@media(max-width:650px){aside{position:static;width:auto;padding:12px 15px;display:grid;grid-template-columns:1fr auto}.identity img{width:30px;height:30px}.identity span{font-size:18px}.identity small{font-size:9px}.exit{grid-column:2;grid-row:1;font-size:12px;margin:auto 0}nav{display:flex;grid-column:1/-1;margin:12px 0 0;gap:5px}nav a{flex:1;justify-content:center;padding:7px;gap:5px;font-size:13px}nav i{font-size:16px;width:17px}.workspace{margin:0;padding:0 14px 30px}header{min-height:48px}header strong{font-size:18px}.page-title{margin:21px 0 14px;align-items:flex-start;flex-wrap:wrap}.page-title p{font-size:13px}.chart-card{padding:16px}.chart-head h2{font-size:17px}.legend{font-size:10px;gap:3px}.chart-card svg{height:90px}.numbers>div,.strip>div{padding:0 9px}.numbers span,.numbers small,.strip small{font-size:11px}.numbers strong{font-size:24px}.strip b{font-size:12px}.activation{align-items:flex-start;flex-wrap:wrap}.form-card,.activation{padding:15px}}

