@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#0a0a0a;--bg-gradient:none;--surface-obsidian:#141414;--surface-glass:#141414;--surface-sidebar:#0f0f0f;--surface-card:#141414;--surface-elevated:#1c1c1e;--surface-nav:#111;--border-glass:#ffffff14;--border-glass-hover:#ffffff29;--border-sidebar:#ffffff12;--color-primary:#10b981;--color-primary-deep:#059669;--color-primary-glow:#10b9811f;--color-primary-light:#34d399;--color-ai:#10b981;--color-ai-glow:#10b9811a;--gradient-brand:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-ai:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-card:none;--color-secondary:#f59e0b;--color-secondary-glow:#f59e0b1a;--color-teal:#2dd4bf;--color-gold:#f59e0b;--color-emerald:#10b981;--color-red:#ef4444;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#52525b;--transition-smooth:all .18s ease;--transition-bounce:all .35s cubic-bezier(.175, .885, .32, 1.275)}body.light-mode{--bg-main:#fafafa;--bg-gradient:none;--surface-obsidian:#fff;--surface-glass:#fff;--surface-sidebar:#f5f5f5;--surface-card:#fff;--surface-elevated:#f0f0f0;--surface-nav:#fff;--border-glass:#00000014;--border-glass-hover:#00000029;--border-sidebar:#00000012;--color-primary:#059669;--color-primary-deep:#047857;--color-primary-glow:#0596691a;--color-primary-light:#10b981;--color-ai:#059669;--color-ai-glow:#05966914;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}body,.sidebar,.mobile-header,.glass-panel,.nav-link,button,input,select,textarea,.sidebar-subitem,.sidebar-group-header{transition:background .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-glass-hover)}.glass-panel{background:var(--surface-card);border:1px solid var(--border-glass);transition:var(--transition-smooth);border-radius:12px}.glass-panel-interactive:hover{border-color:var(--border-glass-hover);transform:translateY(-1px)}.tilt-card-container{perspective:none}.tilt-card{transform-style:flat;will-change:transform;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .1s ease-out;position:relative;transform:none!important}.tilt-card-content{transform:translateZ(20px)}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-sidebar);background:var(--surface-sidebar);z-index:100;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.main-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:40px 48px;overflow-y:auto}.glow-text,body.light-mode .glow-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-accent{background:var(--gradient-ai);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ai-gradient-border{background:var(--surface-card);border:1px solid #10b98133;border-radius:12px}.nav-link{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#10b98114;border-color:#10b98133}.nav-link.active{box-shadow:0 0 15px #10b98126}@keyframes progress{0%{stroke-dashoffset:251.2px}}pre{border:1px solid var(--border-glass);font-family:var(--font-mono);color:#e2e8f0;border-radius:12px;padding:20px;font-size:14px;line-height:1.5;overflow-x:auto;background:#050810e6!important}code{font-family:var(--font-mono)}.company-tag{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}@keyframes flow-data{to{stroke-dashoffset:-40px}}.svg-flow-line{stroke-dasharray:8 4;stroke:var(--color-secondary);filter:drop-shadow(0 0 2px var(--color-secondary));animation:2s linear infinite flow-data}.svg-node{transition:var(--transition-smooth);cursor:pointer}.svg-node:hover{filter:drop-shadow(0 0 8px var(--color-primary))}.dashboard-grid{grid-template-columns:2fr 1fr;gap:32px;margin-top:32px;display:grid}.collapsed-icon-link{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:flex}.collapsed-icon-link:hover,.collapsed-icon-link.active{color:var(--text-primary);background:#10b98114;border-color:#10b98133}.collapsed-icon-link.active{box-shadow:0 0 10px #10b98126}.sidebar{width:280px;transition:var(--transition-smooth)}.sidebar.collapsed{width:76px;padding:24px 14px}.mobile-header{display:none}@media (width<=1024px){div[style*=grid-template-columns],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:24px!important}.dashboard-grid{grid-template-columns:1fr}.app-container{flex-direction:column}.mobile-header{border-bottom:1px solid var(--border-sidebar);background:var(--surface-sidebar);z-index:98;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar{z-index:1000;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px;transform:translate(0);box-shadow:5px 0 25px #000c;width:280px!important}.sidebar.mobile-open{transform:translate(280px)}.sidebar.collapsed{padding:24px;width:280px!important}.desktop-toggle-btn{display:none!important}.mobile-close-btn{display:flex!important}.main-content{padding:24px 16px}svg{max-width:100%;height:auto}}.sidebar-group-header{width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.sidebar-group-header:hover,.sidebar-group-header.active{color:var(--text-primary);background:#10b9810d;border-color:#10b9811a}.sidebar-group-header.active{box-shadow:0 0 10px #10b98114}.sidebar-sublist{flex-direction:column;gap:2px;margin-top:4px;padding-left:12px;display:flex}.sidebar-sublist-container{border-left:1px solid var(--border-glass);margin-top:4px;margin-left:16px;padding-left:4px}.sidebar-subitem{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;overflow:hidden}.sidebar-subitem:hover,.sidebar-subitem.active{color:var(--text-primary);background:var(--surface-glass)}.sidebar-subitem.active{font-weight:600;color:var(--color-primary)!important;background:#10b98112!important}.sidebar-search-input{background:var(--surface-glass);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:6px;outline:none;padding:6px 6px 6px 26px;font-size:11px}.sidebar-search-input:focus{border-color:var(--color-primary);background:var(--surface-glass)}.sidebar-scrollable-sublist{flex-direction:column;gap:2px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-category-header{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 8px;font-size:10px;font-weight:700;display:flex}.sidebar-category-header:hover{color:var(--text-secondary)}@keyframes highlight-flash-anim{0%{border-color:var(--color-secondary);box-shadow:0 0 20px #0ea5e94d}to{border-color:var(--border-glass);box-shadow:none}}.highlight-flash{animation:2s ease-out highlight-flash-anim}.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-weight:700}.markdown-rendered h3{font-size:18px}.markdown-rendered h2{font-size:22px}.markdown-rendered h1{font-size:26px}.markdown-rendered pre{border:1px solid var(--border-glass);background:#05081080;border-radius:8px;margin-bottom:16px;padding:16px;overflow-x:auto}.markdown-rendered pre code{color:var(--text-secondary);background:0 0;padding:0;font-size:13px}.markdown-rendered blockquote{border-left:4px solid var(--color-secondary);color:var(--text-secondary);margin:16px 0;padding-left:16px;font-style:italic}.freq-badge{letter-spacing:.03em;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.freq-badge.high{color:#ef4444;background:#ef44441a;border:1px solid #ef444426}.freq-badge.medium{color:var(--color-gold);background:#eab3081a;border:1px solid #eab30826}.freq-badge.low{color:var(--color-teal);background:#10b9811a;border:1px solid #10b98126}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;opacity:.7;align-items:center;gap:6px;padding:16px 8px 6px;font-size:10px;font-weight:700;display:flex}.sidebar-section-label:first-of-type{padding-top:0}.bookmark-btn{cursor:pointer;transition:var(--transition-smooth);color:var(--text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.bookmark-btn:hover{color:var(--color-gold);transform:scale(1.15)}.bookmark-btn.active{color:var(--color-gold)}@media (width<=768px){.main-content{font-size:14px}.main-content h1{font-size:26px!important}.main-content h2{font-size:20px!important}.markdown-rendered{font-size:14px}.markdown-rendered h3{font-size:16px}.sidebar-subitem{min-height:44px;padding:10px 12px!important}.sidebar-group-header{min-height:48px}}.problem-row{border-bottom:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-smooth);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}body.light-mode .problem-row:hover{background:#10b98108}.problem-row-title{color:var(--text-primary);transition:var(--transition-smooth);font-size:15px;font-weight:600}.problem-row:hover .problem-row-title{color:var(--color-primary)}@media (width<=768px){.problem-row{flex-wrap:wrap;gap:10px;padding:14px 16px}.problem-row-meta{justify-content:space-between;align-items:center;width:100%;margin-left:28px;display:flex}}.glow-text{background:linear-gradient(160deg,#fff 0%,#a0a0a8 100%);-webkit-text-fill-color:transparent;filter:none;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--surface-obsidian);border:1px solid var(--border-glass);border-radius:12px}.glass-panel-interactive{transition:border-color .2s,box-shadow .2s,background .2s}.glass-panel-interactive:hover{border-color:var(--border-glass-hover)}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;padding:16px 12px 6px;font-size:10px;font-weight:700;display:flex}.nav-link{color:var(--text-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-link:hover{color:var(--text-primary);border-color:var(--border-glass);background:#ffffff08}.nav-link.active{color:var(--color-primary);background:#10b9811a;border-color:#10b98138;font-weight:600}.collapsed-icon-link{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.collapsed-icon-link:hover{color:var(--text-secondary);border-color:var(--border-glass);background:#ffffff08}.collapsed-icon-link.active{color:var(--color-primary);background:#10b98112;border-color:#10b9812e}.sidebar-subitem{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-subitem:hover{color:var(--text-secondary);background:#ffffff08}.sidebar-subitem.active{color:var(--color-primary);background:#10b9810f}.sidebar-category-header{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:10px;font-weight:700;transition:background .15s,color .15s;display:flex}.sidebar-category-header:hover{color:var(--text-secondary);background:#ffffff05}.problem-row{border-bottom:1px solid var(--border-glass);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;transition:background .15s;display:flex}.problem-row:last-child{border-bottom:none}.problem-row:hover{background:#ffffff06}.tag{text-transform:capitalize;letter-spacing:.02em;border:1px solid;border-radius:6px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.tag-easy{color:#10b981;background:#10b98112;border-color:#10b98133}.tag-medium{color:#f59e0b;background:#f59e0b12;border-color:#f59e0b33}.tag-hard{color:#ef4444;background:#ef444412;border-color:#ef444433}.company-tag{border:1px solid var(--border-glass);color:var(--text-muted);background:#ffffff08;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.svg-flow-line{stroke-dasharray:10 8;stroke-dashoffset:0;fill:none;animation:2s linear infinite flow-dash}@keyframes flow-dash{to{stroke-dashoffset:-36px}}.svg-node{transition:opacity .2s}.svg-node:hover rect{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-search-input{border:1px solid var(--border-glass);width:100%;color:var(--text-secondary);font-size:11px;font-family:var(--font-sans);background:#ffffff08;border-radius:6px;outline:none;padding:5px 8px 5px 26px;transition:border-color .15s}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-input:focus{border-color:#10b9814d}.sidebar-group-header{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-group-header:hover{color:var(--text-primary);background:#ffffff08}.sidebar-group-header.active{color:var(--color-primary)}.dashboard-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.markdown-rendered h2,.markdown-rendered h3{color:var(--text-primary);margin:20px 0 8px;font-size:16px;font-weight:700}.markdown-rendered p{margin-bottom:12px;line-height:1.75}.markdown-rendered ul,.markdown-rendered ol{margin-bottom:12px;padding-left:20px}.markdown-rendered li{margin-bottom:6px;line-height:1.6}.markdown-rendered strong{color:var(--text-primary);font-weight:700}.markdown-rendered code{font-family:var(--font-mono);color:var(--color-secondary);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:12px}.markdown-rendered table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.markdown-rendered th{text-align:left;border-bottom:1px solid var(--border-glass);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:11px;font-weight:700}.markdown-rendered td{border-bottom:1px solid var(--border-glass);color:var(--text-secondary);padding:8px 12px}@keyframes highlight-flash{0%{background:#10b9811a}to{background:0 0}}.highlight-flash{border-radius:8px;animation:2s ease-out forwards highlight-flash}.progress-circle{transform-origin:50%;transform:rotate(-90deg)}body.light-mode .glass-panel{background:#fffffff2;box-shadow:0 1px 2px #0000000d,0 0 0 1px #0000000a}body.light-mode .nav-link.active{color:var(--color-primary);background:#10b98114;border-color:#10b98133}.sidebar-section-ai{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin:20px 0 8px;padding:0 4px;font-size:10px;font-weight:800}.ai-hub-card{transition:var(--transition-smooth);background:#10b9810d;border:1px solid #10b98126;border-radius:12px}.ai-hub-card:hover{background:#10b98114;border-color:#10b9814d;transform:translateY(-1px)}.top-nav{background:var(--surface-nav);border-bottom:1px solid var(--border-glass);z-index:200;align-items:center;gap:4px;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.top-nav-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:8px;margin-right:24px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.top-nav-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.top-nav-btn:hover,.top-nav-btn.active{color:var(--text-primary);background:#ffffff0f}.top-nav-btn.active{color:var(--color-primary)}.top-nav-dropdown{background:var(--surface-elevated);border:1px solid var(--border-glass);z-index:300;border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 32px #0006}.top-nav-dropdown-item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.top-nav-dropdown-item:hover{color:var(--text-primary);background:#ffffff0f}.top-nav-dropdown-item.active{color:var(--color-primary);background:#10b9811a}.main-with-topnav{min-height:100vh;padding-top:56px}.content-area{max-width:1400px;margin:0 auto;padding:32px 40px}body.light-mode .markdown-rendered code{color:#6d28d9;background:#0000000d}body.light-mode .glow-text{background:linear-gradient(160deg,#09090b 0%,#52525b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-sublist-container{overflow:hidden}.sidebar-scrollable-sublist{max-height:220px;overflow-y:auto}.sidebar-sublist{border-left:1px solid var(--border-glass);flex-direction:column;gap:2px;margin-left:20px;padding:4px 0 4px 8px;display:flex}.sidebar-group{margin-bottom:4px}.app-container{--sidebar-width:280px;min-height:100vh;display:flex}.app-container.sidebar-collapsed{--sidebar-width:76px}.sidebar{width:var(--sidebar-width);background:var(--surface-sidebar);border-right:1px solid var(--border-sidebar);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;padding:24px 16px;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{padding:24px 10px}.sidebar-scroll-container::-webkit-scrollbar{width:3px}.main-content{flex:1;max-width:1200px;padding:40px 48px;overflow-y:auto}@media (width<=768px){.main-content{padding:20px}}.mobile-header{border-bottom:1px solid var(--border-glass);background:var(--surface-sidebar);z-index:100;justify-content:space-between;align-items:center;padding:12px 20px;display:none;position:sticky;top:0}@media (width<=768px){.mobile-header{display:flex}.sidebar{will-change:transform;z-index:1000;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);-webkit-backdrop-filter:none!important;background:#0c0c0e!important;width:280px!important}body.light-mode .sidebar{background:#f4f4f5!important}.sidebar.mobile-open{transform:translate(0)}.desktop-toggle-btn{display:none!important}.mobile-close-btn{display:flex!important}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.problem-row-title{min-width:0;color:var(--text-primary);flex:1;font-size:14px;font-weight:500}@media (width<=640px){.problem-row-meta{display:none}}.solid-learn-grid{grid-template-columns:1fr 1.4fr;gap:16px;display:grid}@media (width<=700px){.solid-learn-grid{grid-template-columns:1fr}}.design-patterns-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.tech-compare-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}@media (width<=860px){.design-patterns-layout,.tech-compare-layout{grid-template-columns:1fr}}.grid-3-col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-2-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-insight-stack{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}.grid-compare{gap:16px;display:grid}.section-h1{margin-bottom:8px;font-size:36px;font-weight:800}.stage-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=640px){.grid-3-col{grid-template-columns:1fr 1fr}.grid-2-col,.grid-insight-stack{grid-template-columns:1fr}.grid-compare{grid-template-columns:1fr!important}.section-h1{font-size:26px}.stage-header-row{flex-direction:column}.stage-header-row>div:last-child{gap:8px;width:100%;display:flex}}@media (width<=380px){.grid-3-col{grid-template-columns:1fr}.section-h1{font-size:22px}}.svg-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.scale-badge{color:var(--color-primary);word-break:break-word;background:#10b9810f;border:1px solid #10b98133;border-radius:20px;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.exclusive-badge{color:var(--color-primary);background:#10b9810f;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.filter-pills{flex-wrap:wrap;gap:8px;display:flex}@media (width>=1400px){.main-content{padding:40px 64px}}.left-sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-sidebar);z-index:80;flex-direction:column;width:220px;transition:width .22s,opacity .18s;display:flex;position:fixed;top:56px;bottom:0;left:0;overflow:hidden auto}.left-sidebar.collapsed{opacity:0;pointer-events:none;width:0}.left-sidebar-item{color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.left-sidebar-item:hover{color:var(--text-primary);background:#10b9810f;border-left-color:#10b9814d}.left-sidebar-item.active{color:#10b981;background:#10b9811a;border-left-color:#10b981;font-weight:600}.left-sidebar-toggle{z-index:81;background:var(--surface-elevated);border:1px solid var(--border-glass);cursor:pointer;width:22px;height:44px;color:var(--text-muted);border-left:none;border-radius:0 6px 6px 0;justify-content:center;align-items:center;transition:all .22s;display:flex;position:fixed;top:72px}.main-with-topnav{padding-top:56px;transition:margin-left .22s}.content-area{max-width:1400px;padding:28px 36px}@media (width<=768px){.left-sidebar,.left-sidebar-toggle{display:none}.content-area{padding:20px 16px}}pre,code{color:#e2e8f0}pre{border:1px solid #ffffff14;background:#0f1117!important}body.light-mode pre{background:#0f1117!important}body.light-mode pre code{color:#e2e8f0!important}body.light-mode .font-mono{color:#e2e8f0}@media (width<=1024px){.news-sidebar-panel{display:none!important}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px #10b981}50%{opacity:.5;box-shadow:0 0 2px #10b981}}@media (width<=768px){.main-layout-wrapper{margin-left:0!important}.main-content-area{padding:16px!important}.top-nav{gap:2px;padding:0 12px}.top-nav-logo span:last-child{font-size:15px!important}}@media (width<=640px){[style*=gridTemplateColumns],[style*=grid-template-columns],[style*=minmax\(]{grid-template-columns:1fr!important}.main-content-area>div{min-width:0}[style*="padding: '36px 40px'"],[style*="padding: '32px 40px'"]{padding:20px 16px!important}h1{font-size:clamp(20px,6vw,28px)!important}h2{font-size:clamp(17px,5vw,22px)!important}h3{font-size:clamp(15px,4vw,18px)!important}.section-h1{font-size:clamp(20px,6vw,28px)!important}}@media (width<=768px){svg{max-width:100%;height:auto}.svg-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}button,.left-sidebar-item,.nav-link{min-height:40px}}@media (width<=640px){pre{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:12px!important;font-size:12px!important}.news-ticker-wrapper{display:none!important}.ai-roadmap-topic-actions{flex-direction:column;align-items:flex-start}}@media (width<=400px){.profile-dropdown{width:calc(100vw - 32px)!important;right:-8px!important}}@media (width<=640px){[style*="display: 'flex'"][style*=gap],.stage-header-row{flex-wrap:wrap}}@media (width<=768px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (width<=640px){[style*="maxWidth: 900"],[style*="maxWidth: 1100"],[style*="maxWidth: 720"],[style*="max-width: 900px"]{max-width:100%!important}}@media (width<=768px){.ai-learning-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.ai-learning-sidebar{border-right:none!important;border-bottom:1px solid var(--border-glass)!important;width:100%!important;max-height:180px!important;overflow-y:auto!important}.ai-learning-content{padding-top:16px!important;padding-left:16px!important;padding-right:12px!important}}@media (width<=640px){.ai-learning-layout [style*="padding: '32px 36px'"]{padding:18px!important}}