:root{--bg: #0a0b0f;--bg-2: #12141b;--card: #171a23;--card-2: #1e222d;--line: #262b38;--txt: #f2f4f8;--muted: #8b93a7;--gold: #f0b90b;--gold-2: #ffd75e;--green: #2ecc71;--red: #ff5c5c;--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#05060a;color:var(--txt);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}#root{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(900px 500px at 50% -10%,rgba(240,185,11,.12),transparent 60%),#05060a}.phone{position:relative;width:100%;max-width:430px;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 480px){#root{padding:24px 0;align-items:center}.phone{min-height:860px;max-height:92vh;border-radius:34px;border:1px solid var(--line);box-shadow:0 30px 80px #000000a6}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#0a0b0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-coin{position:relative;display:grid;width:46px;height:46px;flex:none;place-items:center;border:1px solid #d5d9de;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff 0,#e8ebee 18%,#aeb4bb 47%,#f5f6f7 65%,#787f87);box-shadow:0 2px 6px #0000008c,inset 0 0 0 3px #ffffff57,inset 0 0 0 5px #4a515952}.brand-coin:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(75,82,90,.62);border-radius:50%;content:""}.brand-coin span{z-index:1;color:#3a4047;font-size:11px;font-weight:900;letter-spacing:-.5px;text-shadow:0 1px rgba(255,255,255,.75)}.brand-name{display:flex;flex-direction:column;line-height:1.04}.brand-name strong{color:var(--txt);font-size:16px;font-weight:850;letter-spacing:1.1px}.brand-name span{margin-top:4px;color:var(--gold-2);font-size:10px;font-weight:750;letter-spacing:2.2px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--txt);display:grid;place-items:center;cursor:pointer;transition:.15s}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn svg{width:18px;height:18px}.banner{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;background:#ff5c5c1f;color:#ffb3b3;border-bottom:1px solid rgba(255,92,92,.25)}.banner svg{width:16px;height:16px;flex:none}.banner button{margin-left:auto;background:var(--red);color:#fff;border:0;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.body{flex:1;overflow-y:auto;padding:16px 16px 96px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.body::-webkit-scrollbar{width:6px}.body::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.hero{position:relative;border-radius:22px;padding:18px 16px 16px;background:radial-gradient(400px 200px at 100% 0%,rgba(240,185,11,.22),transparent 70%),linear-gradient(160deg,#1c1f2a,#12141b);border:1px solid var(--line);overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f0b90b29;color:var(--gold-2);border:1px solid rgba(240,185,11,.3)}.pill svg{width:13px;height:13px}.pill.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.price{display:flex;align-items:flex-end;flex-wrap:wrap;gap:2px 6px;min-width:0}.price-num{font-size:clamp(32px,10vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;background:linear-gradient(135deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.price-unit{font-size:13px;font-weight:700;color:var(--gold)}.hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:136px}.hero-copy{min-width:0;position:relative;z-index:1}.hero-monk{display:block;width:100%;height:136px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}.price-sub{margin:7px 0 0;font-size:11px;color:var(--txt);opacity:.85;overflow-wrap:anywhere}.market-ticker{min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;overflow:hidden;border:1px solid rgba(46,204,113,.2);border-radius:13px;background:linear-gradient(90deg,#142a22eb,#12141bf5)}.ticker-heading{flex:none;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.75px;white-space:nowrap}.ticker-viewport{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ticker-track,.ticker-group{display:flex;width:max-content;align-items:center}.ticker-track{animation:ticker-scroll 24s linear infinite;will-change:transform}.ticker-group{flex:none;gap:24px;padding-right:24px}.ticker-item{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}.ticker-label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.45px}.ticker-item strong{color:var(--txt);font-size:11px;font-variant-numeric:tabular-nums}.market-ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}.ticker-group[aria-hidden=true]{display:none}}.ad-space{position:relative;min-height:92px;display:flex;justify-content:center;overflow:hidden;padding:14px 104px 14px 16px;border:1px dashed rgba(139,147,167,.35);border-radius:var(--radius);background:linear-gradient(135deg,#171a23b8,#12141b73);text-align:left}.ad-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}.ad-emblem{position:absolute;right:2px;bottom:-16px;width:112px;height:112px;object-fit:contain;opacity:.42;filter:drop-shadow(0 4px 12px rgba(46,204,113,.12));pointer-events:none}.ad-space span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px}.ad-space strong{color:#f2f4f8cc;font-size:14px}.ad-space small{color:var(--muted);font-size:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.card.soft{background:var(--bg-2)}.card.accent{background:radial-gradient(300px 160px at 100% 0%,rgba(240,185,11,.14),transparent 70%),var(--card);border-color:#f0b90b47}.card h3{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.card h3 svg{width:17px;height:17px;color:var(--gold);flex:none}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.muted{color:var(--muted);font-size:13px;margin:0}.hint{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin:0}.hint svg{width:13px;height:13px;flex:none}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:0;border-radius:14px;font-size:14px;font-weight:700;color:#1a1400;background:linear-gradient(135deg,var(--gold-2),var(--gold));cursor:pointer;text-decoration:none;transition:.15s;box-shadow:0 8px 22px #f0b90b38}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary svg{width:17px;height:17px}.mini{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:var(--card-2);color:var(--txt);font-size:11.5px;font-weight:600;cursor:pointer}.mini:hover{border-color:var(--gold);color:var(--gold)}.mini svg{width:13px;height:13px}.list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.upline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.upline li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card-2);border:1px solid var(--line);border-radius:12px}.pos{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#1a1400;background:var(--gold);flex:none}.upline li .mono{flex:1}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--txt);font-size:13px;font-family:inherit;outline:none;transition:.15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0b90b1f}.input.name{padding:6px 10px;font-size:15px;font-weight:700}.linkbox{padding:11px 13px;border-radius:12px;background:var(--bg-2);border:1px dashed var(--line)}.referral-dropzone{display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px;border:1px dashed rgba(240,185,11,.55);border-radius:12px;background:#f0b90b0b;color:var(--txt);text-align:center;transition:.15s}.referral-dropzone svg{width:20px;height:20px;color:var(--gold)}.referral-dropzone span{font-size:12.5px;font-weight:650}.referral-dropzone small{color:var(--muted);font-size:11px}.referral-dropzone.is-dragging{border-color:var(--gold-2);background:#f0b90b1f;box-shadow:0 0 0 3px #f0b90b1a}.profile-head{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}.avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#1a1400;background:linear-gradient(135deg,var(--gold-2),var(--gold));flex:none}.profile-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.profile-id strong{font-size:16px;cursor:pointer}.profile-id .mono{cursor:pointer}.badge{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.badge.danger{background:#ff5c5c29;color:#ff9b9b;border:1px solid rgba(255,92,92,.3)}.balance{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 16px;border-radius:var(--radius);background:radial-gradient(300px 160px at 50% 0%,rgba(240,185,11,.18),transparent 70%),var(--card);border:1px solid rgba(240,185,11,.25)}.balance-label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.balance-num{font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;background:linear-gradient(135deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.balance-unit{font-size:12px;font-weight:700;color:var(--gold)}.bar{height:9px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .4s ease}.bar-fill.full{background:linear-gradient(90deg,var(--red),#ff9b9b)}.alert{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:#ff5c5c1f;border:1px solid rgba(255,92,92,.3);color:#ffb3b3;font-size:12.5px}.alert svg{width:16px;height:16px;flex:none;margin-top:1px}.alert .x{margin-left:auto;background:transparent;border:0;color:inherit;font-size:18px;line-height:1;cursor:pointer}.toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:40;padding:11px 18px;border-radius:999px;background:#14161ef5;border:1px solid var(--gold);color:var(--gold-2);font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 12px 30px #00000080;animation:pop .2s ease}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.tabbar{position:absolute;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0a0b0ff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;transition:.15s}.tab svg{width:20px;height:20px}.tab.on{color:var(--gold);background:#f0b90b1a}.tab:hover{color:var(--gold-2)}