:root{--bg:#07090d;--card:#10141c;--line:#1e2633;--amber:#ffb000;--g:#16c784;--r:#ea3943;--pink:#ff4d6d;--mut:#6b7689}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#d8dee9;font-family:Vazirmatn,sans-serif;
background-image:linear-gradient(rgba(255,176,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.03) 1px,transparent 1px);background-size:24px 24px}
.mono{font-family:'JetBrains Mono',monospace;direction:ltr;unicode-bidi:embed}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px}
.btn{border:1px solid var(--line);background:#161c27;padding:6px 12px;border-radius:8px;font-size:13px;transition:.15s}
.btn:hover{border-color:var(--amber);color:var(--amber)}
.btn-a{background:var(--amber);color:#000;border-color:var(--amber);font-weight:800}
.btn-a:hover{color:#000;filter:brightness(1.1)}
.g{color:var(--g)}.r{color:var(--r)}.a{color:var(--amber)}.mut{color:var(--mut)}
.chip{white-space:nowrap;border-left:1px solid var(--line);padding:0 14px}
.pulse{animation:pl 1.2s infinite}@keyframes pl{50%{opacity:.35}}
.fade{animation:fd .4s ease both}@keyframes fd{from{opacity:0;transform:translateY(6px)}}
input,select{background:#0b0f15;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:#fff;width:100%}
.wob{animation:wb .5s infinite}@keyframes wb{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.tab{padding:10px 14px;font-size:14px;border-bottom:2px solid transparent;color:var(--mut)}
.tab.on{color:var(--amber);border-color:var(--amber)}
@media(max-width:768px){.tabs{position:fixed;bottom:0;left:0;right:0;background:var(--card);z-index:40;border-top:1px solid var(--line);justify-content:space-around}.tab{border-bottom:0;border-top:2px solid transparent;font-size:12px;padding:10px 4px}.tab.on{border-color:var(--amber)}main{padding-bottom:80px}}