.btbb{--b:#15271C;--a:#C77A1E;--g:#C9A24A;--p:#F4EEE2;--c:#FCF8F1;font-family:Inter,system-ui,sans-serif;color:var(--b);max-width:1080px;margin:0 auto}
.btbb *{box-sizing:border-box}
.btbb-lede{font-size:1.1rem;line-height:1.55;max-width:60ch;margin:0 0 1.5rem}
.btbb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem;align-items:start}
.btbb fieldset{border:1px solid rgba(21,39,28,.18);border-radius:14px;padding:1.1rem 1.2rem 1.2rem;margin:0 0 1.2rem;background:var(--c)}
.btbb legend{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.15rem;padding:0 .4rem}
.btbb label{display:block;font-size:.86rem;font-weight:600;margin:.7rem 0 0}
.btbb input:not([type=radio]):not([type=checkbox]):not([type=color]),.btbb select,.btbb textarea{display:block;width:100%;margin-top:.3rem;padding:.65rem .7rem;border:1px solid rgba(21,39,28,.3);border-radius:9px;background:#fff;font:inherit;font-weight:400;color:var(--b);min-height:44px}
.btbb input[type=color]{display:block;width:100%;height:44px;margin-top:.3rem;padding:2px;border:1px solid rgba(21,39,28,.3);border-radius:9px;background:#fff}
.btbb input:focus-visible,.btbb select:focus-visible,.btbb textarea:focus-visible,.btbb-btn:focus-visible,.btbb-chip input:focus-visible+span{outline:3px solid var(--a);outline-offset:2px}
.btbb-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}
.btbb-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.btbb-chip{margin:0;position:relative}
.btbb-chip input{position:absolute;opacity:0}
.btbb-chip span{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border:1.5px solid var(--b);border-radius:999px;cursor:pointer;font-weight:600}
.btbb-chip input:checked+span{background:var(--b);color:var(--p)}
.btbb-note,.btbb-fine,.btbb-cap{font-size:.82rem;line-height:1.5;color:rgba(21,39,28,.78);margin:.8rem 0 0}
.btbb-check{display:flex;gap:.6rem;align-items:center;font-weight:600;min-height:44px}
.btbb-check input{width:22px;height:22px}
.btbb-hp{position:absolute;left:-9999px}
.btbb-total{background:var(--b);color:var(--p);border-radius:14px;padding:1rem 1.2rem;margin:0 0 1rem;font-size:.95rem;line-height:1.5}
.btbb-total strong{font-family:Fraunces,Georgia,serif;font-size:1.9rem;color:var(--g);display:block;font-variant-numeric:tabular-nums}
.btbb-btn{display:block;width:100%;min-height:52px;border:0;border-radius:999px;background:var(--a);color:#fff;font:700 1.05rem Oswald,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.btbb-btn:hover{background:#a96515}
.btbb-btn[disabled]{opacity:.6;cursor:wait}
.btbb-status{font-weight:600;margin:.8rem 0 0;min-height:1.4em}
.btbb-status.ok{color:#1d6b3a}.btbb-status.err{color:#9b2c2c}
.btbb-preview{position:sticky;top:90px}
.btbb-stage{background:radial-gradient(circle at 50% 35%,#24402e,var(--b));border-radius:18px;padding:1.2rem}
.btbb-stage svg{display:block;width:100%;height:auto;max-height:78vh}
@media (max-width:820px){.btbb-grid{grid-template-columns:1fr}.btbb-preview{position:static;order:-1}.btbb-stage svg{max-height:52vh}}
@media (prefers-reduced-motion:no-preference){.btbb-chip span,.btbb-btn{transition:background .15s,color .15s}}

.btbb-stage svg{max-height:none;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.btbb-legal{list-style:none;margin:.9rem 0 0;padding:0;font-size:.86rem}
.btbb-legal li{display:flex;gap:.5rem;align-items:flex-start;padding:.28rem 0;border-bottom:1px solid rgba(21,39,28,.12)}
.btbb-legal li::before{content:"\2713";font-weight:700;color:#1d6b3a;flex:0 0 1.1em}
.btbb-legal li.bad{color:#9b2c2c;font-weight:600}
.btbb-legal li.bad::before{content:"\2715";color:#9b2c2c}
@media (max-width:820px){.btbb-stage{max-width:340px;margin:0 auto}}