@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--bg-primary: #FAF7F3;--bg-card: rgba(255, 255, 255, .92);--bg-glass: rgba(255, 255, 255, .08);--bg-white: #ffffff;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-hover: rgba(120, 53, 15, .05);--yes-gradient-start: #10B981;--yes-gradient-end: #059669;--no-gradient-start: #0EA5E9;--no-gradient-end: #0284C7;--yes-bg: rgba(16, 185, 129, .05);--no-bg: rgba(14, 165, 233, .05);--yes-hover-bg: rgba(16, 185, 129, .1);--no-hover-bg: rgba(14, 165, 233, .1);--accent-orange: #FB923C;--accent-orange-bg: rgba(251, 146, 60, .1);--accent-orange-bg-light: rgba(251, 146, 60, .12);--accent-orange-dark: #EA580C;--accent-gradient-end: #F97316;--text-primary: #78350F;--text-secondary: #92400E;--text-light: #D97706;--text-muted: #666666;--text-placeholder: #D1D5DB;--border-light: #E5E7EB;--border-lighter: rgba(120, 53, 15, .1);--border-orange: #FED7AA;--shadow-sm: 0 2px 4px rgba(120, 53, 15, .05);--shadow-md: 0 4px 12px rgba(120, 53, 15, .08);--shadow-lg: 0 8px 24px rgba(120, 53, 15, .12);--shadow-hover: 0 12px 28px rgba(120, 53, 15, .15);--shadow-card: 0 2px 8px rgba(120, 53, 15, .06);--shadow-card-hover: 0 8px 20px rgba(120, 53, 15, .12);--shadow-basic: 0 1px 3px rgba(0,0,0,.1);--shadow-button: 0 4px 12px rgba(0,0,0,.15);--header-bg: rgba(255, 255, 255, .95);--header-shadow: 0 1px 3px rgba(120, 53, 15, .05);--payout-bg-start: #FFF7ED;--payout-bg-end: #FEF3C7;--transition: all .3s ease;--transition-fast: all .15s ease}:root.dark-mode{--bg-primary: #0a0a0a;--bg-card: #1a1a1a;--bg-glass: rgba(255, 255, 255, .02);--bg-white: #1a1a1a;--bg-secondary: #252525;--bg-tertiary: #2a2a2a;--bg-hover: rgba(255, 255, 255, .05);--yes-gradient-start: #10B981;--yes-gradient-end: #059669;--no-gradient-start: #0EA5E9;--no-gradient-end: #0284C7;--yes-bg: rgba(16, 185, 129, .15);--no-bg: rgba(14, 165, 233, .15);--yes-hover-bg: rgba(16, 185, 129, .25);--no-hover-bg: rgba(14, 165, 233, .25);--accent-orange: #FB923C;--accent-orange-bg: rgba(251, 146, 60, .2);--accent-orange-bg-light: rgba(251, 146, 60, .25);--accent-orange-dark: #F97316;--accent-gradient-end: #EA580C;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--text-light: #666666;--text-muted: #808080;--text-placeholder: #666666;--border-light: #2a2a2a;--border-lighter: rgba(255, 255, 255, .1);--border-orange: #92400E;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-hover: 0 12px 28px rgba(0, 0, 0, .6);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 20px rgba(0, 0, 0, .4);--shadow-basic: 0 1px 3px rgba(0,0,0,.5);--shadow-button: 0 4px 12px rgba(0,0,0,.6);--header-bg: rgba(26, 26, 26, .95);--header-shadow: 0 1px 3px rgba(0, 0, 0, .3);--payout-bg-start: #2a2a2a;--payout-bg-end: #252525}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}:root{--bg-primary: #FAF7F3;--bg-card: rgba(255, 255, 255, .92);--bg-glass: rgba(255, 255, 255, .08);--yes-gradient-start: #10B981;--yes-gradient-end: #059669;--no-gradient-start: #0EA5E9;--no-gradient-end: #0284C7;--accent-orange: #FB923C;--text-primary: #78350F;--text-secondary: #92400E;--text-light: #D97706;--shadow-sm: 0 2px 4px rgba(120, 53, 15, .05);--shadow-md: 0 4px 12px rgba(120, 53, 15, .08);--shadow-lg: 0 8px 24px rgba(120, 53, 15, .12);--shadow-hover: 0 12px 28px rgba(120, 53, 15, .15);--transition: all .3s ease;--transition-fast: all .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px}.btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--accent-orange),#F97316);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-yes{background:linear-gradient(135deg,var(--yes-gradient-start),var(--yes-gradient-end));color:#fff;box-shadow:var(--shadow-md)}.btn-yes:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-no{background:linear-gradient(135deg,var(--no-gradient-start),var(--no-gradient-end));color:#fff;box-shadow:var(--shadow-md)}.btn-no:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card{background:var(--bg-card);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.progress-bar{height:32px;background:#e5e7eb;border-radius:16px;overflow:hidden;position:relative;margin:16px 0}.progress-yes{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--yes-gradient-start),var(--yes-gradient-end));display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:#fff;font-weight:600;font-size:14px;transition:width .6s ease}.progress-no{position:absolute;right:0;top:0;height:100%;background:linear-gradient(90deg,var(--no-gradient-end),var(--no-gradient-start));display:flex;align-items:center;justify-content:flex-start;padding-left:12px;color:#fff;font-weight:600;font-size:14px;transition:width .6s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.floating{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.tropical-bg{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10 Q30 30 20 50 Q30 40 50 30 Q70 40 80 50 Q70 30 50 10' fill='%2378350F'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat;z-index:-1}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:12px;font-weight:500;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-pending{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.number-input{display:flex;align-items:center;gap:16px;background:#f3f4f6;border-radius:12px;padding:8px}.number-input button{width:40px;height:40px;border:none;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);transition:var(--transition-fast)}.number-input button:hover:not(:disabled){background:var(--accent-orange);color:#fff}.number-input button:disabled{opacity:.5;cursor:not-allowed}.number-input input{width:80px;text-align:center;border:none;background:transparent;font-size:20px;font-weight:600;color:var(--text-primary)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent-orange);outline-offset:2px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.card{padding:16px;border-radius:16px}.btn{padding:10px 20px;font-size:14px}.toast{left:16px;right:16px;bottom:16px}}.header{position:fixed;top:0;left:0;right:0;height:72px;background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--header-shadow);z-index:100}.header-content{height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);border-radius:8px;transition:var(--transition-fast)}.menu-toggle:hover{background:var(--bg-hover)}.logo{display:flex;align-items:center;gap:12px}.logo img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:24px;font-weight:700;color:var(--text-primary)}.wallet-widget{display:flex;align-items:center;gap:12px}.balance{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm)}.coconut-icon{font-size:20px}.balance-amount{font-weight:600;color:var(--text-primary)}.btn-disconnect{padding:10px 20px;background:none;border:2px solid var(--text-light);border-radius:12px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-disconnect:hover{background:var(--text-light);color:#fff}.header-right{display:flex;align-items:center;gap:16px}.balance-display{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--accent-orange-bg);border:1px solid var(--accent-orange);border-radius:20px;font-weight:600;color:var(--text-primary)}.balance-display svg{color:var(--accent-orange)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}@media (max-width: 768px){.header{height:64px}.header-content{padding:0 16px}.menu-toggle{display:block}.logo-text{display:none}.balance{padding:8px 12px}.balance-amount{font-size:14px}}.sidebar{position:fixed;left:0;top:72px;bottom:0;width:280px;background:var(--bg-white);box-shadow:var(--shadow-sm);transition:transform .3s ease;z-index:90;display:flex;flex-direction:column}.sidebar.closed{transform:translate(-100%)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:89;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-lighter);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar-close{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);border-radius:8px;transition:var(--transition-fast)}.sidebar-close:hover{background:var(--bg-hover)}.sidebar-nav{flex:1;padding:16px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:var(--transition);font-weight:500}.nav-item:hover{background:var(--accent-orange-bg);color:var(--accent-orange)}.nav-item.active{background:linear-gradient(135deg,var(--accent-orange),var(--accent-gradient-end));color:#fff;box-shadow:var(--shadow-sm)}.nav-item.active:hover{transform:translate(4px)}.sidebar-footer{padding:24px;border-top:1px solid var(--border-lighter)}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{text-align:center}.stat-label{display:block;font-size:12px;color:var(--text-light);margin-bottom:4px}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary)}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-header h2,.nav-item span,.sidebar-footer{display:none}.nav-item{justify-content:center}}@media (max-width: 768px){.sidebar{top:64px;width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close,.sidebar-header h2,.nav-item span,.sidebar-footer{display:block}.nav-item{justify-content:flex-start}}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.layout-body{display:flex;flex:1;padding-top:72px}.main-content{flex:1;padding:24px;margin-left:280px;transition:margin-left .3s ease;max-width:100%;overflow-x:hidden}.main-content.sidebar-closed{margin-left:0}@media (max-width: 1024px){.main-content{margin-left:80px}}@media (max-width: 768px){.layout-body{padding-top:64px}.main-content{margin-left:0;padding:16px 0}}.share-buttons{display:flex;gap:8px;align-items:center}.share-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:var(--transition)}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.twitter:hover{background:#1a8cd8;transform:translateY(-2px);box-shadow:0 4px 12px #1da1f24d}.share-btn.copy{background:#fff;color:var(--text-primary);border:2px solid #E5E7EB}.share-btn.copy:hover{background:#f3f4f6;border-color:var(--text-secondary);transform:translateY(-2px)}.share-btn-compact{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.share-btn-compact:hover{border-color:var(--accent-orange);color:var(--accent-orange);transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;min-width:180px;z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:var(--transition);text-align:left}.share-menu-item:hover{background:#f3f4f6}.share-menu-item.twitter{color:#1da1f2}.share-menu-item.twitter:hover{background:#1da1f21a}.share-menu-item.copy:hover{background:#fb923c1a;color:var(--accent-orange)}@media (max-width: 768px){.share-buttons{flex-direction:column;width:100%}.share-btn{width:100%;justify-content:center}.share-menu{right:auto;left:0}}.market-card-modern{background:var(--bg-white);border-radius:16px;padding:20px;box-shadow:var(--shadow-card);transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%}.market-card-modern:hover{box-shadow:var(--shadow-card-hover)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-top-right{display:flex;align-items:center;gap:8px;position:relative;z-index:10}.category-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;background:var(--accent-orange-bg-light);color:var(--accent-orange);border-radius:12px}.time-tag{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);cursor:help}.time-tag-wrapper{position:relative}.time-tooltip{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.position-indicator{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;background:#10b9811a;color:var(--yes-gradient-start);border-radius:8px}.position-indicator svg{width:12px;height:12px}.question{font-size:15px;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.probability-section{margin-bottom:16px}.prob-display{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:12px;position:relative}.prob-item{flex:1;text-align:center}.prob-label{display:block;font-size:11px;font-weight:600;margin-bottom:2px;opacity:.7}.prob-item.yes .prob-label{color:var(--yes-gradient-start)}.prob-item.no .prob-label{color:var(--no-gradient-start)}.prob-value{display:block;font-size:24px;font-weight:700}.prob-item.yes .prob-value{color:var(--yes-gradient-start)}.prob-item.no .prob-value{color:var(--no-gradient-start)}.prob-divider{width:1px;height:40px;background:#e5e7eb;margin:0 16px}.stats-row{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);padding-bottom:12px;border-bottom:1px solid #F3F4F6;margin-bottom:12px}.stat{display:flex;align-items:center;gap:4px}.stat svg{opacity:.6}.stat.position-value{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stat.position-value .label{font-size:10px;text-transform:uppercase;opacity:.7}.stat.position-value .value{font-weight:600;color:var(--yes-gradient-start)}.action-buttons{display:flex;gap:8px;margin-top:auto;opacity:1;transform:translateY(0);transition:all .2s ease}.quick-buy-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.quick-buy-btn.yes{background:#10b9811a;color:var(--yes-gradient-start)}.quick-buy-btn.yes:hover{background:var(--yes-gradient-start);color:#fff;transform:scale(1.02)}.quick-buy-btn.no{background:#0ea5e91a;color:var(--no-gradient-start)}.quick-buy-btn.no:hover{background:var(--no-gradient-start);color:#fff;transform:scale(1.02)}.details-btn{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4f6;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.details-btn:hover{background:var(--text-primary);color:#fff}@media (max-width: 768px){.market-card-modern{padding:14px}.card-top{margin-bottom:8px}.category-tag{font-size:10px;padding:3px 8px}.time-tag{font-size:11px}.question{font-size:14px;margin-bottom:12px;line-height:1.3}.prob-display{padding:10px;border-radius:10px}.prob-label{font-size:10px}.prob-value{font-size:20px}.prob-divider{height:32px;margin:0 12px}.stats-row{font-size:12px;gap:12px;padding-bottom:10px;margin-bottom:10px}.stat svg{width:12px;height:12px}.action-buttons{gap:6px;margin-top:8px}.quick-buy-btn{font-size:13px;padding:10px 12px;border-radius:8px;font-weight:600;min-height:40px}.details-btn{width:36px;height:40px;border-radius:8px;flex-shrink:0}.details-btn svg{width:18px;height:18px}}@media (max-width: 380px){.market-card-modern{padding:12px}.question{font-size:13px}.prob-value{font-size:18px}.prob-divider{margin:0 8px}.quick-buy-btn{font-size:12px;padding:8px 10px}}.markets-overview{max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-header p{font-size:18px;color:var(--text-secondary)}.markets-controls{display:flex;gap:20px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-bar{flex:1;min-width:250px;display:flex;align-items:center;gap:12px;background:var(--bg-white);padding:10px 16px;border-radius:12px;box-shadow:var(--shadow-sm)}.search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-tertiary)}.sort-controls{display:flex;align-items:center;gap:12px;background:var(--bg-white);padding:10px 16px;border-radius:12px;box-shadow:var(--shadow-sm)}.sort-controls label{font-weight:600;color:var(--text-secondary);font-size:14px}.sort-controls select{border:none;outline:none;background:transparent;font-size:16px;color:var(--text-primary);cursor:pointer;font-weight:600}.markets-stats{display:flex;gap:20px;margin-bottom:20px;font-size:14px;color:var(--text-secondary)}.markets-stats span{font-weight:600}.category-filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.loading-state,.error-state{text-align:center;padding:60px 20px}.loading-spinner{font-size:48px;margin-bottom:20px;animation:spin 2s linear infinite}.error-icon{font-size:48px;margin-bottom:20px}.error-state button{margin-top:20px;padding:10px 24px;background:var(--accent-orange);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.error-state button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-pill{padding:10px 20px;background:var(--bg-white);border:2px solid transparent;border-radius:24px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.filter-pill:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,var(--accent-orange),#F97316);transition:width .3s ease;z-index:-1}.filter-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-pill.active{background:linear-gradient(135deg,var(--accent-orange),#F97316);color:#fff;border-color:var(--accent-orange)}.markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.empty-state{text-align:center;padding:80px 20px}.empty-illustration{font-size:80px;margin-bottom:24px}.empty-state h3{font-size:24px;color:var(--text-primary);margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:16px}@media (max-width: 768px){.markets-overview{padding:0 12px}.page-header{margin-bottom:20px}.page-header h1{font-size:24px}.page-header p{font-size:15px;line-height:1.4}.category-filters{gap:6px;margin-bottom:20px;padding-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:#f1f1f1}.category-filters::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.filter-pill{padding:8px 14px;font-size:13px;flex-shrink:0;white-space:nowrap}.markets-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 380px){.markets-overview{padding:0 8px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.markets-grid{gap:10px}}.trading-widget{position:relative;overflow:visible}.trading-widget h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.trading-widget h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.current-probabilities{margin-bottom:24px}.probability-display{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prob-yes,.prob-no{padding:16px;border-radius:12px;text-align:center;background:var(--bg-secondary);border:2px solid transparent;transition:var(--transition)}.prob-yes{border-color:var(--yes-gradient-start);background:var(--yes-bg)}.prob-no{border-color:var(--no-gradient-start);background:var(--no-bg)}.prob-yes .icon,.prob-no .icon{display:block;font-size:24px;margin-bottom:4px}.prob-yes .label,.prob-no .label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.prob-yes .label{color:var(--yes-gradient-start)}.prob-no .label{color:var(--no-gradient-start)}.prob-yes .value,.prob-no .value{display:block;font-size:24px;font-weight:700;color:var(--text-primary)}.outcome-selection{margin-bottom:24px}.outcome-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outcome-btn{padding:20px;border:2px solid var(--border-light);border-radius:16px;background:var(--bg-white);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.outcome-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.outcome-btn.yes:before{background:var(--yes-hover-bg)}.outcome-btn.no:before{background:var(--no-hover-bg)}.outcome-btn:hover:before{width:200px;height:200px}.outcome-btn.yes.selected{background:linear-gradient(135deg,var(--yes-gradient-start),var(--yes-gradient-end));border-color:var(--yes-gradient-start);color:#fff}.outcome-btn.no.selected{background:linear-gradient(135deg,var(--no-gradient-start),var(--no-gradient-end));border-color:var(--no-gradient-start);color:#fff}.outcome-btn .icon{display:block;font-size:40px;margin-bottom:8px}.outcome-btn .text{display:block;font-size:20px;font-weight:700}.trade-details{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shares-selector{margin-bottom:24px}.cost-breakdown{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:24px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.cost-item span:first-child{color:var(--text-secondary)}.cost-item span:last-child{font-weight:600;color:var(--text-primary)}.cost-item.total{border-top:2px solid var(--border-light);padding-top:12px;margin-top:8px;font-size:16px}.cost-item.total span{font-weight:700}.trade-btn{width:100%;font-size:18px;padding:16px;position:relative}.trade-btn.loading{pointer-events:none}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trade-btn:not(.loading){animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.trading-widget h2{font-size:20px}.outcome-btn .icon{font-size:32px}.outcome-btn .text{font-size:16px}}.price-chart{margin-bottom:32px}.price-chart h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.chart-container{position:relative;background:#f9fafb;border-radius:16px;padding:20px;height:350px}.chart-grid{position:absolute;inset:20px 20px 50px 60px;display:flex;flex-direction:column;justify-content:space-between}.grid-line{position:relative;border-top:1px dashed #E5E7EB}.grid-label{position:absolute;left:-40px;top:-10px;font-size:12px;color:var(--text-secondary)}.chart-svg{position:absolute;inset:20px 20px 50px 60px;width:calc(100% - 80px);height:calc(100% - 70px)}.price-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.data-point{transition:r .2s ease}.data-point:hover{r:6}.chart-labels{position:absolute;bottom:20px;left:60px;right:20px;display:flex;justify-content:space-between}.time-label{font-size:12px;color:var(--text-secondary)}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.legend-color{width:16px;height:3px;border-radius:2px}.legend-color.yes{background:linear-gradient(90deg,var(--yes-gradient-start),var(--yes-gradient-end))}.legend-color.no{background:linear-gradient(90deg,var(--no-gradient-start),var(--no-gradient-end))}@media (max-width: 768px){.chart-container{height:250px;padding:16px}.chart-grid{left:40px}.grid-label{left:-30px}.chart-svg{left:40px;width:calc(100% - 60px)}.chart-labels{left:40px}.time-label:nth-child(2n):not(:last-child){display:none}}.trading-interface{display:grid;grid-template-columns:1fr 400px;gap:24px;max-width:1600px;margin:0 auto}.trading-main{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-md)}.market-header{margin-bottom:32px}.market-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.market-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.tropical-divider{display:flex;justify-content:center;gap:16px;font-size:24px;opacity:.6}.tab-switcher{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:12px;margin-bottom:24px}.tab{flex:1;padding:10px 20px;background:transparent;border:none;border-radius:8px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.tab:hover{color:var(--text-primary)}.tab.active{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab-content{min-height:400px}.market-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding:24px;background:var(--bg-primary);border-radius:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:14px;color:var(--text-light)}.info-item .value{font-size:18px;font-weight:600;color:var(--text-primary)}.empty-positions{text-align:center;padding:60px 20px}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.empty-positions h3{font-size:20px;color:var(--text-primary);margin-bottom:8px}.empty-positions p{color:var(--text-secondary)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:grid;grid-template-columns:60px 1fr auto auto;gap:16px;align-items:center;padding:16px;background:#f9fafb;border-radius:12px}.activity-type{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;text-align:center}.activity-type.buy{background:#10b9811a;color:var(--yes-gradient-start)}.activity-type.sell{background:#ef44441a;color:#ef4444}.activity-details{font-weight:600;color:var(--text-primary)}.activity-user{font-family:monospace;font-size:14px;color:var(--text-secondary)}.activity-time{font-size:14px;color:var(--text-light)}.trading-sidebar{position:sticky;top:96px;height:fit-content}@media (max-width: 1200px){.trading-interface{grid-template-columns:1fr}.trading-sidebar{position:static}}@media (max-width: 768px){.trading-main{padding:20px}.market-header h1{font-size:22px}.market-info{grid-template-columns:1fr}.activity-item{grid-template-columns:60px 1fr;gap:8px}.activity-user,.activity-time{grid-column:2;font-size:12px}}.stats-dashboard{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:24px}.stats-header{margin-bottom:12px}.stats-header h2{font-size:16px;font-weight:700;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:16px;font-weight:700;color:var(--text-primary)}.stat-value.success{color:var(--yes-gradient-start)}.stat-value.loss{color:#ef4444}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.portfolio-page{max-width:1400px;margin:0 auto}.address-lookup{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px}.lookup-input-group{display:flex;gap:12px;align-items:center}.address-input{flex:1;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;font-family:Monaco,Courier New,monospace;transition:var(--transition)}.address-input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px #fb923c1a}.address-input::placeholder{color:var(--text-secondary);font-family:inherit}.lookup-btn{padding:12px 24px;background:linear-gradient(135deg,var(--accent-orange),#F97316);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.lookup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lookup-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{padding:12px 24px;background:#fff;color:var(--text-primary);border:2px solid #E5E7EB;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.clear-btn:hover{background:#f3f4f6;border-color:var(--text-secondary)}.viewing-address{margin-top:16px;padding:12px 16px;background:#f3f4f6;border-radius:12px;font-size:14px;color:var(--text-secondary)}.address-display{font-family:Monaco,Courier New,monospace;color:var(--text-primary);font-weight:600;word-break:break-all}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-md);display:flex;gap:16px;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.stat-icon.positive{background:#10b9811a;color:var(--yes-gradient-start)}.stat-icon.negative{background:#ef44441a;color:#ef4444}.coconut-icon{font-size:24px}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-value.positive{color:var(--yes-gradient-start)}.stat-value.negative{color:#ef4444}.stat-percent{font-size:14px;font-weight:600}.stat-percent.positive{color:var(--yes-gradient-start)}.stat-percent.negative{color:#ef4444}.stat-sparkline{margin-top:8px}.sparkline{width:100%;height:30px}.claim-btn{margin-top:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-orange),#F97316);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.claim-btn:hover:not(:disabled){transform:scale(1.05)}.claim-btn:disabled{opacity:.6;cursor:not-allowed}.action-buttons-group{display:flex;align-items:center;gap:8px}.positions-section{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-md);margin-bottom:24px}.positions-section h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.positions-table{display:flex;flex-direction:column;gap:12px}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid #F3F4F6}.position-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;background:#f9fafb;border-radius:12px;align-items:center;transition:var(--transition)}.position-row:hover{background:#f3f4f6;transform:translate(4px)}.market-info{display:flex;flex-direction:column;gap:8px}.market-name{font-weight:600;color:var(--text-primary)}.market-progress{display:flex;align-items:center;gap:8px}.progress-bar.mini{flex:1;height:16px;max-width:100px}.progress-text{font-size:12px;color:var(--text-secondary)}.position-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.position-badge.yes{background:#10b9811a;color:var(--yes-gradient-start)}.position-badge.no{background:#0ea5e91a;color:var(--no-gradient-start)}.shares,.value{font-weight:600;color:var(--text-primary)}.pnl{display:flex;flex-direction:column;gap:2px}.pnl.positive{color:var(--yes-gradient-start)}.pnl.negative{color:#ef4444}.pnl span:first-child{font-weight:600}.pnl-percent{font-size:12px}.sell-btn{padding:8px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.sell-btn:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.claim-btn.winner{background:linear-gradient(135deg,var(--yes-gradient-start),var(--yes-gradient-end));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.02);box-shadow:0 0 0 10px #10b98100}}.outcome-text,.result{font-weight:700;font-size:16px}.result.win{color:var(--yes-gradient-start)}.result.loss{color:#ef4444}.claim-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.coconut-fall{font-size:80px;animation:fall 1s ease-in forwards}@keyframes fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(0) rotate(360deg);opacity:0}}.coconut-crack{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:60px;animation:crack .5s ease-out .8s forwards;opacity:0}@keyframes crack{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-50%) scale(1.5);opacity:0}}@media (max-width: 1024px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.address-lookup{padding:16px}.lookup-input-group{flex-direction:column}.address-input,.lookup-btn,.clear-btn{width:100%}.stats-bar{grid-template-columns:1fr;gap:12px}.positions-section{padding:20px}.table-header{display:none}.position-row{grid-template-columns:1fr;gap:12px;padding:16px}.position-row>*{display:flex;justify-content:space-between}.position-row>*:before{content:attr(data-label);font-weight:600;color:var(--text-secondary)}}.market-creation{max-width:800px;margin:0 auto}.creation-wizard{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-md)}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.wizard-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e5e7eb;z-index:0}.step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-number{width:40px;height:40px;background:#fff;border:2px solid #E5E7EB;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:var(--transition)}.step.active .step-number{border-color:var(--accent-orange);color:var(--accent-orange);background:#fb923c1a}.step.completed .step-number{background:var(--yes-gradient-start);border-color:var(--yes-gradient-start);color:#fff}.step-label{font-size:14px;color:var(--text-secondary);font-weight:500}.step.active .step-label{color:var(--text-primary)}.step-content{min-height:400px}.step-content h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group select{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--accent-orange);outline:none}.char-count{display:block;text-align:right;font-size:12px;color:var(--text-secondary);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-option{padding:12px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.category-option:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.category-option.selected{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.liquidity-slider{display:flex;align-items:center;gap:16px}.liquidity-slider input[type=range]{flex:1;-webkit-appearance:none;height:6px;background:#e5e7eb;border-radius:3px;outline:none}.liquidity-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-orange);border-radius:50%;cursor:pointer}.liquidity-value{font-weight:600;color:var(--text-primary);min-width:80px;text-align:right}.advanced-toggle{margin-top:32px}.toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f3f4f6;border:none;border-radius:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.toggle-btn:hover{background:#e5e7eb}.preview-card{max-width:500px;margin:0 auto}.preview-details{margin:24px 0;padding:16px;background:#f9fafb;border-radius:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item .label{color:var(--text-secondary)}.detail-item .value{font-weight:600;color:var(--text-primary)}.launch-summary{padding:16px;background:#fb923c1a;border-radius:12px;margin-top:16px}.launch-summary p{color:var(--text-primary);font-size:14px;line-height:1.5}.wizard-actions{display:flex;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.wizard-actions .btn{min-width:120px}.wizard-actions .btn:only-child{margin-left:auto}.launch-btn{background:linear-gradient(135deg,var(--yes-gradient-start),var(--yes-gradient-end));animation:wave 3s ease-in-out infinite}@keyframes wave{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.creation-wizard{padding:20px}.wizard-steps{margin-bottom:32px}.step-label{font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}