:root{
  --ink:#170c06; --ink2:#24140b; --ink3:#33200f;
  --paper:#FBF1E6; --paper2:#F5E4D2; --card:#fff; --line:#ECD8C3;
  --text:#2a0b00; --muted:#7b5b49; --soft:#a88a77;
  --or:#F26A21; --or2:#FF8A3D; --orsoft:#FFE3CC; --orglow:rgba(255,122,47,.35);
  --ok:#2E9E66; --oksoft:#D7F2E3; --red:#D9452B;
  --r:20px; --r2:14px;
  --shadow:0 1px 0 rgba(42,11,0,.04),0 10px 30px -14px rgba(42,11,0,.25);
  --ff:"Montserrat",system-ui,sans-serif; --fd:"Anton",Impact,sans-serif; --fm:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ff);color:var(--text);background:var(--paper);line-height:1.55;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer;color:inherit}
h1,h2,h3{margin:0;line-height:1.08}
.disp{font-family:var(--fd);font-weight:400;letter-spacing:.3px;text-transform:uppercase}
.hl{color:var(--or)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font-weight:800;font-size:15px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-or{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;box-shadow:0 8px 22px -8px var(--orglow)}
.btn-or:hover{box-shadow:0 12px 28px -8px rgba(255,122,47,.6)}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{background:transparent;border:2px solid currentColor;padding:10px 20px}
.btn-sm{padding:8px 14px;font-size:13.5px}
.btn[disabled]{opacity:.45;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:800}
.chip-or{background:var(--orsoft);color:#a8410a}
.chip-ok{background:var(--oksoft);color:#1d6e45}
.chip-ink{background:var(--ink);color:var(--orsoft)}
.mono{font-family:var(--fm)}
.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--or2);outline-offset:2px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s;z-index:99;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
