:root{--bg:#0B0E14;--card:#131722;--bd:#1F2633;--g:#16C784;--r:#EA3943;--y:#F0B90B}
html,body{background:var(--bg);color:#d7dce5;font-family:'Vazirmatn',sans-serif;margin:0}
body{background:radial-gradient(1200px 600px at 100% -10%,rgba(240,185,11,.08),transparent),radial-gradient(900px 500px at -10% 110%,rgba(22,199,132,.06),transparent),var(--bg);min-height:100vh}
.safe{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.safe-b{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}
.card{background:rgba(19,23,34,.85);border:1px solid var(--bd);border-radius:14px;backdrop-filter:blur(8px);animation:rise .4s ease both}
.num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}
.btn{min-height:44px;min-width:44px;border-radius:10px;padding:0 14px;font-weight:700;border:1px solid var(--bd);background:#1a2030;transition:.15s}
.btn:active{transform:scale(.97)}
.btn-y{background:var(--y);color:#111;border-color:var(--y)}
.btn-g{background:var(--g);color:#06130d;border-color:var(--g)}
.btn-r{background:var(--r);color:#fff;border-color:var(--r)}
.inp{min-height:44px;background:#0e121b;border:1px solid var(--bd);border-radius:10px;padding:0 12px;color:#fff;width:100%}
.inp:focus{outline:none;border-color:var(--y)}
.up{color:var(--g)}.dn{color:var(--r)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.pulse{animation:pl 1.2s infinite}@keyframes pl{50%{opacity:.4}}
.md h1{font-size:1.4rem;font-weight:900;color:var(--y);margin:.5rem 0}.md h2{font-weight:700;margin:.6rem 0 .3rem}.md li{margin-right:1.2rem;list-style:disc}.md code{font-family:'JetBrains Mono';color:var(--y)}
.drag-over{outline:2px dashed var(--y)}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#2a3242;border-radius:3px}