:root{--bg-obsidian: #070A12;--bg-surface: #0B0F19;--bg-card: rgba(18, 25, 41, .85);--bg-card-hover: rgba(28, 38, 62, .95);--bg-card-solid: #111827;--bg-glass-overlay: rgba(11, 15, 25, .88);--cyan-primary: #06B6D4;--cyan-bright: #22D3EE;--cyan-glow: rgba(6, 182, 212, .35);--cyan-glow-intense: rgba(34, 211, 238, .6);--emerald-primary: #10B981;--emerald-bright: #34D399;--emerald-glow: rgba(16, 185, 129, .35);--amber-primary: #F59E0B;--amber-bright: #FBBF24;--amber-glow: rgba(245, 158, 11, .35);--purple-primary: #8B5CF6;--purple-glow: rgba(139, 92, 246, .3);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-disabled: #475569;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(34, 211, 238, .4);--border-emerald: rgba(16, 185, 129, .4);--border-amber: rgba(245, 158, 11, .4);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--bottom-nav-height: 72px;--header-height: 64px;--max-mobile-width: 430px;--device-radius: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-obsidian);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-mesh-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.22}.orb-cyan{width:500px;height:500px;background:radial-gradient(circle,#06b6d4,#06b6d400 70%);top:-100px;left:20%;animation:floatOrb 18s ease-in-out infinite alternate}.orb-purple{width:450px;height:450px;background:radial-gradient(circle,#8b5cf6,#8b5cf600 70%);bottom:10%;right:15%;animation:floatOrb 22s ease-in-out infinite alternate-reverse}.orb-emerald{width:400px;height:400px;background:radial-gradient(circle,#10b981,#10b98100 70%);top:40%;left:5%;animation:floatOrb 25s ease-in-out infinite alternate}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.1)}to{transform:translate(-30px,50px) scale(.95)}}.wexo-app-container{position:relative;z-index:10;width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg-surface);display:flex;flex-direction:column;box-shadow:0 0 70px #000000bf,0 0 20px #06b6d414;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.app-global-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:#0b0f19f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:0 16px;display:flex;align-items:center}.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.user-avatar-btn{position:relative;background:none;border:none;padding:0;cursor:pointer}.avatar-ring{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);border:1.5px solid var(--border-active);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:.85rem;color:var(--cyan-bright);box-shadow:0 0 10px #06b6d440;transition:all .2s ease}.user-avatar-btn:hover .avatar-ring{transform:scale(1.05);border-color:var(--cyan-bright)}.avatar-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface)}.avatar-dot.amber{background:var(--amber-primary);box-shadow:0 0 6px var(--amber-primary)}.avatar-dot.emerald{background:var(--emerald-primary);box-shadow:0 0 6px var(--emerald-primary)}.header-network-chip{flex:1;display:flex;align-items:center;justify-content:space-between;background:#1e293bb3;border:1px solid var(--border-subtle);border-radius:20px;padding:4px 6px 4px 10px;max-width:250px}.network-badge{display:flex;align-items:center;gap:6px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 8px var(--cyan-bright);animation:pulseNeon 2s infinite ease-in-out}@keyframes pulseNeon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.network-name{font-size:.68rem;font-weight:700;letter-spacing:.4px;color:var(--text-secondary);text-transform:uppercase}.evm-copy-trigger{display:flex;align-items:center;gap:5px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:3px 8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;transition:all .2s ease}.evm-copy-trigger:hover{background:#06b6d433;border-color:var(--cyan-bright);color:var(--cyan-bright)}.copy-svg{opacity:.7}.header-actions{display:flex;align-items:center;gap:6px}.btn-icon-action{width:36px;height:36px;border-radius:50%;background:#1e293bcc;border:1px solid var(--border-subtle);color:var(--cyan-bright);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon-action:hover{background:#06b6d433;border-color:var(--cyan-bright);transform:scale(1.05)}.btn-dev-trigger{color:var(--amber-bright)}.btn-dev-trigger:hover{background:#f59e0b33;border-color:var(--amber-bright)}.pwa-install-banner{position:relative;z-index:950;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(90deg,#06b6d42e,#10b9812e);border-bottom:1px solid rgba(34,211,238,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-banner-content{display:flex;align-items:center;gap:10px}.pwa-icon-box{width:32px;height:32px;flex-shrink:0}.pwa-text{display:flex;flex-direction:column}.pwa-text strong{font-size:.8rem;color:var(--text-primary)}.pwa-text span{font-size:.68rem;color:var(--text-secondary)}.pwa-banner-actions{display:flex;align-items:center;gap:6px}.btn-pwa-install{padding:5px 12px;border-radius:12px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#000;font-family:var(--font-heading);font-size:.75rem;font-weight:800;border:none;cursor:pointer;transition:all .2s ease}.btn-pwa-install:hover{transform:scale(1.05);box-shadow:0 0 12px #22d3ee66}.btn-pwa-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.85rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.active{opacity:1;pointer-events:auto}.drawer-sheet{width:100%;max-width:480px;background:#0b0f19;border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid var(--border-active);border-bottom:none;padding:20px;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -15px 40px #000c}.drawer-backdrop.active .drawer-sheet{transform:translateY(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-badge{font-size:.65rem;font-weight:800;letter-spacing:.5px;color:var(--amber-bright);padding:2px 6px;background:#f59e0b26;border-radius:6px}.drawer-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-top:2px}.btn-drawer-close{width:32px;height:32px;border-radius:50%;background:#1e293bb3;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.demo-section{margin-bottom:16px}.demo-section-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.4px;margin-bottom:8px}.diagnostics-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diag-card{background:#121929cc;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.diag-label{font-size:.65rem;color:var(--text-secondary)}.diag-value{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.demo-preset-grid{display:grid;grid-template-columns:1fr;gap:8px}.btn-preset-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#121929cc;border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s ease}.btn-preset-card:hover{background:#1e293be6;border-color:#fff3}.btn-preset-card.active{background:#06b6d426;border-color:var(--cyan-bright);box-shadow:0 0 15px #06b6d433}.preset-info{display:flex;flex-direction:column}.preset-info strong{font-size:.82rem}.preset-info span{font-size:.7rem;color:var(--text-secondary)}.demo-actions-list{display:flex;flex-direction:column;gap:8px}.btn-demo-row-action{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1e293b99;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-demo-row-action:hover{background:#334155cc;border-color:#fff3}.demo-edge-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px;font-size:.72rem;color:var(--emerald-bright);margin-top:14px}.edge-dot{width:6px;height:6px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 6px var(--emerald-bright)}.app-screens-viewport{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding:14px 16px 100px;-webkit-overflow-scrolling:touch}.app-screens-viewport::-webkit-scrollbar{width:4px}.app-screens-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.screen-view{display:none;animation:fadeInScreen .28s ease forwards}.screen-view.active{display:block}@keyframes fadeInScreen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.screen-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;letter-spacing:-.3px;color:var(--text-primary)}.screen-badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:12px;background:#1e293bcc;color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:uppercase}.screen-badge.cyan{background:#06b6d426;color:var(--cyan-bright);border-color:#06b6d44d}.screen-badge.gold{background:#f59e0b26;color:var(--amber-bright);border-color:#f59e0b4d}.miner-profile-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 14px;background:linear-gradient(135deg,#1e293bb3,#0f172acc);border-radius:18px;border:1px solid var(--border-subtle)}.miner-title-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.miner-username{font-family:var(--font-heading);font-size:1.15rem;font-weight:800}.protocol-level-tag{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:8px;background:#06b6d42e;color:var(--cyan-bright)}.miner-meta-text{font-size:.72rem;color:var(--text-secondary)}.mono-sub{font-family:var(--font-mono);color:var(--text-primary)}.badge-amber,.badge-emerald{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:14px;font-size:.72rem;font-weight:700;letter-spacing:.2px}.badge-amber{background:#f59e0b26;border:1px solid var(--border-amber);color:var(--amber-bright);box-shadow:0 0 10px #f59e0b26}.badge-emerald{background:#10b98126;border:1px solid var(--border-emerald);color:var(--emerald-bright);box-shadow:0 0 10px #10b98126}.dual-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.metric-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;padding:13px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease}.metric-card:hover{transform:translateY(-2px);border-color:#ffffff26}.card-glow-bg{position:absolute;top:-20px;right:-20px;width:90px;height:90px;border-radius:50%;filter:blur(35px);pointer-events:none;opacity:.35}.cyan-glow{background:var(--cyan-bright)}.emerald-glow{background:var(--emerald-bright)}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.metric-title{display:block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--text-primary)}.metric-sublabel{display:block;font-size:.65rem;color:var(--text-secondary)}.metric-icon-badge{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-icon-badge.cyan{background:#06b6d426;color:var(--cyan-bright)}.info-tooltip-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:2px;transition:color .2s ease}.info-tooltip-btn:hover{color:var(--cyan-bright)}.balance-number-row{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.balance-value-big{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.balance-value-big.emerald-text{color:var(--emerald-bright)}.balance-unit{font-family:var(--font-heading);font-size:.75rem;font-weight:800;color:var(--cyan-bright);letter-spacing:.5px}.metric-footer-row{font-size:.68rem}.streak-pill{display:inline-flex;align-items:center;gap:3px;color:var(--amber-bright);font-weight:600}.mining-rate-pill{display:block;font-size:.65rem;color:var(--text-muted)}.locked-indicator-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;color:var(--amber-bright);background:#f59e0b1a;padding:2px 7px;border-radius:8px}.locked-indicator-pill.unlocked{color:var(--emerald-bright);background:#10b9811a}.info-notice-card{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:14px;margin-bottom:16px;font-size:.72rem;color:var(--text-secondary);line-height:1.4}.notice-icon{font-size:1.1rem}.notice-text strong{color:var(--cyan-bright)}.mining-hub-container{margin-bottom:16px}.mining-hub-card{position:relative;background:linear-gradient(180deg,#1e293bbf,#0f172af2);border:1px solid var(--border-subtle);border-radius:24px;padding:18px 16px;box-shadow:0 15px 35px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mining-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mining-header-title{display:flex;align-items:center;gap:7px;font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:var(--text-primary)}.pulse-spark{width:8px;height:8px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 10px var(--cyan-bright);animation:pulseNeon 2s infinite ease-in-out}@keyframes pulseNeon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mining-cycle-tag{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono)}.circular-timer-wrapper{position:relative;width:210px;height:210px;margin:10px auto 16px;display:flex;align-items:center;justify-content:center}.timer-ring-glow{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,rgba(16,185,129,.05) 60%,transparent 80%);filter:blur(20px)}.timer-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.timer-track{stroke:#ffffff0f}.timer-progress{stroke-linecap:round;stroke-dasharray:578;stroke-dashoffset:289;transition:stroke-dashoffset 1s linear,stroke .5s ease}.timer-core-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.timer-mining-flame{margin-bottom:2px;animation:flameBounce 3s infinite ease-in-out}@keyframes flameBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.08)}}.timer-countdown-display{font-family:var(--font-mono);font-size:1.55rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary);text-shadow:0 0 15px rgba(34,211,238,.4)}.timer-countdown-display.ready-text{font-family:var(--font-heading);font-size:1.35rem;color:var(--emerald-bright);text-shadow:0 0 15px rgba(16,185,129,.5)}.timer-status-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-top:1px}.timer-reward-preview{font-size:.7rem;font-weight:700;color:var(--cyan-bright);margin-top:4px}.mining-cta-wrapper{margin-bottom:16px}.btn-primary-mining{width:100%;padding:14px;border-radius:16px;font-family:var(--font-heading);font-size:.95rem;font-weight:800;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn-primary-mining.btn-mining-growing{background:#1e293bb3;color:var(--text-muted);border:1px solid var(--border-subtle);cursor:not-allowed}.btn-primary-mining.btn-mining-claim-ready{background:linear-gradient(135deg,#06b6d4,#10b981);color:#070a12;box-shadow:0 0 25px #06b6d473;cursor:pointer;animation:pulseClaimBtn 2s infinite ease-in-out}.btn-primary-mining.btn-mining-claim-ready:hover{transform:translateY(-2px);box-shadow:0 0 35px #10b98199}@keyframes pulseClaimBtn{0%,to{box-shadow:0 0 20px #06b6d466}50%{box-shadow:0 0 30px #10b981b3}}.session-tracker-card{background:#0f172abf;border:1px solid var(--border-subtle);border-radius:16px;padding:13px}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tracker-label{display:block;font-size:.7rem;color:var(--text-secondary)}.tracker-val{display:block;font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:var(--text-primary)}.tracker-target-pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:10px;background:#f59e0b26;color:var(--amber-bright);border:1px solid rgba(245,158,11,.3)}.tracker-target-pill.unlocked{background:#10b98126;color:var(--emerald-bright);border-color:#10b9814d}.tracker-progress-track{position:relative;height:8px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:8px}.tracker-progress-fill{position:relative;height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-glow-tip{position:absolute;right:0;top:0;bottom:0;width:10px;background:#fff;box-shadow:0 0 8px #fff;border-radius:6px}.tracker-milestone-ticks{display:flex;justify-content:space-between;margin-bottom:8px}.milestone-node{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.milestone-node.completed{background:var(--cyan-bright);box-shadow:0 0 5px var(--cyan-bright)}.milestone-node.milestone-17{transform:scale(1.4);background:var(--amber-primary)}.milestone-node.milestone-17.completed{background:var(--emerald-bright);box-shadow:0 0 8px var(--emerald-bright)}.tracker-footer-note{display:flex;align-items:center;gap:5px;font-size:.65rem;color:var(--text-muted)}.quick-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.quick-feature-card:hover{border-color:var(--border-active);background:var(--bg-card-hover);transform:translateY(-2px)}.q-icon-box{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shield-cyan{background:#06b6d426;color:var(--cyan-bright)}.wallet-emerald{background:#10b98126;color:var(--emerald-bright)}.q-content h4{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.q-content p{font-size:.65rem;color:var(--text-secondary)}.q-arrow{margin-left:auto;color:var(--text-muted);font-weight:700}.evm-full-card{background:linear-gradient(135deg,#1e293bcc,#0f172af2);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;margin-bottom:18px}.evm-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.evm-card-chip{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:var(--cyan-bright)}.evm-qr-expand-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:12px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:var(--cyan-bright);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease}.evm-qr-expand-btn:hover{background:#06b6d44d}.evm-address-full-box{background:#0b0f19b3;border:1px solid var(--border-subtle);border-radius:14px;padding:10px 12px;margin-bottom:14px}.evm-field-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-secondary);letter-spacing:.6px;margin-bottom:4px}.evm-full-string-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.evm-full-hex{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);word-break:break-all;line-height:1.3}.btn-copy-address-main{padding:6px;border-radius:8px;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:all .2s ease}.btn-copy-address-main:hover{background:var(--cyan-primary);color:#000}.wallet-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-wallet-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:14px;font-family:var(--font-heading);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-deposit{background:#06b6d42e;border:1px solid rgba(6,182,212,.4);color:var(--cyan-bright)}.btn-deposit:hover{background:#06b6d44d}.btn-send{background:#10b9812e;border:1px solid rgba(16,185,129,.4);color:var(--emerald-bright)}.btn-send:hover{background:#10b9814d}.p2p-transfer-section{margin-bottom:20px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.zero-gas-pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:8px;background:#10b98126;color:var(--emerald-bright)}.p2p-card-container{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;overflow:hidden}.p2p-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0b0f19e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;animation:fadeIn .3s ease}.p2p-locked-overlay.hidden{display:none}.lock-shield-icon{position:relative;margin-bottom:10px}.lock-pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1.5px dashed var(--amber-primary);animation:rotateLock 12s linear infinite}@keyframes rotateLock{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lock-heading{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--amber-bright);margin-bottom:6px}.lock-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4;max-width:280px;margin-bottom:12px}.lock-progress-box{width:100%;max-width:260px;background:#1e293bb3;border-radius:12px;padding:8px 12px;margin-bottom:12px}.lock-progress-header{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);margin-bottom:5px}.lock-progress-num{font-weight:700;color:var(--amber-bright)}.lock-progress-bar-bg{height:6px;background:#ffffff1a;border-radius:4px;overflow:hidden}.lock-progress-bar-fill{height:100%;background:var(--amber-primary);border-radius:4px;transition:width .4s ease}.btn-goto-kyc{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:#f59e0b33;border:1px solid var(--amber-primary);color:var(--amber-bright);font-family:var(--font-heading);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-goto-kyc:hover{background:var(--amber-primary);color:#070a12}.form-group{margin-bottom:12px}.form-label{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.label-helper{font-size:.65rem;color:var(--cyan-bright)}.available-balance-tag{font-size:.7rem;color:var(--text-secondary)}.available-balance-tag strong{color:var(--emerald-bright)}.input-with-action{position:relative;display:flex;align-items:center}.styled-input{width:100%;background:#0b0f19cc;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;outline:none;transition:border-color .2s ease}.styled-input:focus{border-color:var(--cyan-bright);box-shadow:0 0 10px #06b6d433}.styled-input.mono-font{font-family:var(--font-mono);font-size:.75rem;padding-right:60px}.styled-input.amount-input{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;padding-right:105px}.btn-input-paste{position:absolute;right:8px;padding:4px 8px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:var(--cyan-bright);font-size:.65rem;font-weight:700;cursor:pointer}.btn-input-max{position:absolute;right:55px;padding:3px 7px;border-radius:6px;background:#10b98133;border:1px solid rgba(16,185,129,.4);color:var(--emerald-bright);font-size:.65rem;font-weight:800;cursor:pointer}.input-currency-tag{position:absolute;right:12px;font-family:var(--font-heading);font-weight:800;font-size:.75rem;color:var(--text-secondary)}.transfer-summary-box{background:#0f172ab3;border-radius:12px;padding:10px 12px;margin-bottom:14px}.summary-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);margin-bottom:4px}.summary-row.total-row{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-subtle);font-weight:700;color:var(--text-primary)}.summary-total-val{font-family:var(--font-heading);font-size:.95rem;color:var(--emerald-bright)}.btn-primary-action{width:100%;padding:12px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#10b981);border:none;color:#070a12;font-family:var(--font-heading);font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary-action:hover{transform:translateY(-1px);box-shadow:0 0 20px #06b6d466}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tx-history-section{margin-top:10px}.tx-filter-pills{display:flex;gap:4px}.tx-pill{padding:3px 8px;border-radius:10px;background:#1e293b99;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tx-pill.active{background:#06b6d433;border-color:var(--cyan-bright);color:var(--cyan-bright)}.tx-list{display:flex;flex-direction:column;gap:8px}.tx-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;transition:all .2s ease}.tx-item:hover{border-color:#ffffff26;background:var(--bg-card-hover)}.tx-item-left{display:flex;align-items:center;gap:10px}.tx-icon-box{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tx-icon-box.claim{background:#06b6d426;color:var(--cyan-bright)}.tx-icon-box.deposit{background:#10b98126;color:var(--emerald-bright)}.tx-icon-box.send{background:#f59e0b26;color:var(--amber-bright)}.tx-title{display:block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--text-primary)}.tx-timestamp{display:block;font-size:.65rem;color:var(--text-muted)}.tx-item-right{text-align:right}.tx-amount{display:block;font-family:var(--font-heading);font-size:.85rem;font-weight:800}.tx-amount.plus{color:var(--emerald-bright)}.tx-amount.minus{color:var(--amber-bright)}.tx-status-badge{display:inline-block;font-size:.6rem;font-weight:700;color:var(--emerald-bright);text-transform:uppercase}.kyc-qualification-card{background:linear-gradient(135deg,#1e293bcc,#0f172af2);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;margin-bottom:16px}.kyc-banner-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kyc-banner-icon{width:40px;height:40px;border-radius:12px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center}.kyc-banner-title{display:block;font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.kyc-banner-req{font-family:var(--font-heading);font-size:1rem;font-weight:800;color:var(--text-primary)}.kyc-progress-header{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);margin-bottom:6px}.kyc-progress-count{font-family:var(--font-heading);font-size:.85rem;color:var(--cyan-bright)}.kyc-bar-bg{height:8px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:8px}.kyc-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:6px;transition:width .5s ease}.kyc-segments-grid{display:grid;grid-template-columns:repeat(17,1fr);gap:3px}.kyc-segment-slot{height:4px;border-radius:2px;background:#ffffff1a;transition:background .3s ease}.kyc-segment-slot.filled{background:var(--cyan-bright)}.kyc-segment-slot.final-slot{background:#f59e0b66}.kyc-segment-slot.final-slot.filled{background:var(--emerald-bright);box-shadow:0 0 6px var(--emerald-bright)}.kyc-locked-card,.kyc-ready-card,.kyc-verified-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:20px;text-align:center}.locked-icon-bubble,.ready-icon-bubble,.verified-icon-bubble{width:60px;height:60px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.locked-icon-bubble{background:#f59e0b26;border:1.5px solid var(--border-amber)}.ready-icon-bubble{background:#06b6d426;border:1.5px solid var(--border-active)}.verified-icon-bubble{background:#10b98126;border:1.5px solid var(--border-emerald)}.locked-title,.ready-title,.verified-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;margin-bottom:6px}.locked-text,.ready-desc,.verified-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.45;margin-bottom:16px}.highlight-amber{color:var(--amber-bright);font-weight:700}.kyc-benefits-list{display:flex;flex-direction:column;gap:10px;text-align:left;margin-bottom:16px}.benefit-item{display:flex;gap:10px;background:#0f172a99;padding:10px;border-radius:12px}.b-icon{font-size:1.2rem}.b-text strong{display:block;font-size:.75rem;color:var(--text-primary)}.b-text span{font-size:.68rem;color:var(--text-secondary)}.btn-fast-forward{width:100%;padding:10px;border-radius:12px;background:#f59e0b26;border:1px solid var(--amber-primary);color:var(--amber-bright);font-family:var(--font-heading);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.ready-badge-pill{display:inline-block;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:10px;background:#06b6d433;color:var(--cyan-bright);margin-bottom:6px}.verification-steps-card{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:18px}.step-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#0f172a99;border:1px solid var(--border-subtle)}.step-row.active{border-color:var(--border-active);background:#06b6d414}.step-number{width:24px;height:24px;border-radius:50%;background:var(--cyan-primary);color:#070a12;font-family:var(--font-heading);font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-info h5{font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--text-primary)}.step-info p{font-size:.65rem;color:var(--text-secondary)}.step-status{margin-left:auto;font-size:.65rem;font-weight:700;color:var(--text-muted)}.step-status.ready{color:var(--cyan-bright)}.verified-badge-pill{display:inline-block;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:10px;background:#10b98133;color:var(--emerald-bright);margin-bottom:6px}.verified-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.v-detail-box{background:#0f172ab3;border-radius:12px;padding:8px 10px;text-align:left}.v-label{display:block;font-size:.65rem;color:var(--text-secondary)}.v-val{display:block;font-family:var(--font-heading);font-size:.82rem;font-weight:700}.referral-hero-card{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;margin-bottom:18px}.referral-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ref-subtitle{font-size:.65rem;font-weight:700;color:var(--amber-bright);letter-spacing:.6px}.ref-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--text-primary)}.ref-badge-boost{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:10px;background:#f59e0b33;color:var(--amber-bright);border:1px solid rgba(245,158,11,.4)}.ref-code-card{background:#0b0f19bf;border:1px solid var(--border-subtle);border-radius:14px;padding:10px 12px;margin-bottom:12px}.ref-code-label{font-size:.65rem;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px}.ref-code-display-row{display:flex;justify-content:space-between;align-items:center}.ref-code-text{font-family:var(--font-mono);font-size:1.15rem;font-weight:800;letter-spacing:1px;color:var(--cyan-bright)}.ref-btn-group{display:flex;gap:6px}.btn-ref-action{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:10px;font-family:var(--font-heading);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-copy-code{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:var(--cyan-bright)}.btn-copy-code:hover{background:var(--cyan-primary);color:#070a12}.btn-share-link{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--emerald-bright)}.btn-share-link:hover{background:var(--emerald-primary);color:#070a12}.ref-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ref-stat-box{background:#0f172ab3;border-radius:12px;padding:8px;text-align:center}.ref-stat-num{display:block;font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--text-primary)}.ref-stat-lbl{display:block;font-size:.62rem;color:var(--text-secondary)}.account-settings-section{margin-top:10px}.profile-info-tile{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:12px;margin-bottom:12px}.p-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#10b981);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1rem;color:#070a12}.p-username{font-family:var(--font-heading);font-size:.95rem;font-weight:800}.p-email{font-size:.72rem;color:var(--text-secondary)}.p-verified-badge{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;background:#1e293bb3}.dot-amber{width:6px;height:6px;border-radius:50%;background:var(--amber-primary)}.dot-emerald{width:6px;height:6px;border-radius:50%;background:var(--emerald-primary)}.settings-list-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:8px 12px;margin-bottom:14px}.setting-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.setting-item-row:last-child{border-bottom:none}.setting-item-left{display:flex;align-items:center;gap:10px}.setting-icon-box{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.setting-icon-box.cyan{background:#06b6d426;color:var(--cyan-bright)}.setting-icon-box.emerald{background:#10b98126;color:var(--emerald-bright)}.setting-icon-box.purple{background:#8b5cf626;color:var(--purple-primary)}.setting-title{display:block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--text-primary)}.setting-desc{display:block;font-size:.65rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:20px;transition:.25s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}input:checked+.toggle-slider{background:var(--cyan-primary);box-shadow:0 0 10px var(--cyan-primary)}input:checked+.toggle-slider:before{transform:translate(18px)}.btn-setting-action{padding:4px 10px;border-radius:8px;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.72rem;font-weight:600;cursor:pointer}.support-links-card{display:flex;flex-direction:column;gap:8px}.support-link-btn{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.support-link-btn:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.s-left{display:flex;align-items:center;gap:8px}.s-arrow{color:var(--text-muted)}.fixed-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);z-index:1000;background:#0b0f19eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle)}.nav-bar-inner{display:grid;grid-template-columns:repeat(4,1fr);height:100%;padding:0 8px}.nav-tab-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-icon-container{position:relative;width:32px;height:28px;display:flex;align-items:center;justify-content:center}.nav-tab-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--cyan-glow);filter:blur(8px);opacity:0;transition:opacity .25s ease}.nav-svg{transition:transform .2s ease,stroke .2s ease}.nav-tab-label{font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.3px;transition:color .2s ease}.nav-tab-btn.active{color:var(--cyan-bright)}.nav-tab-btn.active .nav-tab-glow{opacity:1}.nav-tab-btn.active .nav-svg{stroke:var(--cyan-bright);transform:translateY(-2px)}.nav-tab-btn.active .nav-tab-label{color:var(--cyan-bright);font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#070a12d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-dialog{width:100%;max-width:380px;transform:scale(.95) translateY(10px);transition:transform .25s cubic-bezier(.4,0,.2,1)}.modal-backdrop.open .modal-dialog{transform:scale(1) translateY(0)}.modal-card{background:var(--bg-card-solid);border:1px solid var(--border-subtle);border-radius:24px;padding:20px;box-shadow:0 25px 50px #000c}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800}.modal-subtitle{display:block;font-size:.7rem;color:var(--text-secondary)}.btn-modal-close{width:30px;height:30px;border-radius:50%;background:#ffffff14;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem}.btn-modal-close:hover{background:#fff3;color:var(--text-primary)}.modal-body-qr{text-align:center}.qr-frame-wrapper{background:#0b0f19;border:2px solid var(--border-active);border-radius:20px;padding:16px;display:inline-block;margin-bottom:14px;box-shadow:0 0 30px #06b6d433}.qr-hint{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:8px}.deposit-address-container{background:#1e293bb3;border-radius:12px;padding:10px;margin-bottom:16px}.deposit-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-secondary);margin-bottom:4px}.deposit-hex-text{font-size:.75rem;color:var(--cyan-bright);word-break:break-all}.ad-dialog{max-width:390px}.ad-video-player{background:#000;border-radius:24px;border:1px solid var(--border-active);overflow:hidden;box-shadow:0 0 50px #06b6d466}.ad-video-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172ae6;border-bottom:1px solid rgba(255,255,255,.1)}.admob-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-secondary)}.admob-dot{width:6px;height:6px;border-radius:50%;background:#ea4335}.ad-timer-countdown{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--amber-bright)}.ad-media-stage{position:relative;height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(circle at center,#1e293b,#070a12);overflow:hidden}.ad-glow-halo{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--cyan-primary);filter:blur(60px);opacity:.4}.ad-visual-content{position:relative;z-index:10}.rotating-coin{animation:spinCoin 4s infinite linear;margin-bottom:12px}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.ad-hero-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:4px}.ad-hero-desc{font-size:.75rem;color:var(--text-secondary);margin-bottom:12px}.ad-cta-button{display:inline-block;padding:6px 14px;border-radius:16px;background:linear-gradient(90deg,#06b6d4,#10b981);color:#000;font-family:var(--font-heading);font-size:.75rem;font-weight:800}.ad-video-footer{padding:12px 16px;background:#0f172af2}.ad-progress-bar-bg{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:10px}.ad-progress-bar-fill{height:100%;width:0%;background:var(--emerald-primary);transition:width .1s linear}.ad-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-secondary)}.btn-ad-close{padding:5px 12px;border-radius:10px;background:#ffffff1a;border:none;color:#fff;font-weight:700;font-size:.72rem;cursor:pointer}.btn-ad-close:not(:disabled){background:var(--emerald-primary);color:#000}.kyc-scanner-card{background:#0b0f19;border:1px solid var(--border-active);border-radius:24px;padding:18px}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scanner-step-tag{font-size:.72rem;font-weight:700;color:var(--cyan-bright)}.camera-viewport-frame{position:relative;height:280px;background:#000;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px;border:1px solid rgba(255,255,255,.1)}.camera-lens-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1e293b80,#000 80%);display:flex;align-items:center;justify-content:center}.scanner-radar-beam{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#22D3EE,transparent);box-shadow:0 0 15px #22d3ee;top:0;opacity:0}.scanner-radar-beam.scanning{opacity:1;animation:radarScan 2.5s infinite linear alternate}@keyframes radarScan{0%{top:15%}to{top:85%}}.face-oval-guide{position:relative;width:140px;height:180px;border:2px dashed rgba(34,211,238,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.face-oval-guide.verified{border-color:var(--emerald-bright);border-style:solid;box-shadow:0 0 30px var(--emerald-glow)}.corner-bracket{position:absolute;width:14px;height:14px;border-color:var(--cyan-bright);border-style:solid}.corner-bracket.top-left{top:-4px;left:-4px;border-width:3px 0 0 3px;border-top-left-radius:6px}.corner-bracket.top-right{top:-4px;right:-4px;border-width:3px 3px 0 0;border-top-right-radius:6px}.corner-bracket.bottom-left{bottom:-4px;left:-4px;border-width:0 0 3px 3px;border-bottom-left-radius:6px}.corner-bracket.bottom-right{bottom:-4px;right:-4px;border-width:0 3px 3px 0;border-bottom-right-radius:6px}.scanner-prompt-bar{position:relative;z-index:10;display:flex;align-items:center;gap:6px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:16px;border:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;color:var(--text-primary)}.scanner-progress-meter{position:relative;z-index:10;width:100%}.meter-bar-bg{height:6px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:4px}.meter-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:4px;transition:width .3s ease}.meter-text-row{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-secondary)}.scanner-footer-actions{margin-top:14px}.info-metric-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.info-compare-card{background:#0f172ab3;border-radius:12px;padding:10px}.info-compare-tag{display:inline-block;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:6px;margin-bottom:6px}.info-compare-tag.cyan{background:#06b6d433;color:var(--cyan-bright)}.info-compare-tag.emerald{background:#10b98133;color:var(--emerald-bright)}.info-compare-card p{font-size:.7rem;color:var(--text-secondary);line-height:1.35}.unlock-rule-highlight{display:flex;align-items:center;gap:10px;background:#f59e0b1a;border:1px solid var(--border-amber);border-radius:14px;padding:10px 12px;margin-bottom:16px;font-size:.72rem;color:var(--text-secondary)}.highlight-icon{font-size:1.2rem}.highlight-text strong{color:var(--amber-bright)}.toast-stack{position:fixed;top:75px;left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:8px;width:90%;max-width:360px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0f172af2;border:1px solid var(--cyan-bright);border-radius:14px;box-shadow:0 10px 25px #0009,0 0 15px #06b6d44d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.78rem;font-weight:600;animation:toastIn .3s cubic-bezier(.4,0,.2,1) forwards}.toast-item.success{border-color:var(--emerald-bright);box-shadow:0 10px 25px #0009,0 0 15px #10b9814d}.toast-item.warning{border-color:var(--amber-bright);box-shadow:0 10px 25px #0009,0 0 15px #f59e0b4d}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.supabase-status-chip{display:flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);border-radius:20px;padding:5px 10px;font-size:.68rem;font-weight:700;color:var(--emerald-bright);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #10b98126}.supabase-status-chip:hover{background:#10b98138;border-color:var(--emerald-bright);transform:translateY(-1px);box-shadow:0 0 16px #10b98159}.supabase-status-chip.offline{background:#f59e0b1f;border-color:#f59e0b59;color:var(--amber-bright);box-shadow:0 0 10px #f59e0b26}.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 8px var(--emerald-bright);display:inline-block;animation:pulseGreen 2s infinite ease-in-out}.supabase-status-chip.offline .sb-dot{background:var(--amber-bright);box-shadow:0 0 8px var(--amber-bright);animation:pulseAmber 2s infinite ease-in-out}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulseAmber{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.supabase-control-card{background:linear-gradient(145deg,#111827e6,#0b0f19f2);border:1px solid rgba(34,211,238,.25);border-radius:20px;padding:18px;margin-top:14px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0d}.supabase-control-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);pointer-events:none}.sb-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sb-card-badge{display:inline-flex;align-items:center;gap:5px;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:12px;font-size:.65rem;font-weight:700;color:var(--emerald-bright);margin-bottom:4px}.sb-card-dot{width:6px;height:6px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 6px var(--emerald-bright)}.sb-card-heading{font-size:.95rem;font-weight:800;color:var(--text-primary);font-family:var(--font-heading)}.btn-sb-settings{display:flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:6px 10px;cursor:pointer;transition:all .2s ease}.btn-sb-settings:hover{background:#ffffff1f;color:var(--text-primary);border-color:var(--cyan-bright)}.sb-card-desc{font-size:.76rem;color:var(--text-secondary);line-height:1.45;margin-bottom:14px}.sb-card-btn-row{display:grid;grid-template-columns:1fr auto;gap:10px}.btn-sb-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease}.btn-sb-auth{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#070a12;border:none;box-shadow:0 4px 15px #06b6d459}.btn-sb-auth:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d48c}.btn-sb-sync{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-sb-sync:hover{background:#ffffff1f;border-color:var(--emerald-bright);color:var(--emerald-bright)}.auth-dialog{max-width:440px}.auth-card{background:linear-gradient(180deg,#0e1526,#080c16);border:1px solid rgba(34,211,238,.3);box-shadow:0 25px 60px #000c,0 0 35px #06b6d440;border-radius:26px}.auth-header{padding-bottom:14px}.auth-brand-row{display:flex;align-items:center;gap:12px}.auth-logo-badge{width:44px;height:44px;border-radius:14px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #22d3ee33}.auth-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);font-family:var(--font-heading)}.auth-subtitle{font-size:.72rem;color:var(--text-muted)}.auth-tabs-row{display:flex;background:#00000059;border-radius:12px;padding:4px;gap:4px;margin-bottom:16px;border:1px solid var(--border-subtle)}.auth-tab-btn{flex:1;padding:8px 10px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.auth-tab-btn.active{background:#22d3ee2e;color:var(--cyan-bright);box-shadow:0 2px 8px #0000004d}.auth-form-view{display:none;animation:fadeInForm .25s ease forwards}.auth-form-view.active{display:block}@keyframes fadeInForm{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-auth-submit{width:100%;margin-top:14px;padding:13px;font-size:.88rem;font-weight:800}.btn-text-action{background:none;border:none;color:var(--cyan-bright);font-size:.7rem;font-weight:600;cursor:pointer}.btn-text-action:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:14px 0 10px;color:var(--text-muted);font-size:.68rem;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.08)}.auth-divider span{padding:0 10px}.btn-guest-demo{width:100%;padding:11px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-guest-demo:hover{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.auth-info-box{background:#22d3ee14;border:1px solid rgba(34,211,238,.25);border-radius:14px;padding:12px 14px;font-size:.76rem;color:var(--text-secondary);margin-bottom:14px;line-height:1.45}.btn-back-to-login{background:none;border:none;color:var(--text-muted);font-size:.74rem;font-weight:600;cursor:pointer;width:100%;text-align:center;margin-top:12px;padding:6px;transition:color .2s}.btn-back-to-login:hover{color:var(--cyan-bright)}.sb-config-dialog{max-width:480px}.sb-header-chip{display:flex;align-items:center;gap:8px}.sb-logo-icon{font-size:1.2rem;color:var(--emerald-bright)}.sb-status-card{display:flex;align-items:center;justify-content:space-between;background:#0b0f19b3;border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:12px 14px;margin-bottom:16px}.sb-status-left{display:flex;align-items:center;gap:10px}.sb-status-dot{width:10px;height:10px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 10px var(--emerald-bright)}.sb-status-dot.disconnected{background:var(--amber-bright);box-shadow:0 0 10px var(--amber-bright)}.sb-status-left strong{font-size:.8rem;color:var(--text-primary);display:block}.sb-status-left p{font-size:.7rem;color:var(--text-muted)}.btn-sb-ping{background:#10b9812e;border:1px solid var(--emerald-bright);border-radius:8px;color:var(--emerald-bright);font-size:.7rem;font-weight:700;padding:6px 10px;cursor:pointer;transition:all .2s ease}.btn-sb-ping:hover{background:var(--emerald-bright);color:#070a12}.sb-config-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sb-setup-accordion{margin-top:16px;background:#00000040;border-radius:14px;border:1px solid var(--border-subtle);padding:12px 14px}.sb-guide-title{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-primary);margin-bottom:8px}.sb-steps-list{padding-left:18px;font-size:.72rem;color:var(--text-muted);line-height:1.6}.sb-steps-list a{color:var(--cyan-bright);text-decoration:underline}.sb-steps-list code{background:#ffffff14;padding:2px 4px;border-radius:4px;font-family:var(--font-mono);color:var(--cyan-bright)}.profile-dialog{max-width:440px}.profile-hero-card{display:flex;align-items:center;gap:14px;background:#12192999;border:1px solid var(--border-subtle);border-radius:18px;padding:16px;margin-bottom:16px}.p-avatar-large{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#070a12;box-shadow:0 0 20px #06b6d466}.p-hero-meta{flex:1}.p-hero-username{font-size:1rem;font-weight:800;color:var(--text-primary);margin-bottom:2px}.p-hero-email{font-size:.72rem;color:var(--text-muted);margin-bottom:6px}.p-tier-badge{display:inline-block;background:#22d3ee26;border:1px solid rgba(34,211,238,.3);color:var(--cyan-bright);font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px}.profile-props-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.prop-item{background:#0b0f1999;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 14px}.prop-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:block;margin-bottom:4px}.prop-val-row{display:flex;align-items:center;justify-content:space-between}.prop-val{font-size:.78rem;font-weight:600;color:var(--text-primary)}.btn-copy-small{background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:var(--cyan-bright);padding:4px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-copy-small:hover{background:#22d3ee26;border-color:var(--cyan-bright)}.profile-modal-actions{display:flex;flex-direction:column;gap:8px}.btn-danger-action{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;padding:11px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-danger-action:hover{background:#ef444440;border-color:#ef4444}.hidden{display:none!important}.text-cyan{color:var(--cyan-bright)!important}.text-emerald{color:var(--emerald-bright)!important}.text-amber{color:var(--amber-bright)!important}@media(max-width:600px){.wexo-app-container{max-width:100%;border-left:none;border-right:none;box-shadow:none}.app-screens-viewport{padding:12px 14px calc(90px + env(safe-area-inset-bottom,0px))}.fixed-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.toast-stack{top:calc(68px + env(safe-area-inset-top,0px));width:92%}.app-global-header{padding-top:env(safe-area-inset-top,0px);height:calc(var(--header-height) + env(safe-area-inset-top,0px))}.supabase-status-chip .sb-text{display:none}.supabase-status-chip{padding:6px 8px}}@keyframes flashW{0%{opacity:1;transform:scale(1);text-shadow:0 0 20px #22D3EE;color:#22d3ee}50%{opacity:.8;transform:scale(1.2);text-shadow:0 0 40px #10B981;color:#10b981}to{opacity:1;transform:scale(1);text-shadow:0 0 20px #22D3EE;color:#22d3ee}}.animated-w{display:inline-block;font-size:6rem;font-family:var(--font-heading),sans-serif;font-weight:900;animation:flashW 1.2s infinite ease-in-out;line-height:1;margin-top:15px}@keyframes flashBtn{0%{box-shadow:0 0 15px #10b981;filter:brightness(1);transform:scale(1)}50%{box-shadow:0 0 35px #34d399,0 0 15px inset #ffffff80;filter:brightness(1.3);transform:scale(1.05)}to{box-shadow:0 0 15px #10b981;filter:brightness(1);transform:scale(1)}}.btn-animated-flash{animation:flashBtn 1s infinite ease-in-out!important}body.unauthenticated .wexo-app-container{display:none!important}