.language-picker{display:flex;align-items:center;gap:9px}.language-picker label{font-size:11px}.language-picker select{padding:9px;font-size:12px;max-width:140px}.site-header{flex-wrap:wrap}#account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;border-top:1px solid #225044;padding-top:18px}.security-grid span{font-size:11px;color:#48d4af}.owned-row{display:grid;grid-template-columns:38px minmax(100px,1fr) minmax(95px,auto) auto;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #283548}.owned-row small{display:block;margin-top:6px;color:#8f9eb2;font-size:11px}.owned-row strong{font-size:14px}.owned-row b{font-size:14px}.asset-token{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#ffc849,#497ed6);color:#07111e;font-weight:800}.market-scroll,.allocation-list{max-height:460px;overflow:auto;scrollbar-width:thin;scrollbar-color:#376072 #0c1724}.market-tools{display:flex;align-items:end;gap:16px;margin:15px 0}.market-tools label{flex:1;min-width:0}.allocation-list progress{display:block;width:140px;height:5px;margin-top:10px;accent-color:#48d4af}.engine-metrics [role=button]{cursor:pointer}.engine-metrics [role=button]:focus-visible{outline:2px solid #42cfe8}.news-list{max-height:56dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#42cfe8 #101a2a;position:relative}.news-card{display:block;width:100%;text-align:start;border:1px solid #2a4258;background:linear-gradient(120deg,#122536,#0e1828);border-radius:17px;padding:22px;margin:12px 0;color:#f3f6fc}.news-card strong{display:block;margin-top:12px;font-size:16px;line-height:1.5}.news-card small{color:#42cfe8;font-size:11px}.news-card:hover,.news-card:focus-visible{border-color:#42cfe8;background:#142f41}.news-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.news-article{padding:25px 0}.news-article h2{line-height:1.4;margin-top:20px}.news-article p{font-size:15px;line-height:1.8}.news-article small{color:#42cfe8}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:25px 0;align-items:start}.liquidity-sim{border:1px solid #266376;border-radius:20px;padding:24px;margin-top:28px;background:repeating-linear-gradient(90deg,#0d283d33 0,#0d283d33 1px,transparent 1px,transparent 22px),#0a1824;overflow:hidden}.liquidity-nodes{display:flex;align-items:center;justify-content:space-between;gap:8px}.liquidity-nodes span{width:68px;height:68px;display:grid;place-items:center;border:1px solid #33778a;border-radius:19px;color:#42cfe8;font-size:27px;box-shadow:inset 0 0 20px #3bcfe812;animation:nodePulse 3s ease-in-out infinite alternate}.liquidity-nodes span:nth-of-type(2){color:#48d4af;animation-delay:-1s}.liquidity-nodes i{color:#48d4af;font-size:24px;letter-spacing:2px}.liquidity-sim p{font:10px monospace;letter-spacing:1px;margin-top:25px;color:#9bd5df}.liquidity-sim progress{width:100%;height:5px;accent-color:#42cfe8}.deposit-methods{display:grid;gap:15px}.deposit-methods strong,.deposit-methods code{overflow-wrap:anywhere}.simulation-notice{margin-bottom:20px;border-color:#766130}.simulation-notice p{margin:6px 0 0}.wallet-grid .portfolio-value{font-size:40px}#order-quote{margin-top:20px}#execute-order{margin-top:18px;width:100%}#sound-toggle[aria-pressed=true]{color:#48d4af;border-color:#317566}[dir=rtl] table{text-align:right}[dir=rtl] .stream-row{border-left:0;border-right:3px solid #42cfe8}[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .chart-labels,[dir=rtl] .portfolio-chart{direction:ltr}.bottom-nav a:focus-visible{outline:2px solid #42cfe8}@keyframes nodePulse{to{box-shadow:inset 0 0 30px #35d7ff30,0 0 15px #35d7ff15}}
@media(max-width:750px){.wallet-grid{grid-template-columns:1fr}.owned-row{grid-template-columns:32px minmax(85px,1fr) minmax(90px,auto);gap:9px}.owned-row button{grid-column:1/-1;width:100%}.market-tools{flex-direction:column;align-items:stretch}.news-card{padding:17px}.news-card strong{font-size:14px}.site-header{gap:15px}#language-holder{flex-basis:100%}.language-picker{justify-content:flex-end}.wallet-grid>.panel{padding:23px 20px}.wallet-grid .portfolio-value{font-size:33px}.security-grid{gap:10px}.liquidity-sim{padding:20px 16px}.liquidity-nodes span{width:58px;height:58px}.portfolio-top .badge{font-size:10px}#account-actions .secondary{font-size:10px}}
.overview-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
@media(prefers-reduced-motion:reduce){.liquidity-nodes span{animation:none}}
/* Reference styles: read-only port from old Borsa public/styles.css. Scoped to body.reference-skin; keyframes namespaced. */

body.reference-skin{
  --bg: #060911;
  --bg-2: #090e19;
  --panel: rgba(15, 22, 36, .88);
  --panel-strong: #111a2a;
  --panel-soft: rgba(18, 28, 45, .68);
  --line: rgba(150, 170, 205, .13);
  --line-strong: rgba(128, 159, 213, .25);
  --text: #f4f7fb;
  --muted: #8f9bb0;
  --muted-2: #647088;
  --yellow: #f7c843;
  --yellow-2: #ffd968;
  --cyan: #35d7ff;
  --blue: #4f7cff;
  --violet: #8b5cf6;
  --green: #29d6a0;
  --red: #ff627d;
  --shadow: 0 28px 80px rgba(0,0,0,.42);
  --radius: 22px;
  --radius-sm: 14px;
}
body.reference-skin *{ box-sizing: border-box; }
body.reference-skin{ color-scheme: dark; scroll-behavior: smooth; overflow-x:hidden; }
body.reference-skin{ margin: 0; min-width: 320px; min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 15% 12%, rgba(47,94,176,.14), transparent 30%), radial-gradient(circle at 82% 82%, rgba(139,92,246,.10), transparent 28%), var(--bg); color: var(--text); font-family: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.reference-skin button,body.reference-skin input,body.reference-skin select{ font: inherit; }
body.reference-skin button{ color: inherit; }
body.reference-skin a{ color: inherit; text-decoration: none; }
body.reference-skin .ambient{ position: fixed; z-index: -2; width: 520px; height: 520px; border-radius: 50%; filter: blur(100px); opacity: .18; pointer-events: none; }
body.reference-skin .ambient-a{ top: -260px; left: -180px; background: #316dff; }
body.reference-skin .ambient-b{ right: -240px; bottom: -250px; background: #7048ff; }
body.reference-skin .hidden{ display: none !important; }
body.reference-skin .positive{ color: var(--green) !important; }
body.reference-skin .negative{ color: var(--red) !important; }
body.reference-skin .muted{ color: var(--muted); }
body.reference-skin .eyebrow{ color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
body.reference-skin .boot-screen{ min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 20px; }
body.reference-skin .boot-copy{ display: grid; gap: 6px; text-align: center; }
body.reference-skin .boot-copy strong{ font-size: 20px; }
body.reference-skin .boot-copy span{ color: var(--muted); font-size: 13px; }
body.reference-skin .boot-track{ width: 220px; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
body.reference-skin .boot-track i{ display: block; width: 45%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, transparent, var(--yellow), transparent); animation: ref_boot 1.2s infinite ease-in-out; }
@keyframes ref_boot { from { transform: translateX(-120%); } to { transform: translateX(260%); } }
body.reference-skin .brand{ display: flex; align-items: center; gap: 12px; min-width: 0; }
body.reference-skin .brand-copy{ min-width: 0; }
body.reference-skin .brand-copy strong{ display: block; font-size: 14px; line-height: 1.15; letter-spacing: -.01em; }
body.reference-skin .brand-copy span{ display: block; margin-top: 3px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
body.reference-skin .brand-mark{ position: relative; flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(247,200,67,.33); border-radius: 12px; background: linear-gradient(145deg, rgba(247,200,67,.18), rgba(247,200,67,.04)); box-shadow: inset 0 0 18px rgba(247,200,67,.08), 0 0 30px rgba(247,200,67,.08); transform: rotate(45deg); }
body.reference-skin .brand-mark span,body.reference-skin .brand-mark i,body.reference-skin .brand-mark b{ position: absolute; display: block; background: var(--yellow); border-radius: 2px; }
body.reference-skin .brand-mark span{ width: 5px; height: 17px; }
body.reference-skin .brand-mark i{ width: 17px; height: 5px; }
body.reference-skin .brand-mark b{ width: 7px; height: 7px; background: var(--bg); box-shadow: 0 0 0 2px var(--yellow); }
body.reference-skin .brand-mark-xl{ width: 64px; height: 64px; border-radius: 18px; }
body.reference-skin .brand-mark-xl span{ height: 28px; width: 7px; }
body.reference-skin .brand-mark-xl i{ width: 28px; height: 7px; }
body.reference-skin .brand-mark-xl b{ width: 11px; height: 11px; }
body.reference-skin .tech-ticker{ position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 34px; overflow: hidden; border-bottom: 1px solid rgba(53,215,255,.16); background: rgba(3,7,14,.82); backdrop-filter: blur(18px); }
body.reference-skin .tech-ticker::before,body.reference-skin .tech-ticker::after{ content: ""; position: absolute; z-index: 2; top: 0; width: 100px; height: 100%; pointer-events: none; }
body.reference-skin .tech-ticker::before{ left: 0; background: linear-gradient(90deg, #060911, transparent); }
body.reference-skin .tech-ticker::after{ right: 0; background: linear-gradient(-90deg, #060911, transparent); }
body.reference-skin .ticker-track{ width: max-content; height: 100%; display: flex; align-items: center; gap: 42px; padding-left: 42px; animation: ref_ticker 30s linear infinite; color: #95a8c5; font-family: Consolas, monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
body.reference-skin .ticker-track b{ color: var(--green); font-weight: 700; }
body.reference-skin .ticker-track i{ width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
body.reference-skin .world-ticker{ display: none; }
body.reference-skin .world-ticker-track{ animation-duration: 52s; }
@keyframes ref_ticker { to { transform: translateX(-50%); } }
body.reference-skin .login-page{ min-height: 100vh; padding-top: 34px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(380px,.65fr); }
body.reference-skin .login-page > *{ min-width: 0; }
body.reference-skin .login-visual{ position: relative; min-height: calc(100vh - 34px); overflow: hidden; padding: 46px clamp(30px,5vw,78px); display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); background: radial-gradient(circle at 55% 42%, rgba(40,126,228,.18), transparent 36%), linear-gradient(135deg, rgba(7,12,22,.7), rgba(3,7,13,.94)); }
body.reference-skin .login-visual::before{ content: ""; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(85,142,224,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(85,142,224,.16) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
body.reference-skin .login-top,body.reference-skin .login-brand,body.reference-skin .login-hero,body.reference-skin .login-foot{ position: relative; z-index: 3; }
body.reference-skin .login-command-bar{ display:grid; grid-template-columns:minmax(220px,360px) auto; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
body.reference-skin .login-language-sim{ position:relative; min-width:0; height:52px; padding:8px 10px; overflow:hidden; border:1px solid rgba(53,215,255,.24); border-radius:13px; background:linear-gradient(135deg,rgba(7,25,40,.94),rgba(7,14,26,.94)); box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 0 28px rgba(53,215,255,.035); }
body.reference-skin .login-language-sim::before{ content:""; position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(53,215,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.13) 1px,transparent 1px); background-size:14px 14px; mask-image:linear-gradient(90deg,black,transparent); }
body.reference-skin .login-language-sim-head,body.reference-skin .login-language-sim-body{ position:relative; z-index:2; }
body.reference-skin .login-language-sim-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; color:#8aa6bd; font:700 7px/1.2 Consolas,monospace; letter-spacing:.09em; }
body.reference-skin .login-language-sim-head span{ display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap; }
body.reference-skin .login-language-sim-head span i{ width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:var(--cyan); box-shadow:0 0 11px var(--cyan); animation:ref_pulse 1.5s infinite; }
body.reference-skin .login-language-sim-head b{ color:var(--green); font-size:7px; }
body.reference-skin .login-language-sim-body{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; margin-top:6px; }
body.reference-skin .login-language-code{ min-width:0; display:flex; overflow:hidden; color:#5fbdd0; font:600 6px/1 Consolas,monospace; white-space:nowrap; }
body.reference-skin .login-language-code span{ flex:0 0 auto; padding-right:28px; animation:ref_loginLanguageCode 8s linear infinite; }
body.reference-skin .login-language-bars{ height:20px; display:flex; align-items:end; gap:2px; }
body.reference-skin .login-language-bars i{ width:3px; border-radius:3px; background:linear-gradient(var(--cyan),rgba(53,215,255,.13)); box-shadow:0 0 6px rgba(53,215,255,.25); animation:ref_loginLanguageBars 2.4s ease-in-out infinite alternate; }
body.reference-skin .login-language-bars i:nth-child(2n){ animation-delay:.35s; }
body.reference-skin .login-language-scan{ position:absolute; z-index:3; top:0; bottom:0; width:34%; background:linear-gradient(90deg,transparent,rgba(53,215,255,.08),transparent); animation:ref_loginLanguageScan 3.8s ease-in-out infinite; }
@keyframes ref_loginLanguageCode { to { transform:translateX(-105%); } }
@keyframes ref_loginLanguageBars { to { transform:scaleY(.6); opacity:.55; } }
@keyframes ref_loginLanguageScan { from { left:-38%; } to { left:108%; } }
body.reference-skin .login-brand{ display: flex; align-items: center; justify-content: space-between; }
body.reference-skin .login-trade-sim{ display: none; }
body.reference-skin .sim-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(53,215,255,.18); border-radius: 999px; background: rgba(53,215,255,.07); color: #9eeaff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.reference-skin .sim-badge::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: ref_pulse 1.8s infinite; }
@keyframes ref_pulse { 50% { opacity: .35; transform: scale(.8); } }
body.reference-skin .login-hero{ display: grid; grid-template-columns: minmax(280px,.8fr) minmax(420px,1.2fr); gap: clamp(28px,4vw,64px); align-items: center; margin: 30px 0; }
body.reference-skin .hero-copy h1{ max-width: 650px; margin: 14px 0 18px; font-size: clamp(38px,4.4vw,72px); line-height: .98; letter-spacing: -.055em; }
body.reference-skin .hero-copy h1 em{ color: var(--yellow); font-style: normal; text-shadow: 0 0 30px rgba(247,200,67,.18); }
body.reference-skin .hero-copy p{ max-width: 600px; margin: 0; color: #a6b3c8; font-size: clamp(14px,1.25vw,18px); line-height: 1.75; }
body.reference-skin .hero-proof{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
body.reference-skin .proof-chip{ display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(14,22,36,.58); color: #b9c5d7; font-size: 12px; }
body.reference-skin .proof-chip svg{ width: 15px; color: var(--cyan); }
body.reference-skin .ai-stage{ position: relative; min-height: 470px; display: grid; place-items: center; isolation: isolate; }
body.reference-skin .ai-core{ position: relative; z-index: 3; width: min(88%, 560px); aspect-ratio: 1.36; overflow: hidden; border: 1px solid rgba(83,189,255,.34); border-radius: 32px; background: #07111e; box-shadow: 0 0 0 10px rgba(25,81,135,.06), 0 0 80px rgba(36,142,255,.22), inset 0 0 40px rgba(0,0,0,.5); }
body.reference-skin .ai-core img{ width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.08) brightness(.8); transform: scale(1.03); }
body.reference-skin .ai-core::before{ content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg, rgba(4,9,17,.8), transparent 25%, transparent 70%, rgba(6,11,20,.52)), linear-gradient(0deg, rgba(6,11,20,.72), transparent 35%); }
body.reference-skin .ai-core::after{ content: ""; position: absolute; z-index: 4; left: 0; right: 0; height: 2px; top: 10%; background: linear-gradient(90deg, transparent, rgba(53,215,255,.95), transparent); box-shadow: 0 0 18px rgba(53,215,255,.8); animation: ref_scan 4s ease-in-out infinite alternate; }
@keyframes ref_scan { to { top: 88%; } }
body.reference-skin .core-caption{ position: absolute; z-index: 5; left: 22px; right: 22px; bottom: 18px; display: flex; justify-content: space-between; align-items: end; }
body.reference-skin .core-caption strong{ display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
body.reference-skin .core-caption span{ display: block; margin-top: 5px; color: #80dff9; font: 10px Consolas, monospace; }
body.reference-skin .core-score{ display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 2px solid var(--green); background: rgba(6,17,25,.84); color: var(--green); font-weight: 800; box-shadow: 0 0 20px rgba(41,214,160,.18); }
body.reference-skin .core-orbit{ position: absolute; z-index: 1; width: 92%; aspect-ratio: 1; border: 1px solid rgba(53,215,255,.15); border-radius: 50%; animation: ref_orbit 28s linear infinite; }
body.reference-skin .core-orbit::before,body.reference-skin .core-orbit::after{ content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
body.reference-skin .core-orbit::before{ top: 15%; left: 12%; }
body.reference-skin .core-orbit::after{ right: 8%; bottom: 28%; background: var(--yellow); box-shadow: 0 0 18px var(--yellow); }
@keyframes ref_orbit { to { transform: rotate(360deg); } }
body.reference-skin .hud-card{ position: absolute; z-index: 6; min-width: 150px; padding: 12px 14px; border: 1px solid rgba(117,162,230,.22); border-radius: 14px; background: rgba(8,15,27,.82); box-shadow: 0 18px 40px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
body.reference-skin .hud-card small{ display: block; color: var(--muted); font: 9px Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
body.reference-skin .hud-card strong{ display: block; margin-top: 5px; font-size: 15px; }
body.reference-skin .hud-card .mini-bars{ display: flex; align-items: end; gap: 3px; height: 20px; margin-top: 8px; }
body.reference-skin .hud-card .mini-bars i{ width: 5px; border-radius: 4px; background: linear-gradient(var(--cyan), rgba(53,215,255,.15)); }
body.reference-skin .hud-a{ top: 4%; left: 0; animation: ref_floatA 5s ease-in-out infinite; }
body.reference-skin .hud-b{ right: -2%; top: 16%; animation: ref_floatB 6s ease-in-out infinite; }
body.reference-skin .hud-c{ left: 2%; bottom: 3%; animation: ref_floatB 7s ease-in-out infinite reverse; }
body.reference-skin .hud-d{ right: 0; bottom: 1%; animation: ref_floatA 5.5s ease-in-out infinite reverse; }
@keyframes ref_floatA { 50% { transform: translateY(-9px); } }
@keyframes ref_floatB { 50% { transform: translateY(8px); } }
body.reference-skin .login-foot{ display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--muted-2); font-size: 11px; }
body.reference-skin .system-line{ display: flex; align-items: center; gap: 9px; }
body.reference-skin .system-line i{ width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
body.reference-skin .login-side{ min-height: calc(100vh - 34px); display: grid; place-items: center; padding: 38px clamp(24px,4vw,64px); background: linear-gradient(180deg, rgba(13,20,32,.94), rgba(7,11,19,.98)); }
body.reference-skin .login-card{ width: min(100%, 470px); padding: clamp(26px,3vw,42px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(150deg, rgba(20,30,48,.94), rgba(10,16,27,.96)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.035); }
body.reference-skin .login-card-head{ margin-bottom: 30px; }
body.reference-skin .login-card-head .mobile-brand{ display: none; margin-bottom: 28px; }
body.reference-skin .login-card h2{ margin: 9px 0 9px; font-size: 30px; letter-spacing: -.035em; }
body.reference-skin .login-card p{ margin: 0; color: var(--muted); line-height: 1.65; font-size: 13px; }
body.reference-skin .form-grid{ display: grid; gap: 17px; }
body.reference-skin .form-group{ display: grid; gap: 8px; }
body.reference-skin .form-group label{ color: #c3ccda; font-size: 12px; font-weight: 700; }
body.reference-skin .input-hint{ display:block; color:var(--muted); font-size:8px; line-height:1.45; }
body.reference-skin .input-wrap{ position: relative; }
body.reference-skin .input-wrap svg{ position: absolute; left: 15px; top: 50%; width: 17px; transform: translateY(-50%); color: #6f7c92; pointer-events: none; }
body.reference-skin .input,body.reference-skin .select{ width: 100%; min-height: 50px; padding: 0 16px; border: 1px solid var(--line); outline: none; border-radius: 13px; background: rgba(5,10,18,.65); color: var(--text); transition: .2s; }
body.reference-skin .input.has-icon{ padding-left: 44px; }
body.reference-skin .input:focus,body.reference-skin .select:focus{ border-color: rgba(53,215,255,.45); box-shadow: 0 0 0 4px rgba(53,215,255,.06); }
body.reference-skin .input::placeholder{ color: #566176; }
body.reference-skin .password-toggle{ position: absolute; right: 10px; top: 50%; width: 34px; height: 34px; border: 0; background: transparent; transform: translateY(-50%); color: var(--muted); cursor: pointer; }
body.reference-skin .login-options{ display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 11px; }
body.reference-skin .btn{ min-height: 44px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 12px; cursor: pointer; font-weight: 750; transition: transform .2s, border-color .2s, background .2s, box-shadow .2s; }
body.reference-skin .btn:hover{ transform: translateY(-1px); }
body.reference-skin .btn:active{ transform: translateY(0); }
body.reference-skin .btn:disabled{ opacity: .55; cursor: not-allowed; transform: none; }
body.reference-skin .btn svg{ width: 17px; height: 17px; }
body.reference-skin .btn-primary{ background: linear-gradient(135deg, var(--yellow-2), var(--yellow)); color: #171203; box-shadow: 0 12px 30px rgba(247,200,67,.16); }
body.reference-skin .btn-primary:hover{ box-shadow: 0 15px 34px rgba(247,200,67,.24); }
body.reference-skin .btn-secondary{ border-color: var(--line); background: rgba(255,255,255,.035); }
body.reference-skin .btn-ghost{ border-color: transparent; background: transparent; color: var(--muted); }
body.reference-skin .btn-danger{ background: rgba(255,98,125,.1); border-color: rgba(255,98,125,.18); color: #ff93a6; }
body.reference-skin .btn-block{ width: 100%; min-height: 52px; }
body.reference-skin .login-security{ margin-top: 20px; padding: 14px; display: flex; gap: 11px; border: 1px solid rgba(41,214,160,.14); border-radius: 13px; background: rgba(41,214,160,.055); }
body.reference-skin .login-security svg{ flex: 0 0 auto; width: 18px; color: var(--green); }
body.reference-skin .login-security strong{ display: block; font-size: 11px; }
body.reference-skin .login-security span{ display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.5; }
body.reference-skin .security-suite{margin-top:20px;padding:15px;border:1px solid rgba(41,214,160,.18);border-radius:15px;background:linear-gradient(145deg,rgba(41,214,160,.07),rgba(53,215,255,.025))}
body.reference-skin .security-suite-head{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid rgba(41,214,160,.13)}
body.reference-skin .security-suite-head>svg{width:21px;color:var(--green)}
body.reference-skin .security-suite-head strong,body.reference-skin .security-suite-head span{display:block}
body.reference-skin .security-suite-head strong{font-size:12px}
body.reference-skin .security-suite-head span{margin-top:3px;color:var(--muted);font-size:9px}
body.reference-skin .security-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
body.reference-skin .security-checks>div{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid rgba(41,214,160,.1);border-radius:10px;background:rgba(3,13,19,.24)}
body.reference-skin .security-checks>div>svg{flex:0 0 auto;width:14px;height:14px;margin-top:1px;color:var(--green)}
body.reference-skin .security-checks span,body.reference-skin .security-checks strong,body.reference-skin .security-checks small{display:block}
body.reference-skin .security-checks strong{font-size:8px}
body.reference-skin .security-checks small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.45}
@media(max-width:520px){
body.reference-skin .security-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.reference-skin .security-suite{padding:13px}
body.reference-skin .security-checks>div{padding:8px 7px;gap:6px}
body.reference-skin .security-checks>div>svg{width:13px;height:13px}
body.reference-skin .security-checks strong{font-size:7.5px;line-height:1.3}
body.reference-skin .security-checks small{font-size:6.5px}}
@media(max-width:350px){
body.reference-skin .security-checks{grid-template-columns:1fr}}
body.reference-skin .demo-note{ margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 10px; line-height: 1.6; text-align: center; }
body.reference-skin .login-ai-console{ position: relative; isolation: isolate; overflow: hidden; margin-top: 18px; border: 1px solid rgba(53,215,255,.2); border-radius: 15px; background: radial-gradient(circle at 15% 48%,rgba(41,214,160,.12),transparent 31%),linear-gradient(145deg,rgba(5,18,29,.96),rgba(4,10,19,.98)); box-shadow: inset 0 0 24px rgba(53,215,255,.035),0 14px 34px rgba(0,0,0,.18); }
body.reference-skin .login-ai-console::before{ content: ""; position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(53,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.045) 1px,transparent 1px); background-size: 18px 18px; mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.5),transparent); animation: ref_loginAiGridDrift 8s linear infinite; }
body.reference-skin .login-ai-console::after{ content: ""; position: absolute; z-index: -1; width: 130px; height: 130px; right: -65px; bottom: -75px; border-radius: 50%; background: rgba(82,93,255,.13); filter: blur(30px); }
body.reference-skin .login-ai-console-head,body.reference-skin .login-ai-console-foot{ position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; }
body.reference-skin .login-ai-console-head{ padding: 9px 12px 8px; border-bottom: 1px solid rgba(53,215,255,.11); background: rgba(2,11,18,.42); }
body.reference-skin .login-ai-console-head div{ display: flex; align-items: center; gap: 7px; }
body.reference-skin .login-ai-console-head div>i{ width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 11px rgba(41,214,160,.95); animation: ref_loginAiPulse 1.8s ease-in-out infinite; }
body.reference-skin .login-ai-console-head strong{ color: #a9eefe; font: 700 7px/1.2 Consolas,'SFMono-Regular',monospace; letter-spacing: .18em; }
body.reference-skin .login-ai-console-head>b{ padding: 3px 6px; border: 1px solid rgba(41,214,160,.24); border-radius: 999px; background: rgba(41,214,160,.08); color: var(--green); font: 800 6px/1 Consolas,'SFMono-Regular',monospace; letter-spacing: .14em; }
body.reference-skin .login-ai-console-stage{ position: relative; min-height: 126px; display: grid; grid-template-columns: 82px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 12px; overflow: hidden; }
body.reference-skin .login-ai-orbit{ position: relative; width: 72px; height: 72px; display: grid; place-items: center; justify-self: center; border: 1px solid rgba(53,215,255,.18); border-radius: 50%; background: radial-gradient(circle,rgba(53,215,255,.2),rgba(5,16,26,.42) 46%,transparent 48%); box-shadow: 0 0 24px rgba(53,215,255,.1),inset 0 0 16px rgba(41,214,160,.08); }
body.reference-skin .login-ai-orbit::before,body.reference-skin .login-ai-orbit::after{ content: ""; position: absolute; border-radius: 50%; }
body.reference-skin .login-ai-orbit::before{ inset: -7px; border: 1px dashed rgba(53,215,255,.25); animation: ref_loginAiCoreSpin 11s linear infinite; }
body.reference-skin .login-ai-orbit::after{ inset: 8px; border: 1px solid rgba(41,214,160,.18); box-shadow: 0 0 10px rgba(41,214,160,.1); }
body.reference-skin .login-ai-orbit span{ z-index: 2; color: #ddf9ff; font: 900 17px/1 Inter,Arial,sans-serif; letter-spacing: -.04em; text-shadow: 0 0 13px rgba(53,215,255,.85); }
body.reference-skin .login-ai-orbit img{ position: relative; z-index: 2; width: 52px; height: 52px; object-fit: cover; border: 1px solid rgba(53,215,255,.42); border-radius: 50%; filter: saturate(.94) contrast(1.08) brightness(.92); box-shadow: 0 0 18px rgba(53,215,255,.32), inset 0 0 12px rgba(41,214,160,.12); }
body.reference-skin .login-ai-orbit>i{ position: absolute; inset: -7px; border-radius: 50%; animation: ref_loginAiCoreSpin 3.8s linear infinite; }
body.reference-skin .login-ai-orbit>i::after{ content: ""; position: absolute; top: 2px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 11px var(--cyan); }
body.reference-skin .login-ai-orbit>b{ position: absolute; width: 3px; height: 3px; right: 10px; bottom: 14px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); animation: ref_loginAiPulse 1.4s ease-in-out infinite reverse; }
body.reference-skin .login-ai-code{ min-width: 0; display: grid; gap: 7px; }
body.reference-skin .login-ai-code-line{ position: relative; overflow: hidden; padding: 6px 0 6px 8px; border-left: 2px solid rgba(53,215,255,.45); border-radius: 0 7px 7px 0; background: linear-gradient(90deg,rgba(53,215,255,.065),transparent); mask-image: linear-gradient(90deg,transparent,#000 7%,#000 88%,transparent); }
body.reference-skin .login-ai-code-line>div{ width: max-content; display: flex; gap: 24px; animation: ref_loginAiMarquee 12s linear infinite; }
body.reference-skin .login-ai-code-line:nth-child(2)>div{ animation-duration: 15s; animation-direction: reverse; }
body.reference-skin .login-ai-code-line:nth-child(3)>div{ animation-duration: 13s; }
body.reference-skin .login-ai-code-line span{ color: #77dff5; font: 600 6px/1.2 Consolas,'SFMono-Regular',monospace; letter-spacing: .055em; white-space: nowrap; }
body.reference-skin .login-ai-code-line:nth-child(2) span{ color: #79e9c6; }
body.reference-skin .login-ai-code-line:nth-child(3) span{ color: #d0bfff; }
body.reference-skin .login-ai-scan{ position: absolute; z-index: 2; left: 0; right: 0; top: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(53,215,255,.85),transparent); box-shadow: 0 0 11px rgba(53,215,255,.7); animation: ref_loginAiScan 4.2s ease-in-out infinite; }
body.reference-skin .login-ai-console-foot{ gap: 8px; padding: 7px 12px 8px; border-top: 1px solid rgba(53,215,255,.1); color: #66869a; font: 700 5px/1.2 Consolas,'SFMono-Regular',monospace; letter-spacing: .1em; }
body.reference-skin .login-ai-console-foot span{ display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
body.reference-skin .login-ai-console-foot span::before{ content: ""; width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 6px rgba(53,215,255,.8); }
@keyframes ref_loginAiGridDrift { to { background-position: 18px 18px; } }
@keyframes ref_loginAiCoreSpin { to { transform: rotate(360deg); } }
@keyframes ref_loginAiPulse { 0%,100% { opacity: .38; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.18); } }
@keyframes ref_loginAiMarquee { to { transform: translateX(calc(-50% - 12px)); } }
@keyframes ref_loginAiScan { 0%,100% { transform: translateY(-8px); opacity: 0; } 15%,85% { opacity: .8; } 50% { transform: translateY(138px); opacity: .95; } }
@media(max-width:520px) {
body.reference-skin .login-ai-console-stage{ min-height: 118px; grid-template-columns: 66px minmax(0,1fr); gap: 8px; padding: 9px 10px; }
body.reference-skin .login-ai-orbit{ width: 57px; height: 57px; }
body.reference-skin .login-ai-orbit span{ font-size: 14px; }
body.reference-skin .login-ai-orbit img{ width: 43px; height: 43px; }
body.reference-skin .login-ai-code{ gap: 6px; }
body.reference-skin .login-ai-code-line{ padding: 5px 0 5px 7px; }
body.reference-skin .login-ai-code-line span{ font-size: 5.5px; }
body.reference-skin .login-ai-console-head{ padding-inline: 10px; }
body.reference-skin .login-ai-console-foot{ padding-inline: 10px; font-size: 4.7px; }
}
body.reference-skin .app-shell{ min-height: 100vh; display: grid; grid-template-columns: 260px minmax(0,1fr); background: linear-gradient(135deg, rgba(10,15,25,.96), rgba(5,8,14,.98)); }
body.reference-skin .sidebar{ position: sticky; top: 0; height: 100vh; padding: 24px 18px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: rgba(7,11,19,.86); backdrop-filter: blur(24px); }
body.reference-skin .sidebar .brand{ padding: 0 8px 26px; border-bottom: 1px solid var(--line); }
body.reference-skin .nav{ display: grid; gap: 7px; margin-top: 24px; }
body.reference-skin .nav-item{ width: 100%; min-height: 46px; padding: 0 13px; display: flex; align-items: center; gap: 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--muted); cursor: pointer; text-align: left; font-weight: 650; }
body.reference-skin .nav-item svg{ width: 18px; }
body.reference-skin .nav-item:hover{ color: var(--text); background: rgba(255,255,255,.03); }
body.reference-skin .nav-item.active{ color: var(--text); border-color: rgba(247,200,67,.16); background: linear-gradient(90deg, rgba(247,200,67,.12), rgba(247,200,67,.03)); }
body.reference-skin .nav-item.active svg{ color: var(--yellow); }
body.reference-skin .sidebar-bottom{ margin-top: auto; }
body.reference-skin .ai-mini-status{ padding: 14px; border: 1px solid rgba(53,215,255,.14); border-radius: 15px; background: linear-gradient(145deg, rgba(53,215,255,.08), rgba(79,124,255,.03)); }
body.reference-skin .ai-mini-head{ display: flex; align-items: center; justify-content: space-between; }
body.reference-skin .ai-mini-head strong{ font-size: 11px; }
body.reference-skin .live-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: ref_pulse 1.8s infinite; }
body.reference-skin .ai-mini-status p{ margin: 8px 0 10px; color: var(--muted); font-size: 10px; line-height: 1.5; }
body.reference-skin .ai-mini-meter{ height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
body.reference-skin .ai-mini-meter i{ display: block; width: 84%; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--blue)); border-radius: inherit; animation: ref_meter 2.8s ease-in-out infinite alternate; }
@keyframes ref_meter { to { width: 96%; } }
body.reference-skin .sidebar-user{ margin-top: 13px; padding: 10px 8px 0; display: flex; align-items: center; gap: 10px; }
body.reference-skin .avatar{ width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(109,140,191,.25); border-radius: 12px; background: linear-gradient(145deg, #1e2b43, #101827); color: #dce7f6; font-size: 12px; font-weight: 800; }
body.reference-skin .sidebar-user-copy{ min-width: 0; flex: 1; }
body.reference-skin .sidebar-user-copy strong,body.reference-skin .sidebar-user-copy span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.reference-skin .sidebar-user-copy strong{ font-size: 11px; }
body.reference-skin .sidebar-user-copy span{ margin-top: 3px; color: var(--muted); font-size: 9px; }
body.reference-skin .icon-button{ width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); color: var(--muted); cursor: pointer; }
body.reference-skin .icon-button svg{ width: 17px; }
body.reference-skin .notification-toggle{ position:relative; transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease; }
body.reference-skin .notification-toggle.active{ border-color:rgba(41,214,160,.42); background:rgba(41,214,160,.1); color:var(--green); box-shadow:0 0 22px rgba(41,214,160,.12); }
body.reference-skin .notification-toggle.active::after{ content:""; position:absolute; top:5px; right:5px; width:6px; height:6px; border:2px solid #0b1320; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
body.reference-skin .notification-toggle:disabled{ opacity:.6; cursor:wait; }
body.reference-skin .notification-help{ display:flex; align-items:flex-start; gap:13px; padding:16px; border:1px solid rgba(41,214,160,.2); border-radius:14px; background:rgba(41,214,160,.06); }
body.reference-skin .notification-help > svg{ flex:0 0 auto; width:22px; color:var(--green); }
body.reference-skin .notification-help strong,body.reference-skin .notification-help span{ display:block; }
body.reference-skin .notification-help strong{ font-size:12px; }
body.reference-skin .notification-help span{ margin-top:6px; color:var(--muted); font-size:10px; line-height:1.7; }
body.reference-skin .app-main{ min-width: 0; padding: 22px clamp(18px,3vw,42px) 50px; }
body.reference-skin .topbar{ min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
body.reference-skin .page-title span{ display: block; color: var(--muted); font-size: 11px; }
body.reference-skin .page-title h1{ margin: 5px 0 0; font-size: clamp(22px,2.1vw,31px); letter-spacing: -.035em; }
body.reference-skin .top-actions{ display: flex; align-items: center; gap: 10px; }
body.reference-skin .clock-chip{ min-height: 39px; padding: 0 13px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); font: 10px Consolas, monospace; }
body.reference-skin .clock-chip i{ width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
body.reference-skin .content-stack{ display: grid; gap: 18px; margin-top: 14px; }
body.reference-skin .grid{ display: grid; gap: 18px; }
body.reference-skin .grid-hero{ grid-template-columns: minmax(0,1.55fr) minmax(330px,.75fr); }
body.reference-skin .grid-2{ grid-template-columns: repeat(2,minmax(0,1fr)); }
body.reference-skin .grid-3{ grid-template-columns: repeat(3,minmax(0,1fr)); }
body.reference-skin .grid-4{ grid-template-columns: repeat(4,minmax(0,1fr)); }
body.reference-skin .card{ position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(18,27,43,.9), rgba(10,16,27,.88)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
body.reference-skin .card-pad{ padding: 22px; }
body.reference-skin .card-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
body.reference-skin .card-head h2,body.reference-skin .card-head h3{ margin: 0; font-size: 16px; letter-spacing: -.015em; }
body.reference-skin .card-head p{ margin: 5px 0 0; color: var(--muted); font-size: 10px; }
body.reference-skin .card-action{ color: var(--muted); font-size: 10px; }
body.reference-skin .portfolio-card{ padding: clamp(22px,3vw,34px); background: radial-gradient(circle at 82% 18%, rgba(53,215,255,.11), transparent 30%), radial-gradient(circle at 15% 100%, rgba(139,92,246,.09), transparent 35%), linear-gradient(145deg, rgba(18,28,46,.96), rgba(9,15,26,.96)); }
body.reference-skin .portfolio-card::before{ content: ""; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border: 1px solid rgba(53,215,255,.08); border-radius: 50%; box-shadow: 0 0 0 28px rgba(53,215,255,.025), 0 0 0 58px rgba(53,215,255,.015); }
body.reference-skin .portfolio-top{ position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 20px; }
body.reference-skin .portfolio-label{ color: var(--muted); font-size: 11px; }
body.reference-skin .portfolio-value{ margin-top: 7px; font-size: clamp(32px,4vw,54px); font-weight: 780; letter-spacing: -.055em; }
body.reference-skin .portfolio-currency{ color: var(--muted); font-size: 15px; font-weight: 600; }
body.reference-skin .return-pill{ display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 7px 10px; border-radius: 9px; background: rgba(41,214,160,.09); color: var(--green); font-size: 11px; font-weight: 750; }
body.reference-skin .ai-control-chip{ height: fit-content; padding: 9px 12px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(53,215,255,.17); border-radius: 11px; background: rgba(53,215,255,.06); color: #a6ecff; font-size: 10px; font-weight: 700; }
body.reference-skin .ai-control-chip i{ width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
body.reference-skin .portfolio-side-actions{ position:relative; z-index:2; display:grid; justify-items:end; align-content:start; gap:9px; }
body.reference-skin .withdrawal-entry-button{ width:154px; min-height:54px; padding:9px 12px; display:grid; grid-template-columns:22px 1fr; grid-template-rows:auto auto; column-gap:9px; align-items:center; border:1px solid rgba(247,200,67,.28); border-radius:13px; background:linear-gradient(135deg,rgba(247,200,67,.12),rgba(247,168,47,.05)); color:var(--yellow); cursor:pointer; text-align:left; box-shadow:0 12px 30px rgba(0,0,0,.16); }
body.reference-skin .withdrawal-entry-button > svg{ grid-row:1/3; width:20px; }
body.reference-skin .withdrawal-entry-button span,body.reference-skin .withdrawal-entry-button small{ display:block; min-width:0; }
body.reference-skin .withdrawal-entry-button span{ font-size:10px; font-weight:800; }
body.reference-skin .withdrawal-entry-button small{ color:var(--muted); font-size:7px; }
body.reference-skin .withdrawal-pending-line{ width:fit-content; margin-top:8px; display:flex; align-items:center; gap:6px; color:var(--yellow); font-size:9px; }
body.reference-skin .withdrawal-pending-line svg{ width:13px; }
body.reference-skin .chart-wrap{ position: relative; height: 220px; margin: 16px -4px 0; }
body.reference-skin .chart-wrap svg{ width: 100%; height: 100%; overflow: visible; }
body.reference-skin .chart-grid line{ stroke: rgba(144,166,204,.08); stroke-width: 1; }
body.reference-skin .chart-line{ fill: none; stroke: var(--cyan); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(53,215,255,.3)); }
body.reference-skin .chart-area{ fill: url(#areaGradient); }
body.reference-skin .chart-point{ fill: var(--panel-strong); stroke: var(--cyan); stroke-width: 3; }
body.reference-skin .chart-labels{ display: flex; justify-content: space-between; color: var(--muted-2); font-size: 9px; }
body.reference-skin .range-switch{ display: flex; align-items: center; gap: 5px; }
body.reference-skin .range-switch button{ min-width: 34px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 9px; cursor: pointer; }
body.reference-skin .range-switch button.active{ background: rgba(255,255,255,.07); color: var(--text); }
body.reference-skin .fx-strip{ position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 20px; }
body.reference-skin .fx-box{ padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(3,8,15,.34); }
body.reference-skin .fx-box span{ display: block; color: var(--muted); font-size: 9px; }
body.reference-skin .fx-box strong{ display: block; margin-top: 4px; font-size: 12px; }
body.reference-skin .ai-command{ padding: 22px; background: radial-gradient(circle at 50% -10%, rgba(79,124,255,.18), transparent 45%), linear-gradient(160deg, rgba(16,27,46,.96), rgba(7,13,23,.96)); }
body.reference-skin .ai-command::after{ content: ""; position: absolute; inset: 0; opacity: .1; background-image: linear-gradient(rgba(53,215,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(53,215,255,.2) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, black, transparent); pointer-events: none; }
body.reference-skin .ai-command > *{ position: relative; z-index: 2; }
body.reference-skin .ai-mode-toggle{ display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid rgba(255,98,125,.25); border-radius:12px; background:rgba(255,98,125,.07); color:var(--muted); font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
body.reference-skin .ai-mode-toggle i{ position:relative; width:30px; height:17px; border-radius:99px; background:rgba(255,255,255,.12); transition:.2s ease; }
body.reference-skin .ai-mode-toggle i::after{ content:""; position:absolute; width:11px; height:11px; left:3px; top:3px; border-radius:50%; background:#aab7c8; transition:.2s ease; }
body.reference-skin .ai-mode-toggle.enabled{ border-color:rgba(41,214,160,.28); background:rgba(41,214,160,.08); color:var(--green); }
body.reference-skin .ai-mode-toggle.enabled i{ background:rgba(41,214,160,.35); }
body.reference-skin .ai-mode-toggle.enabled i::after{ left:16px; background:var(--green); box-shadow:0 0 10px rgba(41,214,160,.65); }
body.reference-skin .ai-mode-toggle.paused{ border-color:rgba(247,200,67,.3); background:rgba(247,200,67,.08); color:var(--yellow); }
body.reference-skin .ai-mode-toggle.paused b{ color:#ffe58e; font:inherit; }
body.reference-skin .ai-mode-toggle:disabled{ opacity:.55; cursor:wait; }
body.reference-skin .ai-command.ai-paused .ai-orb{ filter:grayscale(.8); opacity:.65; }
body.reference-skin .ai-pause-note{ display:flex; align-items:flex-start; gap:10px; margin:14px 0 4px; padding:11px 12px; border:1px solid rgba(247,200,67,.22); border-radius:12px; background:rgba(247,200,67,.06); }
body.reference-skin .ai-pause-note svg{ flex:0 0 auto; width:17px; color:var(--yellow); }
body.reference-skin .ai-pause-note strong,body.reference-skin .ai-pause-note span{ display:block; }
body.reference-skin .ai-pause-note strong{ color:#f7d96f; font-size:9px; }
body.reference-skin .ai-pause-note span{ margin-top:3px; color:#a8b4c8; font-size:8px; line-height:1.5; }
body.reference-skin .ai-pause-note b{ color:#ffe58e; font:800 9px Consolas,monospace; }
body.reference-skin .live-price-badge{ display:inline-flex; align-items:center; gap:6px; color:var(--green); font-size:8px; font-weight:800; }
body.reference-skin .live-price-badge i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); }
body.reference-skin .market-source{ margin-top:14px; color:var(--muted); font-size:8px; text-align:right; }
body.reference-skin #markets .market-list{ max-height:620px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(53,215,255,.38) rgba(255,255,255,.04); padding-right:8px; }
body.reference-skin #markets .market-list::-webkit-scrollbar{ width:7px; }
body.reference-skin #markets .market-list::-webkit-scrollbar-track{ background:rgba(255,255,255,.04); border-radius:99px; }
body.reference-skin #markets .market-list::-webkit-scrollbar-thumb{ background:linear-gradient(var(--cyan),var(--blue)); border-radius:99px; }
@media (max-width:680px) {
body.reference-skin #markets .market-list{ max-height:540px; padding-right:5px; } }
body.reference-skin .owned-assets{ border-color:rgba(247,200,67,.18); }
body.reference-skin .cash-badge{ min-width:145px; padding:10px 13px; border:1px solid rgba(247,200,67,.2); border-radius:12px; background:rgba(247,200,67,.06); text-align:right; }
body.reference-skin .cash-badge span{ display:block; color:var(--muted); font-size:8px; }
body.reference-skin .cash-badge strong{ display:block; margin-top:4px; color:var(--yellow); font-size:15px; }
body.reference-skin .owned-list{ display:grid; gap:9px; margin-top:16px; }
body.reference-skin .owned-row{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:14px; padding:12px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.02); }
body.reference-skin .owned-value{ text-align:right; }
body.reference-skin .owned-value strong,body.reference-skin .owned-value span{ display:block; }
body.reference-skin .owned-value span{ margin-top:4px; font-size:9px; }
body.reference-skin .trade-buy-btn,body.reference-skin .trade-sell-btn{ border:1px solid rgba(41,214,160,.3); border-radius:10px; background:rgba(41,214,160,.09); color:var(--green); font:inherit; font-size:9px; font-weight:900; cursor:pointer; padding:9px 13px; }
body.reference-skin .trade-sell-btn{ border-color:rgba(255,98,125,.28); background:rgba(255,98,125,.08); color:var(--red); }
body.reference-skin .trade-buy-btn:hover,body.reference-skin .trade-sell-btn:hover{ filter:brightness(1.2); transform:translateY(-1px); }
body.reference-skin .scan-buy-btn{ border:1px solid rgba(41,214,160,.32); border-radius:9px; background:rgba(41,214,160,.1); color:var(--green); font:inherit; font-size:9px; font-weight:900; padding:8px 12px; cursor:pointer; }
body.reference-skin .ai-stat-button{ color:inherit; font:inherit; cursor:pointer; transition:border-color .2s,transform .2s,background .2s; }
body.reference-skin .ai-stat-button:hover,body.reference-skin .ai-stat-button:focus-visible{ border-color:rgba(53,215,255,.35); background:rgba(53,215,255,.07); transform:translateY(-2px); outline:none; }
body.reference-skin .ai-stat-button small{ display:block; margin-top:5px; color:var(--cyan); font-size:7px; opacity:.8; }
body.reference-skin .ai-detail-hero{ display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:20px; padding:18px; border:1px solid rgba(53,215,255,.18); border-radius:16px; background:linear-gradient(135deg,rgba(53,215,255,.08),rgba(79,124,255,.04)); }
body.reference-skin .ai-detail-hero>div{ width:100px;height:100px;display:grid;place-content:center;text-align:center;border:1px solid rgba(53,215,255,.25);border-radius:50%;background:radial-gradient(circle,rgba(53,215,255,.18),transparent 68%); }
body.reference-skin .ai-detail-hero strong{font-size:24px}
body.reference-skin .ai-detail-hero span{margin-top:4px;color:var(--cyan);font-size:7px;font-weight:800}
body.reference-skin .ai-detail-hero p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}
body.reference-skin .ai-detail-list{display:grid;gap:9px;margin-top:16px}
body.reference-skin .ai-detail-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
body.reference-skin .ai-detail-row i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(53,215,255,.08);color:var(--cyan);font-size:8px;font-style:normal;font-weight:800}
body.reference-skin .ai-detail-row strong,body.reference-skin .ai-detail-row span{display:block}
body.reference-skin .ai-detail-row strong{font-size:10px}
body.reference-skin .ai-detail-row span{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:520px){
body.reference-skin .ai-detail-hero{grid-template-columns:1fr;text-align:center}
body.reference-skin .ai-detail-hero>div{margin:auto}
body.reference-skin .ai-stats{gap:6px}
body.reference-skin .ai-stat-button{padding:9px 4px}
body.reference-skin .ai-stat-button small{font-size:6px}}
body.reference-skin .modal.news-modal{height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden}
body.reference-skin .news-modal .modal-head{position:relative;flex:0 0 auto}
body.reference-skin .news-modal .modal-body{min-height:0;flex:1;display:flex;overflow:hidden}
body.reference-skin .news-feed,body.reference-skin .news-detail-view{min-height:0;width:100%}
body.reference-skin .news-feed{display:flex;flex-direction:column}
body.reference-skin .news-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}
body.reference-skin .news-toolbar>div small{display:block;margin-top:5px;color:var(--muted);font-size:8px}
body.reference-skin .news-auto-window{position:relative;min-height:0;flex:1;overflow:hidden;border-radius:16px}
body.reference-skin .news-auto-window::before,body.reference-skin .news-auto-window::after{content:"";position:absolute;z-index:2;left:0;right:0;height:42px;pointer-events:none}
body.reference-skin .news-auto-window::before{top:0;background:linear-gradient(#0e1828,transparent)}
body.reference-skin .news-auto-window::after{bottom:0;background:linear-gradient(transparent,#0e1828)}
body.reference-skin .news-list{height:100%;display:grid;align-content:start;gap:9px;overflow-x:hidden;overflow-y:auto;padding:5px 4px 42px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
body.reference-skin .news-list::-webkit-scrollbar,body.reference-skin .news-detail-view::-webkit-scrollbar{display:none;width:0;height:0}
body.reference-skin .news-card{width:100%;padding:15px 16px;text-align:left;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(53,215,255,.015));color:inherit;font:inherit;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
body.reference-skin .news-card:hover,body.reference-skin .news-card:focus-visible,body.reference-skin .news-card.active{border-color:rgba(53,215,255,.36);background:linear-gradient(135deg,rgba(53,215,255,.08),rgba(41,214,160,.035));transform:translateY(-1px)}
body.reference-skin .news-card strong,body.reference-skin .news-card small,body.reference-skin .news-source{display:block}
body.reference-skin .news-source{color:var(--cyan);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body.reference-skin .news-card strong{margin-top:8px;font-size:11px;line-height:1.48}
body.reference-skin .news-card-foot{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.reference-skin .news-card small{color:var(--muted);font-size:8px}
body.reference-skin .news-card-foot b{color:var(--yellow);font-size:8px;font-weight:800}
body.reference-skin .news-detail-view{overflow-y:auto;padding:1px 4px 18px;scrollbar-width:none;-ms-overflow-style:none}
body.reference-skin .news-back-button{margin-bottom:12px;padding:8px 0;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--cyan);font:800 9px/1 Inter,Arial,sans-serif;cursor:pointer}
body.reference-skin .news-back-button svg{width:15px}
body.reference-skin .news-detail{padding:24px;border:1px solid rgba(53,215,255,.16);border-radius:16px;background:radial-gradient(circle at 90% 0,rgba(53,215,255,.09),transparent 35%),rgba(255,255,255,.02)}
body.reference-skin .news-detail-meta{display:flex;justify-content:space-between;gap:12px;color:var(--cyan);font-size:8px;font-weight:800;text-transform:uppercase}
body.reference-skin .news-detail h2{margin:18px 0 0;font-size:24px;line-height:1.25}
body.reference-skin .news-detail p{margin:20px 0 0;color:#c1cddd;font-size:11px;line-height:1.85}
body.reference-skin .news-disclaimer{margin-top:24px;padding:12px;border-left:2px solid var(--yellow);background:rgba(247,200,67,.04);color:var(--muted);font-size:8px;line-height:1.6}
body.reference-skin .news-source-link{margin-top:22px;text-decoration:none}
@media(max-width:760px){
body.reference-skin .modal-backdrop:has(.news-modal){padding:8px}
body.reference-skin .modal.news-modal{height:calc(100svh - 16px);max-height:calc(100svh - 16px);border-radius:18px}
body.reference-skin .news-modal .modal-head{padding:16px}
body.reference-skin .news-modal .modal-body{padding:14px}
body.reference-skin .news-toolbar{gap:8px;margin-bottom:10px;padding:10px}
body.reference-skin .news-toolbar .btn{padding:9px}
body.reference-skin .news-toolbar>div small{max-width:210px;line-height:1.4}
body.reference-skin .news-card{padding:13px}
body.reference-skin .news-card strong{font-size:10px}
body.reference-skin .news-detail{padding:18px}
body.reference-skin .news-detail h2{font-size:19px}
body.reference-skin .news-detail p{font-size:10px}
body.reference-skin .news-detail-meta{align-items:flex-start;flex-direction:column}}
body.reference-skin .realized-summary{margin-top:16px;padding:16px;border:1px solid rgba(53,215,255,.16);border-radius:14px;background:linear-gradient(135deg,rgba(53,215,255,.06),rgba(41,214,160,.03))}
body.reference-skin .realized-summary span,body.reference-skin .realized-summary strong,body.reference-skin .realized-summary small{display:block}
body.reference-skin .realized-summary span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
body.reference-skin .realized-summary strong{margin-top:7px;font-size:22px}
body.reference-skin .realized-summary small{margin-top:5px;color:var(--muted);font-size:8px}
body.reference-skin .realized-results{display:grid;gap:11px;margin-top:15px}
body.reference-skin .realized-card{padding:15px;border:1px solid rgba(41,214,160,.18);border-radius:14px;background:rgba(41,214,160,.025)}
body.reference-skin .realized-card.loss{border-color:rgba(255,98,125,.18);background:rgba(255,98,125,.025)}
body.reference-skin .realized-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
body.reference-skin .realized-head span,body.reference-skin .realized-head strong{display:block}
body.reference-skin .realized-head span{color:var(--muted);font-size:8px}
body.reference-skin .realized-head strong{margin-top:5px;font-size:11px}
body.reference-skin .realized-head b{font-size:15px}
body.reference-skin .realized-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px;margin-top:13px}
body.reference-skin .realized-assets>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
body.reference-skin .realized-assets span,body.reference-skin .realized-assets strong,body.reference-skin .realized-assets small{display:block}
body.reference-skin .realized-assets span{font-size:8px;font-weight:800}
body.reference-skin .realized-assets span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%}
body.reference-skin .realized-assets strong{margin-top:5px;font-size:11px}
body.reference-skin .realized-assets small{margin-top:4px;color:var(--muted);font-size:7px}
body.reference-skin .realized-card>p{margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
body.reference-skin .trade-market-row{ grid-template-columns:minmax(0,1fr) auto auto; }
@media(max-width:680px){
body.reference-skin .owned-row{grid-template-columns:minmax(0,1fr) auto}
body.reference-skin .owned-value{grid-column:2}
body.reference-skin .trade-sell-btn{grid-column:1/-1;width:100%}
body.reference-skin .cash-badge{min-width:120px}
body.reference-skin .trade-market-row{grid-template-columns:minmax(0,1fr) auto}
body.reference-skin .trade-market-row .market-cell{grid-column:1}
body.reference-skin .trade-market-row .trade-buy-btn{grid-column:2;grid-row:1/3}}
body.reference-skin .ai-orb{ position: relative; width: 98px; height: 98px; margin: 8px auto 18px; display: grid; place-items: center; border: 1px solid rgba(53,215,255,.22); border-radius: 50%; background: radial-gradient(circle, rgba(53,215,255,.23), rgba(79,124,255,.06) 50%, transparent 51%); box-shadow: 0 0 50px rgba(53,215,255,.12); }
body.reference-skin .ai-orb::before,body.reference-skin .ai-orb::after{ content: ""; position: absolute; inset: -10px; border: 1px dashed rgba(53,215,255,.22); border-radius: 50%; animation: ref_orbit 12s linear infinite; }
body.reference-skin .ai-orb::after{ inset: 10px; border-style: solid; animation-direction: reverse; animation-duration: 8s; }
body.reference-skin .ai-orb span{ width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--cyan); color: #06101b; font-weight: 900; box-shadow: 0 0 22px rgba(53,215,255,.5); }
body.reference-skin .ai-command-title{ text-align: center; }
body.reference-skin .ai-command-title h3{ margin: 0; font-size: 18px; }
body.reference-skin .ai-command-title p{ margin: 7px auto 0; max-width: 300px; color: var(--muted); font-size: 10px; line-height: 1.6; }
body.reference-skin .ai-stats{ display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 19px; }
body.reference-skin .ai-stat{ padding: 10px 7px; border: 1px solid var(--line); border-radius: 11px; background: rgba(2,7,14,.32); text-align: center; }
body.reference-skin .ai-stat strong{ display: block; font-size: 14px; }
body.reference-skin .ai-stat span{ display: block; margin-top: 4px; color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
body.reference-skin .scan-feed{ margin-top: 15px; display: grid; gap: 8px; }
body.reference-skin .scan-row{ padding: 9px 10px; display: grid; grid-template-columns: 1fr auto; gap: 8px; border-left: 2px solid var(--cyan); background: rgba(255,255,255,.025); }
body.reference-skin .scan-row strong{ display: block; font-size: 10px; }
body.reference-skin .scan-row span{ display: block; margin-top: 3px; color: var(--muted); font-size: 8px; }
body.reference-skin .scan-row b{ align-self: center; color: var(--green); font-size: 9px; }
body.reference-skin .kpi{ padding: 18px; }
body.reference-skin .kpi-icon{ width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); color: var(--yellow); }
body.reference-skin .kpi-icon svg{ width: 18px; }
body.reference-skin .kpi-top{ display: flex; justify-content: space-between; }
body.reference-skin .kpi-label{ margin-top: 17px; color: var(--muted); font-size: 10px; }
body.reference-skin .kpi-value{ margin-top: 5px; font-size: 24px; font-weight: 780; letter-spacing: -.035em; }
body.reference-skin .kpi-trend{ margin-top: 8px; color: var(--green); font-size: 9px; }
body.reference-skin .kpi-link{ width:100%; border:1px solid var(--line); color:inherit; font:inherit; text-align:left; cursor:pointer; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
body.reference-skin .kpi-link:hover,body.reference-skin .kpi-link:focus-visible{ border-color:rgba(247,200,67,.34); transform:translateY(-2px); box-shadow:0 14px 36px rgba(0,0,0,.22); outline:none; }
body.reference-skin .kpi-open{ display:block; margin-top:12px; color:var(--yellow); font-size:9px; font-weight:750; }
body.reference-skin [hidden]{ display:none !important; }
body.reference-skin .settings-page{ display:block; }
body.reference-skin .settings-page .card-head > svg{ width:22px; color:var(--yellow); }
body.reference-skin .settings-list{ display:grid; gap:0; margin-bottom:20px; }
body.reference-skin .settings-list > div{ padding:14px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
body.reference-skin .settings-list span{ color:var(--muted); font-size:10px; }
body.reference-skin .settings-list strong{ font-size:11px; text-align:right; }
body.reference-skin .market-list,body.reference-skin .activity-list,body.reference-skin .user-list{ display: grid; }
body.reference-skin .market-row{ min-height: 70px; padding: 11px 0; display: grid; grid-template-columns: minmax(155px,1.2fr) minmax(90px,.7fr) minmax(90px,.6fr) minmax(100px,.7fr); align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
body.reference-skin .market-row:last-child{ border-bottom: 0; }
body.reference-skin .asset-id{ min-width: 0; display: flex; align-items: center; gap: 11px; }
body.reference-skin .coin{ flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #07101b; font-size: 12px; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
body.reference-skin .asset-copy{ min-width: 0; }
body.reference-skin .asset-copy strong,body.reference-skin .asset-copy span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.reference-skin .asset-copy strong{ font-size: 12px; }
body.reference-skin .asset-copy span{ margin-top: 4px; color: var(--muted); font-size: 9px; }
body.reference-skin .market-cell{ text-align: right; }
body.reference-skin .market-cell strong{ display: block; font-size: 12px; }
body.reference-skin .market-cell span{ display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
body.reference-skin .allocation-bar{ height: 5px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }
body.reference-skin .allocation-bar i{ display: block; height: 100%; border-radius: inherit; }
body.reference-skin .mobile-only{ display: none; }
body.reference-skin .donut-layout{ display: grid; grid-template-columns: 155px minmax(0,1fr); align-items: center; gap: 22px; }
body.reference-skin .donut{ position: relative; width: 145px; height: 145px; border-radius: 50%; background: conic-gradient(var(--segments)); }
body.reference-skin .donut::after{ content: ""; position: absolute; inset: 23px; border-radius: 50%; background: #101827; box-shadow: inset 0 0 0 1px var(--line); }
body.reference-skin .donut-center{ position: absolute; z-index: 2; inset: 0; display: grid; place-content: center; text-align: center; }
body.reference-skin .donut-center strong{ font-size: 19px; }
body.reference-skin .donut-center span{ color: var(--muted); font-size: 8px; }
body.reference-skin .legend{ display: grid; gap: 9px; }
body.reference-skin .legend-row{ display: grid; grid-template-columns: 8px 1fr auto; gap: 8px; align-items: center; font-size: 10px; }
body.reference-skin .legend-row i{ width: 8px; height: 8px; border-radius: 3px; }
body.reference-skin .legend-row span{ color: var(--muted); }
body.reference-skin .insight-card{ padding: 22px; background: radial-gradient(circle at 100% 0, rgba(139,92,246,.15), transparent 38%), linear-gradient(145deg, rgba(20,27,48,.94), rgba(10,16,27,.93)); }
body.reference-skin .insight-head{ display: flex; align-items: center; gap: 12px; }
body.reference-skin .insight-icon{ width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.25); border-radius: 13px; background: rgba(139,92,246,.11); color: #b79bff; }
body.reference-skin .insight-icon svg{ width: 21px; }
body.reference-skin .insight-head h3{ margin: 0; font-size: 14px; }
body.reference-skin .insight-head p{ margin: 4px 0 0; color: var(--muted); font-size: 9px; }
body.reference-skin .insight-body{ margin-top: 17px; color: #b9c4d5; font-size: 11px; line-height: 1.75; }
body.reference-skin .insight-tags{ display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
body.reference-skin .insight-tags span{ padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 8px; }
body.reference-skin .activity-row{ padding: 13px 0; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }
body.reference-skin .activity-row:last-child{ border-bottom: 0; }
body.reference-skin .activity-icon{ width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; background: rgba(53,215,255,.07); color: var(--cyan); }
body.reference-skin .activity-icon.gain{ background: rgba(41,214,160,.08); color: var(--green); }
body.reference-skin .activity-icon svg{ width: 16px; }
body.reference-skin .activity-copy strong{ display: block; font-size: 10px; }
body.reference-skin .activity-copy span{ display: block; margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.4; }
body.reference-skin .activity-value{ text-align: right; }
body.reference-skin .activity-value strong{ display: block; font-size: 10px; }
body.reference-skin .activity-value span{ display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
body.reference-skin .table-wrap{ overflow-x: auto; }
body.reference-skin .data-table{ width: 100%; border-collapse: collapse; min-width: 760px; }
body.reference-skin .data-table th{ padding: 12px 10px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
body.reference-skin .data-table td{ padding: 14px 10px; border-bottom: 1px solid var(--line); font-size: 10px; }
body.reference-skin .data-table tbody tr:hover{ background: rgba(255,255,255,.02); }
body.reference-skin .status-pill{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 8px; background: rgba(41,214,160,.08); color: var(--green); font-size: 8px; font-weight: 750; }
body.reference-skin .status-pill.off{ background: rgba(255,98,125,.08); color: var(--red); }
body.reference-skin .row-actions{ display: flex; justify-content: flex-end; gap: 6px; }
body.reference-skin .row-actions button{ height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); cursor: pointer; font-size: 9px; }
body.reference-skin .admin-hero{ padding: 24px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; background: radial-gradient(circle at 85% 30%, rgba(53,215,255,.12), transparent 32%), linear-gradient(135deg, rgba(19,29,47,.96), rgba(9,15,25,.96)); }
body.reference-skin .admin-hero h2{ margin: 7px 0 9px; font-size: 24px; }
body.reference-skin .admin-hero p{ max-width: 700px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
body.reference-skin .admin-ai-ring{ width: 96px; height: 96px; display: grid; place-items: center; border: 1px solid rgba(53,215,255,.2); border-radius: 50%; background: radial-gradient(circle, rgba(53,215,255,.16), transparent 66%); }
body.reference-skin .admin-ai-ring strong{ font-size: 20px; }
body.reference-skin .admin-ai-ring span{ display: block; color: var(--muted); font-size: 8px; text-align: center; }
body.reference-skin .modal-backdrop{ position: fixed; z-index: 100; inset: 0; padding: 20px; display: grid; place-items: center; background: rgba(1,4,10,.76); backdrop-filter: blur(12px); }
body.reference-skin .modal{ width: min(100%, 650px); max-height: calc(100vh - 40px); overflow: auto; border: 1px solid var(--line-strong); border-radius: 22px; background: linear-gradient(150deg, #141e30, #0a101b); box-shadow: 0 35px 100px rgba(0,0,0,.55); }
body.reference-skin .modal-lg{ width: min(100%, 920px); }
body.reference-skin .modal-head{ position: sticky; z-index: 2; top: 0; padding: 20px 22px; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); background: rgba(17,26,42,.94); backdrop-filter: blur(15px); }
body.reference-skin .modal-head h3{ margin: 0; font-size: 18px; }
body.reference-skin .modal-head p{ margin: 5px 0 0; color: var(--muted); font-size: 10px; }
body.reference-skin .modal-body{ padding: 22px; }
body.reference-skin .modal-actions{ padding: 17px 22px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--line); }
body.reference-skin .form-cols{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
body.reference-skin .asset-select-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
body.reference-skin .asset-check{ position: relative; }
body.reference-skin .asset-check input{ position: absolute; opacity: 0; }
body.reference-skin .asset-check label{ padding: 11px 8px; display: grid; justify-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.02); cursor: pointer; font-size: 9px; }
body.reference-skin .asset-check input:checked + label{ border-color: rgba(53,215,255,.38); background: rgba(53,215,255,.08); color: #b9f1ff; }
body.reference-skin .asset-check label i{ width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #06101a; font-style: normal; font-weight: 900; }
body.reference-skin .detail-summary{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 18px; }
body.reference-skin .detail-box{ padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
body.reference-skin .detail-box span{ display: block; color: var(--muted); font-size: 8px; }
body.reference-skin .detail-box strong{ display: block; margin-top: 5px; font-size: 15px; }
body.reference-skin .action-tabs{ display: flex; gap: 8px; margin: 18px 0 14px; }
body.reference-skin .action-tabs button{ min-height: 36px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.02); color: var(--muted); cursor: pointer; font-size: 9px; }
body.reference-skin .action-tabs button.active{ border-color: rgba(247,200,67,.3); background: rgba(247,200,67,.08); color: var(--yellow); }
body.reference-skin .toast-root{ position: fixed; z-index: 200; right: 20px; bottom: 20px; display: grid; gap: 10px; }
body.reference-skin .toast{ width: min(360px,calc(100vw - 40px)); padding: 14px 16px; display: grid; grid-template-columns: 24px 1fr; gap: 10px; border: 1px solid var(--line-strong); border-radius: 13px; background: rgba(15,23,37,.96); box-shadow: 0 20px 60px rgba(0,0,0,.4); animation: ref_toastIn .25s ease-out; }
body.reference-skin .toast.success{ border-color: rgba(41,214,160,.24); }
body.reference-skin .toast.error{ border-color: rgba(255,98,125,.25); }
body.reference-skin .toast strong{ display: block; font-size: 10px; }
body.reference-skin .toast span{ display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
@keyframes ref_toastIn { from { opacity: 0; transform: translateY(10px); } }
body.reference-skin .empty-state{ padding: 35px 15px; color: var(--muted); text-align: center; font-size: 11px; }
body.reference-skin .bottom-nav{ display: none; }
body.reference-skin .withdrawal-page{ max-width:1180px; margin-left:auto; margin-right:auto; }
body.reference-skin .withdrawal-hero{ padding:26px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; background:radial-gradient(circle at 92% 15%,rgba(247,200,67,.13),transparent 28%),linear-gradient(145deg,rgba(18,28,46,.96),rgba(9,15,26,.96)); }
body.reference-skin .withdrawal-hero h2{ margin:8px 0; font-size:24px; }
body.reference-skin .withdrawal-hero p{ max-width:760px; margin:0; color:var(--muted); font-size:10px; line-height:1.7; }
body.reference-skin .withdrawal-balance-card .card-head > svg,body.reference-skin .withdrawal-layout .card-head > svg{ width:22px; color:var(--yellow); }
body.reference-skin .withdrawal-balance{ display:block; margin:6px 0 18px; font-size:clamp(30px,4vw,48px); letter-spacing:-.04em; }
body.reference-skin .withdrawal-balance-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.reference-skin .withdrawal-balance-grid > div{ padding:13px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
body.reference-skin .withdrawal-balance-grid span,body.reference-skin .withdrawal-balance-grid strong{ display:block; }
body.reference-skin .withdrawal-balance-grid span{ color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-balance-grid strong{ margin-top:5px; font-size:13px; }
body.reference-skin .withdrawal-process{ margin-top:18px; display:grid; gap:8px; }
body.reference-skin .withdrawal-process > div{ display:flex; align-items:center; gap:9px; color:var(--muted); font-size:9px; }
body.reference-skin .withdrawal-process i{ width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(53,215,255,.2); border-radius:8px; background:rgba(53,215,255,.06); color:var(--cyan); font-style:normal; font-weight:800; }
body.reference-skin .withdrawal-flow-sim{ position:relative; isolation:isolate; min-height:168px; margin-top:18px; padding:12px; overflow:hidden; border:1px solid rgba(53,215,255,.24); border-radius:15px; background:radial-gradient(circle at 50% 45%,rgba(41,214,160,.08),transparent 35%),linear-gradient(145deg,rgba(5,16,29,.98),rgba(8,14,25,.98)); box-shadow:inset 0 0 36px rgba(53,215,255,.035),0 14px 32px rgba(0,0,0,.18); }
body.reference-skin .withdrawal-flow-sim::before{ content:""; position:absolute; z-index:-2; inset:0; opacity:.28; background-image:linear-gradient(rgba(53,215,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.08) 1px,transparent 1px); background-size:16px 16px; animation:ref_withdrawalFlowGrid 7s linear infinite; }
body.reference-skin .withdrawal-flow-sim::after{ content:""; position:absolute; z-index:-1; top:-20%; bottom:-20%; width:32%; background:linear-gradient(90deg,transparent,rgba(53,215,255,.09),rgba(41,214,160,.1),transparent); filter:blur(3px); animation:ref_withdrawalFlowSweep 5.4s ease-in-out infinite; pointer-events:none; }
body.reference-skin .withdrawal-flow-head{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid rgba(53,215,255,.12); font:800 7px/1 Consolas,'SFMono-Regular',monospace; letter-spacing:.09em; }
body.reference-skin .withdrawal-flow-head span{ display:flex; align-items:center; gap:6px; color:#b4c9dd; }
body.reference-skin .withdrawal-flow-head span i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 11px var(--green); animation:ref_withdrawalAiPulse 1.45s ease-in-out infinite; }
body.reference-skin .withdrawal-flow-head b{ color:var(--green); font-size:7px; }
body.reference-skin .withdrawal-flow-map{ position:relative; z-index:2; min-width:0; display:grid; grid-template-columns:minmax(72px,1fr) 34px minmax(72px,1fr) 34px minmax(72px,1fr); align-items:center; gap:5px; padding:13px 0 11px; }
body.reference-skin .withdrawal-flow-node{ position:relative; min-width:0; min-height:76px; display:grid; place-content:center; justify-items:center; padding:8px 4px; overflow:hidden; border:1px solid rgba(53,215,255,.18); border-radius:12px; background:linear-gradient(145deg,rgba(13,29,45,.92),rgba(6,16,29,.94)); box-shadow:inset 0 0 18px rgba(53,215,255,.035); }
body.reference-skin .withdrawal-flow-node::before{ content:""; position:absolute; inset:5px; border:1px dashed rgba(53,215,255,.11); border-radius:9px; animation:ref_withdrawalFlowNode 2.8s ease-in-out infinite; }
body.reference-skin .withdrawal-flow-node.neural::before{ animation-delay:.55s; }
body.reference-skin .withdrawal-flow-node.network::before{ animation-delay:1.1s; }
body.reference-skin .withdrawal-flow-node > span{ position:relative; z-index:1; width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(53,215,255,.35); border-radius:50%; background:rgba(53,215,255,.08); color:var(--cyan); font:900 11px/1 Inter,Arial,sans-serif; box-shadow:0 0 15px rgba(53,215,255,.1); }
body.reference-skin .withdrawal-flow-node > .withdrawal-currency-orbit{ grid-template-rows:1fr auto; align-content:center; gap:0; overflow:visible; transition:transform .22s ease,opacity .22s ease,filter .22s ease; }
body.reference-skin .withdrawal-currency-orbit::after{ content:""; position:absolute; inset:-4px; border:1px solid rgba(53,215,255,.18); border-top-color:var(--yellow); border-right-color:transparent; border-radius:50%; animation:ref_withdrawalCurrencyOrbit 2.8s linear infinite; }
body.reference-skin .withdrawal-currency-orbit i,body.reference-skin .withdrawal-currency-orbit b{ position:relative; z-index:1; display:block; max-width:27px; overflow:hidden; color:var(--cyan); font-style:normal; text-align:center; text-overflow:clip; white-space:nowrap; }
body.reference-skin .withdrawal-currency-orbit i{ align-self:end; font:900 10px/1 Inter,Arial,sans-serif; }
body.reference-skin .withdrawal-currency-orbit b{ align-self:start; margin-top:1px; font:800 4px/1 Consolas,'SFMono-Regular',monospace; letter-spacing:.08em; }
body.reference-skin .withdrawal-currency-orbit[data-currency="AED"] i,body.reference-skin .withdrawal-currency-orbit[data-currency="MXN"] i{ font-size:7px; }
body.reference-skin .withdrawal-currency-orbit.is-changing{ opacity:.25; filter:blur(1px); transform:rotateY(82deg) scale(.82); }
body.reference-skin .withdrawal-flow-node.neural > span{ border-color:rgba(41,214,160,.4); background:rgba(41,214,160,.09); color:var(--green); box-shadow:0 0 16px rgba(41,214,160,.12); }
body.reference-skin .withdrawal-flow-node.network > span{ border-color:rgba(247,200,67,.4); background:rgba(247,200,67,.08); color:var(--yellow); box-shadow:0 0 16px rgba(247,200,67,.1); }
body.reference-skin .withdrawal-flow-node strong,body.reference-skin .withdrawal-flow-node small{ position:relative; z-index:1; display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:Consolas,'SFMono-Regular',monospace; }
body.reference-skin .withdrawal-flow-node strong{ margin-top:7px; color:#d8e8f5; font-size:6px; letter-spacing:.04em; }
body.reference-skin .withdrawal-flow-node small{ margin-top:3px; color:#5e8299; font-size:5px; letter-spacing:.06em; }
body.reference-skin .withdrawal-flow-node.neural small{ color:#5bbfa4; }
body.reference-skin .withdrawal-flow-node.network small{ color:#bca65d; }
body.reference-skin .withdrawal-flow-link{ position:relative; height:2px; overflow:visible; background:linear-gradient(90deg,rgba(53,215,255,.1),rgba(41,214,160,.68)); box-shadow:0 0 8px rgba(41,214,160,.2); }
body.reference-skin .withdrawal-flow-link.route{ background:linear-gradient(90deg,rgba(41,214,160,.18),rgba(247,200,67,.72)); box-shadow:0 0 8px rgba(247,200,67,.16); }
body.reference-skin .withdrawal-flow-link::before{ content:""; position:absolute; left:0; top:-3px; width:8px; height:8px; border-radius:50%; background:rgba(53,215,255,.16); animation:ref_withdrawalFlowLinkGlow 2.4s ease-in-out infinite; }
body.reference-skin .withdrawal-flow-link i{ position:absolute; top:-2px; left:-2px; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); animation:ref_withdrawalFlowParticle 2.2s linear infinite; }
body.reference-skin .withdrawal-flow-link i:nth-child(2){ animation-delay:.72s; }
body.reference-skin .withdrawal-flow-link i:nth-child(3){ animation-delay:1.44s; }
body.reference-skin .withdrawal-flow-link.route i{ background:var(--yellow); box-shadow:0 0 9px var(--yellow); }
body.reference-skin .withdrawal-flow-status{ position:relative; z-index:2; min-width:0; height:28px; display:flex; align-items:center; gap:8px; padding:0 9px; border:1px solid rgba(53,215,255,.12); border-radius:9px; background:rgba(53,215,255,.035); font-family:Consolas,'SFMono-Regular',monospace; }
body.reference-skin .withdrawal-flow-status > i{ flex:0 0 auto; width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); animation:ref_withdrawalAiPulse 1.5s ease-in-out infinite; }
body.reference-skin .withdrawal-flow-status > div{ position:relative; min-width:0; flex:1; height:9px; overflow:hidden; }
body.reference-skin .withdrawal-flow-status span{ position:absolute; inset:0 auto auto 0; max-width:100%; overflow:hidden; opacity:0; color:#7fa4b8; font-size:6px; font-weight:750; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; animation:ref_withdrawalFlowStatus 9s ease-in-out infinite; }
body.reference-skin .withdrawal-flow-status span:nth-child(2){ animation-delay:3s; }
body.reference-skin .withdrawal-flow-status span:nth-child(3){ animation-delay:6s; }
body.reference-skin .withdrawal-flow-status b{ flex:0 0 auto; color:var(--green); font-size:7px; }
@keyframes ref_withdrawalFlowGrid { to { background-position:16px 16px; } }
@keyframes ref_withdrawalFlowSweep { 0%,100% { left:-40%; opacity:0; } 18%,82% { opacity:1; } 50% { left:110%; } }
@keyframes ref_withdrawalFlowNode { 0%,100% { opacity:.35; transform:scale(.97); } 50% { opacity:1; transform:scale(1); } }
@keyframes ref_withdrawalFlowLinkGlow { 0%,100% { left:-3px; opacity:.2; } 50% { left:calc(100% - 5px); opacity:1; } }
@keyframes ref_withdrawalFlowParticle { 0% { left:-3px; opacity:0; transform:scale(.65); } 18%,82% { opacity:1; } 100% { left:calc(100% - 3px); opacity:0; transform:scale(1.1); } }
@keyframes ref_withdrawalFlowStatus { 0%,8% { opacity:0; transform:translateY(8px); } 14%,28% { opacity:1; transform:translateY(0); } 34%,100% { opacity:0; transform:translateY(-8px); } }
@keyframes ref_withdrawalCurrencyOrbit { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
body.reference-skin .withdrawal-currency-orbit,body.reference-skin .withdrawal-currency-orbit::after{ animation:none !important; transition:none !important; } }
body.reference-skin .wallet-address-input,body.reference-skin .masked-address,body.reference-skin .withdrawal-address-panel code{ font-family:Consolas,'SFMono-Regular',monospace; }
body.reference-skin .wallet-address-input.is-invalid{ border-color:rgba(255,98,125,.58); box-shadow:0 0 0 3px rgba(255,98,125,.07); }
body.reference-skin .wallet-address-input.is-valid{ border-color:rgba(41,214,160,.44); box-shadow:0 0 0 3px rgba(41,214,160,.055); }
body.reference-skin .withdrawal-quote{ margin:-2px 0 14px; padding:10px 12px; border:1px solid rgba(53,215,255,.14); border-radius:10px; background:rgba(53,215,255,.04); color:#a6ecff; font-size:9px; }
body.reference-skin .withdrawal-submit-primary{ margin-top:0; }
body.reference-skin .withdrawal-deposit-button{ margin-top:10px; }
body.reference-skin .deposit-empty-page{ min-height:calc(100vh - 170px); }
body.reference-skin .withdrawal-consent{ margin:15px 0; display:flex; align-items:flex-start; gap:9px; color:var(--muted); font-size:9px; line-height:1.55; cursor:pointer; }
body.reference-skin .withdrawal-consent input{ margin-top:2px; accent-color:var(--yellow); }
body.reference-skin .withdrawal-ai-console{ position:relative; isolation:isolate; min-height:142px; margin:15px 0; padding:11px 12px 10px; overflow:hidden; border:1px solid rgba(53,215,255,.26); border-radius:14px; background:radial-gradient(circle at 15% 50%,rgba(53,215,255,.12),transparent 27%),radial-gradient(circle at 88% 20%,rgba(41,214,160,.1),transparent 28%),linear-gradient(145deg,rgba(5,16,29,.98),rgba(7,12,23,.98)); box-shadow:inset 0 0 32px rgba(53,215,255,.035),0 12px 30px rgba(0,0,0,.2); }
body.reference-skin .withdrawal-ai-console::before{ content:""; position:absolute; z-index:-2; inset:-40%; opacity:.3; background-image:linear-gradient(rgba(53,215,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.1) 1px,transparent 1px); background-size:18px 18px; transform:perspective(220px) rotateX(62deg) translateY(18%); animation:ref_withdrawalAiGrid 8s linear infinite; }
body.reference-skin .withdrawal-ai-console::after{ content:""; position:absolute; z-index:-1; top:-30%; bottom:-30%; width:36%; background:linear-gradient(90deg,transparent,rgba(91,238,255,.1),rgba(41,214,160,.08),transparent); filter:blur(2px); animation:ref_withdrawalAiScan 4.8s ease-in-out infinite; pointer-events:none; }
body.reference-skin .withdrawal-ai-console-head,body.reference-skin .withdrawal-ai-console-foot{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; font-family:Consolas,'SFMono-Regular',monospace; letter-spacing:.08em; }
body.reference-skin .withdrawal-ai-console-head{ padding-bottom:8px; border-bottom:1px solid rgba(53,215,255,.12); font-size:7px; }
body.reference-skin .withdrawal-ai-console-head span{ display:flex; align-items:center; gap:6px; color:#b5c7dd; font-weight:800; }
body.reference-skin .withdrawal-ai-console-head span i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); animation:ref_withdrawalAiPulse 1.45s ease-in-out infinite; }
body.reference-skin .withdrawal-ai-console-head b{ color:var(--green); font-size:7px; }
body.reference-skin .withdrawal-ai-console-body{ position:relative; z-index:2; min-width:0; display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:13px; padding:10px 0 8px; }
body.reference-skin .withdrawal-ai-core{ position:relative; width:58px; height:58px; display:grid; place-content:center; justify-items:center; border:1px solid rgba(53,215,255,.42); border-radius:50%; background:radial-gradient(circle,rgba(53,215,255,.17),rgba(7,20,34,.95) 64%); box-shadow:0 0 24px rgba(53,215,255,.14),inset 0 0 18px rgba(41,214,160,.08); }
body.reference-skin .withdrawal-ai-core::before,body.reference-skin .withdrawal-ai-core::after{ content:""; position:absolute; border-radius:50%; border:1px dashed rgba(41,214,160,.28); }
body.reference-skin .withdrawal-ai-core::before{ inset:-5px; animation:ref_withdrawalAiRing 8s linear infinite; }
body.reference-skin .withdrawal-ai-core::after{ inset:7px; border-style:solid; border-color:rgba(53,215,255,.18); }
body.reference-skin .withdrawal-ai-core span{ color:#eafaff; font-size:15px; font-weight:900; letter-spacing:.04em; text-shadow:0 0 14px rgba(53,215,255,.9); }
body.reference-skin .withdrawal-ai-core small{ margin-top:1px; color:var(--green); font:700 5px/1 Consolas,monospace; letter-spacing:.16em; }
body.reference-skin .withdrawal-ai-core i{ position:absolute; left:50%; top:-4px; width:1px; height:66px; background:linear-gradient(transparent,rgba(53,215,255,.35),transparent); transform:rotate(45deg); }
body.reference-skin .withdrawal-ai-core b{ position:absolute; left:calc(50% - 2px); top:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:var(--yellow); box-shadow:0 0 10px var(--yellow); animation:ref_withdrawalAiOrbit 3.6s linear infinite; }
body.reference-skin .withdrawal-ai-code-feed{ min-width:0; display:grid; gap:5px; overflow:hidden; }
body.reference-skin .withdrawal-ai-code-lane{ min-width:0; overflow:hidden; border-left:2px solid rgba(53,215,255,.34); background:linear-gradient(90deg,rgba(53,215,255,.055),transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
body.reference-skin .withdrawal-ai-code-lane:nth-child(2){ border-color:rgba(41,214,160,.4); background:linear-gradient(90deg,rgba(41,214,160,.055),transparent); }
body.reference-skin .withdrawal-ai-code-lane:nth-child(3){ border-color:rgba(247,200,67,.34); background:linear-gradient(90deg,rgba(247,200,67,.045),transparent); }
body.reference-skin .withdrawal-ai-code-track{ width:max-content; display:flex; align-items:center; animation:ref_withdrawalAiFlow 12s linear infinite; }
body.reference-skin .withdrawal-ai-code-lane:nth-child(2) .withdrawal-ai-code-track{ animation-duration:15s; animation-direction:reverse; }
body.reference-skin .withdrawal-ai-code-lane:nth-child(3) .withdrawal-ai-code-track{ animation-duration:18s; }
body.reference-skin .withdrawal-ai-code-track span{ min-width:max-content; padding:5px 34px 5px 9px; color:#87b9d2; font:700 7px/1.15 Consolas,'SFMono-Regular',monospace; letter-spacing:.02em; }
body.reference-skin .withdrawal-ai-code-track em{ color:var(--green); font-style:normal; }
body.reference-skin .withdrawal-ai-console-foot{ padding-top:7px; border-top:1px solid rgba(53,215,255,.1); color:#668096; font-size:5px; }
body.reference-skin .withdrawal-ai-console-foot span::before{ content:""; display:inline-block; width:3px; height:3px; margin:0 5px 1px 0; border-radius:50%; background:var(--cyan); box-shadow:0 0 6px rgba(53,215,255,.8); }
body.reference-skin .withdrawal-ai-confirm-console{ min-height:132px; margin:16px 0 0; border-color:rgba(247,200,67,.22); background:radial-gradient(circle at 14% 50%,rgba(53,215,255,.14),transparent 28%),radial-gradient(circle at 88% 20%,rgba(247,200,67,.09),transparent 27%),linear-gradient(145deg,rgba(5,16,29,.99),rgba(7,12,23,.99)); box-shadow:inset 0 0 34px rgba(53,215,255,.045),0 14px 34px rgba(0,0,0,.24); }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-console-head span{ color:#c9f5ff; }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-console-head b{ color:var(--yellow); text-shadow:0 0 10px rgba(247,200,67,.38); }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-core{ border-color:rgba(247,200,67,.38); background:radial-gradient(circle,rgba(53,215,255,.2),rgba(7,20,34,.96) 64%); box-shadow:0 0 26px rgba(53,215,255,.16),inset 0 0 18px rgba(247,200,67,.07); }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-core::before{ border-color:rgba(247,200,67,.3); }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-core small{ color:var(--yellow); }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-code-track span{ font-size:6.5px; }
body.reference-skin .withdrawal-ai-confirm-console .withdrawal-ai-console-foot span:last-child{ color:#d7bc66; }
@keyframes ref_withdrawalAiGrid { from { transform:perspective(220px) rotateX(62deg) translateY(18%); } to { transform:perspective(220px) rotateX(62deg) translateY(36%); } }
@keyframes ref_withdrawalAiScan { 0%,100% { left:-45%; opacity:0; } 18%,82% { opacity:1; } 50% { left:110%; } }
@keyframes ref_withdrawalAiRing { to { transform:rotate(360deg); } }
@keyframes ref_withdrawalAiOrbit { from { transform:rotate(0deg) translateX(35px) rotate(0deg); } to { transform:rotate(360deg) translateX(35px) rotate(-360deg); } }
@keyframes ref_withdrawalAiFlow { to { transform:translateX(-50%); } }
@keyframes ref_withdrawalAiPulse { 0%,100% { opacity:.45; transform:scale(.82); } 50% { opacity:1; transform:scale(1.18); } }
body.reference-skin .withdrawal-decision-stream{ position:relative; isolation:isolate; min-height:174px; margin-top:15px; padding:11px 12px 9px; overflow:hidden; border:1px solid rgba(53,215,255,.27); border-radius:14px; background:radial-gradient(circle at 13% 48%,rgba(53,215,255,.15),transparent 28%),radial-gradient(circle at 90% 14%,rgba(247,200,67,.08),transparent 30%),linear-gradient(145deg,rgba(4,16,29,.99),rgba(7,12,23,.99)); box-shadow:inset 0 0 34px rgba(53,215,255,.04),0 14px 34px rgba(0,0,0,.22); }
body.reference-skin .withdrawal-decision-stream::before{ content:""; position:absolute; z-index:-2; inset:-45% -20%; opacity:.32; background-image:linear-gradient(rgba(53,215,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.085) 1px,transparent 1px); background-size:17px 17px; transform:perspective(250px) rotateX(64deg) translateY(17%); animation:ref_withdrawalDecisionGrid 9s linear infinite; }
body.reference-skin .withdrawal-decision-stream::after{ content:""; position:absolute; z-index:-1; top:-35%; bottom:-35%; width:34%; background:linear-gradient(90deg,transparent,rgba(53,215,255,.13),rgba(41,214,160,.07),transparent); filter:blur(2px); animation:ref_withdrawalDecisionSweep 5.2s ease-in-out infinite; pointer-events:none; }
body.reference-skin .withdrawal-decision-head,body.reference-skin .withdrawal-decision-foot{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:9px; font-family:Consolas,'SFMono-Regular',monospace; letter-spacing:.09em; }
body.reference-skin .withdrawal-decision-head{ padding-bottom:8px; border-bottom:1px solid rgba(53,215,255,.13); font-size:7px; }
body.reference-skin .withdrawal-decision-head span{ display:flex; align-items:center; gap:6px; color:#beeefe; font-weight:850; }
body.reference-skin .withdrawal-decision-head span i{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 11px var(--green); animation:ref_withdrawalDecisionPulse 1.4s ease-in-out infinite; }
body.reference-skin .withdrawal-decision-head b{ color:var(--yellow); font-size:6.5px; text-shadow:0 0 10px rgba(247,200,67,.34); }
body.reference-skin .withdrawal-decision-body{ position:relative; z-index:2; min-width:0; display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:14px; padding:10px 0 8px; }
body.reference-skin .withdrawal-decision-core{ display:grid; place-items:center; align-content:center; }
body.reference-skin .withdrawal-decision-orbit{ position:relative; width:62px; height:62px; display:grid; place-content:center; justify-items:center; border:1px solid rgba(53,215,255,.46); border-radius:50%; background:radial-gradient(circle,rgba(53,215,255,.2),rgba(6,19,33,.96) 65%); box-shadow:0 0 28px rgba(53,215,255,.16),inset 0 0 20px rgba(41,214,160,.08); }
body.reference-skin .withdrawal-decision-orbit::before,body.reference-skin .withdrawal-decision-orbit::after{ content:""; position:absolute; border-radius:50%; }
body.reference-skin .withdrawal-decision-orbit::before{ inset:-6px; border:1px dashed rgba(247,200,67,.3); animation:ref_withdrawalDecisionOrbit 9s linear infinite; }
body.reference-skin .withdrawal-decision-orbit::after{ inset:8px; border:1px solid rgba(53,215,255,.17); box-shadow:inset 0 0 12px rgba(53,215,255,.08); }
body.reference-skin .withdrawal-decision-orbit span{ color:#effcff; font-size:15px; font-weight:900; text-shadow:0 0 14px rgba(53,215,255,.95); }
body.reference-skin .withdrawal-decision-orbit small{ margin-top:1px; color:var(--green); font:800 5px/1 Consolas,monospace; letter-spacing:.14em; }
body.reference-skin .withdrawal-decision-orbit i{ position:absolute; left:50%; top:-4px; width:1px; height:70px; background:linear-gradient(transparent,rgba(53,215,255,.38),transparent); transform:rotate(42deg); }
body.reference-skin .withdrawal-decision-orbit b{ position:absolute; left:calc(50% - 2px); top:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:var(--yellow); box-shadow:0 0 11px var(--yellow); animation:ref_withdrawalDecisionSatellite 3.8s linear infinite; }
body.reference-skin .withdrawal-decision-core > em{ margin-top:8px; color:var(--green); font:850 8px/1 Consolas,monospace; font-style:normal; text-shadow:0 0 8px rgba(41,214,160,.35); }
body.reference-skin .withdrawal-decision-core > small{ margin-top:3px; color:#60768c; font:700 4.5px/1 Consolas,monospace; letter-spacing:.11em; }
body.reference-skin .withdrawal-decision-terminal{ min-width:0; display:grid; gap:5px; overflow:hidden; }
body.reference-skin .withdrawal-decision-line{ min-width:0; display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; overflow:hidden; border:1px solid rgba(53,215,255,.095); border-radius:7px; background:linear-gradient(90deg,rgba(53,215,255,.065),rgba(53,215,255,.012)); }
body.reference-skin .withdrawal-decision-line > i{ height:100%; display:grid; place-items:center; border-right:1px solid rgba(53,215,255,.12); color:var(--green); font:800 6px/1 Consolas,monospace; font-style:normal; }
body.reference-skin .withdrawal-decision-line > div{ width:max-content; display:flex; animation:ref_withdrawalDecisionCode 14s linear infinite; }
body.reference-skin .withdrawal-decision-line:nth-child(2) > div{ animation-duration:17s; animation-direction:reverse; }
body.reference-skin .withdrawal-decision-line:nth-child(3) > div{ animation-duration:19s; }
body.reference-skin .withdrawal-decision-line:nth-child(4) > div{ animation-duration:16s; animation-direction:reverse; }
body.reference-skin .withdrawal-decision-line span{ min-width:max-content; padding:5px 34px 5px 8px; color:#79a9c3; font:700 6.5px/1.1 Consolas,'SFMono-Regular',monospace; }
body.reference-skin .withdrawal-decision-line code{ color:#9bdcf0; font:inherit; }
body.reference-skin .withdrawal-decision-line em{ margin-left:8px; color:var(--green); font-style:normal; }
body.reference-skin .withdrawal-decision-line:nth-child(3) em{ color:var(--yellow); }
body.reference-skin .withdrawal-decision-foot{ padding-top:7px; border-top:1px solid rgba(53,215,255,.1); color:#60768c; font-size:5px; }
body.reference-skin .withdrawal-decision-foot span::before{ content:""; display:inline-block; width:3px; height:3px; margin:0 5px 1px 0; border-radius:50%; background:var(--cyan); box-shadow:0 0 7px rgba(53,215,255,.85); }
body.reference-skin .withdrawal-decision-foot span:nth-child(2){ color:#8aa0b5; }
body.reference-skin .withdrawal-decision-foot span:last-child{ color:#b49a4f; }
@keyframes ref_withdrawalDecisionGrid { from { transform:perspective(250px) rotateX(64deg) translateY(17%); } to { transform:perspective(250px) rotateX(64deg) translateY(35%); } }
@keyframes ref_withdrawalDecisionSweep { 0%,100% { left:-42%; opacity:0; } 18%,82% { opacity:1; } 50% { left:108%; } }
@keyframes ref_withdrawalDecisionOrbit { to { transform:rotate(360deg); } }
@keyframes ref_withdrawalDecisionSatellite { from { transform:rotate(0deg) translateX(37px) rotate(0deg); } to { transform:rotate(360deg) translateX(37px) rotate(-360deg); } }
@keyframes ref_withdrawalDecisionCode { to { transform:translateX(-50%); } }
@keyframes ref_withdrawalDecisionPulse { 0%,100% { opacity:.42; transform:scale(.82); } 50% { opacity:1; transform:scale(1.2); } }
body.reference-skin .withdrawal-notice,body.reference-skin .withdrawal-lock-note,body.reference-skin .withdrawal-admin-warning{ display:flex; align-items:flex-start; gap:10px; border:1px solid rgba(41,214,160,.16); border-radius:12px; background:rgba(41,214,160,.045); }
body.reference-skin .withdrawal-notice{ margin-top:15px; padding:12px; }
body.reference-skin .withdrawal-notice.danger{ border-color:rgba(247,200,67,.18); background:rgba(247,200,67,.045); }
body.reference-skin .withdrawal-notice svg,body.reference-skin .withdrawal-lock-note svg,body.reference-skin .withdrawal-admin-warning svg{ flex:0 0 auto; width:17px; color:var(--green); }
body.reference-skin .withdrawal-notice p{ margin:0; color:var(--muted); font-size:8px; line-height:1.6; }
body.reference-skin .withdrawal-notice strong{ display:block; margin-bottom:3px; color:var(--text); }
body.reference-skin .withdrawal-lock-note{ margin-bottom:15px; padding:12px; border-color:rgba(247,200,67,.18); background:rgba(247,200,67,.05); }
body.reference-skin .withdrawal-lock-note svg{ color:var(--yellow); }
body.reference-skin .withdrawal-lock-note strong,body.reference-skin .withdrawal-lock-note span{ display:block; }
body.reference-skin .withdrawal-lock-note strong{ font-size:10px; }
body.reference-skin .withdrawal-lock-note span{ margin-top:3px; color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-history{ display:grid; gap:8px; }
body.reference-skin .withdrawal-history-row{ display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.018); }
body.reference-skin .withdrawal-asset-mark{ width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:rgba(247,200,67,.09); color:var(--yellow); font-size:9px; font-weight:850; }
body.reference-skin .withdrawal-history-copy strong,body.reference-skin .withdrawal-history-copy span,body.reference-skin .withdrawal-history-copy small,body.reference-skin .withdrawal-history-value small{ display:block; }
body.reference-skin .withdrawal-history-copy strong{ font-size:10px; }
body.reference-skin .withdrawal-history-copy span{ margin-top:4px; color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-history-copy small{ margin-top:3px; color:var(--muted-2); font-size:7px; }
body.reference-skin .withdrawal-history-value{ display:grid; justify-items:end; gap:5px; }
body.reference-skin .withdrawal-status{ display:inline-flex; padding:6px 8px; border-radius:8px; font-size:7px; font-weight:800; white-space:nowrap; }
body.reference-skin .withdrawal-status.pending{ background:rgba(247,200,67,.09); color:var(--yellow); }
body.reference-skin .withdrawal-status.completed{ background:rgba(41,214,160,.09); color:var(--green); }
body.reference-skin .withdrawal-status.rejected{ background:rgba(255,98,125,.09); color:var(--red); }
body.reference-skin .withdrawal-confirm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.reference-skin .withdrawal-confirm-grid > div{ padding:13px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
body.reference-skin .withdrawal-confirm-grid span,body.reference-skin .withdrawal-confirm-grid strong{ display:block; }
body.reference-skin .withdrawal-confirm-grid span{ color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-confirm-grid strong{ margin-top:6px; font-size:11px; overflow-wrap:anywhere; }
body.reference-skin .withdrawal-confirm-address{ grid-column:1 / -1; }
body.reference-skin .withdrawal-confirm-address strong{ font-family:Consolas,'SFMono-Regular',monospace; overflow-wrap:anywhere; word-break:break-word; }
body.reference-skin .admin-top-actions{ display:flex; align-items:center; gap:8px; }
body.reference-skin .withdrawal-admin-button{ position:relative; border-color:rgba(247,200,67,.28); background:rgba(247,200,67,.08); color:var(--yellow); }
body.reference-skin .withdrawal-admin-button b{ min-width:19px; height:19px; padding:0 5px; display:grid; place-items:center; border-radius:10px; background:var(--yellow); color:#171203; font-size:8px; }
body.reference-skin .admin-withdrawal-inbox{ grid-column:1 / -1; margin-top:2px; padding:12px; border:1px solid rgba(53,215,255,.18); border-radius:14px; background:linear-gradient(135deg,rgba(53,215,255,.05),rgba(247,200,67,.025)); box-shadow:inset 0 0 24px rgba(53,215,255,.025); }
body.reference-skin .admin-withdrawal-inbox-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid rgba(53,215,255,.12); }
body.reference-skin .admin-withdrawal-inbox-head span{ display:flex; align-items:center; gap:7px; color:#bcefff; font-size:8px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
body.reference-skin .admin-withdrawal-inbox-head span svg{ width:14px; color:var(--cyan); }
body.reference-skin .admin-withdrawal-inbox-head b{ padding:5px 8px; border-radius:999px; background:rgba(247,200,67,.1); color:var(--yellow); font-size:7px; }
body.reference-skin .admin-withdrawal-message{ padding-top:10px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; }
body.reference-skin .admin-withdrawal-message-icon{ width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(247,200,67,.2); border-radius:11px; background:rgba(247,200,67,.07); color:var(--yellow); }
body.reference-skin .admin-withdrawal-message-icon svg{ width:18px; }
body.reference-skin .admin-withdrawal-message strong,body.reference-skin .admin-withdrawal-message span,body.reference-skin .admin-withdrawal-message small{ display:block; }
body.reference-skin .admin-withdrawal-message strong{ font-size:10px; }
body.reference-skin .admin-withdrawal-message span{ margin-top:4px; color:#a8b9cd; font-size:8px; overflow-wrap:anywhere; }
body.reference-skin .admin-withdrawal-message small{ margin-top:3px; color:var(--muted-2); font-size:7px; }
body.reference-skin .admin-withdrawal-message button{ padding:8px 10px; border:1px solid rgba(53,215,255,.22); border-radius:9px; background:rgba(53,215,255,.055); color:#bdefff; font-size:8px; font-weight:800; cursor:pointer; }
body.reference-skin .admin-withdrawal-inbox-empty{ display:flex; align-items:center; gap:8px; color:var(--muted); font-size:8px; }
body.reference-skin .admin-withdrawal-inbox-empty svg{ width:15px; color:var(--green); }
body.reference-skin .withdrawal-admin-summary .kpi{ padding:20px; }
body.reference-skin .withdrawal-filter{ width:auto; min-width:170px; }
body.reference-skin .withdrawal-admin-warning{ margin-bottom:14px; padding:10px 12px; color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-table{ min-width:980px; }
body.reference-skin .table-subline{ display:block; margin-top:4px; color:var(--muted); font-size:7px; }
body.reference-skin .masked-address{ color:#a6ecff; font-size:8px; }
body.reference-skin .withdrawal-address-panel{ margin-top:16px; padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; border:1px solid rgba(53,215,255,.16); border-radius:13px; background:rgba(53,215,255,.035); }
body.reference-skin .withdrawal-address-panel span,body.reference-skin .withdrawal-address-panel code{ display:block; }
body.reference-skin .withdrawal-address-panel span{ color:var(--muted); font-size:8px; }
body.reference-skin .withdrawal-address-panel code{ margin-top:7px; color:#a6ecff; font-size:10px; overflow-wrap:anywhere; }
body.reference-skin .withdrawal-reveal-controls{ display:flex; gap:8px; }
body.reference-skin .withdrawal-reveal-controls .input{ min-width:190px; }
body.reference-skin .withdrawal-address-expired{ max-width:250px; padding:9px 11px; border:1px solid rgba(247,200,67,.16); border-radius:10px; background:rgba(247,200,67,.045); color:var(--muted); font-size:8px; line-height:1.5; }
body.reference-skin .withdrawal-admin-note{ margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:11px; }
body.reference-skin .withdrawal-admin-note strong,body.reference-skin .withdrawal-admin-note span{ display:block; }
body.reference-skin .withdrawal-admin-note strong{ font-size:9px; }
body.reference-skin .withdrawal-admin-note span{ margin-top:4px; color:var(--muted); font-size:8px; }
body.reference-skin #withdrawal-review-form{ margin-top:17px; padding-top:17px; border-top:1px solid var(--line); }
body.reference-skin #withdrawal-review-form .form-group small{ display:block; margin-top:5px; color:var(--muted); font-size:7px; line-height:1.45; }

@media (max-width: 1220px) {
body.reference-skin .login-page{ grid-template-columns: minmax(0,1.15fr) minmax(360px,.7fr); }
body.reference-skin .login-hero{ grid-template-columns: 1fr; }
body.reference-skin .hero-copy h1{ font-size: 48px; }
body.reference-skin .hero-copy p{ max-width: 760px; }
body.reference-skin .ai-stage{ min-height: 370px; }
body.reference-skin .ai-core{ width: min(75%,520px); }
body.reference-skin .hud-a{ left: 5%; }
body.reference-skin .hud-b{ right: 4%; }
body.reference-skin .hud-c{ left: 7%; }
body.reference-skin .hud-d{ right: 5%; }
body.reference-skin .grid-4{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 980px) {
body.reference-skin .login-page{ grid-template-columns: 1fr; }
body.reference-skin .login-visual{ min-height: auto; padding-bottom: 24px; border-right: 0; }
body.reference-skin .login-hero{ margin-bottom: 0; }
body.reference-skin .login-foot{ display: none; }
body.reference-skin .login-side{ min-height: auto; padding-top: 24px; padding-bottom: 60px; }
body.reference-skin .app-shell{ grid-template-columns: 82px minmax(0,1fr); }
body.reference-skin .sidebar{ padding: 20px 12px; }
body.reference-skin .sidebar .brand-copy,body.reference-skin .nav-item span,body.reference-skin .ai-mini-status,body.reference-skin .sidebar-user-copy{ display: none; }
body.reference-skin .sidebar .brand{ justify-content: center; padding: 0 0 22px; }
body.reference-skin .nav-item{ justify-content: center; padding: 0; }
body.reference-skin .sidebar-user{ justify-content: center; padding-left: 0; padding-right: 0; }
body.reference-skin .grid-hero,body.reference-skin .grid-2{ grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
body.reference-skin{ padding-bottom: 72px; }
body.reference-skin .tech-ticker{ height: 30px; }
body.reference-skin .world-ticker{ top: auto; bottom: 0; display: block; border-top: 1px solid rgba(53,215,255,.16); border-bottom: 0; }
body.reference-skin .login-page{ padding-top: 30px; }
body.reference-skin .login-visual{ padding: 14px 18px 10px; }
body.reference-skin .login-command-bar{ grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-bottom:10px; }
body.reference-skin .login-language-sim{ height:46px; padding:7px 8px; border-radius:11px; }
body.reference-skin .login-language-sim-body{ margin-top:5px; }
body.reference-skin .login-language-bars{ height:17px; }
body.reference-skin .login-brand .brand{ display: none; }
body.reference-skin .login-brand{ min-height:62px; justify-content: flex-end; }
body.reference-skin .login-trade-sim{ position: absolute; left: 0; top: 0; display: block; width: min(46vw,174px); padding: 9px 10px 8px; overflow: hidden; border: 1px solid rgba(41,214,160,.3); border-radius: 14px; background: linear-gradient(145deg,rgba(8,28,34,.96),rgba(7,16,29,.94)); box-shadow: 0 12px 32px rgba(0,0,0,.24), inset 0 0 24px rgba(41,214,160,.04); }
body.reference-skin .login-trade-sim::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 38%; background: linear-gradient(90deg,transparent,rgba(105,247,211,.08),transparent); animation: ref_loginTradeScan 3.2s ease-in-out infinite; pointer-events: none; }
body.reference-skin .login-trade-sim-head{ display: flex; align-items: center; justify-content: space-between; gap: 6px; color: #9eb1c8; font: 700 7px/1.2 Consolas,monospace; letter-spacing: .06em; text-transform: uppercase; }
body.reference-skin .login-trade-sim-head span{ display: flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.reference-skin .login-trade-sim-head span i{ flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); animation: ref_pulse 1.6s infinite; }
body.reference-skin .login-trade-sim-head b{ color: var(--green); font-size: 7px; }
body.reference-skin .login-trade-sim-body{ display: flex; align-items: end; justify-content: space-between; gap: 6px; margin-top: 7px; }
body.reference-skin .login-trade-sim-body div{ min-width: 0; }
body.reference-skin .login-trade-sim-body strong{ display: block; color: #edf5ff; font-size: 10px; line-height: 1.1; white-space: nowrap; }
body.reference-skin .login-trade-sim-body > strong{ color: var(--green); font-size: 11px; letter-spacing: -.02em; }
body.reference-skin .login-trade-sim-body small{ display: block; max-width: 94px; margin-top: 3px; overflow: hidden; color: #73849b; font-size: 6px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
body.reference-skin .login-trade-sim-meter{ height: 2px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: rgba(129,157,190,.12); }
body.reference-skin .login-trade-sim-meter i{ display: block; width: 52%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--green)); box-shadow: 0 0 9px rgba(41,214,160,.6); animation: ref_loginTradeMeter 2.4s ease-in-out infinite; }
  @keyframes ref_loginTradeScan { from { left: -45%; } to { left: 110%; } }
  @keyframes ref_loginTradeMeter { 0%,100% { width: 38%; } 50% { width: 88%; } }
body.reference-skin .login-hero{ margin-top:4px; }
body.reference-skin .hero-copy h1{ margin-top: 10px; font-size: 37px; }
body.reference-skin .hero-copy p{ font-size: 13px; }
body.reference-skin .hero-proof{ gap: 7px; margin-top: 20px; }
body.reference-skin .proof-chip{ padding: 8px 10px; font-size: 9px; }
body.reference-skin .ai-stage{ min-height: 330px; margin: 10px -12px 0; }
body.reference-skin .ai-core{ width: 84%; border-radius: 22px; }
body.reference-skin .hud-card{ min-width: 112px; padding: 9px 10px; }
body.reference-skin .hud-card small{ font-size: 7px; }
body.reference-skin .hud-card strong{ font-size: 11px; }
body.reference-skin .hud-a{ top: 2%; left: 0; }
body.reference-skin .hud-b{ right: 0; top: 10%; }
body.reference-skin .hud-c{ left: 1%; bottom: 3%; }
body.reference-skin .hud-d{ right: 0; bottom: 0; }
body.reference-skin .login-side{ padding: 12px 14px 34px; }
body.reference-skin .login-card{ padding: 24px 19px; border-radius: 22px; }
body.reference-skin .login-card-head .mobile-brand{ display: flex; }
body.reference-skin .app-shell{ display: block; }
body.reference-skin .sidebar{ display: none; }
body.reference-skin .app-main{ padding: 14px 13px 28px; }
body.reference-skin .topbar{ min-height: 56px; }
body.reference-skin .page-title span{ font-size: 9px; }
body.reference-skin .page-title h1{ font-size: 21px; }
body.reference-skin .clock-chip{ display: none; }
body.reference-skin .top-actions .btn span{ display: none; }
body.reference-skin .top-actions .btn{ width: 42px; padding: 0; }
body.reference-skin .grid,body.reference-skin .content-stack{ gap: 12px; }
body.reference-skin .grid-3,body.reference-skin .grid-4{ grid-template-columns: 1fr 1fr; }
body.reference-skin .card{ border-radius: 18px; }
body.reference-skin .card-pad,body.reference-skin .ai-command,body.reference-skin .insight-card{ padding: 17px; }
body.reference-skin .portfolio-card{ padding: 18px; }
body.reference-skin .portfolio-value{ font-size: 35px; }
body.reference-skin .portfolio-top{ align-items: flex-start; }
body.reference-skin .ai-control-chip{ padding: 7px 8px; font-size: 8px; }
body.reference-skin .chart-wrap{ height: 180px; }
body.reference-skin .fx-strip{ grid-template-columns: repeat(2,1fr); }
body.reference-skin .market-row{ grid-template-columns: minmax(130px,1fr) auto auto; gap: 8px; }
body.reference-skin .market-row .market-cell:nth-child(2){ display: none; }
body.reference-skin .market-cell strong{ font-size: 10px; }
body.reference-skin .donut-layout{ grid-template-columns: 125px 1fr; gap: 15px; }
body.reference-skin .donut{ width: 120px; height: 120px; }
body.reference-skin .donut::after{ inset: 19px; }
body.reference-skin .form-cols{ grid-template-columns: 1fr; }
body.reference-skin .asset-select-grid{ grid-template-columns: repeat(3,1fr); }
body.reference-skin .detail-summary{ grid-template-columns: 1fr; }
body.reference-skin .mobile-only{ display: block; }
body.reference-skin .bottom-nav{ position: fixed; z-index: 80; left: 10px; right: 10px; bottom: 8px; height: 62px; padding: 6px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line-strong); border-radius: 18px; background: rgba(10,16,27,.94); box-shadow: 0 15px 50px rgba(0,0,0,.42); backdrop-filter: blur(20px); }
body.reference-skin .bottom-nav.is-five{ grid-template-columns:repeat(5,1fr); }
body.reference-skin .bottom-nav button{ display: grid; place-content: center; justify-items: center; gap: 4px; border: 0; border-radius: 12px; background: transparent; color: var(--muted); font-size: 8px; }
body.reference-skin .bottom-nav button svg{ width: 17px; }
body.reference-skin .bottom-nav button.active{ background: rgba(247,200,67,.09); color: var(--yellow); }
body.reference-skin .bottom-nav.is-five button{ font-size:7px; }
body.reference-skin .withdrawal-entry-button{ width:142px; min-height:50px; }
body.reference-skin .withdrawal-hero{ padding:19px; }
body.reference-skin .withdrawal-hero h2{ font-size:20px; }
body.reference-skin .withdrawal-flow-sim{ min-height:160px; padding:10px; border-radius:13px; }
body.reference-skin .withdrawal-flow-map{ grid-template-columns:minmax(64px,1fr) 18px minmax(64px,1fr) 18px minmax(64px,1fr); gap:3px; }
body.reference-skin .withdrawal-flow-node{ min-height:72px; padding-left:2px; padding-right:2px; }
body.reference-skin .withdrawal-flow-node > span{ width:28px; height:28px; }
body.reference-skin .withdrawal-flow-node strong{ font-size:5.5px; }
body.reference-skin .withdrawal-flow-node small{ font-size:4.5px; }
body.reference-skin .withdrawal-ai-console{ min-height:136px; padding:10px; border-radius:13px; }
body.reference-skin .withdrawal-ai-console-body{ grid-template-columns:56px minmax(0,1fr); gap:9px; }
body.reference-skin .withdrawal-ai-core{ width:52px; height:52px; }
body.reference-skin .withdrawal-ai-core i{ height:60px; }
body.reference-skin .withdrawal-ai-core b{ animation-name:ref_withdrawalAiOrbitMobile; }
body.reference-skin .withdrawal-ai-code-track span{ padding-right:24px; font-size:6px; }
body.reference-skin .withdrawal-decision-stream{ min-height:164px; padding:10px; border-radius:13px; }
body.reference-skin .withdrawal-decision-body{ grid-template-columns:68px minmax(0,1fr); gap:8px; }
body.reference-skin .withdrawal-decision-orbit{ width:54px; height:54px; }
body.reference-skin .withdrawal-decision-orbit i{ height:62px; }
body.reference-skin .withdrawal-decision-orbit b{ animation-name:ref_withdrawalDecisionSatelliteMobile; }
body.reference-skin .withdrawal-decision-core > em{ margin-top:7px; font-size:7px; }
body.reference-skin .withdrawal-decision-line{ grid-template-columns:18px minmax(0,1fr); }
body.reference-skin .withdrawal-decision-line span{ padding-right:24px; padding-left:6px; font-size:5.5px; }
body.reference-skin .withdrawal-layout{ grid-template-columns:1fr; }
body.reference-skin .withdrawal-history-row{ grid-template-columns:38px minmax(0,1fr); }
body.reference-skin .withdrawal-history-value{ grid-column:2; justify-items:start; }
body.reference-skin .withdrawal-confirm-grid{ grid-template-columns:1fr; }
body.reference-skin .withdrawal-address-panel{ grid-template-columns:1fr; }
body.reference-skin .withdrawal-reveal-controls{ display:grid; grid-template-columns:1fr; }
body.reference-skin .withdrawal-reveal-controls .input{ min-width:0; }
body.reference-skin .withdrawal-filter{ width:100%; min-width:0; }
body.reference-skin .withdrawal-table th:last-child,body.reference-skin .withdrawal-table td:last-child{ position:sticky; right:0; z-index:2; background:#0c1422; box-shadow:-12px 0 18px rgba(4,9,17,.72); }
body.reference-skin .withdrawal-table th:last-child{ z-index:3; background:#101a2b; }
body.reference-skin .admin-top-actions{ gap:5px; }
body.reference-skin .withdrawal-admin-button b{ position:absolute; top:-5px; right:-5px; }
body.reference-skin .admin-hero{ grid-template-columns: 1fr; }
body.reference-skin .admin-ai-ring{ display: none; }
body.reference-skin .admin-withdrawal-message{ grid-template-columns:34px minmax(0,1fr); align-items:start; }
body.reference-skin .admin-withdrawal-message-icon{ width:34px; height:34px; }
body.reference-skin .admin-withdrawal-message button{ grid-column:2; width:100%; min-height:34px; }
}
@media (max-width: 350px) {
body.reference-skin .login-trade-sim{ width: calc(100% - 158px); padding-left: 8px; padding-right: 8px; }
body.reference-skin .login-trade-sim-head b,body.reference-skin .login-trade-sim-body small{ display: none; }
body.reference-skin .login-trade-sim-body{ margin-top: 8px; }
body.reference-skin .login-trade-sim-body > strong{ font-size: 9px; }
body.reference-skin .withdrawal-flow-head b,body.reference-skin .withdrawal-flow-node small{ display:none; }
body.reference-skin .withdrawal-flow-map{ grid-template-columns:minmax(58px,1fr) 14px minmax(58px,1fr) 14px minmax(58px,1fr); }
body.reference-skin .withdrawal-ai-console-head b,body.reference-skin .withdrawal-ai-console-foot span:last-child{ display:none; }
body.reference-skin .withdrawal-decision-head b,body.reference-skin .withdrawal-decision-foot span:nth-child(2){ display:none; }
}
@media (max-width: 430px) {
body.reference-skin .portfolio-top{ flex-direction:column; }
body.reference-skin .portfolio-side-actions{ width:100%; grid-template-columns:auto 1fr; align-items:stretch; justify-items:stretch; }
body.reference-skin .portfolio-side-actions .ai-control-chip{ justify-content:center; }
body.reference-skin .withdrawal-entry-button{ width:100%; }
body.reference-skin .withdrawal-balance-grid{ grid-template-columns:1fr; }
body.reference-skin .withdrawal-review-actions{ display:grid; grid-template-columns:1fr; }
body.reference-skin .withdrawal-review-actions .btn{ width:100%; }
}
@media (prefers-reduced-motion: reduce) {
body.reference-skin .login-trade-sim::after,body.reference-skin .login-trade-sim-meter i,body.reference-skin .login-trade-sim-head span i,body.reference-skin .login-language-code span,body.reference-skin .login-language-bars i,body.reference-skin .login-language-scan,body.reference-skin .login-language-sim-head span i{ animation: none; }
}
@keyframes ref_withdrawalAiOrbitMobile { from { transform:rotate(0deg) translateX(31px) rotate(0deg); } to { transform:rotate(360deg) translateX(31px) rotate(-360deg); } }
@keyframes ref_withdrawalDecisionSatelliteMobile { from { transform:rotate(0deg) translateX(33px) rotate(0deg); } to { transform:rotate(360deg) translateX(33px) rotate(-360deg); } }
@media (max-width: 430px) {
body.reference-skin .grid-3,body.reference-skin .grid-4{ grid-template-columns: 1fr; }
body.reference-skin .hero-copy h1{ font-size: 34px; }
body.reference-skin .ai-stage{ min-height: 300px; }
body.reference-skin .hud-card strong{ font-size: 10px; }
body.reference-skin .core-caption{ left: 14px; right: 14px; bottom: 12px; }
body.reference-skin .core-score{ width: 44px; height: 44px; font-size: 12px; }
body.reference-skin .portfolio-value{ font-size: 31px; }
body.reference-skin .donut-layout{ grid-template-columns: 1fr; justify-items: center; }
body.reference-skin .legend{ width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
body.reference-skin *,body.reference-skin *::before,body.reference-skin *::after{ scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}
body.reference-skin .pwa-install-banner{position:fixed;z-index:160;right:24px;bottom:24px;width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:52px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:12px;border:1px solid rgba(71,221,191,.28);border-radius:18px;background:rgba(8,15,26,.96);box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 40px rgba(40,206,178,.08);backdrop-filter:blur(22px)}
body.reference-skin .pwa-install-banner[hidden]{display:none}
body.reference-skin .pwa-install-icon{width:52px;height:52px;overflow:hidden;border-radius:14px;box-shadow:0 0 24px rgba(36,213,180,.2)}
body.reference-skin .pwa-install-icon img{width:100%;height:100%;display:block}
body.reference-skin .pwa-install-copy{min-width:0;display:grid;gap:3px}
body.reference-skin .pwa-install-copy strong{color:#f6f8fb;font-size:12px}
body.reference-skin .pwa-install-copy span{color:var(--muted);font-size:10px;line-height:1.45}
body.reference-skin .pwa-install-action{min-height:36px;padding:0 14px;border:1px solid rgba(247,200,67,.35);border-radius:11px;background:linear-gradient(135deg,#f7c843,#f1a92f);color:#171203;font-size:10px;font-weight:800;cursor:pointer}
body.reference-skin .pwa-install-close{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}
body.reference-skin .pwa-install-banner.is-guide{grid-template-columns:52px minmax(0,1fr) 24px}
body.reference-skin .pwa-install-banner.is-guide .pwa-install-action{display:none}
@media(max-width:700px){
body.reference-skin .pwa-install-banner{left:12px;right:12px;bottom:82px;width:auto;grid-template-columns:46px minmax(0,1fr) auto 20px;gap:9px;padding:10px;border-radius:16px}
body.reference-skin .pwa-install-icon{width:46px;height:46px;border-radius:12px}
body.reference-skin .pwa-install-copy strong{font-size:11px}
body.reference-skin .pwa-install-copy span{font-size:9px}
body.reference-skin .pwa-install-action{min-height:34px;padding:0 11px}
body.reference-skin .pwa-install-banner.is-guide{grid-template-columns:46px minmax(0,1fr) 20px}}
@media(display-mode:standalone){
body.reference-skin{padding-top:env(safe-area-inset-top)}
body.reference-skin .pwa-install-banner{display:none!important}}
body.reference-skin .deposit-page{ width:min(100%,1040px); margin-inline:auto; }
body.reference-skin .deposit-hero{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:center; min-height:230px; overflow:hidden; padding:34px; background:radial-gradient(circle at 85% 20%,rgba(36,213,180,.16),transparent 30%),linear-gradient(145deg,rgba(17,31,54,.98),rgba(7,15,29,.98)); }
body.reference-skin .deposit-hero::before{ position:absolute; inset:0; background-image:linear-gradient(rgba(53,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.035) 1px,transparent 1px); background-size:28px 28px; content:""; mask-image:linear-gradient(90deg,#000,transparent 88%); }
body.reference-skin .deposit-hero > *{ position:relative; z-index:1; }
body.reference-skin .deposit-hero h2{ max-width:570px; margin:10px 0 12px; overflow-wrap:break-word; word-break:normal; font-size:clamp(28px,4vw,48px); letter-spacing:-.045em; hyphens:auto; }
body.reference-skin .deposit-hero p{ max-width:610px; margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
body.reference-skin .deposit-orb{ position:relative; display:grid; width:118px; aspect-ratio:1; place-items:center; justify-self:end; border:1px solid rgba(36,213,180,.28); border-radius:50%; background:radial-gradient(circle,rgba(38,161,123,.28),rgba(7,17,30,.96) 66%); box-shadow:0 0 60px rgba(36,213,180,.14),inset 0 0 30px rgba(53,215,255,.08); }
body.reference-skin .deposit-orb::before,body.reference-skin .deposit-orb::after{ position:absolute; border:1px solid rgba(53,215,255,.2); border-radius:50%; content:""; }
body.reference-skin .deposit-orb::before{ inset:-14px; animation:ref_deposit-orbit 8s linear infinite; border-style:dashed; }
body.reference-skin .deposit-orb::after{ inset:15px; }
body.reference-skin .deposit-orb span{ color:#57e5bd; font-size:52px; font-weight:900; text-shadow:0 0 24px rgba(36,213,180,.6); }
body.reference-skin .deposit-orb i{ position:absolute; top:-17px; width:9px; height:9px; border-radius:50%; background:var(--yellow); box-shadow:0 0 16px var(--yellow); }
@keyframes ref_deposit-orbit { to { transform:rotate(360deg); } }
body.reference-skin .deposit-main-card{ overflow:hidden; }
body.reference-skin .deposit-method-switcher{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-bottom:20px; border-bottom:1px solid var(--line); }
body.reference-skin .deposit-method-card{ display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:12px; min-width:0; min-height:128px; padding:16px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(9,20,36,.96),rgba(6,14,27,.96)); color:var(--text); text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
body.reference-skin .deposit-method-card:hover{ transform:translateY(-1px); border-color:rgba(53,215,255,.3); }
body.reference-skin .deposit-method-card.active{ border-color:rgba(36,213,180,.42); background:radial-gradient(circle at 86% 12%,rgba(36,213,180,.12),transparent 36%),linear-gradient(145deg,rgba(11,29,43,.98),rgba(7,17,31,.98)); box-shadow:inset 0 0 28px rgba(36,213,180,.045); }
body.reference-skin .deposit-method-icon{ display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(53,215,255,.2); border-radius:18px; background:rgba(53,215,255,.065); color:#61dcf7; }
body.reference-skin .deposit-method-icon svg{ width:28px; height:28px; }
body.reference-skin .deposit-method-copy{ min-width:0; }
body.reference-skin .deposit-method-copy small,body.reference-skin .deposit-method-copy strong,body.reference-skin .deposit-method-copy b{ display:block; }
body.reference-skin .deposit-method-copy small{ color:var(--muted); font-size:9px; }
body.reference-skin .deposit-method-copy strong{ margin-top:4px; overflow-wrap:anywhere; font-size:17px; line-height:1.2; }
body.reference-skin .deposit-method-copy b{ margin-top:5px; overflow-wrap:anywhere; color:#51d9b3; font-size:8px; font-weight:700; line-height:1.4; letter-spacing:.04em; }
body.reference-skin .deposit-method-card .deposit-status{ grid-column:1/-1; width:max-content; max-width:100%; }
body.reference-skin .deposit-method-panel[hidden]{ display:none; }
body.reference-skin .deposit-bank-card{ margin-top:20px; padding:18px; border:1px solid rgba(53,215,255,.25); border-radius:18px; background:linear-gradient(145deg,rgba(53,215,255,.065),rgba(36,213,180,.035)); }
body.reference-skin .deposit-bank-card-head{ display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(53,215,255,.13); }
body.reference-skin .deposit-bank-card-head > svg{ width:29px; height:29px; padding:6px; border:1px solid rgba(53,215,255,.22); border-radius:10px; color:#55dbf8; }
body.reference-skin .deposit-bank-card-head span,body.reference-skin .deposit-bank-card-head strong{ display:block; }
body.reference-skin .deposit-bank-card-head span{ color:#72def7; font-size:9px; }
body.reference-skin .deposit-bank-card-head strong{ margin-top:4px; font-size:15px; }
body.reference-skin .deposit-bank-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
body.reference-skin .deposit-bank-grid > div{ min-width:0; padding:14px; border:1px solid var(--line); border-radius:13px; background:rgba(5,13,25,.52); }
body.reference-skin .deposit-bank-grid span,body.reference-skin .deposit-bank-grid strong{ display:block; }
body.reference-skin .deposit-bank-grid span{ color:var(--muted); font-size:8px; }
body.reference-skin .deposit-bank-grid strong{ margin-top:7px; overflow-wrap:anywhere; font-size:11px; line-height:1.45; }
body.reference-skin .deposit-bank-reference,body.reference-skin .deposit-bank-note{ grid-column:1/-1; }
body.reference-skin .deposit-bank-reference .deposit-copy-button{ margin-top:12px; }
body.reference-skin .deposit-bank-card > small{ display:block; margin-top:12px; color:var(--muted); font-size:8px; }
body.reference-skin .admin-deposit-config{ display:grid; gap:18px; }
body.reference-skin .admin-deposit-config > form{ padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.018); }
body.reference-skin .deposit-asset-head{ display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:14px; padding-bottom:22px; border-bottom:1px solid var(--line); }
body.reference-skin .deposit-token{ display:grid; width:58px; height:58px; place-items:center; border-radius:18px; background:linear-gradient(145deg,#2bb98d,#17775d); color:#fff; font-size:30px; font-weight:900; box-shadow:0 12px 30px rgba(38,161,123,.22); }
body.reference-skin .deposit-asset-head span,body.reference-skin .deposit-asset-head strong,body.reference-skin .deposit-asset-head small{ display:block; }
body.reference-skin .deposit-asset-head span{ color:var(--muted); font-size:9px; }
body.reference-skin .deposit-asset-head strong{ margin-top:4px; font-size:18px; }
body.reference-skin .deposit-asset-head small{ margin-top:3px; color:#51d9b3; font-size:9px; letter-spacing:.12em; }
body.reference-skin .deposit-status{ display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid rgba(36,213,180,.26); border-radius:999px; background:rgba(36,213,180,.07); color:#57e5bd; font:700 8px/1 Consolas,monospace; letter-spacing:.12em; white-space:nowrap; }
body.reference-skin .deposit-status i{ width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
body.reference-skin .deposit-status.waiting{ border-color:rgba(247,200,67,.25); background:rgba(247,200,67,.07); color:var(--yellow); }
body.reference-skin .deposit-detail-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
body.reference-skin .deposit-detail-grid > div{ min-width:0; padding:15px; border:1px solid var(--line); border-radius:14px; background:rgba(5,13,25,.48); }
body.reference-skin .deposit-detail-grid span,body.reference-skin .deposit-detail-grid strong{ display:block; }
body.reference-skin .deposit-detail-grid span{ color:var(--muted); font-size:8px; }
body.reference-skin .deposit-detail-grid strong{ margin-top:7px; overflow-wrap:anywhere; font-size:11px; line-height:1.45; }
body.reference-skin .deposit-address-field{ margin-top:18px; padding:18px; border:1px solid rgba(53,215,255,.25); border-radius:17px; background:linear-gradient(145deg,rgba(53,215,255,.07),rgba(36,213,180,.035)); }
body.reference-skin .deposit-address-field > span{ color:#71ddf7; font-size:9px; font-weight:700; }
body.reference-skin .deposit-address-field > div{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; margin-top:10px; }
body.reference-skin .deposit-address-field code{ min-width:0; overflow-wrap:anywhere; color:#eefaff; font-size:13px; line-height:1.55; }
body.reference-skin .deposit-address-field small{ display:block; margin-top:9px; color:var(--muted); font-size:8px; }
body.reference-skin .deposit-copy-button{ display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:7px; padding:0 14px; border:1px solid rgba(53,215,255,.25); border-radius:12px; background:#0b1829; color:#e8f8ff; font-size:9px; font-weight:800; cursor:pointer; }
body.reference-skin .deposit-copy-button svg{ width:15px; height:15px; color:#46d6f7; }
body.reference-skin .deposit-address-waiting{ display:flex; align-items:flex-start; gap:13px; margin-top:18px; padding:20px; border:1px dashed rgba(247,200,67,.28); border-radius:17px; background:rgba(247,200,67,.035); }
body.reference-skin .deposit-address-waiting svg{ width:22px; flex:0 0 auto; color:var(--yellow); }
body.reference-skin .deposit-address-waiting strong,body.reference-skin .deposit-address-waiting span{ display:block; }
body.reference-skin .deposit-address-waiting strong{ font-size:12px; }
body.reference-skin .deposit-address-waiting span{ margin-top:6px; color:var(--muted); font-size:9px; line-height:1.55; }
body.reference-skin .deposit-bank-hologram{ position:relative; isolation:isolate; min-height:218px; margin-top:18px; padding:16px; overflow:hidden; border:1px solid rgba(53,215,255,.3); border-radius:18px; background:radial-gradient(circle at 18% 54%,rgba(53,215,255,.13),transparent 27%),radial-gradient(circle at 88% 12%,rgba(36,213,180,.1),transparent 29%),linear-gradient(145deg,rgba(4,17,30,.98),rgba(5,11,22,.98)); box-shadow:inset 0 0 38px rgba(53,215,255,.045),0 16px 34px rgba(0,0,0,.2); }
body.reference-skin .deposit-bank-hologram::before{ position:absolute; z-index:0; inset:0; background-image:linear-gradient(rgba(53,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.045) 1px,transparent 1px); background-size:22px 22px; content:""; mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.52),transparent); }
body.reference-skin .deposit-bank-hologram::after{ position:absolute; z-index:0; top:-40%; right:-15%; left:-15%; height:58px; background:linear-gradient(180deg,transparent,rgba(53,215,255,.14),rgba(36,213,180,.03),transparent); content:""; transform:skewY(-4deg); animation:ref_deposit-holo-scan 5.2s linear infinite; }
body.reference-skin .deposit-bank-hologram > *{ position:relative; z-index:1; }
body.reference-skin .deposit-holo-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid rgba(53,215,255,.16); font:700 8px/1 Consolas,monospace; letter-spacing:.13em; }
body.reference-skin .deposit-holo-head span{ display:flex; align-items:center; gap:7px; color:#62ddf8; }
body.reference-skin .deposit-holo-head span i{ width:6px; height:6px; border-radius:50%; background:#29d5aa; box-shadow:0 0 11px #29d5aa; animation:ref_deposit-holo-pulse 1.8s ease-in-out infinite; }
body.reference-skin .deposit-holo-head b{ color:#55e2bc; font-size:7px; white-space:nowrap; }
body.reference-skin .deposit-holo-body{ display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:16px; margin-top:14px; }
body.reference-skin .deposit-holo-core{ position:relative; display:grid; width:92px; aspect-ratio:1; place-items:center; justify-self:center; border:1px solid rgba(53,215,255,.28); border-radius:50%; background:radial-gradient(circle,rgba(53,215,255,.2),rgba(5,16,29,.9) 58%,transparent 60%); box-shadow:0 0 32px rgba(53,215,255,.12),inset 0 0 18px rgba(53,215,255,.12); }
body.reference-skin .deposit-holo-core::before,body.reference-skin .deposit-holo-core::after{ position:absolute; border:1px solid rgba(53,215,255,.24); border-radius:50%; content:""; }
body.reference-skin .deposit-holo-core::before{ inset:-8px; border-style:dashed; animation:ref_deposit-holo-orbit 9s linear infinite; }
body.reference-skin .deposit-holo-core::after{ inset:13px; border-color:rgba(36,213,180,.28); animation:ref_deposit-holo-orbit 5.5s linear infinite reverse; }
body.reference-skin .deposit-holo-core span{ display:grid; width:42px; aspect-ratio:1; place-items:center; border:1px solid rgba(53,215,255,.4); border-radius:50%; background:rgba(6,24,38,.92); color:#67e6ff; font:900 16px/1 Arial,sans-serif; text-shadow:0 0 13px rgba(53,215,255,.8); }
body.reference-skin .deposit-holo-code{ display:grid; gap:7px; min-width:0; }
body.reference-skin .deposit-holo-code > div{ position:relative; display:grid; grid-template-columns:22px minmax(0,1fr) 42px; align-items:center; gap:7px; min-width:0; padding:9px 10px; overflow:hidden; border:1px solid rgba(53,215,255,.13); border-radius:9px; background:rgba(3,13,24,.58); }
body.reference-skin .deposit-holo-code > div::after{ position:absolute; bottom:0; left:0; width:38%; height:1px; background:linear-gradient(90deg,transparent,#42dcff,#30d9aa,transparent); content:""; transform:translateX(-130%); animation:ref_deposit-holo-code-flow 3.2s ease-in-out infinite; }
body.reference-skin .deposit-holo-code > div:nth-child(2)::after{ animation-delay:.55s; }
body.reference-skin .deposit-holo-code > div:nth-child(3)::after{ animation-delay:1.1s; }
body.reference-skin .deposit-holo-code > div:nth-child(4)::after{ animation-delay:1.65s; }
body.reference-skin .deposit-holo-code em,body.reference-skin .deposit-holo-code code,body.reference-skin .deposit-holo-code b{ min-width:0; font:700 7px/1.2 Consolas,monospace; font-style:normal; white-space:nowrap; }
body.reference-skin .deposit-holo-code em{ color:#2bd5aa; }
body.reference-skin .deposit-holo-code code{ overflow:hidden; color:#7697ad; text-overflow:ellipsis; }
body.reference-skin .deposit-holo-code b{ color:#5de5ff; text-align:right; }
body.reference-skin .deposit-holo-meter{ display:grid; grid-template-columns:minmax(52px,1fr) auto auto; align-items:center; gap:10px; margin-top:13px; color:#64869c; font:700 6px/1 Consolas,monospace; letter-spacing:.1em; }
body.reference-skin .deposit-holo-meter > span{ height:3px; overflow:hidden; border-radius:999px; background:rgba(53,215,255,.1); }
body.reference-skin .deposit-holo-meter > span i{ display:block; width:78%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#31d9ad,#4bdfff); box-shadow:0 0 9px rgba(53,215,255,.5); animation:ref_deposit-holo-meter 3s ease-in-out infinite; }
body.reference-skin .deposit-holo-meter b{ color:#6b8ca1; }
body.reference-skin .deposit-holo-meter em{ color:#55e2bc; font-style:normal; }
body.reference-skin .deposit-test-notice{ display:flex; gap:12px; margin-top:18px; padding:16px; border:1px solid rgba(255,98,125,.2); border-radius:16px; background:rgba(255,98,125,.045); }
body.reference-skin .deposit-test-notice svg{ width:21px; flex:0 0 auto; color:#ff7892; }
body.reference-skin .deposit-test-notice strong,body.reference-skin .deposit-test-notice span{ display:block; }
body.reference-skin .deposit-test-notice strong{ font-size:10px; }
body.reference-skin .deposit-test-notice span{ margin-top:5px; color:var(--muted); font-size:8px; line-height:1.55; }
body.reference-skin .deposit-ai-stream{ overflow:hidden; padding:18px; border:1px solid rgba(53,215,255,.18); border-radius:18px; background:linear-gradient(135deg,rgba(5,19,31,.98),rgba(5,11,22,.98)); box-shadow:inset 0 0 36px rgba(53,215,255,.035); }
body.reference-skin .deposit-ai-head{ display:flex; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid rgba(53,215,255,.13); color:#62ddf8; font:700 8px/1 Consolas,monospace; letter-spacing:.14em; }
body.reference-skin .deposit-ai-head span{ display:flex; align-items:center; gap:7px; }
body.reference-skin .deposit-ai-head i{ width:6px; height:6px; border-radius:50%; background:#2bd5a8; box-shadow:0 0 10px #2bd5a8; }
body.reference-skin .deposit-ai-head b{ color:var(--yellow); }
body.reference-skin .deposit-ai-code-switch{ position:relative; display:block; width:128px; height:9px; overflow:hidden; text-align:right; }
body.reference-skin .deposit-ai-code-switch em{ position:absolute; inset:0; opacity:0; color:var(--yellow); font:700 8px/1 Consolas,monospace; font-style:normal; letter-spacing:.14em; white-space:nowrap; transform:translateY(120%); animation:ref_deposit-ai-code-cycle 6s linear infinite; }
body.reference-skin .deposit-ai-code-switch em:nth-child(2){ animation-delay:2s; color:#59e1ff; }
body.reference-skin .deposit-ai-code-switch em:nth-child(3){ animation-delay:4s; color:#55e2bc; }
body.reference-skin .deposit-ai-lines{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 18px; margin-top:14px; }
body.reference-skin .deposit-ai-lines code{ overflow:hidden; color:#7290a7; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
@keyframes ref_deposit-holo-scan { 0% { opacity:0; transform:translateY(-120%) skewY(-4deg); } 12% { opacity:1; } 88% { opacity:.7; } 100% { opacity:0; transform:translateY(520%) skewY(-4deg); } }
@keyframes ref_deposit-holo-pulse { 50% { opacity:.42; box-shadow:0 0 3px #29d5aa; } }
@keyframes ref_deposit-holo-orbit { to { transform:rotate(360deg); } }
@keyframes ref_deposit-holo-code-flow { 0%,18% { transform:translateX(-130%); } 68%,100% { transform:translateX(360%); } }
@keyframes ref_deposit-holo-meter { 0%,100% { width:58%; opacity:.56; } 50% { width:94%; opacity:1; } }
@keyframes ref_deposit-ai-code-cycle { 0% { opacity:0; transform:translateY(120%); } 8%,27% { opacity:1; transform:translateY(0); } 34%,100% { opacity:0; transform:translateY(-120%); } }
body.reference-skin .action-tabs{ flex-wrap:wrap; }
@media(max-width:700px){
body.reference-skin .deposit-page{ width:100%; }
body.reference-skin .deposit-hero{ grid-template-columns:minmax(0,1fr) 76px; min-height:180px; padding:22px 18px; }
body.reference-skin .deposit-hero h2{ font-size:22px; line-height:1.08; }
body.reference-skin .deposit-hero p{ font-size:10px; line-height:1.6; }
body.reference-skin .deposit-orb{ width:68px; }
body.reference-skin .deposit-orb span{ font-size:31px; }
body.reference-skin .deposit-orb::before{ inset:-8px; }
body.reference-skin .deposit-orb i{ top:-10px; width:7px; height:7px; }
body.reference-skin .deposit-main-card{ padding:18px; }
body.reference-skin .deposit-method-switcher{ gap:8px; }
body.reference-skin .deposit-method-card{ grid-template-columns:42px minmax(0,1fr); gap:9px; min-height:145px; padding:12px 10px; border-radius:15px; }
body.reference-skin .deposit-method-icon,body.reference-skin .deposit-method-card .deposit-token{ width:42px; height:42px; border-radius:13px; font-size:22px; }
body.reference-skin .deposit-method-icon svg{ width:22px; height:22px; }
body.reference-skin .deposit-method-copy small{ font-size:7px; }
body.reference-skin .deposit-method-copy strong{ font-size:13px; }
body.reference-skin .deposit-method-copy b{ font-size:7px; line-height:1.3; }
body.reference-skin .deposit-method-card .deposit-status{ padding:7px 8px; font-size:6px; letter-spacing:.07em; }
body.reference-skin .deposit-bank-grid{ grid-template-columns:1fr; gap:8px; }
body.reference-skin .deposit-bank-reference,body.reference-skin .deposit-bank-note{ grid-column:auto; }
body.reference-skin .deposit-asset-head{ grid-template-columns:46px minmax(0,1fr); gap:11px; }
body.reference-skin .deposit-token{ width:46px; height:46px; border-radius:14px; font-size:24px; }
body.reference-skin .deposit-status{ grid-column:1/-1; width:max-content; }
body.reference-skin .deposit-detail-grid{ grid-template-columns:1fr; gap:8px; }
body.reference-skin .deposit-address-field > div{ grid-template-columns:1fr; }
body.reference-skin .deposit-copy-button{ width:100%; }
body.reference-skin .deposit-bank-hologram{ min-height:216px; padding:13px; }
body.reference-skin .deposit-holo-head{ font-size:6px; }
body.reference-skin .deposit-holo-body{ grid-template-columns:72px minmax(0,1fr); gap:10px; }
body.reference-skin .deposit-holo-core{ width:64px; }
body.reference-skin .deposit-holo-core span{ width:32px; font-size:12px; }
body.reference-skin .deposit-holo-code{ gap:6px; }
body.reference-skin .deposit-holo-code > div{ grid-template-columns:18px minmax(0,1fr) 32px; gap:5px; padding:8px 7px; }
body.reference-skin .deposit-holo-code em,body.reference-skin .deposit-holo-code code,body.reference-skin .deposit-holo-code b{ font-size:6px; }
body.reference-skin .deposit-holo-meter{ gap:7px; }
body.reference-skin .deposit-holo-meter b{ display:none; }
body.reference-skin .deposit-ai-code-switch{ width:116px; }
body.reference-skin .deposit-ai-code-switch em{ font-size:7px; }
body.reference-skin .deposit-ai-lines{ grid-template-columns:1fr; }
body.reference-skin .action-tabs button{ flex:1 1 calc(50% - 6px); }
}
@media(prefers-reduced-motion:reduce){
body.reference-skin .deposit-orb::before,body.reference-skin .deposit-bank-hologram::after,body.reference-skin .deposit-holo-head span i,body.reference-skin .deposit-holo-core::before,body.reference-skin .deposit-holo-core::after,body.reference-skin .deposit-holo-code>div::after,body.reference-skin .deposit-holo-meter>span i{animation:none}
body.reference-skin .deposit-ai-code-switch em{display:none;animation:none}
body.reference-skin .deposit-ai-code-switch em:first-child{position:static;display:block;opacity:1;transform:none}}
body.reference-skin .usd-equivalent{ display:block; max-width:100%; margin-top:4px; color:#8ca5bb; font-size:8px; font-weight:650; line-height:1.25; letter-spacing:.015em; white-space:nowrap; }
body.reference-skin .portfolio-value + .usd-equivalent,body.reference-skin .withdrawal-balance + .usd-equivalent{ margin-top:6px; color:#b7c9da; font-size:11px; }
body.reference-skin .return-pill .usd-equivalent,body.reference-skin .withdrawal-pending-line .usd-equivalent{ margin:0 0 0 4px; color:inherit; font-size:7px; }
body.reference-skin .currency-pill{ display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border:1px solid rgba(247,200,67,.24); border-radius:999px; background:rgba(247,200,67,.07); color:var(--yellow); font-size:8px; font-weight:800; letter-spacing:.06em; white-space:nowrap; }
body.reference-skin .market-cell .usd-equivalent,body.reference-skin .owned-value .usd-equivalent,body.reference-skin .cash-badge .usd-equivalent,body.reference-skin .activity-value .usd-equivalent,body.reference-skin .detail-box .usd-equivalent,body.reference-skin .withdrawal-history-copy .usd-equivalent,body.reference-skin .withdrawal-history-value .usd-equivalent,body.reference-skin .gain-day-value .usd-equivalent{ text-align:inherit; }
body.reference-skin .kpi .usd-equivalent{ font-size:9px; }
body.reference-skin .data-table .usd-equivalent{ font-size:7px; }
body.reference-skin .fx-strip{ grid-template-columns: repeat(3,minmax(0,1fr)); }
body.reference-skin .fx-box.primary{ border-color: rgba(41,214,160,.28); background: rgba(41,214,160,.055); }
body.reference-skin .fx-box.rate strong{ font-size: 12px; }
body.reference-skin .fx-box small,body.reference-skin .detail-box small{ display:block; margin-top:4px; color:var(--muted); font-size:8px; }
body.reference-skin .status-pill.pending{ border-color: rgba(247,200,67,.26); background: rgba(247,200,67,.08); color: var(--yellow); }
body.reference-skin .plan-overview{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
body.reference-skin .plan-overview > div{ padding:15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
body.reference-skin .plan-overview span{ display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
body.reference-skin .plan-overview strong{ display:block; margin-top:7px; font-size:16px; }
body.reference-skin .plan-overview small{ display:block; margin-top:4px; color:var(--muted); font-size:9px; }
body.reference-skin .plan-progress{ height:7px; margin-top:18px; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.05); }
body.reference-skin .plan-progress i{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--green)); box-shadow:0 0 20px rgba(41,214,160,.35); }
body.reference-skin .plan-progress-copy{ display:flex; justify-content:space-between; margin-top:7px; color:var(--muted); font-size:9px; }
body.reference-skin .gain-schedule{ max-height:410px; margin-top:16px; display:grid; gap:8px; overflow:auto; padding-right:4px; }
body.reference-skin .gain-day{ display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.018); }
body.reference-skin .gain-day.applied{ border-color:rgba(41,214,160,.2); background:rgba(41,214,160,.035); }
body.reference-skin .gain-day-index{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(53,215,255,.08); color:var(--cyan); font-size:10px; font-weight:800; }
body.reference-skin .gain-day.applied .gain-day-index{ background:rgba(41,214,160,.12); color:var(--green); }
body.reference-skin .gain-day-copy strong,body.reference-skin .gain-day-value strong{ display:block; font-size:10px; }
body.reference-skin .gain-day-copy span,body.reference-skin .gain-day-value span{ display:block; margin-top:3px; color:var(--muted); font-size:8px; }
body.reference-skin .gain-day-value{ text-align:right; }
body.reference-skin .plan-chip{ display:inline-flex; padding:5px 8px; border:1px solid rgba(247,200,67,.2); border-radius:8px; background:rgba(247,200,67,.07); color:var(--yellow); font-size:9px; font-weight:800; }
body.reference-skin .detail-summary{ grid-template-columns:repeat(4,minmax(0,1fr)); }
body.reference-skin .fx-rate-line{ display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid rgba(53,215,255,.16); border-radius:11px; background:rgba(53,215,255,.04); color:var(--muted); font-size:9px; }
body.reference-skin .fx-rate-line svg{ width:16px; color:var(--cyan); }
body.reference-skin .plan-preview{ margin-top:16px; padding:15px; border:1px solid rgba(247,200,67,.18); border-radius:12px; background:rgba(247,200,67,.04); }
body.reference-skin .plan-preview span{ display:block; color:var(--muted); font-size:8px; }
body.reference-skin .plan-preview strong{ display:block; margin-top:5px; font-size:18px; }
body.reference-skin .plan-preview p{ margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }

@media(max-width:900px){
body.reference-skin .detail-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); }
body.reference-skin .plan-overview{ grid-template-columns:1fr; }
}
@media(max-width:700px){
body.reference-skin .fx-strip{ grid-template-columns:1fr 1fr; }
body.reference-skin .fx-box.rate{ grid-column:1/-1; }
body.reference-skin .gain-plan-card{ padding:16px; }
body.reference-skin .gain-schedule{ max-height:480px; }
body.reference-skin .gain-day{ grid-template-columns:32px minmax(0,1fr); gap:9px; }
body.reference-skin .gain-day-index{ width:30px; height:30px; }
body.reference-skin .gain-day-value{ grid-column:2; display:flex; justify-content:space-between; align-items:center; text-align:left; }
body.reference-skin .action-tabs{ overflow-x:auto; padding-bottom:4px; }
body.reference-skin .action-tabs button{ white-space:nowrap; }
body.reference-skin .portfolio-value,body.reference-skin .withdrawal-balance,body.reference-skin .kpi-value,body.reference-skin .detail-box strong,body.reference-skin .fx-box strong{ overflow-wrap:anywhere; }
body.reference-skin .return-pill,body.reference-skin .withdrawal-pending-line{ flex-wrap:wrap; }
body.reference-skin .return-pill .usd-equivalent,body.reference-skin .withdrawal-pending-line .usd-equivalent{ width:100%; margin:3px 0 0 22px; }
}
@media(max-width:430px){
body.reference-skin .fx-strip,body.reference-skin .detail-summary{ grid-template-columns:1fr; }
body.reference-skin .fx-box.rate{ grid-column:auto; }
body.reference-skin .portfolio-value{ font-size:clamp(27px,9vw,34px); }
body.reference-skin .withdrawal-balance{ font-size:clamp(27px,9vw,36px); }
body.reference-skin .kpi-value{ font-size:clamp(21px,7vw,26px); }
body.reference-skin .cash-badge{ min-width:0; max-width:48%; }
body.reference-skin .cash-badge strong{ overflow-wrap:anywhere; font-size:13px; }
}
body.reference-skin .loss-plan{ border-color: rgba(255,98,125,.18); }
body.reference-skin .loss-plan .plan-progress i{ background: linear-gradient(90deg,#ff627d,#ff9b72); box-shadow:0 0 20px rgba(255,98,125,.28); }
body.reference-skin .gain-day.loss.applied{ border-color:rgba(255,98,125,.2); background:rgba(255,98,125,.035); }
body.reference-skin .gain-day.loss .gain-day-index{ background:rgba(255,98,125,.1); color:var(--red); }
body.reference-skin .plan-chip.loss{ border-color:rgba(255,98,125,.22); background:rgba(255,98,125,.07); color:var(--red); }
body.reference-skin .activity-icon.loss{ color:var(--red); background:rgba(255,98,125,.08); }
body.reference-skin select.input{ appearance:auto; color-scheme:dark; }
body.reference-skin select.input option{ background:#101827; color:#eef4ff; }
body.reference-skin .language-picker{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 22px; padding:8px 9px 8px 12px; border:1px solid rgba(53,215,255,.2); border-radius:13px; background:linear-gradient(135deg,rgba(53,215,255,.075),rgba(41,214,160,.035)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
body.reference-skin .language-picker label{ display:flex; align-items:center; gap:8px; color:#9fdfee; font-size:11px; font-weight:700; letter-spacing:.035em; }
body.reference-skin .language-globe{ width:22px; height:22px; display:grid; place-items:center; border:1px solid rgba(53,215,255,.28); border-radius:50%; color:var(--cyan); font-size:15px; box-shadow:0 0 14px rgba(53,215,255,.12); }
body.reference-skin .language-picker select{ min-width:132px; padding:8px 30px 8px 11px; border:1px solid rgba(128,155,195,.2); border-radius:9px; outline:0; color:#e9f4ff; background:#0b1422; font:600 12px/1.2 Inter,Arial,sans-serif; cursor:pointer; }
body.reference-skin .language-picker select:focus{ border-color:rgba(53,215,255,.58); box-shadow:0 0 0 3px rgba(53,215,255,.08); }
body.reference-skin .language-picker.is-compact{ min-height:48px; margin:0; padding:5px 6px 5px 9px; gap:8px; border-radius:12px; background:linear-gradient(135deg,rgba(53,215,255,.09),rgba(41,214,160,.045)); backdrop-filter:blur(14px); }
body.reference-skin .language-picker.is-compact label{ gap:6px; font-size:9px; }
body.reference-skin .language-picker.is-compact .language-globe{ width:20px; height:20px; font-size:13px; }
body.reference-skin .language-picker.is-compact select{ min-width:112px; padding:7px 25px 7px 9px; font-size:10px; }
body.reference-skin .language-pill{ display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border:1px solid rgba(53,215,255,.18); border-radius:999px; background:rgba(53,215,255,.055); color:#9edfeb; font-size:8px; font-weight:750; white-space:nowrap; }
body.reference-skin .user-link-identity{ display:flex; align-items:center; gap:12px; padding:14px; border:1px solid rgba(53,215,255,.16); border-radius:14px; background:linear-gradient(135deg,rgba(53,215,255,.07),rgba(41,214,160,.025)); }
body.reference-skin .user-link-identity .avatar{ flex:0 0 auto; }
body.reference-skin .user-link-identity strong,body.reference-skin .user-link-identity span{ display:block; }
body.reference-skin .user-link-identity strong{ font-size:13px; }
body.reference-skin .user-link-identity span{ margin-top:5px; color:var(--muted); font-size:9px; }
body.reference-skin .user-link-identity b{ color:var(--cyan); }
body.reference-skin .user-link-language,body.reference-skin .user-link-field{ margin-top:16px; }
body.reference-skin .user-link-field .input{ font:600 10px/1.2 Consolas,monospace; color:#9edfeb; }
body.reference-skin .user-link-note{ margin-top:12px; }
body.reference-skin .user-link-note.secure{ border-color:rgba(41,214,160,.18); background:rgba(41,214,160,.035); }
body.reference-skin .user-link-actions{ flex-wrap:wrap; }
body.reference-skin [dir="rtl"] body{ direction:rtl; }
body.reference-skin [dir="rtl"] .login-visual{ border-right:0; border-left:1px solid var(--line); }
body.reference-skin [dir="rtl"] .input.has-icon{ padding-left:16px; padding-right:46px; }
body.reference-skin [dir="rtl"] .input-wrap > svg{ left:auto; right:16px; }
body.reference-skin [dir="rtl"] .sidebar{ border-right:0; border-left:1px solid var(--line); }
body.reference-skin [dir="rtl"] code,body.reference-skin [dir="rtl"] pre,body.reference-skin [dir="rtl"] input[type="email"],body.reference-skin [dir="rtl"] input[name*="address"]{ direction:ltr; text-align:left; }
@media (max-width:720px) {
body.reference-skin .language-picker{ margin-bottom:18px; }
body.reference-skin .language-picker select{ min-width:124px; }
body.reference-skin .language-picker.is-compact{ min-height:46px; margin:0; padding:4px 5px; }
body.reference-skin .language-picker.is-compact label span:last-child{ display:none; }
body.reference-skin .language-picker.is-compact select{ min-width:96px; max-width:112px; padding-left:7px; padding-right:20px; font-size:9px; }
body.reference-skin .user-link-actions{ display:grid; grid-template-columns:1fr 1fr; }
body.reference-skin .user-link-actions .btn{ width:100%; }
body.reference-skin .user-link-actions #copy-generated-user-link{ grid-column:1/-1; }
}
@media (max-width:350px) {
body.reference-skin .login-language-bars{ display:none; }
body.reference-skin .language-picker.is-compact select{ min-width:88px; max-width:94px; }
}
body.reference-skin .deposit-simulation-hero{ isolation:isolate; display:block; min-height:260px; padding:22px 26px; border-color:rgba(48,225,199,.28); background:radial-gradient(circle at 50% 52%,rgba(29,240,194,.15),transparent 26%),radial-gradient(circle at 92% 12%,rgba(31,180,255,.18),transparent 34%),linear-gradient(145deg,#08182b,#04101e 68%,#071a29); box-shadow:inset 0 0 48px rgba(30,222,193,.05),0 24px 60px rgba(0,0,0,.18); }
body.reference-skin .deposit-simulation-hero::before{ z-index:-2; opacity:.9; mask-image:none; background-size:24px 24px; background-image:linear-gradient(rgba(53,215,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.055) 1px,transparent 1px); }
body.reference-skin .deposit-simulation-hero::after{ position:absolute; z-index:4; top:-45%; left:0; width:100%; height:38%; content:""; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(54,236,216,.13),rgba(53,215,255,.34),transparent); filter:blur(.2px); animation:ref_deposit-sim-scan 4.2s linear infinite; }
body.reference-skin .deposit-sim-grid{ position:absolute; z-index:-1; inset:0; overflow:hidden; background:repeating-radial-gradient(circle at 48% 52%,transparent 0 27px,rgba(53,215,255,.05) 28px 29px); }
body.reference-skin .deposit-sim-grid::before,body.reference-skin .deposit-sim-grid::after{ position:absolute; top:50%; left:50%; content:""; background:linear-gradient(90deg,transparent,rgba(67,235,218,.25),transparent); transform:translate(-50%,-50%); }
body.reference-skin .deposit-sim-grid::before{ width:78%; height:1px; }
body.reference-skin .deposit-sim-grid::after{ width:1px; height:78%; background:linear-gradient(transparent,rgba(67,235,218,.25),transparent); }
body.reference-skin .deposit-sim-head,body.reference-skin .deposit-sim-footer{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; font:800 8px/1.2 Consolas,monospace; letter-spacing:.16em; }
body.reference-skin .deposit-sim-head span,body.reference-skin .deposit-sim-head b{ color:#61e7f5; }
body.reference-skin .deposit-sim-head span i{ display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#42efbd; box-shadow:0 0 14px #42efbd; animation:ref_deposit-sim-pulse 1.25s ease-in-out infinite; }
body.reference-skin .deposit-sim-head b{ padding:6px 9px; border:1px solid rgba(66,239,189,.24); border-radius:999px; background:rgba(66,239,189,.07); color:#66f1c4; }
body.reference-skin .deposit-sim-stage{ position:relative; z-index:2; display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:28px; min-height:170px; padding:12px 7%; }
body.reference-skin .deposit-sim-orb{ position:relative; display:grid; width:126px; aspect-ratio:1; place-items:center; justify-self:center; border:1px solid rgba(63,235,214,.36); border-radius:50%; background:radial-gradient(circle,rgba(36,213,180,.24),rgba(3,14,27,.96) 62%); box-shadow:0 0 38px rgba(36,213,180,.22),inset 0 0 28px rgba(53,215,255,.12); }
body.reference-skin .deposit-sim-orb i{ position:absolute; border:1px solid rgba(66,223,255,.32); border-radius:50%; }
body.reference-skin .deposit-sim-orb i:nth-child(1){ inset:-13px; border-style:dashed; animation:ref_deposit-sim-spin 9s linear infinite; }
body.reference-skin .deposit-sim-orb i:nth-child(2){ inset:12px; border-color:rgba(66,239,189,.25); animation:ref_deposit-sim-spin 5s linear infinite reverse; }
body.reference-skin .deposit-sim-orb i:nth-child(3){ top:-17px; left:50%; width:9px; height:9px; border:0; background:#ffd44e; box-shadow:0 0 18px #ffd44e; transform:translateX(-50%); animation:ref_deposit-sim-pulse 1.1s ease-in-out infinite; }
body.reference-skin .deposit-sim-orb strong{ color:#65f1ca; font-size:48px; text-shadow:0 0 25px rgba(74,244,204,.75); }
body.reference-skin .deposit-sim-orb em{ position:absolute; bottom:18px; color:#63d9ef; font:800 7px Consolas,monospace; letter-spacing:.23em; }
body.reference-skin .deposit-sim-readout{ display:grid; gap:8px; }
body.reference-skin .deposit-sim-readout div{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 13px; border:1px solid rgba(53,215,255,.14); border-radius:10px; background:linear-gradient(90deg,rgba(7,22,38,.9),rgba(13,46,54,.44)); }
body.reference-skin .deposit-sim-readout div::after{ position:absolute; inset:0; content:""; background:linear-gradient(100deg,transparent 25%,rgba(83,241,218,.12),transparent 72%); transform:translateX(-120%); animation:ref_deposit-sim-flow 2.7s ease-in-out infinite; }
body.reference-skin .deposit-sim-readout span{ color:#728da1; font:700 7px Consolas,monospace; letter-spacing:.14em; }
body.reference-skin .deposit-sim-readout strong{ color:#9af8dd; font:800 9px Consolas,monospace; letter-spacing:.08em; }
body.reference-skin .deposit-sim-footer{ padding-top:9px; border-top:1px solid rgba(53,215,255,.12); }
body.reference-skin .deposit-sim-footer>span{ overflow:hidden; flex:1; height:4px; border-radius:99px; background:rgba(53,215,255,.08); }
body.reference-skin .deposit-sim-footer>span i{ display:block; width:74%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2bd7b0,#56dcfa); box-shadow:0 0 12px #2bd7b0; animation:ref_deposit-sim-progress 3s ease-in-out infinite; }
body.reference-skin .deposit-sim-footer b{ color:#668498; }
body.reference-skin .deposit-sim-footer em{ color:#65f1ca; font-style:normal; }
body.reference-skin .deposit-route-stream{ position:relative; display:block; overflow:hidden; height:15px; color:#61ecc4!important; text-shadow:0 0 12px rgba(61,236,196,.35); }
body.reference-skin .deposit-route-stream span{ position:absolute; inset:0 auto auto 0; opacity:0; white-space:nowrap; animation:ref_deposit-route-cycle 6s ease-in-out infinite; }
body.reference-skin .deposit-route-stream span:nth-child(2){ animation-delay:2s; }
body.reference-skin .deposit-route-stream span:nth-child(3){ animation-delay:4s; }
body.reference-skin .deposit-security-simulation{ position:relative; isolation:isolate; overflow:hidden; border-color:rgba(45,222,190,.24); background:linear-gradient(110deg,rgba(6,24,36,.97),rgba(10,41,48,.78),rgba(7,21,34,.97)); box-shadow:inset 0 0 28px rgba(40,225,193,.055); }
body.reference-skin .deposit-security-simulation::after{ position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(100deg,transparent 12%,rgba(74,239,212,.12),transparent 62%); transform:translateX(-125%); animation:ref_deposit-sim-flow 3.4s linear infinite; }
body.reference-skin .deposit-security-simulation>svg{ color:#55ebc1; filter:drop-shadow(0 0 8px rgba(85,235,193,.6)); animation:ref_deposit-sim-pulse 1.4s ease-in-out infinite; }
body.reference-skin .deposit-security-simulation strong{ color:#a5f9e2; font:800 10px Consolas,monospace; letter-spacing:.08em; }
body.reference-skin .deposit-security-simulation span{ font:600 8px/1.65 Consolas,monospace; color:#7695a5; }
body.reference-skin .deposit-security-simulation b{ display:grid; grid-template-columns:minmax(60px,1fr) auto auto; align-items:center; gap:9px; margin-top:10px; color:#69eec8; font:700 7px Consolas,monospace; letter-spacing:.1em; }
body.reference-skin .deposit-security-simulation b>i{ overflow:hidden; height:3px; border-radius:99px; background:linear-gradient(90deg,#32dcba 72%,rgba(53,215,255,.12) 72%); box-shadow:0 0 9px rgba(50,220,186,.5); animation:ref_deposit-sim-progress 2.8s ease-in-out infinite; }
body.reference-skin .deposit-security-simulation b em{ font-style:normal; }
body.reference-skin .deposit-security-simulation b small{ color:#ffd45a; }
@keyframes ref_deposit-sim-scan { from { transform:translateY(-20%); } to { transform:translateY(410%); } }
@keyframes ref_deposit-sim-spin { to { transform:rotate(360deg); } }
@keyframes ref_deposit-sim-pulse { 50% { opacity:.42; filter:brightness(1.55); } }
@keyframes ref_deposit-sim-flow { 45%,100% { transform:translateX(125%); } }
@keyframes ref_deposit-sim-progress { 50% { width:96%; filter:brightness(1.45); } }
@keyframes ref_deposit-route-cycle { 0% { opacity:0; transform:translateY(8px); } 8%,27% { opacity:1; transform:translateY(0); } 35%,100% { opacity:0; transform:translateY(-8px); } }
@media(max-width:700px){
body.reference-skin .deposit-simulation-hero{ min-height:226px; padding:16px 14px; }
body.reference-skin .deposit-sim-stage{ grid-template-columns:92px minmax(0,1fr); gap:13px; min-height:154px; padding:10px 2px; }
body.reference-skin .deposit-sim-orb{ width:78px; }
body.reference-skin .deposit-sim-orb strong{ font-size:31px; }
body.reference-skin .deposit-sim-orb em{ bottom:9px; font-size:5px; }
body.reference-skin .deposit-sim-readout div{ padding:8px; }
body.reference-skin .deposit-sim-readout span{ font-size:5px; }
body.reference-skin .deposit-sim-readout strong{ font-size:6px; }
body.reference-skin .deposit-sim-head,body.reference-skin .deposit-sim-footer{ gap:7px; font-size:5px; letter-spacing:.1em; }
body.reference-skin .deposit-sim-head b{ padding:5px 6px; }
body.reference-skin .deposit-sim-footer b{ max-width:110px; }
body.reference-skin .deposit-security-simulation b{ grid-template-columns:1fr auto; }
body.reference-skin .deposit-security-simulation b em{ display:none; }
}
@media(prefers-reduced-motion:reduce){
body.reference-skin .deposit-simulation-hero::after,body.reference-skin .deposit-sim-head span i,body.reference-skin .deposit-sim-orb i,body.reference-skin .deposit-sim-readout div::after,body.reference-skin .deposit-sim-footer>span i,body.reference-skin .deposit-route-stream span,body.reference-skin .deposit-security-simulation::after,body.reference-skin .deposit-security-simulation>svg,body.reference-skin .deposit-security-simulation b>i{ animation:none; }
body.reference-skin .deposit-route-stream span:first-child{ opacity:1; transform:none; }
}
/* New portal DOM adapters. Ledger/auth/data controls retain their original IDs and handlers. */
body.reference-skin{--gold:var(--yellow);--ink:var(--text);padding-top:34px;padding-bottom:58px}
body.reference-skin .topline{padding:0;min-height:34px;display:block}
body.reference-skin .topline span{animation:none}
body.reference-skin .world-ticker{display:block;position:fixed;top:auto;bottom:0;height:30px;padding:0;z-index:40}
body.reference-skin .world-ticker>div{animation-name:ref_ticker;animation-duration:52s;padding-left:42px}
body.reference-skin #app{max-width:none;padding:0;min-height:60vh}
body.reference-skin[data-reference-view=login] #app{margin:0}
body.reference-skin[data-reference-view=login]>.site-header{display:none}
body.reference-skin[data-reference-view=login] .test-disclosure{margin:18px auto;max-width:1248px}
body.reference-skin .login-page{padding-top:0;min-height:auto;gap:0}
body.reference-skin .login-visual{padding:32px clamp(24px,4vw,64px);min-height:800px}
body.reference-skin .login-hero{grid-template-columns:1fr;gap:18px;margin-top:24px}
body.reference-skin .login-side{padding:40px 28px;display:flex;align-items:flex-start;justify-content:center}
body.reference-skin .login-card{width:100%;max-width:460px;padding:32px;min-width:0}
body.reference-skin .login-card>.reference-brand{margin-bottom:30px}
body.reference-skin .brand-copy strong>span{display:inline;margin:0;color:var(--text);font:inherit;letter-spacing:inherit;text-transform:none}
body.reference-skin .brand-copy strong{font-size:16px}
body.reference-skin .login-card h2{font-size:30px;line-height:1.15}
body.reference-skin .login-card input{padding:14px 16px;border-radius:14px}
body.reference-skin .login-card .primary{min-height:54px}
body.reference-skin .login-card .security-note{font-size:10px}
body.reference-skin .login-card .note{font-size:10px}
body.reference-skin .login-command-bar{grid-template-columns:minmax(160px,1fr) auto;margin-bottom:18px}
body.reference-skin #reference-language-slot .language-picker{gap:6px}
body.reference-skin #reference-language-slot label{font-size:9px}
body.reference-skin #reference-language-slot select{max-width:105px;padding:8px;font-size:10px}
body.reference-skin .login-brand{position:relative;min-height:78px;justify-content:flex-end}
body.reference-skin .login-trade-sim{position:absolute;left:0;top:0;display:block;width:48%;max-width:240px;padding:12px;overflow:hidden;border:1px solid #29d6a04d;border-radius:14px;background:linear-gradient(145deg,#081c22f5,#07101df0);box-shadow:0 12px 32px #0004}
body.reference-skin .login-trade-sim::after{content:"";position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,#69f7d314,transparent);animation:ref_loginTradeScan 3.2s ease-in-out infinite;pointer-events:none}
body.reference-skin .login-trade-sim-head{display:flex;justify-content:space-between;gap:6px;color:#9eb1c8;font:700 8px/1.2 Consolas,monospace}
body.reference-skin .login-trade-sim-head span{display:flex;align-items:center;gap:5px}
body.reference-skin .login-trade-sim-head i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--green);animation:ref_pulse 1.6s infinite}
body.reference-skin .login-trade-sim-head b{color:var(--green);font-size:8px}
body.reference-skin .login-trade-sim-body{display:flex;align-items:end;justify-content:space-between;gap:6px;margin-top:9px}
body.reference-skin .login-trade-sim-body strong{display:block;font-size:13px;white-space:nowrap}
body.reference-skin .login-trade-sim-body small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
body.reference-skin .login-trade-sim-meter{height:3px;margin-top:9px;overflow:hidden;border-radius:99px;background:#819dbe20}
body.reference-skin .login-trade-sim-meter i{display:block;width:52%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));animation:ref_loginTradeMeter 2.4s ease-in-out infinite}
body.reference-skin .login-language-bars i:nth-child(4n+1){height:9px}
body.reference-skin .login-language-bars i:nth-child(4n+2){height:16px}
body.reference-skin .login-language-bars i:nth-child(4n+3){height:12px}
body.reference-skin .login-language-bars i:nth-child(4n){height:20px}
body.reference-skin .hero-proof span{display:flex;gap:7px}
body.reference-skin .ai-stage{width:100%;max-width:620px;min-height:440px;margin:0 auto}
body.reference-skin .hud-card{width:auto;min-width:130px;max-width:42%}
body.reference-skin .hud-card strong{font-size:13px}
body.reference-skin .hud-card .mini-bars i{height:80%;transform-origin:bottom;animation:referenceBars 2.5s ease-in-out infinite alternate}
body.reference-skin .hud-card .mini-bars i:nth-child(2n){height:45%;animation-delay:-.8s}
body.reference-skin .hud-card .mini-bars i:nth-child(3n){height:100%;animation-delay:-1.3s}
body.reference-skin .hud-card .mini-bars i:nth-child(5n){height:60%;animation-delay:-1.8s}
body.reference-skin .core-score{font-size:10px}
body.reference-skin .login-ai-code-line span{font-size:8px}
body.reference-skin .login-ai-console-head strong{font-size:9px}
body.reference-skin .login-ai-console-foot{font-size:7px;flex-wrap:wrap}
body.reference-skin .reference-app-main{margin:0 32px 30px 282px!important;padding-top:12px!important}
body.reference-skin:not([data-reference-view=login])>.site-header{height:0;padding:0;margin:0}
body.reference-skin:not([data-reference-view=login])>.site-header>.brand{display:none}
body.reference-skin:not([data-reference-view=login])>.test-disclosure{max-width:none;margin:20px 32px 8px 282px;font-size:10px}
body.reference-skin #reference-sidebar{position:fixed;left:0;width:250px;top:34px;bottom:30px;height:auto;z-index:35}
body.reference-skin .sidebar .login-language-sim{height:60px;margin-bottom:18px}
body.reference-skin .sidebar .nav-item svg{width:18px;height:18px}
body.reference-skin .topbar{min-width:0;margin:0 0 26px;padding-top:6px}
body.reference-skin .topbar h1{font-size:28px;margin:8px 0}
body.reference-skin .page-title h1 span{font:inherit;display:inline;color:inherit;letter-spacing:inherit}
body.reference-skin .topbar .eyebrow{font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:0}
body.reference-skin .topbar p{font-size:12px}
body.reference-skin .reference-actions{flex-wrap:wrap;justify-content:flex-end;max-width:300px}
body.reference-skin .reference-icon-control{font-size:0!important;width:42px;height:42px;min-height:42px;padding:10px;position:relative}
body.reference-skin .reference-icon-control svg{width:20px;height:20px;flex-shrink:0}
body.reference-skin .language-picker label{font-size:10px}
body.reference-skin .portfolio-layout{gap:22px;align-items:start}
body.reference-skin .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
body.reference-skin .portfolio-card{background:linear-gradient(135deg,rgba(18,29,50,.95),rgba(9,16,28,.97))!important}
body.reference-skin .portfolio-card .portfolio-value{font-size:clamp(32px,3.6vw,52px)}
body.reference-skin .section-head h2{font-size:19px}
body.reference-skin .section-head p{font-size:11px}
body.reference-skin .ai-command{padding:25px!important}
body.reference-skin .ai-command>h2{font-size:22px}
body.reference-skin .ai-command>p{font-size:12px}
body.reference-skin .ai-command .section-head{align-items:flex-start;flex-direction:row;gap:12px}
body.reference-skin .ai-command .section-head>div{min-width:0}
body.reference-skin #pause-visual{font-size:10px;min-width:100px;max-width:145px;padding:10px;border-color:#29d6a04d;background:#29d6a014;color:var(--green);flex-shrink:0}
body.reference-skin #pause-visual::before{content:"";width:10px;height:10px;flex-shrink:0;background:var(--green);border-radius:50%;box-shadow:0 0 12px #29d6a077}
body.reference-skin .paused #pause-visual::before{background:var(--yellow);box-shadow:none}
body.reference-skin .ai-stats{gap:10px}
body.reference-skin .ai-stats .ai-stat{min-width:0;padding:15px 6px}
body.reference-skin .reference-engine-console{margin-top:20px}
body.reference-skin .withdrawal-ai-console{margin-top:20px;margin-bottom:22px}
body.reference-skin .withdrawal-flow-sim{margin-top:25px}
body.reference-skin .withdrawal-flow-map{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:3px}
body.reference-skin .withdrawal-flow-node strong{font-size:7px}
body.reference-skin .withdrawal-flow-node small{font-size:6px}
body.reference-skin .wallet-grid{gap:22px}
body.reference-skin .owned-row{padding:17px 0}
body.reference-skin .owned-row b{font-size:13px}
body.reference-skin .owned-row strong{font-size:13px}
body.reference-skin .fx-box{background:rgba(6,13,24,.6);border-radius:14px;border:1px solid var(--line)}
body.reference-skin .bottom-nav a,body.reference-skin .bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:5px;padding:10px 4px}
body.reference-skin .bottom-nav svg{width:23px;height:23px;min-width:23px;flex:0 0 23px}
body.reference-skin .primary{color:#151718}
body.reference-skin .bottom-nav small{font-size:10px;margin:0}
body.reference-skin .bottom-nav a:first-child{background:transparent;color:var(--muted)}
body.reference-skin .bottom-nav a.active,body.reference-skin .bottom-nav button.active{background:rgba(247,200,67,.09);color:var(--yellow)}
body.reference-skin .news-card{background:linear-gradient(135deg,rgba(17,39,51,.9),rgba(14,23,38,.92));border-radius:16px}
body.reference-skin .news-list{max-height:53dvh}
body.reference-skin dialog{background:var(--panel-strong);border-radius:22px;border:1px solid var(--line-strong)}
body.reference-skin .paused .reference-motion *,body.reference-skin .paused .reference-motion::before,body.reference-skin .paused .reference-motion::after,body.reference-skin .paused .reference-motion *::before,body.reference-skin .paused .reference-motion *::after,body.reference-skin .paused .ai-orb::before,body.reference-skin .paused .ai-orb::after{animation-play-state:paused!important}
body.reference-skin[dir=rtl] .reference-app-main{margin-left:32px!important;margin-right:282px!important}
body.reference-skin[dir=rtl]:not([data-reference-view=login])>.test-disclosure{margin-left:32px;margin-right:282px}
body.reference-skin[dir=rtl] #reference-sidebar{left:auto;right:0}
body.reference-skin[dir=rtl] .login-trade-sim{left:auto;right:0}
body.reference-skin[dir=rtl] .reference-motion [data-no-i18n]{direction:ltr}
@keyframes referenceBars{to{transform:scaleY(.35);opacity:.65}}
@media(min-width:1101px){body.reference-skin .bottom-nav{display:none}}
@media(min-width:1300px){body.reference-skin .login-hero{grid-template-columns:minmax(250px,.85fr) minmax(340px,1.15fr);gap:24px}body.reference-skin .hero-copy h1{font-size:clamp(34px,3.4vw,58px)}body.reference-skin .login-visual{justify-content:flex-start}body.reference-skin .login-hero{margin-top:70px}body.reference-skin .ai-stage{min-height:440px}}
@media(max-width:1100px){
 body.reference-skin #reference-sidebar{display:none}
 body.reference-skin .reference-app-main,body.reference-skin[dir=rtl] .reference-app-main{margin:0 24px 100px!important}
 body.reference-skin:not([data-reference-view=login])>.test-disclosure,body.reference-skin[dir=rtl]:not([data-reference-view=login])>.test-disclosure{margin:18px 24px 10px}
 body.reference-skin .bottom-nav{display:flex;bottom:38px;z-index:45;border-radius:22px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));height:76px;padding:6px}
 body.reference-skin .bottom-nav a,body.reference-skin .bottom-nav button{height:62px;min-height:62px;padding:7px 3px;gap:5px}
 body.reference-skin .login-page{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}
 body.reference-skin .login-side{padding:28px 20px}
 body.reference-skin .login-card{padding:26px 22px}
 body.reference-skin .ai-stage{min-height:350px}
}
@media(max-width:750px){
 body.reference-skin .login-page{display:block}
 body.reference-skin .login-visual{min-height:0;padding:24px 20px 30px;border-right:0}
 body.reference-skin .login-side{padding:0 20px 35px}
 body.reference-skin .login-card{max-width:none;padding:27px 24px}
 body.reference-skin .hero-copy h1{font-size:37px;line-height:1.04;letter-spacing:-.04em}
 body.reference-skin .hero-copy p{font-size:13px;line-height:1.8}
 body.reference-skin .ai-stage{min-height:350px;max-width:480px;margin:12px auto 0}
 body.reference-skin .ai-core{width:85%;aspect-ratio:1.14}
 body.reference-skin .hud-card{min-width:110px;padding:10px 12px;border-radius:16px;max-width:42%}
 body.reference-skin .hud-card strong{font-size:11px}
 body.reference-skin .hud-card small{font-size:8px}
 body.reference-skin .hud-card.hud-b{right:0}
 body.reference-skin .core-caption{left:16px;right:16px;bottom:28px}
 body.reference-skin .core-caption strong{font-size:10px}
 body.reference-skin .core-caption span{font-size:8px;max-width:180px}
 body.reference-skin .core-score{display:none}
 body.reference-skin .login-command-bar{gap:10px}
 body.reference-skin .login-brand{min-height:74px}
 body.reference-skin .login-brand .sim-badge{font-size:8px;padding:9px;max-width:48%}
 body.reference-skin .login-trade-sim{width:49%;padding:10px}
 body.reference-skin .login-trade-sim-head{font-size:7px}
 body.reference-skin .login-trade-sim-body strong{font-size:11px}
 body.reference-skin .reference-app-main,body.reference-skin[dir=rtl] .reference-app-main{margin:0 20px 105px!important}
 body.reference-skin:not([data-reference-view=login])>.test-disclosure,body.reference-skin[dir=rtl]:not([data-reference-view=login])>.test-disclosure{margin:16px 20px}
 body.reference-skin .topbar{flex-wrap:wrap;gap:8px}
 body.reference-skin .topbar h1{font-size:26px}
 body.reference-skin .reference-actions{width:100%;max-width:none;justify-content:space-between}
 body.reference-skin .portfolio-layout,body.reference-skin .wallet-grid{grid-template-columns:minmax(0,1fr)}
 body.reference-skin .panel{padding:24px 20px}
 body.reference-skin .portfolio-card .portfolio-value{font-size:33px}
 body.reference-skin .wallet-grid .portfolio-value{font-size:31px}
 body.reference-skin .stats{gap:10px}
 body.reference-skin .stat{padding:17px 12px}
 body.reference-skin .stat strong{font-size:26px}
 body.reference-skin .world-ticker .ticker-track{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 body.reference-skin *,body.reference-skin *::before,body.reference-skin *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

 /* User page parity: exact reference grid/spacing and motion, no ledger changes. */
body.reference-skin #reference-member-stack{gap:22px}
body.reference-skin #reference-member-stack>.scenario-card,
body.reference-skin #reference-member-stack .reference-market-grid>.scenario-card{margin-top:0}
body.reference-skin #test-balance-view{min-width:0}
body.reference-skin #test-balance-view>.card{height:100%;box-sizing:border-box}
body.reference-skin #reference-member-stack .grid{min-width:0}
body.reference-skin #reference-member-stack .grid>*{min-width:0}
body.reference-skin .reference-market-grid>.panel,
body.reference-skin .reference-insight-grid>.panel{margin:0}
body.reference-skin .reference-kpis .kpi-value{font-size:clamp(23px,2.1vw,34px);overflow-wrap:anywhere}
body.reference-skin .reference-kpis .kpi-label{font-size:13px}
body.reference-skin .reference-kpis .kpi-trend{font-size:11px}
body.reference-skin #portfolio .portfolio-top{align-items:flex-start}
body.reference-skin #portfolio .portfolio-top>div:first-child{min-width:0}
body.reference-skin #portfolio .portfolio-side-actions{margin:0;flex:0 0 142px}
body.reference-skin #portfolio .withdrawal-entry-button{width:100%;font-size:12px;gap:8px;justify-content:flex-start}
body.reference-skin #portfolio .withdrawal-entry-button svg{width:22px;height:22px;flex:none}
body.reference-skin #portfolio .fx-strip{margin-top:18px}
body.reference-skin #portfolio .fx-box{min-width:0}
body.reference-skin #portfolio .fx-box strong{overflow-wrap:anywhere}
body.reference-skin .reference-clock{font:12px Consolas,monospace;color:#8d9ab2;white-space:nowrap}
body.reference-skin .reference-diagnostics{position:relative;isolation:isolate;overflow:hidden;margin:20px 0;padding:14px 16px;border:1px solid #35d7ff35;border-radius:15px;background:linear-gradient(120deg,#07141d,#102030)}
body.reference-skin .reference-diagnostics-head{display:flex;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:1px;color:#85b5c6}
body.reference-skin .reference-diagnostics-head span{display:flex;align-items:center;gap:8px}
body.reference-skin .reference-diagnostics-head i{width:6px;height:6px;border-radius:50%;background:#33d4ae;box-shadow:0 0 12px #33d4ae;animation:memberBlink 1.8s ease-in-out infinite}
body.reference-skin .reference-diagnostics code{display:block;color:#64d9ee;font:11px/1.5 Consolas,monospace;overflow-wrap:anywhere;margin-top:12px;position:relative}
body.reference-skin .reference-bars{position:relative;margin-top:10px}
body.reference-skin .reference-bars .mini-bars{height:36px;gap:7px}
body.reference-skin .reference-bars .mini-bars i{width:11px;transform-origin:bottom}
body.reference-skin .reference-sweep{position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#35d7ff16 49%,#35d7ff28 50%,transparent 66%);transform:translateX(-100%);animation:memberSweep 3.2s linear infinite;pointer-events:none}
body.reference-skin .reference-scan-feed{display:grid;gap:10px}
body.reference-skin .reference-scan-feed .scan-row{position:relative;overflow:hidden;transition:background .4s,box-shadow .4s;align-items:center;border-left:3px solid #35d7ff;padding:13px 12px;background:#101a27}
body.reference-skin .reference-scan-feed .scan-row>div{min-width:0}
body.reference-skin .reference-scan-feed .scan-row b{font-size:12px}
body.reference-skin .reference-scan-feed .scan-row small{display:block;margin-top:5px;font-size:10px;color:#91a0b8}
body.reference-skin .reference-scan-feed .scan-row>strong{font-size:13px;white-space:nowrap}
body.reference-skin .reference-scan-feed .reference-scan-active{background:#0c3038;box-shadow:inset 0 0 22px #35d7ff16}
body.reference-skin .reference-insight-motion{margin-top:22px}
body.reference-skin .reference-insight-motion .login-ai-console{width:100%;max-width:none}
body.reference-skin .reference-insight-grid .insight-body{line-height:1.9;font-size:14px}
body.reference-skin .reference-insight-grid .insight-tags{flex-wrap:wrap}
body.reference-skin .reference-market-grid .market-list,
body.reference-skin .reference-market-grid .allocation-list{max-height:640px;overflow-y:auto;overscroll-behavior:contain}
body.reference-skin #reference-wallet-detail{margin-top:22px}
body.reference-skin .withdrawal-decision-confidence{margin-top:10px;text-align:center}
body.reference-skin .withdrawal-decision-confidence strong{font:11px Consolas,monospace;color:#35d7ff}
body.reference-skin .withdrawal-decision-confidence span{display:block;font-size:9px;max-width:100px;color:#8d9ab2}
body.reference-skin .withdrawal-decision-line>em{display:grid;place-items:center;margin:0;height:100%;font:8px Consolas,monospace}
body.reference-skin .deposit-methods>.deposit-method-switcher{margin-bottom:16px}
body.reference-skin .deposit-methods .deposit-method-button{min-width:0}
body.reference-skin .deposit-methods .deposit-method-button strong{font-size:12px}
body.reference-skin .deposit-methods .deposit-method-button small{font-size:9px}
body.reference-skin .deposit-methods .deposit-method-token{font-size:26px;color:#35d7ff}
body.reference-skin .deposit-method-panel code{overflow-wrap:anywhere;word-break:break-word}
body.reference-skin .deposit-bank-hologram{margin-top:18px}
body.reference-skin .paused .reference-diagnostics *,
body.reference-skin .paused .reference-scan-feed *{animation-play-state:paused!important}
@keyframes memberSweep{to{transform:translateX(100%)}}
@keyframes memberBlink{50%{opacity:.3;box-shadow:0 0 4px #33d4ae}}
@media(max-width:1100px){
 body.reference-skin .reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.reference-skin .reference-market-grid,body.reference-skin .reference-insight-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 body.reference-skin #portfolio .portfolio-top{display:block}
 body.reference-skin #portfolio .portfolio-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
 body.reference-skin #portfolio .portfolio-side-actions>.ai-control-chip{grid-column:1/-1;justify-content:flex-start}
 body.reference-skin .reference-kpis{grid-template-columns:1fr}
 body.reference-skin .reference-kpis .kpi{padding:25px}
 body.reference-skin .reference-kpis .kpi-value{font-size:32px}
 body.reference-skin #portfolio .fx-strip{grid-template-columns:1fr}
 body.reference-skin .reference-clock{display:none}
 body.reference-skin .reference-market-grid .market-list,body.reference-skin .reference-market-grid .allocation-list{max-height:530px}
}
@media(prefers-reduced-motion:reduce){
 body.reference-skin .reference-motion *,body.reference-skin .reference-motion::before,body.reference-skin .reference-motion::after{animation:none!important;transition:none!important}
}
body.reference-skin #reference-member-stack>.grid-hero{align-items:stretch;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
body.reference-skin #test-balance-view{display:flex;align-items:stretch}
body.reference-skin #test-balance-view>.card{flex:1;display:flex;flex-direction:column;height:auto}
body.reference-skin #portfolio .fx-strip{margin-top:auto;padding-top:22px}
body.reference-skin #portfolio .withdrawal-entry-button{color:#f7c843}
body.reference-skin .deposit-methods .deposit-method-card{grid-template-columns:32px minmax(0,1fr);padding:14px 10px;gap:8px;min-height:94px}
body.reference-skin .deposit-methods .deposit-method-icon{width:32px;height:40px;border-radius:10px}
@media(max-width:1100px){body.reference-skin #reference-member-stack>.grid-hero{grid-template-columns:1fr}}
body.reference-skin #portfolio .reference-engine-console{margin:22px 0 10px}
/* Single persistent disclosure. A dialog's top-layer copy replaces the page copy visually. */
body.reference-skin .test-disclosure.simulation-disclosure,
.simulation-disclosure{position:sticky;top:34px;z-index:60;margin:12px 20px;padding:12px 16px;border:1px solid #b99433;border-radius:12px;background:#182126;color:#ffe08a;font-size:13px;font-weight:700;line-height:1.5;text-align:center;box-shadow:0 5px 20px #0005}
body.reference-skin .test-disclosure.simulation-disclosure{max-width:none}
body:has(dialog[open])>.test-disclosure{visibility:hidden}
dialog>.modal-disclosure{top:0;margin:0 0 16px;z-index:5}
body.reference-skin .panel p:empty,body.reference-skin .notice:empty{display:none}
@media(min-width:1101px){body.reference-skin .test-disclosure.simulation-disclosure{margin-left:282px;margin-right:30px}}
@media(max-width:500px){.simulation-disclosure,body.reference-skin .test-disclosure.simulation-disclosure{font-size:12px;margin:8px 16px;padding:10px 12px}}
/* Decorative movement: never animate data coordinates, balances or progress values. */
body.reference-skin .portfolio-chart{overflow:hidden}
body.reference-skin .chart-motion-trace{
 fill:none;stroke:#dbfbff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;
 stroke-dasharray:28 972;stroke-dashoffset:1000;opacity:.9;pointer-events:none;
 filter:drop-shadow(0 0 5px #35d7ff);animation:screenChartTravel 6s linear infinite;
}
body.reference-skin .chart-motion-scan{
 stroke:#35d7ff;stroke-width:1.2;opacity:.24;pointer-events:none;
 animation:screenChartScan 7s linear infinite;transform:translateX(0);
}
body.reference-skin #portfolio-chart .portfolio-chart>circle{
 animation:screenChartPoint 3.6s ease-in-out infinite;
}
body.reference-skin #portfolio-chart .portfolio-chart>.chart-grid{
 animation:screenChartGrid 6s ease-in-out infinite;
}
body.reference-skin .reference-kpis .kpi,
body.reference-skin #allocation-panel,
body.reference-skin .reference-insight-grid .insight-card{
 position:relative;overflow:hidden;
}
body.reference-skin .reference-kpis .kpi::after,
body.reference-skin #allocation-panel::after,
body.reference-skin .reference-insight-grid .insight-card::after{
 content:"";position:absolute;bottom:0;left:0;width:32%;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#35d7ff,#41d8ab,transparent);
 box-shadow:0 0 12px #35d7ff55;transform:translateX(-110%);
 animation:screenCardSweep 8s linear infinite;
}
body.reference-skin .reference-kpis .kpi:nth-child(2)::after{animation-delay:-2s}
body.reference-skin .reference-kpis .kpi:nth-child(3)::after{animation-delay:-4s}
body.reference-skin .reference-kpis .kpi:nth-child(4)::after{animation-delay:-6s}
body.reference-skin .reference-kpis .kpi-icon,
body.reference-skin .reference-insight-grid .insight-icon{
 animation:screenIconGlow 5s ease-in-out infinite;
}
body.reference-skin .reference-market-grid .market-scroll .asset-token{
 animation:screenTokenGlow 5.6s ease-in-out infinite;
}
body.reference-skin .reference-market-grid .market-scroll .owned-row:nth-child(2n) .asset-token{
 animation-delay:-2.8s;
}
body.reference-skin #allocation-panel progress{overflow:hidden;border:0;border-radius:20px;height:5px}
body.reference-skin #allocation-panel progress::-webkit-progress-bar{background:#122432;border-radius:20px}
body.reference-skin #allocation-panel progress::-webkit-progress-value{
 border-radius:20px;background:linear-gradient(100deg,#159b91 0%,#36dbb2 32%,#affff0 48%,#36dbb2 64%,#159b91 100%);
 background-size:220% 100%;animation:screenAllocationShimmer 4s linear infinite;
}
body.reference-skin #allocation-panel progress::-moz-progress-bar{
 border-radius:20px;background:linear-gradient(100deg,#159b91,#36dbb2,#affff0,#36dbb2,#159b91);
 background-size:220% 100%;animation:screenAllocationShimmer 4s linear infinite;
}
body.reference-skin #activity .stream-row{
 position:relative;overflow:hidden;
}
body.reference-skin #activity .stream-row::after{
 content:"";position:absolute;bottom:0;left:0;width:28%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#35d7ff66,transparent);
 animation:screenCardSweep 9s linear infinite;
}
body.reference-skin #activity .stream-row:nth-child(2n)::after{animation-delay:-4.5s}
@keyframes screenChartTravel{to{stroke-dashoffset:0}}
@keyframes screenChartScan{to{transform:translateX(700px)}}
@keyframes screenChartPoint{0%,100%{opacity:.65;filter:drop-shadow(0 0 2px #35d7ff)}50%{opacity:1;filter:drop-shadow(0 0 9px #35d7ff)}}
@keyframes screenChartGrid{0%,100%{opacity:.45}50%{opacity:.8}}
@keyframes screenCardSweep{to{transform:translateX(420%)}}
@keyframes screenIconGlow{0%,100%{box-shadow:inset 0 0 10px #35d7ff06,0 0 0 #35d7ff00}50%{box-shadow:inset 0 0 16px #35d7ff19,0 0 16px #35d7ff15}}
@keyframes screenTokenGlow{0%,100%{filter:drop-shadow(0 0 0 #35d7ff00)}50%{filter:drop-shadow(0 0 5px #35d7ff88)}}
@keyframes screenAllocationShimmer{to{background-position:220% 0}}
/* Keep the existing pause meaningful for the complete portfolio view. */
body.reference-skin:has(#ai-engine.paused) :is(.chart-motion-trace,.chart-motion-scan,.portfolio-chart>circle,.portfolio-chart>.chart-grid,.kpi-icon,.insight-icon,.asset-token),
body.reference-skin.screen-motion-hidden :is(.chart-motion-trace,.chart-motion-scan,.portfolio-chart>circle,.portfolio-chart>.chart-grid,.kpi-icon,.insight-icon,.asset-token){animation-play-state:paused!important}
body.reference-skin:has(#ai-engine.paused) :is(.kpi,#allocation-panel,.insight-card,#activity .stream-row)::after,
body.reference-skin.screen-motion-hidden :is(.kpi,#allocation-panel,.insight-card,#activity .stream-row)::after{animation-play-state:paused!important}
body.reference-skin:has(#ai-engine.paused) #allocation-panel progress::-webkit-progress-value,
body.reference-skin.screen-motion-hidden #allocation-panel progress::-webkit-progress-value{animation-play-state:paused!important}
body.reference-skin:has(#ai-engine.paused) #allocation-panel progress::-moz-progress-bar,
body.reference-skin.screen-motion-hidden #allocation-panel progress::-moz-progress-bar{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 body.reference-skin :is(.chart-motion-trace,.chart-motion-scan){display:none!important}
 body.reference-skin #allocation-panel progress::-webkit-progress-value{animation:none!important}
 body.reference-skin #allocation-panel progress::-moz-progress-bar{animation:none!important}
 body.reference-skin :is(.portfolio-chart>circle,.portfolio-chart>.chart-grid,.kpi-icon,.insight-icon,.asset-token),
 body.reference-skin :is(.kpi,#allocation-panel,.insight-card,#activity .stream-row)::after{animation:none!important}
}