@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Rajdhani:wght@600;700&display=swap";:root{--bg:#050505;--surface:#12121299;--text:#fff;--muted:#8a8a94;--primary:#00ff9d;--danger:#f05;--border:#ffffff14}*{box-sizing:border-box}html,body,#root{min-height:100dvh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:24px 24px;margin:0;font-family:Inter,sans-serif}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:20;padding:calc(44px + var(--tg-viewport-safe-area-inset-top,env(safe-area-inset-top,0px))) 16px 14px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo-wrap{align-items:center;gap:10px;display:flex}.logo-icon{width:32px;height:32px;color:var(--primary);background:#00ff9d26;border-radius:8px;place-items:center;font-family:Rajdhani,sans-serif;font-weight:700;display:grid}.logo-text{letter-spacing:.12em;font-family:Rajdhani,sans-serif;font-weight:700}.balance-chip{color:var(--text);border:1px solid var(--border);background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.notify-wrap{position:relative}.notify-btn{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;text-decoration:none;display:grid;position:relative}.notify-btn:hover{color:var(--primary);border-color:#00ff9d66}.notify-badge{color:#fff;background:#ef4444;border:1px solid #fff3;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.notify-panel{border:1px solid var(--border);z-index:50;background:#080808f5;border-radius:12px;width:min(360px,88vw);padding:10px;position:absolute;top:42px;right:0;box-shadow:0 10px 30px #00000073}.notify-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notify-head button{padding:6px 8px;font-size:11px}.notify-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow:auto}.notify-item{border:1px solid var(--border);border-radius:10px;padding:8px;position:relative}.notify-item p{margin:0 0 4px;font-size:12px;font-weight:700}.notify-item span{color:var(--muted);font-size:11px}.notify-date{color:#a3a3ad;font-size:10px;position:absolute;top:8px;right:8px}.notify-item.unread{background:#ffffff0d}.notify-item.read{opacity:.75}.notify-item.success{border-color:#34d39959}.notify-item.error{border-color:#fb718559}.notify-item.info{border-color:#93c5fd59}.notify-empty{color:var(--muted);text-align:center;padding:10px;font-size:12px}.balance-dot{background:linear-gradient(135deg,#4facfe 0%,#0052d4 100%);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.app-main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));flex:1}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));background:#000000d9;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#777;flex-direction:column;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.nav-icon-wrap.active,.bottom-nav-item:hover{color:var(--primary)}.nav-dot{background:var(--primary);border-radius:50%;width:4px;height:4px;margin:2px auto 0}.page{flex-direction:column;gap:14px;padding:16px;display:flex}.glass-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:12px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.detail-title{margin:0;font-family:Rajdhani,sans-serif;font-size:22px}.chips-row,.preset-row,.pager,.tab-row,.direction-row{gap:8px;display:flex;overflow-x:auto}button,input,select{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:10px;padding:10px}button.active,.chips-row button.active,.direction-row button.active,.pager button.active,.tab-row button.active{color:var(--primary);border-color:#00ff9d80}.primary-btn{background:var(--primary);color:#000;font-family:Rajdhani,sans-serif;font-weight:700}.list,.skeleton-list{flex-direction:column;gap:10px;display:flex}.skeleton-card{background:#ffffff14;border-radius:12px;height:72px}.market-head{gap:10px;display:flex}.market-thumb{object-fit:cover;border-radius:10px;width:56px;height:56px}.market-thumb.placeholder{background:#ffffff1a}.market-title-wrap h3,.nft-card h3{margin:0;font-size:14px}.market-title-wrap p,.detail-text{color:var(--muted);align-items:center;gap:4px;margin:6px 0 0;font-size:12px;display:flex}.user-bet-chip{color:var(--primary);background:#00ff9d14;border:1px solid #00ff9d73;border-radius:999px;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-flex}.market-binary,.market-options,.pool-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.market-options{flex-wrap:wrap;display:flex}.market-options span{border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:11px}.market-binary button.active-bet,.market-options span.active-bet{color:var(--primary);background:#00ff9d26;border-color:#00ff9d8c;box-shadow:0 0 14px #00ff9d33}.loader-page,.empty-box{min-height:120px;color:var(--muted);place-items:center;display:grid}.wallet-balance h1,.price-card h1{margin:6px 0;font-family:JetBrains Mono,monospace}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.nft-cover{background:linear-gradient(135deg,#00ff9d33,#7000ff33);border-radius:10px;place-items:center;min-height:72px;margin-bottom:8px;display:grid}.back-btn{width:fit-content}.choice-btn{width:100%}.bet-box,.success-box{flex-direction:column;gap:8px;display:flex}.success-box{background:#00ff9d0f;border:1px solid #00ff9d66;border-radius:10px;padding:10px}.list-row{text-align:left;justify-content:space-between;width:100%;display:flex}.wallet-row{border:1px solid var(--border);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:12px}.active-row{background:linear-gradient(135deg,#00ff9d14,#7000ff0f)}.history-row{background:#ffffff05}.wallet-row-left{flex-direction:column;gap:3px;min-width:0;display:flex}.wallet-row-title{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wallet-row-sub{color:var(--muted);font-size:11px}.wallet-amount{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.amount-locked{color:#f9a826}.amount-plus{color:#34d399}.amount-minus{color:#fb7185}.embla{overflow:hidden}.embla__container{gap:10px;display:flex}.embla__slide{flex:0 0 86%;min-width:0}.bitcoin-card-head,.price-row,.footer-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block}.mono{word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.btc-title{align-items:center;gap:8px;display:inline-flex}.btc-icon{object-fit:contain;width:18px;height:18px}.btc-refresh-btn{color:#ffb84d;background:#f7931a1f;border-color:#f7931a59}.btc-price-card{border-color:#f7931a40;box-shadow:0 0 20px #f7931a1f}.btc-price-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bitcoin-card{border-color:#f7931a33}.bitcoin-timer{color:#ffcf7a;font-family:JetBrains Mono,monospace}.btc-status-pill{border:1px solid #0000;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.btc-status-pill.s-open{color:#93c5fd;background:#3b82f624;border-color:#93c5fd66}.btc-status-pill.s-live{color:#6ee7b7;background:#10b98124;border-color:#6ee7b766}.btc-status-pill.s-done{color:#d8b4fe;background:#a855f724;border-color:#d8b4fe66}.btc-status-pill.s-void{color:#fda4af;background:#f43f5e24;border-color:#fda4af66}.mono-price{letter-spacing:.02em;font-family:JetBrains Mono,monospace}.current-live-row{padding-right:88px;position:relative}.delta-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.delta-pill.up{color:#34d399;background:#34d3991f;border-color:#34d39973}.delta-pill.down{color:#fb7185;background:#fb71851f;border-color:#fb718573}.btc-pool-grid{margin-top:8px}.btc-pool{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.btc-pool.up{background:#34d3991a;border-color:#34d39959}.btc-pool.down{background:#fb71851a;border-color:#fb718559}.btc-pool.total{background:#f7931a1a;border-color:#f7931a66;grid-column:1/-1}.btc-detail-hero,.btc-price-panel{border-color:#f7931a40}.btc-status-line{justify-content:flex-end;margin-bottom:6px;display:flex}.btc-chart-card{border-color:#f7931a38}.btc-chart-wrap{width:100%;height:220px}.chart-title{color:#ffcf7a;font-size:16px!important}.btc-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.btc-action{justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.btc-action.up{color:#34d399;background:#34d3991f;border-color:#34d39973}.btc-action.down{color:#fb7185;background:#fb71851f;border-color:#fb718573}.btc-action:disabled{opacity:.45}.btc-action.selected{filter:saturate(1.15);box-shadow:0 0 16px #ffffff1f}.btc-action.muted{opacity:.38;filter:grayscale(.35)}.modal-overlay{z-index:70;background:#000000a6;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.modal-card{background:#0a0a0afa;border:1px solid #f7931a59;border-radius:14px;flex-direction:column;gap:10px;width:min(460px,100%);padding:14px;display:flex}
