*{box-sizing:border-box}
body{margin:0;font:1rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b1d22;background:#f4f2ee}
.wrap{max-width:1040px;margin:0 auto;padding:18px 16px 60px}
h1{font-size:1.75rem;line-height:1.2;margin:.4em 0 .5em}
h2{font-size:1.3rem;margin:1.6em 0 .5em}
h3{font-size:1.05rem;margin:1.2em 0 .4em}
.lede{font-size:1.06rem}
.fix{background:#fff;border-left:4px solid #d4380d;padding:10px 14px;border-radius:6px}
#out{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.live{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:18px;align-items:center;background:#111317;border-radius:10px;padding:14px;color:#eee}
.live canvas{width:100%;height:auto;display:block}
.ctl .small{color:#aab}
.btn,.btn2{display:inline-block;border:0;border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn{background:#d4380d;color:#fff}
.btn2{background:#e8e6e1;color:#1b1d22}
.live .btn2{background:#2a2e36;color:#eee}
.gas{width:100%;padding:22px 10px;font:inherit;font-weight:700;font-size:1.1rem;border:0;border-radius:10px;background:#3a3f4a;color:#fff;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.gas.on{background:#d4380d}
.thr{display:flex;gap:8px;align-items:center;margin:10px 0}
.thr input{flex:1}
.gears{display:flex;gap:6px;flex-wrap:wrap}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.tile{background:#f7f6f3;border-radius:8px;padding:10px 12px}
.tile b{display:block;font-size:1.45rem;line-height:1.2}
.tile span{font-size:.88rem;color:#555}
.tile.hot{background:#fff1ec;border:1px solid #f3c2b0}
.scroll{overflow-x:auto}
table.res{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
table.res th,table.res td{padding:6px 8px;border-bottom:1px solid #e4e1db;text-align:right;white-space:nowrap}
table.res th:first-child,table.res td:first-child{text-align:left}
.buyline{margin-top:16px;padding:12px 14px;background:#fff8e6;border-radius:8px}
form fieldset{border:1px solid #ddd8cf;border-radius:10px;margin:0 0 12px;background:#fff}
.row3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:8px}
label{display:flex;flex-direction:column;font-size:.9rem;gap:4px}
.thr{flex-direction:row}
input,select{font:inherit;padding:8px;border:1px solid #c9c4ba;border-radius:6px;background:#fff;min-width:0;font-size:max(1rem,1em)}
.pro{background:#fff;border-radius:12px;padding:6px 16px 14px;margin-top:22px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.garage{list-style:none;padding:0}
.garage li{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid #eee}
.garage li span{flex:1}
.file{cursor:pointer}
.msg{background:#fff1ec;padding:10px 12px;border-radius:8px}
.small{font-size:.86rem;color:#555}
.faq p{max-width:760px}
.foot{margin-top:30px}
.rec-on{background:#d4380d!important;color:#fff!important}
@media (max-width:720px){.live{grid-template-columns:minmax(0,1fr)}h1{font-size:1.4rem}}