.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon-graphic{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:2px solid var(--accent-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00d4ff33;position:relative}.range-inner-boundary{width:24px;height:24px;border:1.5px dashed rgba(0,255,179,.55);border-radius:4px;display:flex;align-items:center;justify-content:center}.logo-brand-letter{font-size:15px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}:root[data-theme=light] .logo-icon-graphic{background:linear-gradient(135deg,#7b2ff7,#00bcd4);border:none;box-shadow:0 3px 10px #7b2ff740}:root[data-theme=light] .range-inner-boundary{border-color:#ffffffbf}:root[data-theme=light] .logo-brand-letter{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);text-decoration:none}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item-active{color:var(--accent-primary)!important;background:#00d4ff14;border-left:3px solid var(--accent-primary)}.nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.live-indicator{display:flex;align-items:center;gap:var(--space-2)}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{height:var(--header-height);padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding-left:var(--space-8);padding-right:var(--space-8);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;font-size:var(--font-size-xl)}.page-title{font-size:var(--font-size-lg);font-weight:600}.header-right{display:flex;align-items:center;gap:var(--space-4)}.wallet-connected{display:flex;align-items:center;gap:var(--space-3)}.wallet-balance{font-size:var(--font-size-base);font-weight:600;color:var(--color-up)}.wallet-address-btn{display:flex;align-items:center;gap:var(--space-2)}.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--color-up)}.content{flex:1;padding:var(--space-8);max-width:var(--max-content-width);width:100%;margin:0 auto}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);color:var(--text-tertiary);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.mobile-nav-item-active{color:var(--accent-primary)}.mobile-nav-icon{font-size:var(--font-size-lg)}.mobile-nav-label{font-weight:500}@media(max-width:768px){.sidebar{display:none}.main-wrapper{margin-left:0;min-width:0;max-width:100%}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex;justify-content:space-around}.header{padding-left:var(--space-4);padding-right:var(--space-4);padding-top:env(safe-area-inset-top,0px);max-width:100%;box-sizing:border-box}.content{padding:var(--space-4);padding-bottom:80px;min-width:0;max-width:100%;box-sizing:border-box}}.settings-dropdown-container{position:relative;display:inline-block}.settings-toggle-btn{font-size:1.1rem;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color)}.settings-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.settings-menu{position:absolute;top:calc(100% + var(--space-2));right:0;width:240px;padding:var(--space-2) 0;z-index:200;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md);background:var(--bg-card);border:1px solid var(--border-color-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn var(--transition-fast, .15s) ease forwards}.settings-menu-header{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column}.settings-menu-header .user-email{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;word-break:break-all}.settings-menu-divider{height:1px;background:var(--border-color);margin:var(--space-1) 0}.settings-menu-item{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);text-align:left;display:flex;align-items:center;transition:all var(--transition-fast, .15s);cursor:pointer;width:100%}.settings-menu-item:hover{background:#ffffff0a;color:var(--accent-primary)}.settings-menu-item.text-down:hover{color:var(--color-down);background:#ff3d710d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-card{width:100%;max-width:400px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color-light)}.modal-title{font-size:1.5rem;font-weight:700;margin:0;text-align:center;color:var(--text-primary)}.modal-subtitle{text-align:center;margin-top:-.75rem;margin-bottom:.5rem;font-size:.9rem}.market-card{padding:var(--space-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4)}.market-card-compact{padding:var(--space-4);gap:var(--space-3)}.market-card-header{display:flex;align-items:center;justify-content:space-between}.market-asset{display:flex;align-items:center;gap:var(--space-2)}.asset-badge{padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em}.market-category-tag{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}.market-expiry{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.expiry-icon{font-size:var(--font-size-sm)}.market-question{font-size:var(--font-size-base);font-weight:600;line-height:1.4;color:var(--text-primary)}.market-card-compact .market-question{font-size:var(--font-size-sm)}.market-probability-bar{display:flex;flex-direction:column;gap:var(--space-2)}.prob-bar-track{height:6px;background:var(--color-down-bg);border-radius:3px;overflow:hidden}.prob-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-up),#00e676aa);border-radius:3px;transition:width var(--transition-base)}.prob-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);font-weight:600}.prob-yes{color:var(--color-up)}.prob-no{color:var(--color-down)}.market-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.market-stats{display:flex;align-items:center;gap:var(--space-4)}.market-stat{display:flex;flex-direction:column;gap:1px}.stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-sm);font-weight:600}.market-quick-actions{display:flex;gap:var(--space-2)}@media(max-width:640px){.market-quick-actions{display:none}}.home-page{display:flex;flex-direction:column;gap:var(--space-12)}.hero-section{text-align:center;padding:var(--space-12) 0 var(--space-8)}.hero-content{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#00e67614;border:1px solid rgba(0,230,118,.2);border-radius:100px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-up)}.hero-title{font-size:var(--font-size-hero);font-weight:800;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;max-width:520px}.hero-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.hero-stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.home-section{display:flex;flex-direction:column;gap:var(--space-6)}.section-header{display:flex;align-items:flex-end;justify-content:space-between}.section-title{font-size:var(--font-size-xl);font-weight:700}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-4)}.step-card{padding:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-gradient);color:#fff;font-size:var(--font-size-xl);font-weight:700}.step-title{font-size:var(--font-size-md);font-weight:600}.step-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.markets-grid,.steps-grid{grid-template-columns:1fr}}.category-tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-sizing:border-box}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.category-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.category-tab-active{color:#fff!important;background:var(--accent-gradient)!important;box-shadow:var(--shadow-glow-accent)}.category-tab-icon{font-size:var(--font-size-base)}.markets-page{display:flex;flex-direction:column;gap:var(--space-6)}.markets-page-header{display:flex;align-items:flex-end;justify-content:space-between}.markets-page-title{font-size:var(--font-size-2xl);font-weight:700}.markets-page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.markets-filters{display:flex;flex-direction:column;gap:var(--space-4)}.markets-controls{display:flex;gap:var(--space-3)}.search-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:0 var(--space-4);transition:border-color var(--transition-fast)}.search-wrapper:focus-within{border-color:var(--accent-primary)}.search-icon{margin-right:var(--space-2);font-size:var(--font-size-sm)}.search-input{flex:1;border:none;background:transparent;padding:var(--space-3) 0;font-size:var(--font-size-base)}.search-input:focus{border:none}.sort-select{min-width:180px;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.markets-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.market-skeleton{height:200px}.markets-empty{text-align:center;padding:var(--space-16) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.markets-empty-icon{font-size:48px}@media(max-width:768px){.markets-controls{flex-direction:column}.sort-select{min-width:unset}}.price-chart-wrapper{border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color)}.price-chart-container{width:100%}.order-panel{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.order-panel-title{font-size:var(--font-size-md);font-weight:600}.side-toggle{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--bg-primary);border-radius:var(--border-radius-sm)}.side-btn{flex:1;padding:var(--space-3);border-radius:6px;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-fast);color:var(--text-secondary)}.side-btn:hover{color:var(--text-primary)}.side-btn-active-yes{background:var(--color-up);color:#0a0e17!important;box-shadow:0 0 16px #00e6764d}.side-btn-active-no{background:var(--color-down);color:#fff!important;box-shadow:0 0 16px #ff3d714d}.order-field{display:flex;flex-direction:column;gap:var(--space-2)}.order-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.order-input-wrapper{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.order-input-wrapper:focus-within{border-color:var(--accent-primary)}.order-input-prefix{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-lg);font-weight:600}.order-input{flex:1;border:none;background:transparent;padding:var(--space-3) var(--space-4) var(--space-3) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.order-input:focus{border:none}.order-input::-webkit-outer-spin-button,.order-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-amounts{display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-amount-btn{padding:var(--space-1) var(--space-3);border-radius:100px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast)}.quick-amount-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#00d4ff14}.order-summary{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--border-radius-sm)}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.summary-value{font-size:var(--font-size-sm);font-weight:600}.summary-row-highlight{padding-top:var(--space-3);border-top:1px solid var(--border-color);margin-top:var(--space-1)}.summary-row-highlight .summary-label{font-weight:600;color:var(--text-primary)}.summary-row-highlight .summary-value{font-size:var(--font-size-md)}.order-submit-btn{width:100%}.order-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.order-disclaimer{font-size:11px;color:var(--text-tertiary);text-align:center;line-height:1.4}.market-detail-page{display:flex;flex-direction:column;gap:var(--space-6)}.back-btn{align-self:flex-start}.market-detail-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:flex-start}.market-detail-main{display:flex;flex-direction:column;gap:var(--space-6)}.market-detail-header{display:flex;flex-direction:column;gap:var(--space-4)}.market-detail-meta{display:flex;align-items:center;gap:var(--space-3)}.asset-badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.market-detail-category{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:capitalize}.market-detail-expiry{font-size:var(--font-size-sm);color:var(--text-secondary)}.market-detail-question{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3}.market-detail-stats{display:flex;gap:var(--space-8);flex-wrap:wrap}.detail-stat{display:flex;flex-direction:column;gap:var(--space-1)}.detail-stat-value{font-size:var(--font-size-lg);font-weight:700}.market-detail-chart{display:flex;flex-direction:column;gap:var(--space-3)}.chart-title{font-size:var(--font-size-md);font-weight:600}.market-detail-orderbook{padding:var(--space-5)}.orderbook-title,.trades-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-4)}.orderbook-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.orderbook-header{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.orderbook-row{display:flex;justify-content:space-between;padding:var(--space-1) 0;font-size:var(--font-size-sm);position:relative}.orderbook-bar{position:absolute;top:0;bottom:0;right:0;opacity:.1;border-radius:2px}.bid-bar{background:var(--color-up)}.ask-bar{background:var(--color-down)}.market-detail-trades{padding:var(--space-5)}.trades-header,.trade-row{display:grid;grid-template-columns:60px 80px 80px 1fr;gap:var(--space-3);align-items:center}.trades-header{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.trade-row{font-size:var(--font-size-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.trade-row:last-child{border-bottom:none}.market-detail-rules{padding:var(--space-5)}.market-detail-rules h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-3)}.rules-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.market-detail-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8))}@media(max-width:1024px){.market-detail-layout{grid-template-columns:1fr}.market-detail-sidebar{position:static}}@media(max-width:640px){.market-detail-stats{gap:var(--space-4)}.orderbook-content{grid-template-columns:1fr}}.position-card{padding:var(--space-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3)}.position-header{display:flex;align-items:center;justify-content:space-between}.position-asset{display:flex;align-items:center;gap:var(--space-2)}.side-yes-text{font-size:var(--font-size-sm);font-weight:700;color:var(--color-up)}.side-no-text{font-size:var(--font-size-sm);font-weight:700;color:var(--color-down)}.position-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.position-question{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.position-details{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.position-detail{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--font-size-sm);font-weight:600}.position-close-btn{align-self:flex-end}@media(max-width:640px){.position-details{grid-template-columns:repeat(2,1fr)}}.range-position{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);gap:var(--space-4)}.range-position:hover{border-color:var(--border-color-light);background:var(--bg-card-hover)}.range-position-bull{border-left:3px solid var(--color-up)}.range-position-bear{border-left:3px solid var(--color-down)}.range-position-compact{padding:var(--space-3)}.range-pos-left{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.range-pos-header{display:flex;align-items:center;gap:var(--space-2)}.range-pos-direction{font-size:var(--font-size-sm);font-weight:700}.range-pos-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4)}.range-pos-detail{display:flex;flex-direction:column;gap:1px}.range-pos-detail-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.range-pos-detail-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.range-pos-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.range-pos-payout{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.range-pos-payout-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.range-pos-payout-value{font-size:var(--font-size-xl);font-weight:800;color:var(--text-secondary)}.payout-positive{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.range-pos-payout-usd{font-size:var(--font-size-xs);color:var(--color-up);font-weight:600}.range-exit-btn{padding:var(--space-2) var(--space-4);background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:var(--border-radius-sm);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.range-exit-btn:hover{background:#fa03;border-color:var(--color-warning);box-shadow:0 0 12px #ffaa0026}.ladder-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-2);min-width:140px;box-shadow:0 4px 16px #00000080;z-index:100;cursor:default;display:flex;flex-direction:column;gap:2px}.ladder-dropdown-item{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--border-radius-xs);font-size:var(--font-size-sm)}.ladder-dropdown-item:hover{background:var(--bg-card-hover)}@media(max-width:768px){.range-position{flex-direction:column;align-items:stretch;gap:var(--space-4)}.range-pos-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%;border-top:1px solid var(--border-color);padding-top:var(--space-4);margin-top:var(--space-1)}.range-pos-payout{align-items:flex-start}}.custom-scroll-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.custom-scroll-content{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.custom-scroll-content::-webkit-scrollbar{display:none!important}.custom-scroll-track{height:6px;background:#ffffff0a;border-radius:3px;margin-top:var(--space-2, 8px);margin-bottom:var(--space-1, 4px);position:relative;cursor:pointer;width:calc(100% - 2px);align-self:center;border:1px solid rgba(255,255,255,.02)}.custom-scroll-thumb{position:absolute;height:100%;top:0;left:0;background:#00d4ff73;border-radius:3px;cursor:grab;transition:background .15s ease,box-shadow .15s ease;box-shadow:0 0 4px #00d4ff4d}.custom-scroll-thumb:hover{background:#00d4ffb3;box-shadow:0 0 6px #00d4ff80}.custom-scroll-thumb:active{background:#00d4fff2;cursor:grabbing;box-shadow:0 0 8px #00d4ffb3}body.grabbing-scrollbar{user-select:none!important;-webkit-user-select:none!important}.portfolio-page{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.portfolio-title{font-size:var(--font-size-lg);font-weight:600}.portfolio-page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;margin:0 auto;width:100%}.portfolio-connect-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-16) 0}.connect-icon{font-size:48px}.portfolio-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.summary-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.summary-card-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-card-value{font-size:var(--font-size-xl);font-weight:700}.summary-card-sub{font-size:var(--font-size-xs);color:var(--text-secondary)}.portfolio-section{display:flex;flex-direction:column;gap:var(--space-4)}.portfolio-section-header{display:flex;align-items:center;gap:var(--space-3)}.portfolio-section-title{font-size:var(--font-size-lg);font-weight:600}.positions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.portfolio-empty{padding:var(--space-10);text-align:center}.trade-history-table{overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box}.history-header,.history-row{display:grid;grid-template-columns:80px 60px 60px 70px 80px 80px 90px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5)}.history-header{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.portfolio-tabs{display:flex;gap:12px;background:#ffffff08;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.portfolio-tab{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.portfolio-tab:hover{color:var(--text-primary)}.portfolio-tab.active{background:#ffffff1a;color:var(--text-primary);box-shadow:0 2px 8px #0003}.history-row{font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--bg-card-hover)}.history-asset{font-weight:600}@media(max-width:768px){.portfolio-summary{grid-template-columns:repeat(2,1fr)}.positions-grid{grid-template-columns:1fr}.history-header,.history-row{grid-template-columns:80px 60px 60px 70px 80px 80px 90px 150px;min-width:700px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.history-empty{padding:2rem;text-align:center}.range-history-header,.range-history-row{grid-template-columns:80px 60px 1fr 60px 100px 100px!important}@media(max-width:768px){.range-history-header,.range-history-row{grid-template-columns:80px 60px 220px 60px 100px 100px!important;min-width:700px}}.stats-table-container{width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.stats-table-header,.stats-table-row{display:grid;grid-template-columns:120px repeat(3,1fr);gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-6)}.stats-table-header{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-color)}.stats-table-row{font-size:var(--font-size-base);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast, .15s)}.stats-table-row:last-child{border-bottom:none}.stats-table-row:hover{background:var(--bg-card-hover)}.stats-token-symbol{font-weight:700;color:var(--text-primary)}@media(max-width:768px){.stats-table-header,.stats-table-row{grid-template-columns:100px repeat(3,120px);min-width:500px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}.range-card{padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;height:216px;cursor:default}.range-card-header{display:flex;justify-content:space-between;align-items:center}.range-asset-info{display:flex;align-items:center;gap:var(--space-2)}.range-interval-badge{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:100px;font-weight:500}.range-countdown{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-warning);font-weight:600}.countdown-icon{font-size:14px}.range-spot-section{display:flex;justify-content:center;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.range-spot-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.range-spot-price{font-size:var(--font-size-lg);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.range-direction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.range-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.range-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.range-btn:hover:before{opacity:1}.range-btn-bull{background:var(--color-up-bg);border-color:var(--color-up-border)}.range-btn-bull:before{background:linear-gradient(135deg,#00e67626,#00e6760d)}.range-btn-bull:hover{border-color:var(--color-up);box-shadow:0 0 24px #00e67633;transform:translateY(-2px)}.range-btn-bear{background:var(--color-down-bg);border-color:var(--color-down-border)}.range-btn-bear:before{background:linear-gradient(135deg,#ff3d7126,#ff3d710d)}.range-btn-bear:hover{border-color:var(--color-down);box-shadow:0 0 24px #ff3d7133;transform:translateY(-2px)}.range-btn-icon{font-size:20px;line-height:1}.range-btn-label{font-size:var(--font-size-sm);font-weight:800;letter-spacing:.1em;position:relative;z-index:1}.range-btn-bull .range-btn-label{color:var(--color-up)}.range-btn-bear .range-btn-label{color:var(--color-down)}.range-btn-sub{font-size:10px;font-weight:600;color:#fff;position:relative;z-index:1}.range-card-footer{display:flex;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-color)}.range-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.range-stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.range-stat-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.range-stat-highlight{color:var(--accent-primary);font-weight:700}.predict-page{display:flex;flex-direction:column;gap:var(--space-6)}.predict-header{display:flex;align-items:flex-end;justify-content:space-between}.predict-title{font-size:var(--font-size-2xl);font-weight:700}.predict-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.predict-round-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.predict-round-timer{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-warning);line-height:1}.predict-round-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.predict-filters{margin-bottom:var(--space-6)}.predict-grid,.predict-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.predict-skeleton{height:216px;border-radius:var(--border-radius-md)}.predict-empty{text-align:center;padding:var(--space-16) var(--space-8)}.predict-empty-icon{font-size:48px;display:block;margin-bottom:var(--space-4)}.predict-positions-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.predict-positions-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.predict-positions-count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-size:var(--font-size-xs);font-weight:700}.predict-positions-list{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:768px){.predict-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.predict-round-info{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.predict-grid{grid-template-columns:1fr}}.range-order-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-6))}.range-panel-tabs{display:flex;background:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:2px;margin-bottom:var(--space-2)}.range-tab{flex:1;padding:var(--space-2) 0;text-align:center;font-size:var(--font-size-md);font-weight:600;color:var(--text-secondary);border-radius:calc(var(--border-radius-md) - 2px);transition:all var(--transition-base)}.range-tab-bull.active{background:var(--color-up-bg);color:var(--color-up);box-shadow:0 2px 8px #00e6761a}.range-tab-bear.active{background:var(--color-down-bg);color:var(--color-down);box-shadow:0 2px 8px #ff3d711a}.payout-tiers{display:flex;flex-direction:column;gap:2px}.payout-tier-header{display:grid;grid-template-columns:60px 1fr;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.payout-tier-header span:last-child{text-align:right}.payout-tier-row{display:grid;grid-template-columns:60px 1fr;gap:var(--space-2);align-items:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.payout-tiers-bull .payout-tier-row:hover{background:#00e6760d}.payout-tiers-bear .payout-tier-row:hover{background:#ff3d710d}.payout-multiplier{font-size:var(--font-size-md);font-weight:800;color:var(--text-secondary)}.payout-tiers-bull .payout-multiplier{color:var(--color-up)}.payout-tiers-bear .payout-multiplier{color:var(--color-down)}.payout-multiplier-high{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payout-target-price{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);text-align:right}.payout-prob-cell{display:flex;align-items:center;gap:var(--space-2)}.payout-prob-bar-track{flex:1;height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden}.payout-prob-bar-fill{height:100%;border-radius:2px;transition:width .6s ease}.prob-fill-bull{background:linear-gradient(90deg,var(--color-up),#66ffb3)}.prob-fill-bear{background:linear-gradient(90deg,var(--color-down),#ff99b8)}.payout-prob-text{font-size:10px;color:var(--text-secondary);min-width:25px;text-align:right;font-weight:600}.payout-amount-section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.payout-amount-header{display:flex;justify-content:space-between;align-items:baseline}.payout-amount-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.payout-amount-range{font-size:var(--font-size-xs);color:var(--text-tertiary)}.payout-amount-input-row{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-1) var(--space-3);transition:border-color var(--transition-fast)}.payout-amount-input-row:focus-within{border-color:var(--accent-primary)}.payout-amount-input{flex:1;border:none;background:transparent;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);padding:var(--space-2) 0}.payout-amount-input::-webkit-inner-spin-button,.payout-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payout-amount-unit{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:600}.payout-quick-amounts{display:flex;gap:var(--space-2)}.payout-quick-btn{flex:1;padding:var(--space-2) var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);text-align:center}.payout-quick-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.payout-quick-active{background:#00d4ff1a;border-color:var(--accent-primary);color:var(--accent-primary)}.payout-summary{display:flex;flex-direction:column;gap:var(--space-2)}.payout-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.payout-summary-max{color:var(--text-primary);font-weight:600}.payout-summary-value{font-weight:600}.payout-summary-highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-md)}.payout-confirm-btn{width:100%;padding:var(--space-4);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:700;color:#fff;transition:all var(--transition-base);position:relative;overflow:hidden}.confirm-bull{background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 0 20px #00e67633}.confirm-bull:hover:not(:disabled){background:linear-gradient(135deg,#00e676,#69f0ae);box-shadow:0 0 30px #00e67659;transform:translateY(-1px)}.confirm-bear{background:linear-gradient(135deg,#d50000,#ff3d71);box-shadow:0 0 20px #ff3d7133}.confirm-bear:hover:not(:disabled){background:linear-gradient(135deg,#ff3d71,#ff6690);box-shadow:0 0 30px #ff3d7159;transform:translateY(-1px)}.payout-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-closed{background:var(--bg-tertiary)!important;color:var(--text-tertiary)!important;box-shadow:none!important;border:1px solid var(--border-color)!important}.payout-confirm-btn.confirmed{background:linear-gradient(135deg,#00c853,#00e676)!important}.payout-positions-section{padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-3)}.payout-positions-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.range-market-detail-page{padding:var(--space-6) var(--space-6) var(--space-12);max-width:var(--max-content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.back-btn{align-self:flex-start;padding-left:0}.range-market-detail-layout{display:grid;grid-template-columns:1fr 340px;grid-template-areas:"header sidebar" "chart sidebar" "instructions sidebar";gap:var(--space-8);align-items:flex-start}.range-market-detail-header{grid-area:header}.range-market-detail-chart{grid-area:chart}.range-market-detail-sidebar{grid-area:sidebar;width:100%}.range-market-instructions{grid-area:instructions}.range-market-detail-header{display:flex;flex-direction:column;gap:var(--space-4)}.range-market-detail-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.asset-badge-lg{font-size:var(--font-size-sm);padding:4px var(--space-3)}.range-market-interval-badge{background:var(--bg-tertiary);color:var(--text-tertiary);padding:2px 8px;border-radius:100px;font-size:var(--font-size-xs);font-weight:600}.range-market-detail-expiry{display:flex;align-items:center;gap:var(--space-2);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600}.range-market-detail-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin:var(--space-2) 0}.range-market-detail-stats{display:flex;gap:var(--space-8);padding:var(--space-4) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.detail-stat{display:flex;flex-direction:column;gap:2px}.detail-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.detail-stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.range-market-detail-chart{height:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.chart-header-row{display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:var(--font-size-lg);font-weight:600}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-style:italic;background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.range-market-instructions{padding:var(--space-6)}.range-market-instructions h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--text-primary)}.instructions-list{display:flex;flex-direction:column;gap:var(--space-3);list-style-position:inside;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.instructions-list strong{color:var(--text-primary)}.range-market-detail-sidebar{width:100%}@media(max-width:1024px){.range-market-detail-layout{display:flex;flex-direction:column;gap:var(--space-6);align-items:stretch}.range-market-detail-header{order:1}.range-market-detail-sidebar{order:2}.range-market-detail-chart{order:3}.range-market-instructions{order:4}.back-btn{display:none!important}}@media(max-width:640px){.range-market-detail-page{padding:var(--space-4)}.range-market-detail-title{font-size:var(--font-size-2xl)}.range-market-detail-stats{gap:var(--space-4)}.range-market-detail-chart{height:350px}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem}.auth-card{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.auth-title{font-size:1.75rem;font-weight:700;margin:0;text-align:center}.auth-subtitle{text-align:center;margin-top:-1rem;margin-bottom:1rem;font-size:.95rem}.auth-error{background:#ff47571a;color:var(--color-down);padding:1rem;border-radius:8px;border:1px solid rgba(255,71,87,.2);font-size:.9rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.auth-input{background:var(--bg-input);border:1px solid var(--border-color-light);padding:.85rem 1rem;border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.auth-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card-hover)}.auth-submit-btn{margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600}.auth-footer{text-align:center;font-size:.9rem;margin-top:1rem}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#4da6ff}.password-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem;padding:.75rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.requirement-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);transition:all var(--transition-fast, .15s ease)}.requirement-item.valid{color:var(--color-up, #00e676)}.requirement-icon{font-size:.85rem;transition:transform var(--transition-fast, .15s ease)}.requirement-item.valid .requirement-icon{transform:scale(1.1)}.wallet-page{max-width:900px;margin:0 auto}.wallet-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-8)}.wallet-balance-overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.balance-card{padding:var(--space-6);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:.7}.balance-card.play-balance:before{background:linear-gradient(135deg,#fa0,#ff6b00)}.balance-card-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.balance-card-label .label-icon{font-size:var(--font-size-md)}.balance-card-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);line-height:1.2}.balance-card-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.active-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:100px;font-size:var(--font-size-xs);font-weight:600;background:var(--color-up-bg);color:var(--color-up);border:1px solid var(--color-up-border);margin-left:var(--space-2)}.wallet-section{margin-bottom:var(--space-8)}.wallet-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.wallet-section-title{font-size:var(--font-size-lg);font-weight:600}.deposit-card{padding:var(--space-6)}.deposit-chain-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.chain-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chain-option:hover{border-color:var(--border-color-light);color:var(--text-primary)}.chain-option.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#00d4ff0f}.chain-option .chain-dot{width:8px;height:8px;border-radius:50%;background:#8247e5}.deposit-address-section{display:flex;flex-direction:column;gap:var(--space-4)}.deposit-qr-row{display:flex;gap:var(--space-6);align-items:flex-start}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-shrink:0}.qr-wrapper svg{border-radius:var(--border-radius-sm)}.qr-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.deposit-address-column{flex:1;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.deposit-address-box{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast)}.deposit-address-box:hover{border-color:var(--border-color-light)}.deposit-address{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all}.copy-btn{padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid var(--border-color)}.copy-btn:hover{background:var(--bg-card-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.copy-btn.copied{background:var(--color-up-bg);color:var(--color-up);border-color:var(--color-up-border)}.deposit-info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:#00d4ff0a;border:1px solid rgba(0,212,255,.1);border-radius:var(--border-radius-sm)}.deposit-info-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.deposit-info-row .label{color:var(--text-secondary)}.deposit-info-row .value{color:var(--text-primary);font-weight:500}.generate-btn{align-self:flex-start}.token-balances-table{padding:0;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box}.token-table-header,.token-table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;align-items:center;padding:var(--space-3) var(--space-5)}.token-table-header{background:var(--bg-tertiary);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.token-table-row{border-top:1px solid var(--border-color);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.token-table-row:hover{background:var(--bg-card-hover)}.token-name{display:flex;align-items:center;gap:var(--space-3);font-weight:500}.token-icon{width:28px;height:28px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:#fff}.token-chain{color:var(--text-secondary);font-size:var(--font-size-xs)}.set-active-btn{padding:var(--space-1) var(--space-3);border-radius:100px;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.set-active-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.set-active-btn.is-active{background:var(--color-up-bg);color:var(--color-up);border-color:var(--color-up-border);cursor:default}.deposits-table{padding:0;overflow:hidden}.deposits-header,.deposit-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;align-items:center;padding:var(--space-3) var(--space-5)}.deposits-header{background:var(--bg-tertiary);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.deposit-row{border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}.deposit-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:100px;font-size:var(--font-size-xs);font-weight:600}.deposit-status.confirmed{background:var(--color-up-bg);color:var(--color-up)}.deposit-status.pending{background:#ffaa001a;color:var(--color-warning)}.deposit-status.failed{background:#ff4d4d1a;color:var(--color-down)}.withdraw-card{padding:var(--space-6)}.withdraw-balance-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.withdraw-available{font-weight:700;color:var(--text-primary);font-size:var(--font-size-md)}.saved-addresses-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.saved-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.saved-chip{padding:var(--space-1) var(--space-3);border-radius:100px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.saved-chip.selected{border-color:var(--accent-primary);color:var(--accent-primary);background:#00d4ff0f}.withdraw-form{display:flex;flex-direction:column;gap:var(--space-4)}.withdraw-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.withdraw-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.withdraw-input{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);font-family:SF Mono,Fira Code,monospace;transition:border-color var(--transition-fast);width:100%}.withdraw-input:focus{outline:none;border-color:var(--accent-primary)}.withdraw-input::placeholder{color:var(--text-tertiary)}.withdraw-amount-row{display:flex;gap:var(--space-2)}.withdraw-amount-row .withdraw-input{flex:1}.max-btn{padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;border:1px solid var(--accent-primary);transition:all var(--transition-fast);letter-spacing:.05em}.max-btn:hover{background:#00d4ff1a}.withdraw-save-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.save-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.save-checkbox-label input[type=checkbox]{accent-color:var(--accent-primary)}.save-label-input{padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);flex:1;min-width:150px}.save-label-input:focus{outline:none;border-color:var(--accent-primary)}.withdraw-error{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);color:var(--color-down);font-size:var(--font-size-sm)}.withdraw-success{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);background:var(--color-up-bg);border:1px solid var(--color-up-border);color:var(--color-up);font-size:var(--font-size-sm)}.withdraw-success .mono{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs)}.btn-danger{background:linear-gradient(135deg,#ff4d4d,#ff6b35);color:#fff;font-weight:600;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.mono{font-family:SF Mono,Fira Code,monospace}.wallet-empty{padding:var(--space-10);text-align:center}.wallet-empty-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.6}.wallet-empty h3{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.wallet-page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;max-width:100%!important;margin:0 auto}.wallet-connect-prompt{text-align:center;padding:var(--space-16)}.wallet-connect-prompt .connect-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.wallet-connect-prompt h2{margin-bottom:var(--space-2)}.wallet-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm)}.spinner{width:16px;height:16px;border:2px solid var(--border-color-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.wallet-balance-overview{grid-template-columns:1fr}.deposit-qr-row{flex-direction:column;align-items:center}.token-table-header,.token-table-row{grid-template-columns:95px 95px 120px 90px;min-width:400px}.deposits-header,.deposit-row{grid-template-columns:1fr 1fr 1fr}.deposits-header span:nth-child(4),.deposits-header span:nth-child(5),.deposit-row span:nth-child(4),.deposit-row span:nth-child(5){display:none}}.deposit-token-selector{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);background:#ffffff05;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.selector-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.token-chips{display:flex;gap:var(--space-2)}.token-chip{padding:6px 12px;border-radius:100px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition-fast)}.token-chip:hover{border-color:var(--border-color-light);color:var(--text-primary)}.token-chip.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#00d4ff0f;box-shadow:0 0 10px #00d4ff1a}.admin-dashboard{padding:var(--space-4);max-width:900px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.admin-tabs{display:flex;gap:var(--space-2)}.admin-tab{padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.admin-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-tab.active{background:var(--accent-primary);color:#fff}.admin-panel{animation:fadeIn var(--transition-normal)}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.treasury-cards,.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.admin-card-header h4{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.address-badge{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--text-secondary)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-value{color:var(--text-primary);font-weight:700;font-size:var(--font-size-md)}.stat-value.xl{font-size:var(--font-size-3xl);margin-top:var(--space-2)}.admin-table-container{overflow-x:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-light)}.admin-table th{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-tertiary);font-weight:600;background:var(--bg-tertiary)}.admin-table td{font-size:var(--font-size-sm);color:var(--text-secondary)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:100px;font-size:var(--font-size-xs);font-weight:600}.status-badge.active,.status-badge.confirmed{background:var(--color-up-bg);color:var(--color-up)}.status-badge.inactive,.status-badge.failed{background:#ff4d4d1a;color:var(--color-down)}.status-badge.pending{background:#ffaa001a;color:var(--color-warning)}.admin-loading{display:flex;justify-content:center;padding:var(--space-10);color:var(--text-secondary);font-size:var(--font-size-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes warningFlash{0%{color:var(--color-down);opacity:1}50%{color:var(--color-down);opacity:.3}to{color:var(--color-down);opacity:1}}.warning-flash{color:var(--color-down)!important;animation:warningFlash 1.5s infinite}.chains-mgmt-layout{display:flex;gap:var(--space-6);min-height:550px;margin-top:var(--space-4)}.chains-list-sidebar{flex:0 0 300px;display:flex;flex-direction:column;gap:var(--space-4);border-right:1px solid var(--border-color);padding-right:var(--space-6)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sidebar-header h3{font-size:var(--font-size-md);margin:0}.chains-buttons-group{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:500px;padding-right:var(--space-1)}.chain-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.chain-list-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.chain-list-item.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chain-list-item.active .chain-list-badge{background:#fff3;color:#fff}.chain-list-name{font-weight:600;font-size:var(--font-size-sm)}.chain-list-badge{font-size:var(--font-size-xs);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-family:monospace}.chains-content-area{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.form-group .input-field{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.form-group .input-field:focus{outline:none;border-color:var(--accent-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.animate-fade-in{animation:fadeIn var(--transition-normal)}:root[data-theme=light]{--bg-primary: #f4f6f9;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--bg-card: #ffffff;--bg-card-hover: #f1f3f5;--bg-input: #f8f9fa;--bg-overlay: rgba(0, 0, 0, .4);--color-up-bg: rgba(0, 230, 118, .15);--color-down-bg: rgba(255, 61, 113, .15);--text-primary: #0f1520;--text-secondary: #4a5a6a;--text-tertiary: #7a8a9a;--border-color: rgba(0, 0, 0, .08);--border-color-light: rgba(0, 0, 0, .14)}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-tertiary: #1a2332;--bg-card: #151d2e;--bg-card-hover: #1c2740;--bg-input: #0f1520;--bg-overlay: rgba(0, 0, 0, .6);--accent-primary: #00d4ff;--accent-secondary: #7b2ff7;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7b2ff7 100%);--accent-gradient-hover: linear-gradient(135deg, #33ddff 0%, #9556f9 100%);--accent-glow: 0 0 20px rgba(0, 212, 255, .3);--color-up: #00e676;--color-up-bg: rgba(0, 230, 118, .1);--color-up-border: rgba(0, 230, 118, .3);--color-down: #ff3d71;--color-down-bg: rgba(255, 61, 113, .1);--color-down-border: rgba(255, 61, 113, .3);--color-warning: #ffaa00;--color-info: #00d4ff;--text-primary: #f0f4f8;--text-secondary: #8899aa;--text-tertiary: #5a6a7a;--text-accent: #00d4ff;--border-color: rgba(255, 255, 255, .06);--border-color-light: rgba(255, 255, 255, .12);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-hero: 3.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 30px rgba(0, 212, 255, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--header-height: calc(64px + env(safe-area-inset-top, 0px)) ;--max-content-width: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);box-shadow:var(--shadow-md)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow-accent)}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:var(--accent-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.btn-success{background:var(--color-up);color:#0a0e17;font-weight:700}.btn-success:hover{background:#33eb91;transform:translateY(-1px);box-shadow:0 0 20px #00e6764d}.btn-danger{background:var(--color-down);color:#fff;font-weight:700}.btn-danger:hover{background:#ff6690;transform:translateY(-1px);box-shadow:0 0 20px #ff3d714d}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-3)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-md);border-radius:var(--border-radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:100px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-up{background:var(--color-up-bg);color:var(--color-up);border:1px solid var(--color-up-border)}.badge-down{background:var(--color-down-bg);color:var(--color-down);border:1px solid var(--color-down-border)}.badge-neutral{background:#8899aa1a;color:var(--text-secondary);border:1px solid rgba(136,153,170,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-up);animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.text-up{color:var(--color-up)}.text-down{color:var(--color-down)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.mobile-scroll-hint{display:none}@media(max-width:768px){.mobile-scroll-hint{display:inline-flex;align-items:center;font-size:var(--font-size-xs);color:var(--text-accent);font-weight:600;margin-left:auto;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);padding:2px 8px;border-radius:100px;letter-spacing:.02em;animation:pulse 2.5s ease-in-out infinite}}