@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-ambient: radial-gradient(circle at 10% 20%, #f8fafc 0%, #f1f5f9 90%), radial-gradient(circle at 90% 10%, rgba(217, 119, 6, .03) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(124, 92, 191, .03) 0%, transparent 50%);--bg-sidebar-glass: rgba(255, 255, 255, .65);--bg-header-glass: rgba(255, 255, 255, .7);--border-subtle: rgba(226, 232, 240, .8);--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--color-accent: #d97706;--color-accent-hover: #b45309;--color-accent-bg: rgba(217, 119, 6, .08);--color-accent-subtle: #fef3c7;--color-success: #00c853;--color-success-bg: rgba(0, 200, 83, .08);--color-warning: #ffab00;--color-warning-bg: rgba(255, 171, 0, .08);--bg-glass: rgba(255, 255, 255, .75);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08)}:root[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #151b26;--bg-tertiary: #1f2633;--bg-ambient: radial-gradient(circle at 10% 20%, #080b11 0%, #0d121f 90%), radial-gradient(circle at 90% 10%, rgba(245, 158, 11, .04) 0%, transparent 30%), radial-gradient(circle at 20% 80%, rgba(139, 92, 246, .04) 0%, transparent 50%);--bg-sidebar-glass: rgba(21, 27, 38, .55);--bg-header-glass: rgba(21, 27, 38, .6);--border-subtle: rgba(34, 46, 64, .8);--border-color: #222e40;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--color-accent: #f59e0b;--color-accent-hover: #fbbf24;--color-accent-bg: rgba(245, 158, 11, .12);--color-accent-subtle: rgba(245, 158, 11, .08);--color-success: #00e676;--color-success-bg: rgba(0, 230, 118, .12);--color-warning: #ffd600;--color-warning-bg: rgba(255, 214, 0, .12);--bg-glass: rgba(21, 27, 38, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden}#root{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--color-accent-bg);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}code,pre,.mono{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace;font-size:.9em}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}.border-grid{border:.5px solid var(--border-color)}.border-grid-top{border-top:.5px solid var(--border-color)}.border-grid-bottom{border-bottom:.5px solid var(--border-color)}.border-grid-left{border-left:.5px solid var(--border-color)}.border-grid-right{border-right:.5px solid var(--border-color)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid var(--border-color)}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.hover-glow:hover{border-color:var(--color-accent)!important;box-shadow:0 8px 20px #0063ff0d;transform:translateY(-2px)}}@media(hover:none){.hover-glow:active{background-color:var(--bg-tertiary)!important}}.card{background:var(--bg-secondary);border:.5px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.opinion-bubble{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .opinion-bubble{border-color:#eab30859!important;background:#eab3080a!important;box-shadow:0 4px 15px #eab3080f!important}:root[data-theme=light] .opinion-bubble{border-color:#d977064d!important;background:#d9770608!important;box-shadow:0 4px 12px #d977060a!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.hover-accent:hover{border-color:var(--color-accent)!important;color:var(--color-accent)!important}.hover-danger:hover{border-color:var(--color-danger)!important;color:var(--color-danger)!important}.trend-radar-header{display:flex;flex-direction:column;gap:24px;max-width:1000px}.trend-radar-header-chart,.trend-radar-header-info{width:100%}@media(min-width:768px){.trend-radar-header{flex-direction:row-reverse;align-items:center}.trend-radar-header-chart{flex:1.1;min-width:320px;max-width:480px}.trend-radar-header-info{flex:.9}}.sidebar-desktop{width:240px;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;flex-shrink:0}.main-content{flex:1;overflow-y:auto;padding:32px;background:var(--bg-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.sliding-drawer{width:380px;background:var(--bg-secondary);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-lg);transition:all .5s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn{display:none}.bento-container{display:grid;grid-template-columns:1fr;gap:24px;width:100%}.bento-main-col,.bento-side-col{display:flex;flex-direction:column;gap:24px}.timeline-feed{position:relative;padding-left:20px;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:24px}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-27px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--color-accent)}@media(max-width:1023px){.bento-container{grid-template-columns:1fr}}@media(min-width:1024px){.bento-container{grid-template-columns:1.6fr 1fr}}@media(max-width:767px){.sidebar-desktop{display:none!important}.mobile-menu-btn{display:flex!important}.main-content{padding:16px!important}.sliding-drawer{width:100%!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;z-index:50!important}}@supports (padding: env(safe-area-inset-bottom)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.sidebar-nav-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-nav-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-button.active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.main-viewport-content{padding:24px 32px}.sliding-drawer-panel{width:380px}@media(min-width:768px){.mobile-only,.mobile-only-flex{display:none!important}}@media(max-width:767px){.desktop-only,.desktop-only-flex,.desktop-sidebar-only{display:none!important}.mobile-bottom-nav{display:flex!important}.main-viewport-content{padding:16px 16px 80px!important}.sliding-drawer-panel{width:100%!important;position:absolute!important;right:0;top:0;bottom:0;z-index:1050!important}}.responsive-split-layout{display:flex;gap:24px;align-items:start;width:100%;box-sizing:border-box;text-align:left}.responsive-main-col{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.responsive-side-col{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:76px}@media(max-width:1024px){.responsive-split-layout{flex-direction:column}.responsive-side-col{width:100%;position:static}}@media(max-width:767px){.responsive-side-col{display:none!important}}.filter-tabs-wrapper{position:relative;width:100%;overflow:hidden}.filter-tabs-scroll{display:flex;gap:6px;align-items:center;width:100%}@media(max-width:767px){.filter-tabs-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg-secondary));pointer-events:none;z-index:2}.filter-tabs-wrapper:before{content:"";position:absolute;top:0;left:0;bottom:0;width:24px;background:linear-gradient(to left,transparent,var(--bg-secondary));pointer-events:none;z-index:2}.filter-tabs-scroll{display:flex;flex-direction:row;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:2px 24px 6px;margin:0 -24px;scrollbar-width:none}.filter-tabs-scroll::-webkit-scrollbar{display:none!important}.filter-tabs-scroll button{white-space:nowrap!important;flex-shrink:0!important}}