@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--neutral-0:#fff;--neutral-50:#f8f9fc;--neutral-100:#eef1f6;--neutral-200:#dce1ea;--neutral-300:#bec7d4;--neutral-400:#98a4b3;--neutral-500:#6e7a8b;--neutral-600:#4c5868;--neutral-700:#1f2937;--neutral-800:#14181f;--neutral-900:#0a0a0a;--primary-100:#e8eeff;--primary-200:#c7d6ff;--primary-300:#a2bbff;--primary-400:#7a9eff;--primary-500:#0540f2;--primary-600:#0437d2;--primary-700:#032db0;--primary-800:#02238c;--primary-900:#011a69;--accent-200:#fffce6;--accent-300:#f7f2d4;--accent-400:#eee7bf;--accent-500:#e2d8a3;--accent-600:#c9be88;--accent-700:#a89e6e;--accent-800:#7f7654;--accent-900:#59523a;--success-100:#e8fff5;--success-500:#12b76a;--success-800:#086038;--error-100:#ffecec;--error-500:#f04438;--error-800:#912018;--warning-100:#fff7e6;--warning-500:#f79009;--warning-800:#93370d;--info-100:#eef4ff;--info-500:#3b82f6;--info-800:#1e40af;--bg-color:var(--neutral-50);--surface-color:var(--neutral-0);--surface-secondary:var(--neutral-100);--surface-hover:var(--neutral-100);--border-color:var(--neutral-200);--border-hover:var(--neutral-300);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--primary-blue:var(--primary-500);--primary-hover:var(--primary-600);--yes-color:var(--success-500);--yes-bg:var(--success-100);--no-color:var(--error-500);--no-bg:var(--error-100);--warning-color:var(--warning-500);--accent-green:var(--success-500);--accent-red:var(--error-500);--chart-grid:var(--neutral-200);--chart-tick:var(--neutral-500);--chart-yes:var(--success-500);--chart-no:var(--error-500);--chart-yes-fill:color-mix(in srgb, var(--success-500) 8%, transparent);--chart-no-fill:color-mix(in srgb, var(--error-500) 8%, transparent);--focus-ring:color-mix(in srgb, var(--primary-500) 15%, transparent);--sidebar-mobile-bg:color-mix(in srgb, var(--neutral-50) 92%, transparent);--scrollbar-thumb:var(--neutral-300);--scrollbar-thumb-hover:var(--neutral-400);--btn-primary-bg:var(--primary-500);--btn-primary-text:var(--neutral-0);--btn-primary-hover-bg:var(--primary-600);--btn-primary-shadow:color-mix(in srgb, var(--primary-500) 25%, transparent);--category-active-bg:var(--neutral-900);--category-active-text:var(--neutral-0);--logo-gradient-start:var(--primary-500);--logo-gradient-end:var(--primary-700);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg-color:var(--neutral-900);--surface-color:var(--neutral-800);--surface-secondary:var(--neutral-700);--surface-hover:var(--neutral-700);--border-color:var(--neutral-600);--border-hover:var(--neutral-500);--text-primary:var(--neutral-0);--text-secondary:var(--neutral-400);--primary-blue:var(--primary-400);--primary-hover:var(--primary-300);--yes-bg:color-mix(in srgb, var(--success-500) 12%, transparent);--no-bg:color-mix(in srgb, var(--error-500) 12%, transparent);--chart-grid:var(--neutral-700);--chart-tick:var(--neutral-400);--chart-yes-fill:color-mix(in srgb, var(--success-500) 10%, transparent);--chart-no-fill:color-mix(in srgb, var(--error-500) 10%, transparent);--focus-ring:color-mix(in srgb, var(--primary-400) 20%, transparent);--sidebar-mobile-bg:color-mix(in srgb, var(--neutral-900) 92%, transparent);--scrollbar-thumb:var(--neutral-600);--scrollbar-thumb-hover:var(--neutral-500);--btn-primary-bg:var(--neutral-0);--btn-primary-text:var(--neutral-900);--btn-primary-hover-bg:var(--neutral-100);--btn-primary-shadow:color-mix(in srgb, var(--neutral-0) 15%, transparent);--category-active-bg:var(--neutral-0);--category-active-text:var(--neutral-900);--logo-gradient-start:var(--primary-400);--logo-gradient-end:var(--primary-600)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;display:flex;overflow:hidden}#root{width:100vw;height:100vh;display:flex;overflow:hidden}svg{fill:currentColor;width:20px;height:20px}.sidebar{background-color:var(--bg-color);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;align-items:center;width:72px;padding:24px 12px;display:flex}.logo{color:var(--text-primary);justify-content:center;align-items:center;width:100%;margin-bottom:32px;padding:0;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo-text{display:none}.logo-icon{background:linear-gradient(135deg, var(--logo-gradient-start), var(--logo-gradient-end));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.nav-items{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-label{display:none}.nav-item:after{content:attr(data-tooltip);background-color:var(--surface-hover);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border:1px solid var(--border-color);z-index:100;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.nav-item:hover:after{opacity:1;visibility:visible}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--surface-hover);color:var(--text-primary);font-weight:600}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:relative}.search-container{flex:1;min-width:0;max-width:240px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background-color:var(--surface-color);border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);border-radius:8px;outline:none;padding:0 10px 0 36px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--focus-ring)}.topbar-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.plan-switch{border-radius:.75rem;align-items:center;gap:2px;padding:3px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plan-switch-seg{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.75rem;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s}.plan-switch-seg:hover{color:var(--text-primary)}.plan-switch-seg[aria-pressed=true]{color:#fff;background:var(--primary-blue)}.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid #0000}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 4px 12px var(--btn-primary-shadow);transform:translateY(-1px)}.btn-icon{width:40px;color:var(--text-secondary);padding:0}.btn-icon:hover{color:var(--text-primary);background-color:var(--surface-hover)}.btn-icon svg{width:18px;height:18px}.btn-label-full{display:inline}.btn-label-short{display:none}.content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding:32px;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.content-header{margin-bottom:24px}.content-title{margin-bottom:16px;font-size:24px;font-weight:700}.categories{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{height:0}.category-chip{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background-color:#0000;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-chip:hover{background-color:var(--surface-hover);color:var(--text-primary)}.category-chip.active{background-color:var(--category-active-bg);color:var(--category-active-text)}.feature-row{align-items:stretch;gap:24px;margin-bottom:32px;display:flex}.feature-primary{flex-direction:column;flex:4 1 0;min-width:0;display:flex}.feature-aside{flex-direction:column;flex:1 1 0;align-self:flex-start;gap:24px;min-width:0;display:flex;position:sticky;top:16px}.feature-aside--fill{align-self:stretch;position:static}.feature-aside--fill>*{flex:1;min-height:0}.feature-aside--fill .breaking-news .side-list{flex:1}.breaking-news{flex-direction:column;margin-bottom:0;display:flex}.breaking-news .side-list{gap:0}.breaking-news .side-item{border-bottom:1px solid var(--border-color);padding:14px 0}.breaking-news .side-item:first-child{padding-top:0}.breaking-news .side-item:last-child{border-bottom:none;padding-bottom:0}.breaking-news .side-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feature-row .breaking-news .side-item-content{flex-direction:column;gap:6px}.feature-row .breaking-news .side-item-prob{flex-direction:row;align-items:center;gap:8px}.home-markets{margin-top:8px}.home-markets .markets-grid{grid-template-columns:repeat(3,1fr)}.home-markets .markets-grid>*{min-width:0}.home-markets .markets-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.home-markets .markets-list>*{min-width:0}.hot-topics .side-list{gap:0}.hot-topics .hot-topic-item{border-bottom:1px solid var(--border-color);padding:12px 0}.hot-topics .hot-topic-item:first-child{padding-top:0}.hot-topics .hot-topic-item:last-child{border-bottom:none;padding-bottom:0}@media (width<=880px){.home-markets .markets-grid{grid-template-columns:repeat(2,1fr)}.home-markets .markets-list{grid-template-columns:1fr}}@media (width<=560px){.home-markets .markets-grid{grid-template-columns:1fr}}.hero-layout-wrapper{gap:24px;margin-bottom:32px;display:flex}.hero-market-container{flex:1;min-width:0}.hero-side-column{flex-direction:column;flex-shrink:0;gap:24px;width:260px;display:flex}.side-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.side-section-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.side-section-title svg{width:14px;height:14px;color:var(--text-secondary)}.side-list{flex-direction:column;gap:16px;display:flex}.side-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.side-item:hover .side-item-title{color:var(--primary-blue)}.side-item-number{color:var(--text-secondary);flex-shrink:0;width:16px;padding-top:2px;font-size:13px;font-weight:500}.side-item-content{flex:1;justify-content:space-between;gap:12px;display:flex}.side-item-title{color:var(--text-primary);font-size:14px;line-height:1.4;transition:color .2s}.side-item-prob{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.side-item-prob-val{color:var(--text-primary);font-size:15px;font-weight:600}.side-item-prob-change{align-items:center;gap:2px;font-size:12px;font-weight:500;display:flex}.side-item-prob-change.up{color:var(--yes-color)}.side-item-prob-change.down{color:var(--no-color)}.hot-topic-item{cursor:pointer;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.hot-topic-item:hover .side-item-title{color:var(--text-primary);text-decoration:underline}.hot-topic-left{align-items:center;gap:12px;display:flex}.hot-topic-right{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.hot-topic-fire{color:var(--warning-color);width:14px;height:14px}.hero-market{--hero-pad:24px;background-color:var(--surface-color);border:1px solid var(--border-color);padding:var(--hero-pad);cursor:pointer;border-radius:12px;flex-direction:column;margin-bottom:0;transition:border-color .2s;display:flex}.hero-market:hover{border-color:var(--border-hover)}.hero-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.hero-header-left{flex:1;gap:16px;min-width:0;display:flex}.hero-img{object-fit:cover;border-radius:10px;width:48px;min-width:48px;height:48px;transition:transform .2s;box-shadow:0 2px 8px #0006}.hero-market:hover .hero-img{transform:scale(1.04)}.hero-title-area{flex-direction:column;gap:6px;min-width:0;display:flex}.hero-cats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.hero-cats-switch{flex-shrink:0;margin-left:auto;display:inline-flex}.hero-title{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;font-size:22px;font-weight:700;line-height:1.25}.hero-header-right{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:12px;display:flex}.hero-header-right svg{cursor:pointer;border-radius:6px;width:20px;height:20px;padding:2px;transition:color .2s,background .2s}.hero-header-right svg:hover{color:var(--text-primary);background:var(--surface-hover)}.hero-body{gap:40px;padding-bottom:20px;display:flex}.hero-left-col{flex-direction:column;flex:0 0 320px;display:flex}.hero-right-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.hero-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.hero-row-label{color:var(--text-primary);font-size:15px}.hero-row-val{font-size:18px;font-weight:700}.hero-question{color:var(--text-secondary);opacity:.7;margin:16px 0;font-size:13px;line-height:1.5}.hero-news{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.news-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.news-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.news-logo{background:var(--neutral-0);border-radius:2px;width:12px;height:12px}.news-title{color:var(--text-primary);font-size:13px;line-height:1.4}.hero-footer-vol{color:var(--text-secondary);margin-top:auto;font-size:12px}.hero-legend{gap:16px;margin-bottom:16px;font-size:12px;display:flex}.hero-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:-10px;margin-bottom:36px;display:flex}.hero-range{border:1px solid var(--border-color);background:var(--surface-color);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.hero-range-seg{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:background-color .15s,color .15s}.hero-range-seg:hover{color:var(--text-primary)}.hero-range-seg[aria-pressed=true]{color:#fff;background:var(--primary-blue)}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.hero-chart-container{flex:1;min-height:250px;position:relative}.hero-watermark{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.hero-watermark .pd-legend-trigger{color:var(--text-secondary);opacity:.5;transform:translate(-5px)}.hero-watermark .pd-legend-trigger:hover,.hero-watermark .pd-legend-trigger.is-open{color:var(--pd-accent);opacity:1}.hero-watermark-credit{opacity:.5;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.pm-hero{cursor:default}.pm-hero .hero-chart-container{flex:none;height:260px;min-height:0}.pm-source{color:var(--primary-blue);font-weight:600}.pm-live-badge{letter-spacing:.06em;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pm-live-badge.on{color:var(--accent-green);border-color:color-mix(in srgb, var(--accent-green) 35%, transparent)}.pm-live-dot{background:var(--accent-green);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-green) 60%, transparent);border-radius:50%;animation:1.8s ease-out infinite pm-pulse}@keyframes pm-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-green) 55%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-green) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-green) 0%, transparent)}}.pm-price-cell{align-items:baseline;gap:8px;display:inline-flex}.pm-delta{font-size:12px;font-weight:600;transition:color .2s}.pm-delta.up{color:var(--accent-green)}.pm-delta.down{color:var(--accent-red)}.pm-delta.flat{color:var(--text-secondary)}.pm-updated{opacity:.8}.pm-crosshair{background:var(--border-color);pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.pm-tip{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:2;border-radius:8px;align-items:center;gap:10px;padding:5px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}.pm-tip-row{align-items:center;gap:5px;display:inline-flex}.pm-tip-dot{border-radius:50%;width:7px;height:7px}.pm-loading{width:100%;min-height:120px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.pm-loading.pm-error{color:var(--accent-red)}.markets-list{flex-direction:column;gap:12px;display:flex}.market-card{background-color:var(--surface-color);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;transition:background-color .2s;display:flex}.market-card:hover{background-color:var(--surface-hover)}.market-info{flex:1;align-items:center;gap:16px;display:flex}.market-icon{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}.market-icon img{object-fit:cover;width:100%;height:100%}.market-details{flex-direction:column;gap:6px;display:flex}.market-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}.market-meta{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.market-meta span{align-items:center;gap:4px;display:flex}.vol-icon{width:12px;height:12px}.market-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.prob-btn{cursor:pointer;background-color:var(--bg-color);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:80px;padding:8px 16px;transition:all .2s;display:flex}.prob-btn-yes{color:var(--yes-color);border-color:var(--border-color)}.prob-btn-yes:hover{background-color:var(--yes-bg);border-color:var(--yes-color)}.prob-btn-no{color:var(--no-color);border-color:var(--border-color)}.prob-btn-no:hover{background-color:var(--no-bg);border-color:var(--no-color)}.btn-label{text-transform:uppercase;font-size:12px;font-weight:600}.btn-value{margin-top:2px;font-size:16px;font-weight:700}.markets-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px;display:grid}.grid-card{background-color:var(--surface-color);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,border-color .2s;display:flex}.grid-card:hover{background-color:var(--surface-hover)}.grid-card-frame{display:flex}.grid-card-frame>.grid-card{flex:auto;min-width:0}.pd-frame-logo-img{width:auto;height:13px}[data-theme=dark] .pd-frame-logo-img{filter:invert()hue-rotate(180deg)}.market-icon-img{object-fit:cover;width:100%;height:100%;display:block}.grid-header{gap:12px;margin-bottom:20px;display:flex}.grid-title{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.4}.grid-actions{gap:8px;margin-top:16px;display:flex}.grid-prob-btn{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.grid-prob-btn.yes{color:var(--yes-color)}.grid-prob-btn.yes:hover{background:var(--yes-bg);border-color:var(--yes-color)}.grid-prob-btn.no{color:var(--no-color)}.grid-prob-btn.no:hover{background:var(--no-bg);border-color:var(--no-color)}@media (width<=1024px){.feature-row{flex-direction:column;align-items:stretch}.feature-primary,.feature-aside{flex:auto;width:100%}.feature-aside{flex-direction:row;align-items:flex-start}.feature-aside>*{flex:1 1 0;min-width:0}.feature-row .breaking-news .side-item-content{flex-direction:row}.feature-row .breaking-news .side-item-prob{flex-direction:column;align-items:flex-end}}@media (width<=640px){.feature-aside{flex-direction:column}.hero-watermark{bottom:-50px}.hero-left-col .hero-stats{margin-top:40px}}@media (width<=1200px){.hero-layout-wrapper{flex-direction:column}.hero-side-column{flex-direction:row;gap:24px;width:100%}.hero-side-column .side-section{flex:300px;margin-bottom:0}}@media (width<=1050px){.hero-title{font-size:20px}.topbar{gap:12px;padding:0 20px}}@media (width<=950px){.hero-body{flex-direction:column;padding-bottom:0}.hero-left-col{flex:auto;order:2;width:100%}.hero-right-col{flex:auto;order:1;width:100%}.btn-label-full{display:none}.btn-label-short{display:inline}}@media (width<=820px){.topbar{gap:10px;padding:0 16px}.btn-outline.btn-login{width:40px;padding:0;overflow:hidden}.btn-login .btn-login-text{display:none}.hero-img{width:40px;min-width:40px;height:40px}.hero-title{font-size:18px}}@media (width<=768px){.sidebar{width:100%;height:calc(64px + env(safe-area-inset-bottom,0px));padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid var(--border-color);z-index:1000;background-color:var(--sidebar-mobile-bg);-webkit-backdrop-filter:blur(16px);flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0}.logo{display:none}.nav-items{flex-direction:row;gap:0;width:100%;height:100%}.nav-item{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:0;font-size:11px}.nav-label{display:block}.nav-item:after{display:none}.nav-item.active{color:var(--primary-blue);background-color:#0000}.nav-item svg{width:22px;height:22px;margin-bottom:2px}.topbar{gap:10px;height:56px;padding:0 16px}.search-container{display:none}.plan-switch{margin-right:auto;padding:0;position:static;top:auto;left:auto;transform:none}.plan-switch-seg{padding:5px 8px;font-size:11px}.topbar-right .btn-outline:not(.theme-toggle){display:none}.topbar-right .btn-primary{height:36px;padding:0 14px;font-size:13px}.content{padding:16px;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.hero-layout-wrapper{flex-direction:column;gap:20px}.hero-side-column{flex-direction:column;width:100%}.hero-market{--hero-pad:16px}.hero-header{flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:20px}.hero-cats{flex-wrap:nowrap}.hero-header-left{flex:100%;gap:12px;min-width:0}.hero-img,.market-detail-icon{border-radius:8px;width:36px;min-width:36px;height:36px}.market-detail-icon{font-size:18px}.hero-title{font-size:16px;line-height:1.3}.hero-cats{font-size:11px}.hero-header-right svg{width:18px;height:18px}.hero-chart-head{margin-top:10px}.hero-stats{border:1px solid var(--border-color);background:var(--surface-color);border-radius:12px;margin-top:24px;padding:0 16px}.hero-body{flex-direction:column;gap:20px}.hero-left-col{flex:auto;order:2;width:100%}.hero-right-col{flex:auto;order:1;width:100%}.hero-chart-container{min-height:200px}.market-card{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.market-info{width:100%}.market-actions{width:100%;display:flex}.prob-btn{flex:1}.markets-grid{grid-template-columns:1fr}.categories{-ms-overflow-style:none;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.side-item,.hot-topic-item{padding-top:8px;padding-bottom:8px}.category-chip{padding:10px 16px;font-size:13px}}@media (width<=400px){.hero-title{font-size:15px}.hero-img,.market-detail-icon{display:none}.topbar-right .btn-primary{padding:0 10px;font-size:12px}}.pm-skeleton{background:color-mix(in srgb, var(--text-secondary) 12%, transparent);border-radius:6px;height:12px;display:block;position:relative;overflow:hidden}.pm-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-secondary) 10%, transparent), transparent);animation:1.4s ease-in-out infinite pm-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes pm-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.pm-skeleton:after{animation:none}}.pm-skeleton-img{border-radius:10px;width:48px;min-width:48px;height:48px}.pm-skeleton-line{height:12px}.pm-skeleton-line.lg{border-radius:8px;height:20px}.pm-skeleton-pill{border-radius:20px;width:132px;height:28px}.pm-skeleton-chart{border-radius:10px;width:100%;height:100%;min-height:200px}.pm-error-text{color:var(--accent-red)}.market-detail-page{flex-direction:column;gap:16px;display:flex}.market-detail-back{width:fit-content;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.market-detail-back:hover{color:var(--text-primary)}.market-detail-card{cursor:default}.market-detail-icon{border-radius:10px;width:48px;min-width:48px;height:48px;font-size:24px}.market-detail-card .hero-chart-container{flex:none;height:260px;min-height:0}.sidebar{view-transition-name:app-sidebar}.topbar{view-transition-name:app-header}::view-transition-group(app-sidebar){animation:none}::view-transition-group(app-header){animation:none}@keyframes pd-vt-forward-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pd-vt-forward-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pd-vt-back-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pd-vt-back-in{0%{transform:translate(100%)}to{transform:translate(0)}}:root.pd-vt-forward::view-transition-old(root){animation:.45s cubic-bezier(.4,0,.2,1) both pd-vt-forward-out}:root.pd-vt-forward::view-transition-new(root){animation:.45s cubic-bezier(.4,0,.2,1) both pd-vt-forward-in}:root.pd-vt-back::view-transition-old(root){animation:.45s cubic-bezier(.4,0,.2,1) both pd-vt-back-out}:root.pd-vt-back::view-transition-new(root){animation:.45s cubic-bezier(.4,0,.2,1) both pd-vt-back-in}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}