:root{--bg:#e8edf4;--card:#fff;--ink:#10243e;--muted:#718096;--line:#d7e0ea;--blue:#1677ff;--green:#12a66b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body.dark{--bg:#0a0f18;--card:#141d2b;--ink:#edf4ff;--muted:#9baabe;--line:#283241}
.demo-banner{background:#e8a33d;color:#1a1410;text-align:center;padding:9px 16px;font-size:13px;font-weight:700;letter-spacing:.02em}
.demo-banner span{font-weight:500;opacity:.85}
.back-link{display:block;max-width:1120px;margin:14px auto 0;padding:0 24px;color:var(--muted);font-size:13px;text-decoration:none}
.back-link:hover{color:var(--ink)}
.offline-note{background:#fff3e0;border:1px solid #f0c987;color:#7a5316;padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:16px}
.dark .offline-note{background:#2a2110;border-color:#5c4a1f;color:#e8c77e}header{height:72px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6%;gap:30px;position:sticky;top:0;z-index:10}.brand{font-weight:900;letter-spacing:.05em;margin-right:auto}.brand b{display:inline-grid;place-items:center;background:var(--blue);color:#fff;width:34px;height:34px;border-radius:9px;margin-right:8px}.brand i{font-style:normal;color:var(--blue)}nav a{margin:0 12px;text-decoration:none;color:var(--muted);font-size:14px}nav .active{color:var(--blue);font-weight:800}header button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px 12px;cursor:pointer}main{max-width:1120px;margin:auto;padding:52px 24px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.hero label{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--blue)}h1{font-size:50px;line-height:1;margin:10px 0}h1 span{color:var(--blue)}h2{margin:0 0 7px}.hero p,p{color:var(--muted)}.live{background:#eaf8f2;color:var(--green);padding:10px 14px;border-radius:99px;font-size:11px;font-weight:900}.live span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:22px;box-shadow:0 10px 35px #10243e0b}.head,.sectionhead{display:flex;justify-content:space-between;align-items:center}.head p{margin-top:0}.head button{width:45px;height:45px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:20px}.fields{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.fields label,.fees label{font-size:12px;color:var(--muted);font-weight:800;display:block}.fields input,.fields select,.fees input{width:100%;height:50px;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);padding:0 12px;font-size:15px}.result{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:18px;padding:22px;background:#f6f9fd;border-radius:15px}.dark .result{background:#111b29}.result small{display:block;color:var(--muted);font-size:10px;font-weight:800}.result b{font-size:26px;display:block;margin-top:4px}.result em{display:block;color:var(--muted);font-size:12px;font-style:normal}.fees{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:15px;padding:17px;border-top:1px solid var(--line)}.fees>div{padding-top:3px}.fees b{display:block;font-size:18px;margin-top:7px}.actions{margin-top:15px;display:flex;gap:10px}.actions button{padding:11px 15px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;cursor:pointer}.actions .primary{background:var(--blue);color:#fff;border-color:var(--blue)}.section{margin:30px 0}.sectionhead{margin-bottom:14px}.sectionhead span{font-size:12px;color:var(--muted)}.marketgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.market{background:var(--card);border:1px solid var(--line);padding:19px;border-radius:15px}.market span,.market small{display:block;color:var(--muted);font-size:12px}.market b{font-size:23px;display:block;margin:7px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.multi{display:grid;grid-template-columns:1fr 1fr}.multi div{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.multi span{color:var(--muted)}.favorites>div{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.favorites button{border:0;background:none;color:#d34;cursor:pointer}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px}.tool b{font-size:22px}.tool h3{margin:12px 0 5px}.tool p{font-size:13px}.big{font-size:40px}.hero+ .grid2{margin-top:20px}footer{text-align:center;color:var(--muted);padding:30px;font-size:12px}@media(max-width:760px){nav{display:none}.hero{display:block}h1{font-size:39px}.live{display:inline-block;margin-top:15px}.fields,.fees,.marketgrid,.grid2,.toolgrid{grid-template-columns:1fr}.result{grid-template-columns:1fr}.result>strong{display:none}}