@import"https://fonts.loli.net/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: #f5f5f7;--bg-secondary: rgba(255, 255, 255, .75);--bg-tertiary: #e8e8ed;--bg-ambient: radial-gradient(circle at 10% 20%, #f5f5f7 0%, #e8e8ed 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(245, 245, 247, .65);--bg-header-glass: rgba(245, 245, 247, .7);--border-subtle: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .05);--text-primary: #1d1d1f;--text-secondary: #515154;--text-muted: #86868b;--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);--segmented-track-bg: rgba(0, 0, 0, .04);--segmented-thumb-bg: #ffffff;--segmented-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .06);--color-scatter-breakout: #d97706;--color-scatter-safety: #10b981;--color-scatter-crowded: #ef4444;--color-scatter-cold: #6b7280;--color-scatter-grid: rgba(0, 0, 0, .08)}:root[data-theme=dark]{--bg-primary: #000000;--bg-secondary: rgba(28, 28, 30, .65);--bg-tertiary: #1c1c1e;--bg-ambient: radial-gradient(circle at 10% 20%, #000000 0%, #09090b 90%), radial-gradient(circle at 90% 10%, rgba(245, 158, 11, .03) 0%, transparent 30%), radial-gradient(circle at 20% 80%, rgba(139, 92, 246, .03) 0%, transparent 50%);--bg-sidebar-glass: rgba(0, 0, 0, .55);--bg-header-glass: rgba(0, 0, 0, .6);--border-subtle: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--text-primary: #f5f5f7;--text-secondary: #86868b;--text-muted: #515154;--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(28, 28, 30, .65);--segmented-track-bg: rgba(255, 255, 255, .06);--segmented-thumb-bg: rgba(255, 255, 255, .1);--segmented-thumb-shadow: 0 2px 8px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35);--color-scatter-breakout: #ffb020;--color-scatter-safety: #2ecc71;--color-scatter-crowded: #ff3b5c;--color-scatter-cold: #86868b;--color-scatter-grid: rgba(255, 255, 255, .06)}*{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:transparent}::-webkit-scrollbar-thumb{background-color:#00000029;border:2px solid transparent;background-clip:padding-box;border-radius:6px}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#ffffff2e}::-webkit-scrollbar-thumb:hover{background-color:#00000059;border:2px solid transparent;background-clip:padding-box}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#ffffff59;border:2px solid transparent;background-clip:padding-box}::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:12px;width:100%;padding:10px 20px;border:none;border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);margin:2px 0}.sidebar-nav-button:hover{background:#00000008;color:var(--text-primary)}:root[data-theme=dark] .sidebar-nav-button:hover{background:#ffffff0d}.sidebar-nav-button.active{background:var(--color-accent-bg)!important;color:var(--color-accent)!important;font-weight:700}.main-viewport-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;margin:0 16px 16px 0;border:none;box-shadow:none;overflow:visible;display:flex;flex-direction:column;transition:background .3s ease,border-color .3s ease,margin .3s ease}.main-viewport-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 32px;width:100%;height:100%;box-sizing:border-box}.sliding-drawer-panel{width:480px}@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-scroll{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}}.apple-glass-card{background:var(--bg-secondary)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:var(--shadow-md)!important;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s cubic-bezier(.25,.8,.25,1),opacity .2s ease,border-color .25s ease!important;overflow:hidden}.apple-glass-card:hover{box-shadow:var(--shadow-lg)!important}@keyframes apple-jiggle{0%{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}.is-editing-active{animation:apple-jiggle .24s ease-in-out infinite alternate;border:1.5px dashed var(--color-accent)!important;box-shadow:0 8px 24px #00000026!important;cursor:grab}.is-editing-active:active{cursor:grabbing}.is-dragging{opacity:.3!important;transform:scale(.97)!important}.dashboard-grid-container{display:flex;gap:20px;align-items:stretch;width:100%;height:100%;box-sizing:border-box;min-height:0;overflow:hidden}@media(max-width:980px){.dashboard-grid-container{flex-direction:column;height:auto;overflow:visible}}.newsnow-scroll-container::-webkit-scrollbar{width:4px}.newsnow-scroll-container::-webkit-scrollbar-track{background:transparent}.newsnow-scroll-container::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.3;border-radius:2px}.newsnow-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}
