:root{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #0a0a0a;--bg-elevated: #111111;--surface-primary: #111111;--surface-secondary: #1a1a1a;--surface-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(235, 235, 245, .8);--text-tertiary: rgba(235, 235, 245, .6);--text-quaternary: rgba(235, 235, 245, .4);--text-placeholder: rgba(235, 235, 245, .3);--accent: #0a84ff;--accent-hover: #409cff;--accent-pressed: #0071e3;--accent-subtle: rgba(10, 132, 255, .12);--success: #30d158;--success-subtle: rgba(48, 209, 88, .12);--error: #ff453a;--error-subtle: rgba(255, 69, 58, .12);--warning: #ffd60a;--warning-subtle: rgba(255, 214, 10, .12);--info: #64d2ff;--info-subtle: rgba(100, 210, 255, .12);--yes-color: #30d158;--yes-bg: rgba(48, 209, 88, .12);--no-color: #ff453a;--no-bg: rgba(255, 69, 58, .12);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-subtle: rgba(255, 255, 255, .04);--shadow-sm: 0 1px 2px 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-xl: 0 16px 48px rgba(0, 0, 0, .6);--glass-bg: rgba(0, 0, 0, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 20px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: -apple-system, "SF Pro Display", "SF Pro Text", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", "Consolas", "Liberation Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--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;--header-height: 56px;--sidebar-width: 320px;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s ease;--transition-spring: .35s cubic-bezier(.2, .8, .2, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);overflow:hidden;height:100vh;width:100vw}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input{font-family:inherit;color:inherit;background:none;border:none;outline:none;font-size:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}#app{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);flex-shrink:0;z-index:var(--z-sticky);gap:var(--space-4);position:relative}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-left{flex-shrink:0}.header-center{flex:1;max-width:480px;margin:0 auto}.header-right{flex-shrink:0}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary)}.logo-text{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.08em;background:linear-gradient(135deg,var(--accent),#bf5af2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-subtle),transparent);pointer-events:none}.search-bar{position:relative;display:flex;align-items:center;width:100%;height:36px;background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);gap:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.search-icon{flex-shrink:0;color:var(--text-tertiary);width:16px;height:16px}.search-input{flex:1;height:100%;font-size:var(--text-sm);color:var(--text-primary);background:transparent}.search-input::placeholder{color:var(--text-placeholder)}.search-shortcut{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-quaternary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-xs)}.wallet-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.wallet-btn:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.wallet-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--error);flex-shrink:0}.wallet-btn.connected .wallet-dot{background:var(--success)}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border);transition:all var(--transition-fast);padding:0}.theme-toggle:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.theme-icon{width:18px;height:18px;border-radius:var(--radius-full);background:var(--text-secondary);position:relative;transition:all var(--transition-normal)}.theme-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--surface-primary);transition:all var(--transition-normal)}.app-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - var(--header-height))}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);flex-shrink:0}.sidebar-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.sidebar-count{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--surface-secondary);padding:2px var(--space-2);border-radius:var(--radius-full);min-width:24px;text-align:center}.sidebar-filters{padding:0 var(--space-4) var(--space-3);flex-shrink:0}.sidebar-list{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.market-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-primary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.market-card:hover{background:var(--surface-secondary);border-color:var(--border)}.market-card.active{background:var(--accent-subtle);border-color:var(--accent)}.market-card.active:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-subtle),transparent);pointer-events:none;opacity:.5}.market-card-content{display:flex;gap:var(--space-3);align-items:flex-start}.market-card-image{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--surface-secondary)}.market-card-image-placeholder{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-tertiary);flex-shrink:0}.market-card-info{flex:1;min-width:0}.market-card-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-1)}.market-card-prices{display:flex;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.price-yes{color:var(--yes-color)}.price-no{color:var(--no-color)}.probability-bar{width:100%;height:4px;background:var(--no-bg);border-radius:var(--radius-full);overflow:hidden}.probability-bar-lg{height:8px;border-radius:var(--radius-sm)}.probability-fill{height:100%;background:linear-gradient(90deg,var(--yes-color),#34d058);border-radius:inherit;transition:width var(--transition-slow)}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:var(--bg-primary)}.trending-row{flex-shrink:0;padding:var(--space-4) var(--space-4) 0}.trending-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.trending-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.trending-badge{display:inline-flex;align-items:center;height:18px;padding:0 var(--space-2);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--success);background:var(--success-subtle);border-radius:var(--radius-full);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.trending-scroll{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.trending-scroll::-webkit-scrollbar{height:0;display:none}.trending-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all var(--transition-fast);scroll-snap-align:start}.trending-pill:hover{background:var(--surface-secondary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.trending-pill-image{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.trending-pill-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis}.trending-pill-pct{font-size:var(--text-xs);font-weight:var(--weight-bold);font-family:var(--font-mono)}.trending-pill-pct.pct-yes{color:var(--yes-color)}.trending-pill-pct.pct-no{color:var(--no-color)}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-4);align-content:start}.panel{background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:200px;position:relative}.panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.panel:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff08;pointer-events:none}.panel.col-span-1{grid-column:span 1}.panel.col-span-2{grid-column:span 2}.panel.col-span-3{grid-column:span 3}.panel.panel-wide{grid-column:span 2}.panel.span-2{grid-row:span 2}.panel.span-3{grid-row:span 3}.panel.span-4{grid-row:span 4}.panel.resizing,.panel.col-resizing{user-select:none}body.panel-resize-active{cursor:ns-resize;user-select:none}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:44px}.panel-header-left{display:flex;align-items:center;gap:var(--space-2)}.panel-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:.01em}.panel-count{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--surface-secondary);padding:1px var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4)}.panel-info-wrapper{position:relative}.panel-info-btn{width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-bold);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.panel-info-btn:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.panel-info-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;width:280px;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);z-index:var(--z-dropdown)}.panel-info-tooltip.visible{display:block}.panel-info-tooltip:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:10px;background:var(--bg-elevated);border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);transform:rotate(45deg)}.panel-data-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.panel-data-badge.live{color:var(--success);background:var(--success-subtle)}.panel-data-badge.cached{color:var(--warning);background:var(--warning-subtle)}.panel-data-badge.unavailable{color:var(--error);background:var(--error-subtle)}.panel-new-badge{font-size:10px;font-weight:var(--weight-bold);color:var(--accent);background:var(--accent-subtle);padding:1px var(--space-2);border-radius:var(--radius-full)}.panel-new-badge.pulse{animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.panel-header.panel-header-error .panel-title{color:var(--error)}.panel-resize-handle{height:6px;cursor:ns-resize;position:relative;flex-shrink:0}.panel-resize-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:3px;background:var(--border);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.panel-resize-handle:hover:after,.panel-resize-handle.active:after{opacity:1}.panel-col-resize-handle{width:6px;cursor:ew-resize;position:absolute;right:0;top:0;bottom:0}.panel-col-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:32px;background:var(--border);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.panel-col-resize-handle:hover:after,.panel-col-resize-handle.active:after{opacity:1}.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-tertiary)}.panel-loading-text{font-size:var(--text-sm);color:var(--text-quaternary)}.panel-loading-text.retrying{color:var(--warning)}.panel-loading-radar{position:relative;width:40px;height:40px}.panel-radar-sweep{width:100%;height:100%;border:2px solid var(--border);border-radius:var(--radius-full);position:relative;overflow:hidden}.panel-radar-sweep:after{content:"";position:absolute;top:0;left:50%;width:50%;height:50%;background:conic-gradient(from 0deg,transparent,var(--accent));transform-origin:bottom left;animation:radar-sweep 1.5s linear infinite;border-radius:0 100% 0 0}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-radar-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full);transform:translate(-50%,-50%)}.error-message,.config-error-message{padding:var(--space-4);color:var(--error);font-size:var(--text-sm);text-align:center}.config-error-settings-btn{display:inline-flex;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);font-size:var(--text-base);font-weight:var(--weight-semibold);color:#fff;background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--accent-pressed);transform:translateY(0);box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-secondary:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.btn-secondary:active{background:var(--surface-tertiary)}.btn-primary.btn-sm,.btn-secondary.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-trade{width:100%;height:48px;font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-outcome{flex:1;height:40px;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-outcome:hover{background:var(--surface-secondary)}.btn-outcome.btn-yes.active{background:var(--yes-bg);border-color:var(--yes-color);color:var(--yes-color)}.btn-outcome.btn-no.active{background:var(--no-bg);border-color:var(--no-color);color:var(--no-color)}.input-field{width:100%;height:44px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.input-field::placeholder{color:var(--text-placeholder)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.input-group{display:flex;align-items:center;position:relative}.input-group .input-field{padding-left:var(--space-6)}.input-prefix{position:absolute;left:var(--space-3);color:var(--text-tertiary);font-weight:var(--weight-medium);pointer-events:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.tag-pill{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap}.badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full)}.badge-success{color:var(--success);background:var(--success-subtle)}.badge-error{color:var(--error);background:var(--error-subtle)}.badge-warning{color:var(--warning);background:var(--warning-subtle)}.badge-info{color:var(--info);background:var(--info-subtle)}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-md);text-align:center}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em}.stat-yes{color:var(--yes-color)}.stat-no{color:var(--no-color)}.market-detail-view{display:flex;flex-direction:column;gap:var(--space-5)}.market-detail-header{display:flex;gap:var(--space-4);align-items:flex-start}.market-detail-image{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--surface-secondary)}.market-detail-title-area{flex:1;min-width:0}.market-detail-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.market-detail-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.market-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.market-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.order-book-view{display:flex;flex-direction:column;gap:1px;font-family:var(--font-mono);font-size:var(--text-xs)}.order-book-header-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--space-2) var(--space-3);color:var(--text-quaternary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;font-size:10px;border-bottom:1px solid var(--border)}.order-book-asks,.order-book-bids{display:flex;flex-direction:column}.order-book-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--space-1) var(--space-3);position:relative;transition:background var(--transition-fast)}.order-book-row:hover{background:var(--surface-secondary)}.order-book-fill{position:absolute;top:0;bottom:0;left:0;opacity:.08;pointer-events:none}.ask-row .order-book-fill{background:var(--error)}.bid-row .order-book-fill{background:var(--success)}.order-book-price{font-weight:var(--weight-medium)}.ask-row .order-book-price{color:var(--error)}.bid-row .order-book-price{color:var(--success)}.order-book-size{color:var(--text-secondary);text-align:right}.order-book-total{color:var(--text-tertiary);text-align:right}.order-book-spread{padding:var(--space-2) var(--space-3);text-align:center;color:var(--text-quaternary);font-size:var(--text-xs);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-secondary)}.trading-view{display:flex;flex-direction:column;gap:var(--space-4)}.trading-tabs{display:flex;gap:1px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.trading-tab{flex:1;height:36px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--surface-secondary);transition:all var(--transition-fast);cursor:pointer;border:none}.trading-tab:hover{color:var(--text-secondary)}.trading-tab.active{color:var(--text-primary);background:var(--surface-primary)}.trading-outcome-btns{display:flex;gap:var(--space-2)}.trading-form{display:flex;flex-direction:column;gap:var(--space-3)}.trading-summary{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-sm)}.trading-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.trading-summary-row span:last-child{font-weight:var(--weight-medium);color:var(--text-primary);font-family:var(--font-mono)}.trade-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.trade-row:hover{background:var(--surface-secondary)}.trade-row:last-child{border-bottom:none}.loading-skeleton-group{display:flex;flex-direction:column;gap:var(--space-3)}.loading-skeleton{background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--surface-tertiary) 50%,var(--surface-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:var(--text-quaternary)}.empty-state p{font-size:var(--text-sm)}.hidden{display:none!important}.panel-market-detail{grid-column:span 2;min-height:280px}.panel-activity{grid-column:span 2}.panel-trending{grid-column:span 3}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.gradient-text{background:linear-gradient(135deg,var(--accent),#bf5af2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--success);position:relative}.pulse-dot:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);border:2px solid var(--success);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.divider{height:1px;background:var(--border);margin:var(--space-3) 0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.no-transition,.no-transition *{transition:none!important}.skeleton-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg-secondary);overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-content>*{animation:fade-in var(--transition-normal) ease}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}@media(max-width:1200px){:root{--sidebar-width: 280px}.panel-grid{grid-template-columns:repeat(2,1fr)}.panel.col-span-3,.panel-trending{grid-column:span 2}.market-detail-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--header-height: 48px}.app-header{padding:0 var(--space-3);gap:var(--space-2)}.header-center{max-width:200px}.wallet-btn span:not(.wallet-dot){display:none}.wallet-btn{padding:0 var(--space-3)}.search-shortcut{display:none}.app-layout{flex-direction:column}.app-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}.panel-grid{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.panel.col-span-2,.panel.col-span-3,.panel-market-detail,.panel-activity,.panel-trending{grid-column:span 1}.market-detail-stats{grid-template-columns:repeat(2,1fr)}.trending-pill-title{max-width:120px}}@media(max-width:480px){.logo-text{font-size:var(--text-lg)}.header-center{max-width:140px}.panel-content{padding:var(--space-3)}.stat-value{font-size:var(--text-xl)}.market-detail-title{font-size:var(--text-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.app-header,.app-sidebar,.trending-row,.panel-resize-handle,.panel-col-resize-handle{display:none!important}.app-layout{display:block}.app-main{overflow:visible}.panel-grid{display:block}.panel{break-inside:avoid;margin-bottom:16px;border:1px solid #ccc}}