:root{--bg: #ffffff;--bg-elevated: #f5f5f7;--bg-elevated-2: #fafafa;--surface: #ffffff;--surface-secondary: #fafafa;--fg: #1d1d1f;--fg-secondary: #6e6e73;--fg-tertiary: #86868b;--fg-inverse: #ffffff;--border: #d2d2d7;--border-strong: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: rgba(0, 113, 227, .1);--accent-light-2: rgba(0, 113, 227, .06);--success: #30d158;--success-light: rgba(48, 209, 88, .12);--success-bg: rgba(48, 209, 88, .12);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .12);--error: #ff453a;--danger: #ff453a;--error-bg: rgba(255, 69, 58, .12);--info: #5ac8fa;--info-bg: rgba(90, 200, 250, .12);--cat-ai: #0071e3;--cat-ai-bg: rgba(0,113,227,.1);--cat-startup: #30d158;--cat-startup-bg: rgba(48,209,88,.1);--cat-marketing: #ff9f0a;--cat-marketing-bg: rgba(255,159,10,.1);--cat-programming: #bf5af2;--cat-programming-bg: rgba(191,90,242,.1);--cat-design: #ff375f;--cat-design-bg: rgba(255,55,95,.1);--cat-business: #64d2ff;--cat-business-bg: rgba(100,210,255,.1);--bg-tertiary: #f0f0f2;--chrome-bg: rgba(255, 255, 255, .82);--chrome-sidebar-grad-start: #fafafa;--chrome-sidebar-grad-end: #f5f5f7;--chrome-border: var(--border);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--shadow-player: 0 -2px 12px rgba(0,0,0,.06);--overlay-bg: rgba(0,0,0,.4);--modal-overlay-bg: rgba(0,0,0,.4);--hot-bg: #fef3c7;--hot-fg: #92400e;--toast-bg: var(--fg);--toast-fg: var(--bg);--feedback-border: var(--border);--feedback-hover-bg: rgba(0,113,227,.04);--scrollbar-thumb: var(--border);--carousel-dot-bg: rgba(255,255,255,.35);--carousel-dot-active: #fff;--carousel-arrow-bg: rgba(255,255,255,.15);--carousel-arrow-border: rgba(255,255,255,.2);--carousel-arrow-hover: rgba(255,255,255,.3);--topic-gradient: linear-gradient(135deg, var(--bg-elevated), var(--bg-elevated-2));--locked-blur: rgba(255,255,255,.6);--icon-wrap-bg: var(--bg-elevated);--icon-wrap-fg: var(--fg-tertiary);--sidebar-active-bg: #ffffff;--sidebar-active-fg: var(--fg);--sidebar-active-indicator: var(--accent);--sidebar-hover-bg: rgba(255,255,255,.7);--player-bg: var(--surface);--player-border: var(--border);--player-shadow: var(--shadow-player);--player-thumb-bg: var(--bg-elevated);--player-thumb-fg: var(--fg-tertiary);--player-btn-hover: var(--bg-elevated);--skeleton-base: #eef1f4;--skeleton-line: #dfe4e8;--skeleton-shine: rgba(255,255,255,.72)}[data-theme=dark]{--bg: #0a0a0b;--bg-elevated: #161618;--bg-elevated-2: #1c1c1e;--surface: #161618;--surface-secondary: #1c1c1e;--fg: #f0f0f5;--fg-secondary: #b0b0b8;--fg-tertiary: #78787e;--fg-inverse: #ffffff;--border: #252528;--border-strong: #38383c;--accent: #2997ff;--accent-hover: #40a3ff;--accent-light: rgba(41, 151, 255, .15);--accent-light-2: rgba(41, 151, 255, .08);--success: #30d158;--success-light: rgba(48, 209, 88, .15);--success-bg: rgba(48, 209, 88, .15);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .15);--error: #ff453a;--danger: #ff453a;--error-bg: rgba(255, 69, 58, .15);--info: #5ac8fa;--info-bg: rgba(90, 200, 250, .15);--cat-ai: #2997ff;--cat-ai-bg: rgba(41,151,255,.12);--cat-startup: #30d158;--cat-startup-bg: rgba(48,209,88,.12);--cat-marketing: #ffb340;--cat-marketing-bg: rgba(255,159,10,.12);--cat-programming: #d4a0ff;--cat-programming-bg: rgba(191,90,242,.12);--cat-design: #ff6482;--cat-design-bg: rgba(255,55,95,.12);--cat-business: #64d2ff;--cat-business-bg: rgba(100,210,255,.12);--bg-tertiary: #1e1e20;--chrome-bg: rgba(10, 10, 10, .82);--chrome-sidebar-grad-start: #0a0a0a;--chrome-sidebar-grad-end: #050505;--chrome-border: var(--border);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--shadow-player: 0 -2px 12px rgba(0,0,0,.4);--overlay-bg: rgba(0,0,0,.7);--modal-overlay-bg: rgba(0,0,0,.7);--hot-bg: rgba(255,159,10,.15);--hot-fg: #ffb340;--toast-bg: var(--bg-elevated-2);--toast-fg: var(--fg);--feedback-border: var(--border);--feedback-hover-bg: rgba(41,151,255,.08);--scrollbar-thumb: var(--border);--carousel-dot-bg: rgba(255,255,255,.25);--carousel-dot-active: rgba(255,255,255,.9);--carousel-arrow-bg: rgba(255,255,255,.1);--carousel-arrow-border: rgba(255,255,255,.15);--carousel-arrow-hover: rgba(255,255,255,.2);--topic-gradient: linear-gradient(135deg, var(--bg-elevated), var(--bg-elevated-2));--locked-blur: rgba(10,10,10,.6);--icon-wrap-bg: var(--bg-elevated-2);--icon-wrap-fg: var(--fg-secondary);--sidebar-active-bg: #1e1e20;--sidebar-active-fg: var(--fg);--sidebar-active-indicator: var(--accent);--sidebar-hover-bg: rgba(255,255,255,.04);--player-bg: var(--surface);--player-border: var(--border);--player-shadow: var(--shadow-player);--player-thumb-bg: var(--bg-elevated-2);--player-thumb-fg: var(--fg-secondary);--player-btn-hover: var(--bg-elevated);--skeleton-base: #17191c;--skeleton-line: #252a2f;--skeleton-shine: rgba(255,255,255,.12)}[data-theme=reader]{--bg: #f4f7f1;--bg-elevated: #eaf0e6;--bg-elevated-2: #f8faf6;--surface: #fbfcf8;--surface-secondary: #f0f5ec;--fg: #202823;--fg-secondary: #536159;--fg-tertiary: #78867c;--fg-inverse: #ffffff;--border: #cfdbd1;--border-strong: #9fb0a2;--accent: #2f6f55;--accent-hover: #255f48;--accent-light: rgba(47, 111, 85, .12);--accent-light-2: rgba(47, 111, 85, .07);--success: #23865c;--success-light: rgba(35, 134, 92, .12);--success-bg: rgba(35, 134, 92, .12);--warning: #a66a18;--warning-bg: rgba(166, 106, 24, .12);--error: #b9433b;--danger: #b9433b;--error-bg: rgba(185, 67, 59, .12);--info: #3d7d92;--info-bg: rgba(61, 125, 146, .13);--cat-ai: #2f6f55;--cat-ai-bg: rgba(47,111,85,.11);--cat-startup: #23865c;--cat-startup-bg: rgba(35,134,92,.11);--cat-marketing: #a66a18;--cat-marketing-bg: rgba(166,106,24,.11);--cat-programming: #7758a6;--cat-programming-bg: rgba(119,88,166,.11);--cat-design: #aa536a;--cat-design-bg: rgba(170,83,106,.11);--cat-business: #3d7d92;--cat-business-bg: rgba(61,125,146,.11);--bg-tertiary: #e1eadf;--chrome-bg: rgba(244, 247, 241, .86);--chrome-sidebar-grad-start: #f8faf6;--chrome-sidebar-grad-end: #eaf0e6;--chrome-border: color-mix(in srgb, var(--border) 82%, transparent);--shadow-sm: 0 1px 3px rgba(38, 55, 44, .05);--shadow-md: 0 4px 12px rgba(38, 55, 44, .08);--shadow-lg: 0 8px 24px rgba(38, 55, 44, .12);--shadow-xl: 0 16px 48px rgba(38, 55, 44, .16);--shadow-player: 0 -2px 12px rgba(38, 55, 44, .08);--overlay-bg: rgba(32,40,35,.38);--modal-overlay-bg: rgba(32,40,35,.38);--hot-bg: #f2e9cf;--hot-fg: #7a5014;--toast-bg: #202823;--toast-fg: #fbfcf8;--feedback-border: var(--border);--feedback-hover-bg: rgba(47,111,85,.06);--scrollbar-thumb: #b8c7bb;--carousel-dot-bg: rgba(255,255,255,.38);--carousel-dot-active: #fff;--carousel-arrow-bg: rgba(255,255,255,.18);--carousel-arrow-border: rgba(255,255,255,.26);--carousel-arrow-hover: rgba(255,255,255,.34);--topic-gradient: linear-gradient(135deg, var(--bg-elevated), var(--bg-elevated-2));--locked-blur: rgba(244,247,241,.68);--icon-wrap-bg: var(--bg-elevated);--icon-wrap-fg: var(--fg-tertiary);--sidebar-active-bg: #fbfcf8;--sidebar-active-fg: var(--fg);--sidebar-active-indicator: var(--accent);--sidebar-hover-bg: rgba(255,255,255,.66);--player-bg: var(--surface);--player-border: var(--border);--player-shadow: var(--shadow-player);--player-thumb-bg: var(--bg-elevated);--player-thumb-fg: var(--fg-tertiary);--player-btn-hover: var(--bg-elevated);--skeleton-base: #e2eadf;--skeleton-line: #cbd8cd;--skeleton-shine: rgba(255,255,255,.62)}:root{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 18px;--radius-3xl: 28px;--radius-pill: 980px;--ease-out: cubic-bezier(.25, .1, .25, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--max-content: 1200px;--max-narrow: 680px;--nav-height: 52px;--player-height: 64px;--sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);line-height:1.47;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}[hidden]{display:none!important}#root,#root>div{display:contents}.hero-xl{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);font-weight:600;line-height:1.05;letter-spacing:0}.hero-lg{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.07;letter-spacing:0}.section{font-family:var(--font-display);font-size:clamp(28px,3vw,48px);font-weight:600;line-height:1.08;letter-spacing:0}.heading-1{font-family:var(--font-display);font-size:clamp(24px,2.5vw,40px);font-weight:600;line-height:1.1}.heading-2{font-family:var(--font-display);font-size:clamp(20px,2vw,32px);font-weight:600;line-height:1.15}.heading-3{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.17;letter-spacing:0}.heading-4{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2}.body-lg{font-size:19px;font-weight:400;line-height:1.42}.body{font-size:17px;font-weight:400;line-height:1.47;letter-spacing:0}.body-sm{font-size:14px;font-weight:400;line-height:1.43}.body-xs{font-size:12px;font-weight:400;line-height:1.33}.label{font-size:14px;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:var(--radius-pill);font-weight:650;font-size:13px;line-height:1.25;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);min-height:34px;gap:6px;font-variant-numeric:tabular-nums}.btn:focus-visible,.btn-icon:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff29 inset}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-dark{background:var(--fg);color:var(--bg)}.btn-dark:hover{opacity:.85}.btn-outline{border:1px solid color-mix(in srgb,var(--border) 84%,transparent);color:var(--fg);background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated))}.btn-outline:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.btn-ghost{color:var(--fg)}.btn-ghost:hover{background:var(--bg-elevated)}.btn-lg{padding:10px 20px;font-size:15px;min-height:40px}.btn-sm{padding:4px 11px;font-size:12px;min-height:30px}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%}.card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-flat{border:none;background:var(--bg-elevated)}.input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:17px;line-height:1.24;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-normal) var(--ease-out)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--fg-tertiary)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:650;line-height:1.33;font-variant-numeric:tabular-nums}.pill-pending{background:var(--warning-bg);color:var(--warning)}.pill-adopted{background:var(--info-bg);color:var(--accent)}.pill-progress{background:var(--accent-light);color:var(--accent)}.pill-live,.pill-completed{background:var(--success-bg);color:var(--success)}.pill-rejected{background:var(--error-bg);color:var(--error)}.pill-free{background:var(--success-bg);color:var(--success)}.pill-new{background:var(--warning-bg);color:var(--warning)}.pill-category{background:var(--bg-elevated);color:var(--fg-secondary);border:1px solid var(--border);font-size:11px;padding:2px 8px;border-radius:var(--radius-pill)}.topic-card-skeleton,.topic-chapter-skeleton,.gh-repo-skeleton,.community-skeleton-card,.ai-created-skeleton,.article-skeleton .skeleton-line,.home-topic-skeleton,.home-upnext-skeleton,.home-flywheel-skeleton,.home-recent-skeleton,.home-metric-skeleton,.home-meta-skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.topic-card-skeleton:after,.topic-chapter-skeleton:after,.gh-repo-skeleton:after,.community-skeleton-card:after,.ai-created-skeleton:after,.article-skeleton .skeleton-line:after,.home-topic-skeleton:after,.home-upnext-skeleton:after,.home-flywheel-skeleton:after,.home-recent-skeleton:after,.home-metric-skeleton:after,.home-meta-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:dmxSkeleton 1.25s ease-in-out infinite}.topic-card-skeleton{min-height:320px;border-radius:10px;background:linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 196px / 62% 14px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 222px / 82% 10px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 244px / 44% 10px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.topic-chapter-skeleton{min-height:58px;border-radius:10px;background:radial-gradient(circle at 28px 29px,var(--skeleton-line) 0 14px,transparent 15px),linear-gradient(var(--skeleton-line),var(--skeleton-line)) 58px 16px / 42% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 58px 36px / 28% 8px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.gh-repo-skeleton,.community-skeleton-card,.ai-created-skeleton{min-height:74px;border-radius:10px;background:radial-gradient(circle at 28px 28px,var(--skeleton-line) 0 14px,transparent 15px),linear-gradient(var(--skeleton-line),var(--skeleton-line)) 56px 18px / 48% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 56px 40px / 72% 9px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.article-skeleton{display:grid;gap:14px;min-height:320px}.article-skeleton .skeleton-line{height:18px;border-radius:999px}.article-skeleton .skeleton-line.short{width:64%}.home-topic-skeleton{min-width:220px;flex:0 0 220px;min-height:320px;border-radius:10px;background:linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 196px / 62% 14px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 222px / 82% 10px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 244px / 44% 10px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.home-upnext-skeleton{min-height:57px;border-radius:8px;background:linear-gradient(var(--skeleton-line),var(--skeleton-line)) 9px 9px / 38px 38px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 57px 15px / 52% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 57px 33px / 32% 9px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.home-flywheel-skeleton{min-height:180px;border-radius:12px;background:linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 16px / 30% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 44px / 88% 16px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 70px / 78% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 90px / 64% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 16px 130px / 40% 12px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.home-recent-skeleton{min-width:260px;flex:0 0 260px;min-height:66px;border-radius:10px;background:radial-gradient(circle at 28px 33px,var(--skeleton-line) 0 16px,transparent 17px),linear-gradient(var(--skeleton-line),var(--skeleton-line)) 60px 16px / 48% 12px no-repeat,linear-gradient(var(--skeleton-line),var(--skeleton-line)) 60px 38px / 70% 8px no-repeat,linear-gradient(var(--skeleton-base),var(--skeleton-base))}.home-metric-skeleton{height:16px;width:44px;border-radius:4px;border:none}.home-meta-skeleton{height:12px;border-radius:4px;border:none}@keyframes dmxSkeleton{to{transform:translate(100%)}}.infinite-list-sentinel{min-height:1px;grid-column:1 / -1}.infinite-list-end{grid-column:1 / -1;min-height:38px;display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary);font-size:12px;font-weight:600}.dmx-list-enter{animation:dmxListEnter .26s ease both}@keyframes dmxListEnter{0%{transform:translateY(6px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dmx-list-enter{animation:none}}.dmx-celebration{position:fixed;left:var(--origin-x, 50%);top:var(--origin-y, 58%);z-index:10050;pointer-events:none;transform:translate(-50%,-50%)}.dmx-celebration span{position:absolute;left:0;top:0;width:var(--w, 8px);height:var(--h, 14px);border-radius:3px;opacity:0;transform:translate(-50%,-50%) rotate(0);animation:dmxConfetti var(--celebration-duration, 5s) cubic-bezier(.2,.82,.18,1) var(--delay) forwards;will-change:transform,opacity}.dmx-celebration span.is-dot{border-radius:999px}.dmx-celebration span.is-spark{width:2px;height:22px;border-radius:999px;box-shadow:0 0 12px currentColor}.dmx-celebration strong{position:absolute;left:0;top:0;display:inline-flex;min-height:32px;align-items:center;padding:0 14px;border-radius:999px;background:#14161ac7;color:#fff;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px;font-weight:750;box-shadow:0 18px 44px #0000003d;white-space:nowrap;transform:translate(-50%,-50%);animation:dmxCelebrationLabel var(--celebration-duration, 5s) ease forwards}@media(prefers-reduced-motion:reduce){.topic-card-skeleton:after,.topic-chapter-skeleton:after,.gh-repo-skeleton:after,.community-skeleton-card:after,.ai-created-skeleton:after,.article-skeleton .skeleton-line:after,.home-topic-skeleton:after,.home-upnext-skeleton:after,.home-flywheel-skeleton:after,.home-recent-skeleton:after,.home-metric-skeleton:after,.home-meta-skeleton:after{animation:none}}.dmx-celebration--burst{position:absolute;inset:0;z-index:6;transform:none}.dmx-celebration--burst strong{left:50%;top:50%;transform:translate(-50%,-50%);animation:dmxCelebrationLabel var(--celebration-duration, 5s) ease forwards}@keyframes dmxConfetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(0)}9%{opacity:1}62%{opacity:.92}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.92) rotate(var(--r))}}@keyframes dmxCelebrationLabel{0%,to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.96)}10%,58%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.top-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--chrome-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--chrome-border);box-shadow:0 .5px #00000005,0 2px 8px #00000008;display:flex;align-items:center;padding:0 var(--space-24);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}[data-theme=dark] .top-nav{box-shadow:0 .5px #ffffff08,0 2px 12px #0000004d}.top-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-content);margin:0 auto}.nav-link{font-size:12px;font-weight:400;color:var(--fg-secondary);transition:color var(--duration-fast);padding:0 12px}.nav-link:hover,.nav-link.active{color:var(--fg)}.container{max-width:var(--max-content);margin:0 auto;padding:0 var(--space-24)}.container-narrow{max-width:var(--max-narrow);margin:0 auto;padding:0 var(--space-24)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.text-center{text-align:center}.text-muted{color:var(--fg-secondary)}.text-xs{font-size:12px}.text-sm{font-size:14px}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.mt-32{margin-top:var(--space-32)}.mt-48{margin-top:var(--space-48)}.mt-64{margin-top:var(--space-64)}.mb-16{margin-bottom:var(--space-16)}.mb-24{margin-bottom:var(--space-24)}.p-24{padding:var(--space-24)}.w-full{width:100%}.rounded-xl{border-radius:var(--radius-xl)}.overflow-hidden{overflow:hidden}.tab-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--chrome-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--chrome-border);display:flex;height:56px;padding-bottom:env(safe-area-inset-bottom,0);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:500;color:var(--fg-tertiary);transition:color var(--duration-fast)}.tab-item.active{color:var(--accent)}.tab-item svg{width:24px;height:24px}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--player-bg);border-top:1px solid var(--player-border);box-shadow:var(--player-shadow);height:var(--player-height);display:flex;align-items:center;padding:0 var(--space-16);transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.player-bar.minimized{transform:translateY(calc(100% - 48px))}.player-bar .player-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.player-bar .player-thumb{width:40px;height:40px;border-radius:var(--radius-md);background:var(--player-thumb-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--player-thumb-fg)}.player-bar .player-meta{min-width:0}.player-bar .player-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar .player-sub{font-size:12px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar .player-controls{display:flex;align-items:center;gap:8px}.player-bar .player-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg)}.player-bar .player-btn:hover{background:var(--player-btn-hover)}.player-bar .player-btn.play{width:40px;height:40px;background:var(--accent);color:#fff}.player-bar .player-progress{position:absolute;top:-2px;left:0;right:0;height:4px;background:var(--bg-elevated);cursor:pointer}.player-bar .player-progress-fill{height:100%;background:var(--accent);width:35%;border-radius:2px;transition:width .3s linear}.modal-overlay{position:fixed;inset:0;z-index:200;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.modal-overlay#registerModal{z-index:210}.modal-overlay#forgotModal{z-index:220}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--surface);border-radius:var(--radius-2xl);max-width:480px;width:90%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(20px) scale(.97);transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--border)}.modal-body{padding:var(--space-24)}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border)}.theme-toggle button{width:28px;height:28px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary);transition:all var(--duration-fast)}.theme-toggle button:hover{color:var(--fg)}.theme-toggle button.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.theme-toggle svg{width:14px;height:14px}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}@media(max-width:768px){.container{padding:0 var(--space-16)}.hero-xl{font-size:clamp(28px,8vw,40px)}.hero-lg{font-size:clamp(24px,6vw,32px)}.section{font-size:clamp(22px,5vw,28px)}.heading-1{font-size:24px}.heading-2{font-size:20px}}@media(max-width:430px){.container{padding:0 var(--space-12)}:root{--nav-height: 44px}}.view.active{display:block}.app-layout{min-height:100vh}.app-main{max-width:var(--max-content);margin:0 auto;padding:var(--space-32) var(--space-24) var(--space-24);min-height:calc(100vh - var(--nav-height));transition:padding-bottom var(--duration-normal)}.app-layout.has-player .app-main{padding-bottom:calc(var(--player-height) + var(--space-24))}.home-hero{background:var(--bg-elevated);color:var(--fg);border-radius:var(--radius-2xl);padding:var(--space-48);margin-bottom:var(--space-48);position:relative;overflow:hidden}.home-hero .hero-tag{font-size:11px;font-weight:600;color:var(--info);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.home-hero h2{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:600;margin-bottom:8px}.home-hero p{font-size:15px;color:var(--fg-secondary);max-width:500px;margin-bottom:20px}.home-hero .hero-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--fg-tertiary)}.home-hero .hero-cta{margin-top:20px}.hero-carousel{position:relative;border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-32);height:220px}.hero-carousel .hc-slides{position:relative;width:100%;height:100%}.hero-carousel .hc-slide{position:absolute;inset:0;display:flex;align-items:center;padding:28px 40px;cursor:pointer;opacity:0;transition:opacity .6s ease;color:#fff}.hero-carousel .hc-slide.active{opacity:1}.hero-carousel .hc-slide .hc-bg{position:absolute;inset:0;z-index:0}.hero-carousel .hc-slide .hc-content{position:relative;z-index:1;max-width:520px}.hero-carousel .hc-slide h2{font-family:var(--font-display);font-size:clamp(18px,2.4vw,26px);font-weight:600;line-height:1.2;margin-bottom:6px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.15)}.hero-carousel .hc-slide p{font-size:13px;color:#ffffffc7;margin-bottom:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-carousel .hc-slide .hc-meta{display:flex;gap:10px;font-size:12px;color:#ffffff8c}.banner-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.banner-cat-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 14px;border-radius:100px;margin-top:14px;background:#ffffff24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.18)}.hero-carousel .hc-arrow{position:absolute;top:50%;transform:translateY(-50%) scale(.92);z-index:5;width:36px;height:36px;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:0}.hero-carousel:hover .hc-arrow{opacity:1;transform:translateY(-50%) scale(1)}.hero-carousel .hc-arrow:hover{background:#0000008c;border-color:#ffffff4d;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 16px #0003}.hero-carousel .hc-arrow:active{transform:translateY(-50%) scale(.95)}.hero-carousel .hc-arrow-left{left:12px}.hero-carousel .hc-arrow-right{right:12px}.hero-carousel .hc-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:6px}.hero-carousel .hc-dot{width:8px;height:8px;border-radius:50%;background:var(--carousel-dot-bg);cursor:pointer;transition:all var(--duration-fast);border:none;padding:0}.hero-carousel .hc-dot.active{background:var(--carousel-dot-active);width:24px;border-radius:4px}.resume-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:10px 10px 10px 14px;margin-bottom:var(--space-32);transition:all var(--duration-fast);overflow:hidden}.resume-card.hidden{display:none}.resume-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.resume-thumb{width:42px;height:42px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center}.resume-info{flex:1;min-width:0;cursor:pointer}.resume-label{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.resume-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-progress-bar{height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.resume-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.resume-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.resume-ctrl-btn{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);cursor:pointer;transition:all var(--duration-fast)}.resume-ctrl-btn:hover{color:var(--fg);background:var(--bg-elevated)}.resume-ctrl-play{width:38px;height:38px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--fg-inverse);cursor:pointer;transition:transform var(--duration-fast)}.resume-ctrl-play:hover{transform:scale(1.06)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-20)}.section-header h3{font-family:var(--font-display);font-size:24px;font-weight:600}.section-header a{font-size:14px;color:var(--accent)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:16px;margin-bottom:var(--space-48)}.topic-card{display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,transparent),var(--bg-elevated-2));border-radius:10px;border:1px solid var(--border);overflow:hidden;cursor:pointer;box-shadow:0 12px 28px #0f172a0d;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;min-height:320px}.topic-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 18px 36px #0f172a14}.topic-card .topic-cover{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;object-fit:cover;flex-shrink:0;isolation:isolate;--cover-inset: 14px;--cover-line-color: rgba(255,255,255,.16);--cover-signal-color: rgba(255,255,255,.46);--cover-glow-color: rgba(120, 200, 255, .22)}.topic-card .topic-cover>.cover-icon{position:relative;z-index:1;font-size:56px;line-height:1;color:var(--fg-inverse);text-shadow:0 2px 18px rgba(0,0,0,.45);pointer-events:none}.topic-card .topic-cover.topic-cover--path,.path-visual{border-radius:8px}.topic-card .topic-cover.topic-cover--default,.topic-card .topic-cover.topic-cover--default.grad-ai,.topic-card .topic-cover.topic-cover--default.grad-rag{background:linear-gradient(180deg,#0000002e,#0000006b),url(/assets/covers/topic-default-cover.png) center/cover no-repeat}.topic-card .topic-cover:before,.path-visual:before,.recent-card .recent-thumb:before,.history-thumb:before{content:"";position:absolute;inset:var(--cover-inset);border-radius:10px;border:1px solid var(--cover-line-color);background:linear-gradient(90deg,transparent 0,transparent 48%,var(--cover-signal-color) 48%,var(--cover-signal-color) 52%,transparent 52%,transparent 100%),linear-gradient(var(--cover-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--cover-line-color) 1px,transparent 1px);background-size:100% 100%,18px 18px,18px 18px;opacity:.9}.topic-card .topic-cover:after,.path-visual:after,.recent-card .recent-thumb:after,.history-thumb:after{content:"";position:absolute;left:calc(var(--cover-inset) + 10px);right:calc(var(--cover-inset) + 10px);bottom:calc(var(--cover-inset) + 12px);height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.08),var(--cover-signal-color),rgba(255,255,255,.08));box-shadow:0 -16px 0 -1px #ffffff0f,0 -32px 0 -1px #ffffff0d,0 0 24px var(--cover-glow-color)}.topic-card .topic-cover .cover-badge{position:absolute;top:10px;left:10px;background:#0000007a;color:var(--fg-inverse);padding:3px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:10.5px;font-weight:650;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.topic-cover .star-btn{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;padding:0}@media(hover:hover){.topic-card:hover .star-btn{opacity:1}}@media(hover:none){.star-btn{opacity:1!important}}.star-btn svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.8;transition:all .25s ease}.star-btn.starred{opacity:1;background:#00000080}.star-btn.starred svg{fill:#fbbf24;stroke:#fbbf24;filter:drop-shadow(0 0 3px rgba(251,191,36,.4))}.star-btn:hover{background:#0000008c;transform:scale(1.12)}.star-btn:active{transform:scale(.92)}.browse-tab-special{display:inline-flex;align-items:center}.browse-tab-special.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.browse-tab-special.active svg{stroke:#fff}.browse-divider{display:inline-block;width:1px;height:22px;background:var(--border);margin:0 4px;vertical-align:middle;align-self:center}#browseFilters .category-pill{transition:all .15s ease}.topic-card .topic-body{padding:13px 14px 12px;flex:1;display:flex;flex-direction:column}.topic-card .topic-body h4{font-size:14.5px;font-weight:650;margin-bottom:5px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.56em}.topic-card .topic-body .topic-keywords{font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);margin-bottom:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.topic-card .topic-body .topic-meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-tertiary);margin-bottom:9px;line-height:1.45;text-transform:uppercase}.topic-card .topic-tags{display:flex;gap:6px;flex-wrap:nowrap;margin-top:auto;overflow:hidden}.topic-card .topic-footer{margin-top:auto;align-self:stretch}.topic-card .topic-tags .pill{min-width:0;max-width:100%;padding:3px 7px;border-radius:999px;font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-progress{display:flex;align-items:center;gap:8px;padding:0 16px 12px;font-size:11px;color:var(--fg-tertiary)}.topic-progress .progress-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.topic-progress .progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.topic-progress .progress-fill.started{background:var(--accent)}.topic-progress .progress-fill.not-started{background:transparent}.topic-progress .progress-label{white-space:nowrap;font-weight:500;min-width:44px;text-align:right}.topic-progress .progress-label.started{color:var(--accent);font-weight:600}.topic-progress .progress-label.not-started{color:var(--fg-tertiary)}.scroll-list{display:flex;gap:var(--space-16);overflow-x:auto;padding-bottom:8px;margin-bottom:var(--space-48);scroll-snap-type:x mandatory}.scroll-list::-webkit-scrollbar{height:4px}.scroll-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.scroll-list .topic-card{min-width:220px;scroll-snap-align:start}.category-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-32);align-items:center}.category-pill{padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--fg-secondary);background:var(--surface);cursor:pointer;transition:all var(--duration-fast);line-height:1.3;white-space:nowrap}.category-pill:hover{border-color:var(--border-strong)}.category-pill.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.recent-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;margin-bottom:var(--space-8);min-height:74px;scroll-snap-type:x mandatory}.recent-list::-webkit-scrollbar{display:none}.recent-list .recent-card{display:flex;align-items:center;gap:12px;min-width:260px;max-width:300px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,transparent),var(--bg-elevated-2));border:1px solid var(--border);border-radius:10px;padding:10px 14px 10px 10px;cursor:pointer;scroll-snap-align:start;box-shadow:0 10px 24px #0f172a0a;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.recent-list .recent-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 14px 30px #0f172a12}.recent-card .recent-thumb{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:0;position:relative;isolation:isolate;--cover-inset: 7px;overflow:hidden}.recent-card .recent-thumb.recent-thumb--default{background-image:linear-gradient(180deg,#0000002e,#0000006b),url(/assets/covers/topic-default-cover.png);background-size:cover;background-position:center;color:transparent}.recent-card .recent-info{flex:1;min-width:0}.recent-card .recent-info h5{font-size:13px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-card .recent-info p{font-size:11px;color:var(--fg-tertiary);margin:0;display:flex;align-items:center;gap:6px}.recent-card .recent-info .recent-progress{color:var(--accent);font-weight:600}.recent-card .recent-resume{width:28px;height:28px;border-radius:50%;border:none;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.recent-card .recent-resume:hover{background:var(--accent);color:#fff}.recent-card .recent-resume svg{width:12px;height:12px}.recent-tab-group{display:inline-flex;position:relative;border-radius:9px;padding:3px;gap:0;background:color-mix(in srgb,var(--fg) 5%,transparent)}[data-theme=dark] .recent-tab-group{background:#ffffff0f}.recent-tab{position:relative;z-index:1;padding:5px 18px;font-size:12px;font-weight:500;border:none;border-radius:7px;background:transparent;color:var(--fg-tertiary);cursor:pointer;transition:color .25s ease;white-space:nowrap;letter-spacing:-.005em;line-height:1.4}.recent-tab.active{color:var(--fg);font-weight:600}.recent-tab:hover:not(.active){color:var(--fg-secondary)}.recent-tab-pill{position:absolute;top:3px;left:3px;height:calc(100% - 6px);border-radius:7px;background:var(--surface);box-shadow:0 .5px 1.5px #0000000f,0 0 0 .5px #00000008;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}[data-theme=dark] .recent-tab-pill{background:#ffffff14;box-shadow:0 .5px 1.5px #0003}.recent-content-wrap{min-height:120px;transition:opacity .2s ease}#favoritesEmpty,#recentEmpty{min-height:74px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-40)}.recent-see-all-card{position:sticky;right:0;z-index:3;scroll-snap-align:none;align-self:center;min-width:80px;height:64px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:-8px 0 12px -6px #00000014}.recent-see-all-card:hover{border-color:var(--accent);border-style:solid;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.recent-see-all-card .see-all-label{font-size:11px;font-weight:600;color:var(--fg-tertiary);transition:color .2s;letter-spacing:.01em}.recent-see-all-card:hover .see-all-label{color:var(--accent)}.recent-see-all-card .see-all-arrow{font-size:16px;color:var(--fg-tertiary);transition:all .25s;display:inline-block;line-height:1}.recent-see-all-card:hover .see-all-arrow{color:var(--accent);transform:translate(3px)}.article-reading{max-width:760px;margin:0 auto}.article-reading .article-header{margin-bottom:20px}.article-reading .article-header h1{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:600;margin-bottom:12px;line-height:1.15}.article-reading .article-header .article-meta-row,.article-insight-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--fg-tertiary)}.article-insight-chip{min-height:32px;padding:0 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));color:var(--fg-secondary);font-size:12.5px;font-weight:650;white-space:nowrap;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.article-insight-chip svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}#article-meta-read{min-width:90px;justify-content:center}#article-meta-audio{min-width:120px;justify-content:center}#article-meta-readers{min-width:80px;justify-content:center}#article-meta-listens{min-width:85px;justify-content:center}#article-meta-views{min-width:80px;justify-content:center}.article-action-row{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.article-action-row .btn{min-height:32px;padding:0 12px;font-size:12.5px;border-width:1px}#articleAudioBtn{min-width:124px;justify-content:center}#articleAudioBtn .article-audio-label{display:inline-block;min-width:72px;text-align:center}.article-action-row{align-items:center}.article-reading .article-body{font-size:17px;line-height:1.78;color:var(--fg);letter-spacing:0}.article-reading .article-body>div{max-width:100%}.article-reading .article-body p{margin:0 0 20px}.article-reading .article-body h1,.article-reading .article-body h2,.article-reading .article-body h3{font-family:var(--font-display);font-weight:700;line-height:1.22;color:var(--fg);scroll-margin-top:96px}.article-reading .article-body h1{font-size:30px;margin:40px 0 16px}.article-reading .article-body h2{font-size:25px;margin:38px 0 14px;padding-top:4px}.article-reading .article-body h3{font-size:20px;margin:30px 0 12px}.article-reading .article-body ul,.article-reading .article-body ol{margin:0 0 22px 22px;padding:0}.article-reading .article-body li{margin-bottom:9px;padding-left:2px}.article-reading .article-body blockquote{margin:28px 0;padding:16px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg-elevated));color:var(--fg-secondary);border-radius:0 10px 10px 0}.article-reading .article-body code{font-family:var(--font-mono);font-size:.88em;padding:2px 5px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border)}.article-reading .article-body pre{margin:24px 0;padding:16px;overflow-x:auto;border-radius:10px;background:#0d1117;color:#e6edf3;border:1px solid rgba(255,255,255,.08)}.article-reading .article-body pre code{padding:0;background:transparent;border:0;color:inherit}.article-reading .article-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.article-reading .article-body a:hover{border-bottom-color:var(--accent)}.article-reading .article-body hr{border:0;border-top:1px solid var(--border);margin:36px 0}.article-reading .article-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px;overflow:hidden;border-radius:10px}.article-reading .article-body th,.article-reading .article-body td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.article-reading .article-body th{background:var(--bg-elevated);font-weight:700}#article-chapter-nav{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.article-prev-card,.article-next-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.article-prev-card:hover,.article-next-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));transform:translateY(-2px)}.article-prev-card .article-num,.article-next-card .article-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--fg-secondary);font-size:14px;font-weight:700;flex-shrink:0}.article-prev-card .article-meta,.article-next-card .article-meta{flex:1;min-width:0}.article-prev-card .article-title,.article-next-card .article-title{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.article-prev-card .article-sub,.article-next-card .article-sub{font-size:12px;color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grad-ai{background:linear-gradient(135deg,#1a1a2e,#16213e)}.grad-startup{background:linear-gradient(135deg,#0a2e1a,#162e16)}.grad-marketing{background:linear-gradient(135deg,#2e1a0a,#2e2616)}.grad-programming{background:linear-gradient(135deg,#2e0a2e,#26162e)}.grad-design{background:linear-gradient(135deg,#2e0a1a,#2e1626)}.grad-business{background:linear-gradient(135deg,#1a2e0a,#162e16)}.grad-rag{background:linear-gradient(135deg,#0a1a2e,#16262e)}.grad-saas{background:linear-gradient(135deg,#1a2e0a,#262e16)}.grad-email{background:linear-gradient(135deg,#2e2e0a,#2e2616)}.grad-growth{background:linear-gradient(135deg,#2e1a0a,#2e2616)}.grad-ai,.grad-rag{--cover-signal-color: rgba(109, 203, 255, .62);--cover-glow-color: rgba(41, 151, 255, .26)}.grad-startup,.grad-saas,.grad-business{--cover-signal-color: rgba(122, 221, 174, .58);--cover-glow-color: rgba(34, 197, 94, .2)}.grad-marketing,.grad-email,.grad-growth{--cover-signal-color: rgba(255, 207, 102, .58);--cover-glow-color: rgba(245, 158, 11, .2)}.grad-programming,.grad-design{--cover-signal-color: rgba(201, 154, 255, .6);--cover-glow-color: rgba(168, 85, 247, .22)}[data-theme=dark] .grad-ai{background:linear-gradient(135deg,#0d0d1a,#0f1520)}[data-theme=dark] .grad-startup{background:linear-gradient(135deg,#081a10,#0d1a0d)}[data-theme=dark] .grad-marketing{background:linear-gradient(135deg,#1a1008,#1a160d)}[data-theme=dark] .grad-programming{background:linear-gradient(135deg,#1a081a,#160d1a)}[data-theme=dark] .grad-design{background:linear-gradient(135deg,#1a0810,#1a0d14)}[data-theme=dark] .grad-business{background:linear-gradient(135deg,#0d1a08,#0d1a0d)}[data-theme=dark] .grad-rag{background:linear-gradient(135deg,#08101a,#0d1620)}[data-theme=dark] .grad-saas{background:linear-gradient(135deg,#0d1a08,#161a0d)}[data-theme=dark] .grad-email{background:linear-gradient(135deg,#1a1a08,#1a160d)}[data-theme=dark] .grad-growth{background:linear-gradient(135deg,#1a1008,#1a160d)}.feedback-hero-card{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#00c7ff));color:var(--fg-inverse)}.topic-back-row{margin-bottom:16px;display:flex;align-items:center}.topic-back-pill{min-height:30px;padding:0 12px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;color:var(--fg-secondary)!important;box-shadow:0 1px 2px #0f172a0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topic-back-pill:hover{color:var(--fg)!important;background:var(--surface)!important;transform:translateY(-1px)}.topic-detail-banner{position:relative;border-radius:12px;overflow:hidden;padding:26px 32px 24px;margin-bottom:var(--space-32);color:#fff;min-height:264px;display:flex;align-items:stretch;box-shadow:0 18px 52px #0f172a24}.topic-detail-banner .tdb-bg{position:absolute;inset:0;z-index:0}.topic-detail-banner .tdb-bg.tdb-bg--default{background-image:linear-gradient(180deg,#00000038,#0000007a),url(/assets/covers/topic-default-cover.png);background-size:cover;background-position:center;background-repeat:no-repeat}.topic-detail-banner .tdb-content{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,.62fr) minmax(300px,.38fr);gap:22px;align-items:center}.topic-detail-banner .tdb-primary{min-width:0;max-width:690px;min-height:194px;display:grid;grid-template-rows:auto auto auto auto;align-content:center}.topic-detail-banner .tdb-pills{display:flex;gap:8px;margin-bottom:14px}.topic-detail-banner h1{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.15;margin-bottom:10px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.2)}.topic-detail-banner .tdb-desc{font-size:14px;color:#fffc;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-detail-banner .tdb-meta{display:flex;gap:8px;font-size:12px;color:#ffffffd1;margin-bottom:18px;align-items:center;flex-wrap:wrap}.topic-detail-banner .tdb-meta .tdb-metric{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 11px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums;min-width:92px;justify-content:center}.topic-detail-banner .tdb-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topic-detail-banner .tdb-actions .btn-primary{background:#fff;color:#1d1d1f;font-weight:600}.topic-detail-banner .tdb-actions .btn-primary:hover{background:#ffffffe6}.topic-detail-banner .tdb-actions .btn-outline{border-color:#ffffff38;color:#fff;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topic-detail-banner .tdb-actions .btn-outline:hover{background:#ffffff29}.topic-detail-banner .tdb-actions .topic-action-pill{min-height:29px;padding:0 11px!important;font-size:12px!important;font-weight:650;border-radius:999px;line-height:1}.topic-detail-banner .tdb-actions .topic-mode-pill{min-width:50px;border-color:#ffffff47;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d}.topic-detail-banner .tdb-meta .tdb-metric--loading{width:92px;color:transparent;background:linear-gradient(90deg,#ffffff1a,#ffffff38,#ffffff1a);background-size:180% 100%;animation:topicMetricLoading 1.15s ease-in-out infinite}.topic-promise-card{align-self:stretch;margin:0;padding:14px 0 14px 22px;border-left:1px solid rgba(255,255,255,.18);border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.topic-promise-card:before{content:none}.topic-promise-kicker{position:relative;margin-bottom:12px;font-size:11px;font-weight:800;color:#ffffffb8;letter-spacing:0;text-transform:none}.topic-keyword-cloud{position:relative;width:min(100%,350px);height:208px;margin:0 auto}.topic-keyword-cloud.kw-cloud-3d{perspective:720px}.topic-keyword{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#ffffffeb;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.28);will-change:transform,opacity;pointer-events:none}.topic-detail-body{max-width:800px}.article-list{max-width:none;width:100%}.article-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity var(--duration-fast)}.article-item:hover{opacity:.7}.article-item:last-child{border-bottom:none}.article-num{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--fg-secondary);flex-shrink:0}.article-item .article-meta{flex:1;min-width:0}.article-item .article-title{font-size:16px;font-weight:600;margin-bottom:2px}.article-item .article-sub{font-size:13px;color:var(--fg-tertiary)}.article-item .article-duration{font-size:13px;color:var(--fg-tertiary);font-family:var(--font-mono);white-space:nowrap}.article-item.locked{position:relative}.article-item.locked .article-num{background:var(--border);color:var(--fg-tertiary)}.article-item.locked .article-title,.article-item.locked .article-sub,.article-item.locked .article-duration{color:var(--fg-tertiary)}.article-item.locked .lock-badge{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-tertiary)}.article-item.locked .lock-badge svg{width:14px;height:14px}.article-item .read-badge{display:none;font-size:11px;font-weight:600;color:var(--success);background:var(--success-light);padding:2px 8px;border-radius:var(--radius-pill);margin-left:auto;flex-shrink:0}.article-item.read .read-badge{display:inline-block}@keyframes topicMetricLoading{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes topicKeywordCloudFloat{0%,to{transform:translateZ(0) scale(1);border-radius:44% 56% 49% 51%/56% 44% 52% 48%}50%{transform:translate3d(0,-5px,0) scale(1.015);border-radius:54% 46% 57% 43%/46% 54% 44% 56%}}@keyframes topicKeywordFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@media(max-width:860px){.topic-detail-banner{padding:24px 22px 22px;min-height:auto}.topic-detail-banner .tdb-content{grid-template-columns:1fr;gap:22px;align-items:start}.topic-promise-card{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:18px 0 0}.topic-keyword-cloud{width:100%;max-width:320px;height:200px;margin:0 auto}}.social-proof-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;margin-bottom:var(--space-16);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border)}.social-proof-bar .avatar-stack{display:flex;flex-shrink:0}.social-proof-bar .avatar-stack .mini-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-elevated);margin-left:-6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--fg-inverse)}.social-proof-bar .avatar-stack .mini-avatar:first-child{margin-left:0}.social-proof-bar .proof-text{font-size:13px;color:var(--fg-secondary)}.social-proof-bar .proof-text strong{color:var(--fg);font-weight:600}.social-proof-bar .proof-divider{width:1px;height:14px;background:var(--border);flex-shrink:0}.social-proof-bar .proof-stat{font-size:13px;color:var(--fg-secondary);display:inline-flex;align-items:center;gap:5px}.social-proof-bar .proof-stat svg{width:13px;height:13px}.social-proof-bar .proof-stat strong{color:var(--fg);font-weight:600}.topic-card .topic-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;color:var(--fg-tertiary);text-transform:uppercase}.topic-card .topic-footer .topic-opens,.topic-card .topic-footer .subscribers{display:flex;align-items:center;gap:4px}.topic-card .topic-footer .topic-opens svg,.topic-card .topic-footer .subscribers svg{width:12px;height:12px}.topic-card .topic-footer .hot-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--hot-bg);color:var(--hot-fg);display:inline-flex;align-items:center;gap:3px}.topic-card .topic-footer .topic-status-text{font-size:11px;font-weight:600;color:var(--success);margin-left:auto}.topic-card .topic-tags .pill-category{font-family:var(--font-mono);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--fg-secondary);border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);letter-spacing:.02em;box-shadow:0 1px 2px #0000000a;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.topic-card .topic-tags .pill-category:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.topic-card .topic-tags .pill-category:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 90%,transparent);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.hot-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}.premium-preview{max-width:800px;margin-top:var(--space-36);margin-bottom:var(--space-48);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,white),color-mix(in srgb,var(--bg-elevated) 94%,white));border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:18px;padding:16px;box-shadow:0 12px 34px #0f172a12}.premium-preview .pp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.premium-preview .pp-header h4{margin:0;font-size:14px;line-height:1.3;font-weight:650;color:var(--fg)}.premium-preview .pp-header a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:12.5px;font-weight:650;color:var(--accent);cursor:pointer;white-space:nowrap}.premium-preview .pp-chapters{display:flex;gap:8px;flex-wrap:wrap}.premium-preview .pp-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);font-size:12.5px;font-weight:600;color:var(--fg);box-shadow:0 1px 2px #0f172a0a}.premium-preview .pp-chip.locked{opacity:.72;background:color-mix(in srgb,var(--surface) 80%,var(--bg-elevated))}.premium-preview .pp-chip.locked .pp-chip-icon{color:var(--fg-tertiary)}.premium-preview .pp-cta{margin:12px 0 0;color:var(--fg-tertiary);font-size:12.5px;line-height:1.45}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.profile-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;text-align:center}.profile-stat-card .stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;margin-bottom:4px}.profile-stat-card .stat-label{font-size:12px;color:var(--fg-tertiary)}.profile-stat-card.highlight{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#00c7ff));border-color:transparent;color:var(--fg-inverse)}.profile-stat-card.highlight .stat-value{color:var(--fg-inverse)}.profile-stat-card.highlight .stat-label{color:#ffffffbf}.paywall-blur{position:relative;overflow:hidden}.paywall-blur .blurred-content{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none}.paywall-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 24px;background:linear-gradient(transparent,var(--bg) 40%);text-align:center}.video-paywall-toast{position:fixed;top:calc(var(--nav-height) + 16px);left:50%;transform:translate(-50%);z-index:999;background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:var(--radius-xl);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);display:none;align-items:center;gap:10px;animation:toastIn .3s ease-out}.video-paywall-toast.visible{display:flex}.video-paywall-toast .toast-btn{padding:6px 14px;border-radius:var(--radius-pill);background:var(--accent);color:var(--fg-inverse);font-size:13px;font-weight:600;cursor:pointer}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.login-gate{position:fixed;inset:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.login-gate.hidden{display:none}.login-gate .modal{margin:0}#forgotModal{z-index:10001}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--accent)}.profile-info h2{font-size:22px;font-weight:600}.profile-info p{font-size:14px;color:var(--fg-secondary)}.profile-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);margin-bottom:20px;overflow:hidden}.profile-card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.profile-card-header h3{font-size:17px;font-weight:600}.profile-card-body{padding:0}.profile-card-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast)}.profile-card-item:last-child{border-bottom:none}.profile-card-item:hover{background:var(--bg-elevated)}.profile-card-item .item-left{display:flex;align-items:center;gap:12px}.profile-card-item .item-left svg{width:20px;height:20px;color:var(--fg-secondary)}.profile-card-item .item-label{font-size:15px}.profile-card-item .item-value{font-size:14px;color:var(--fg-tertiary)}.profile-card-item .item-arrow{color:var(--fg-tertiary)}.community-intro{padding-top:6px;margin-bottom:18px;display:grid;gap:12px}.community-intro h1,.community-intro p{margin:0}.community-intro p{max-width:620px}.community-proof-strip{display:flex;align-items:center;gap:20px;margin-bottom:24px;font-size:13px;color:var(--fg-tertiary);flex-wrap:wrap}.community-tools{display:flex;align-items:center;gap:12px;margin-bottom:24px}.community-search{min-height:36px}.community-search svg{width:15px;height:15px;flex-shrink:0}.community-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--fg);font-size:13px}.community-search input::placeholder{color:var(--fg-tertiary)}.community-filter-tabs{min-width:0}.idea-list{display:grid;gap:12px}.idea-item{background:var(--surface);border-radius:10px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:stretch;min-height:112px;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.idea-item:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 12px 28px #0f172a0f}.idea-votes{display:grid;grid-template-rows:28px 22px 28px;align-content:center;justify-items:center;gap:2px;min-width:42px}.idea-votes .vote-btn{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary);transition:all var(--duration-fast)}.idea-votes .vote-btn svg{width:16px;height:16px}.idea-votes .vote-btn:hover{background:var(--bg-elevated);color:var(--accent)}.idea-votes .vote-btn.voted{background:var(--accent-light);color:var(--accent)}.idea-votes .vote-btn.downvoted{background:var(--bg-elevated);color:var(--error)}.idea-votes .vote-btn.vote-pop-up,.idea-votes .vote-btn.vote-pop-down{animation:voteThumbPop .38s ease}.idea-votes .vote-btn.vote-pop-up svg{animation:voteThumbUp .38s ease}.idea-votes .vote-btn.vote-pop-down svg{animation:voteThumbDown .38s ease}.idea-votes .vote-count{min-height:22px;display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.idea-content{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:start}.idea-content h4{font-size:16px;font-weight:650;margin:0 0 5px;line-height:1.28}.idea-content p{font-size:13.5px;color:var(--fg-secondary);line-height:1.44;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.idea-content .idea-footer{min-height:25px;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--fg-tertiary);flex-wrap:wrap;align-self:end}.idea-content:hover{cursor:pointer}.idea-content:hover h4{color:var(--accent)}@media(max-width:760px){.community-tools{align-items:stretch;flex-direction:column}}@keyframes voteThumbPop{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}@keyframes voteThumbUp{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(-8deg)}}@keyframes voteThumbDown{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(2px) rotate(8deg)}}.community-submit-bar{background:color-mix(in srgb,var(--surface) 94%,var(--bg-elevated));border-radius:10px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);box-shadow:0 10px 28px #0f172a0a}.community-submit-bar h3{font-size:18px;font-weight:600}.community-submit-bar p{font-size:14px;color:var(--fg-secondary);margin-top:4px}.wizard-steps{display:flex;align-items:center;justify-content:center;padding:16px 24px 0;gap:0}.wizard-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fg-tertiary);transition:color .2s}.wizard-step.active{color:var(--accent)}.wizard-step.done{color:var(--success)}.wizard-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1.5px solid var(--border);color:var(--fg-tertiary);transition:all .2s}.wizard-step.active .wizard-step-num{border-color:var(--accent);background:var(--accent);color:#fff}.wizard-step.done .wizard-step-num{border-color:var(--success);background:var(--success);color:#fff}.wizard-step-line{width:40px;height:1.5px;background:var(--border);margin:0 8px;transition:background .2s}.wizard-step.done+.wizard-step-line,.wizard-step.active~.wizard-step-line{background:var(--border)}.wizard-panel{display:none}.wizard-panel.active{display:block;animation:wizardFade .25s ease}@keyframes wizardFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard-label{font-size:13px;font-weight:600;display:block;margin-bottom:8px;color:var(--fg-secondary)}.wizard-add-btn{margin-top:8px;display:flex;align-items:center;gap:6px;min-height:32px;padding:0 13px;border-radius:var(--radius-pill);border:1px dashed color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));color:var(--fg-tertiary);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.wizard-add-btn:hover{border-color:var(--accent);color:var(--accent)}.idea-link-row{display:flex;gap:8px;align-items:center}.idea-link-row .input{flex:1;margin-bottom:0;font-size:13px}.idea-link-row .link-remove-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--error);cursor:pointer;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-bottom:2px;transition:all .15s}.idea-link-row .link-remove-btn:hover{background:var(--error-bg);border-color:var(--error)}.idea-cat-btn{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 13px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);color:var(--fg-secondary);background:var(--surface);cursor:pointer;transition:all .15s}.idea-cat-btn:hover{border-color:var(--border-strong)}.idea-cat-btn.selected,.idea-cat-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.attachment-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,var(--bg-elevated));font-size:12px}.attachment-row .attachment-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-secondary);font-weight:600}.attachment-row .attachment-size{color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.attachment-row--uploading{opacity:.76}.wizard-back-btn{justify-content:center;background:var(--surface);color:var(--fg-secondary);border-color:var(--border)}.wizard-back-btn:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-elevated)}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface);font-size:14px;font-weight:600;color:var(--fg);cursor:pointer;transition:all .15s}.auth-social-btn:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.idea-my-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.idea-detail-statusbar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);color:var(--fg-tertiary);font-size:12px}.idea-detail-statusbar strong{color:var(--fg-secondary);font-weight:700}.idea-detail-vote-btn{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));color:var(--fg-secondary);font-size:12px;font-weight:650;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)}.idea-detail-vote-btn:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.idea-detail-vote-btn.vote-pop-up,.idea-detail-vote-btn.vote-pop-down{animation:voteThumbPop .38s ease}.idea-detail-vote-btn--icon{min-height:28px;padding:0 9px;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.idea-detail-vote-btn--icon svg{flex-shrink:0;pointer-events:none}.idea-detail-vote-btn--icon .idea-detail-vote-count{font-size:12px;font-weight:700;color:inherit;font-variant-numeric:tabular-nums}.idea-detail-vote-btn--icon#ideaDetailUpvoteBtn.voted{background:var(--accent-light);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}.idea-detail-vote-btn--icon#ideaDetailDownvoteBtn.downvoted{background:color-mix(in srgb,var(--error) 10%,var(--bg-elevated));border-color:color-mix(in srgb,var(--error) 32%,var(--border));color:var(--error)}.idea-detail-statusbar .idea-detail-author #ideaDetailAuthor{color:var(--fg);font-weight:400}.detail-link-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s}.detail-link-item:hover{border-color:var(--accent)}.detail-link-item .link-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent)}.detail-link-item .link-body{flex:1;min-width:0}.detail-link-item .link-desc{font-size:13px;font-weight:500;color:var(--fg);display:block;margin-bottom:2px}.detail-link-item .link-url{font-size:11px;color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.detail-attach-item{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.detail-attach-item .attach-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary)}.detail-attach-item .attach-name{font-size:13px;font-weight:500;color:var(--fg-secondary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-attach-item .attach-lock{font-size:10px;color:var(--fg-tertiary);display:flex;align-items:center;gap:3px;flex-shrink:0}.comment-item{padding:16px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--accent);flex-shrink:0}.comment-author{font-size:13px;font-weight:600}.comment-time{font-size:12px;color:var(--fg-tertiary)}.comment-body{font-size:14px;line-height:1.55;color:var(--fg)}.sub-card{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#00c7ff));border-radius:var(--radius-2xl);padding:24px;color:var(--fg-inverse);margin-bottom:24px}.sub-card.free{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border)}.sub-card .sub-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.8;margin-bottom:4px}.sub-card.free .sub-label{color:var(--fg-tertiary)}.sub-card .sub-plan{font-size:24px;font-weight:600;margin-bottom:8px}.sub-card .sub-detail{font-size:13px;opacity:.85}.sub-card .sub-action{margin-top:16px}.sub-card .sub-action .btn{background:#fff3;color:var(--fg-inverse)}.sub-card .sub-action .btn:hover{background:#ffffff4d}.sub-card.free .sub-action .btn{background:var(--accent);color:var(--fg-inverse)}.billing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.billing-summary-cell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.billing-summary-cell .cell-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);margin-bottom:5px}.billing-summary-cell .cell-value{font-size:14px;font-weight:650;color:var(--fg)}.billing-summary-cell .cell-note{font-size:12px;color:var(--fg-tertiary);margin-top:4px;line-height:1.35}.billing-actions{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px 20px}.billing-action-secondary{border:1px solid var(--border);background:var(--surface);color:var(--fg-secondary)}.billing-action-danger{border:1px solid color-mix(in srgb,var(--error) 30%,var(--border));background:var(--error-bg);color:var(--error)}.email-pref-list{padding:6px 20px 18px}.email-pref-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.email-pref-item:last-child{border-bottom:none}.email-pref-copy h4{font-size:14px;font-weight:650;margin-bottom:3px}.email-pref-copy p{font-size:12px;color:var(--fg-tertiary);line-height:1.35}.email-pref-status{font-size:12px;font-weight:650;color:var(--fg-tertiary);border:1px solid var(--border);border-radius:999px;padding:5px 9px;white-space:nowrap}.email-pref-toggle{min-width:42px;height:24px;border-radius:999px;padding:2px;background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.email-pref-toggle:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px #00000029;transition:transform var(--duration-fast)}.email-pref-toggle.on{background:var(--accent);border-color:var(--accent)}.email-pref-toggle.on:before{transform:translate(18px)}.email-pref-toggle.locked{opacity:.72;cursor:not-allowed}.upgrade-modal .modal{max-width:620px}.upgrade-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.upgrade-option{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:14px;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.upgrade-option:hover{border-color:var(--border-strong)}.upgrade-option.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.upgrade-option.disabled{opacity:.45;cursor:not-allowed}.upgrade-option .uo-name{font-size:14px;font-weight:700}.upgrade-option .uo-price{font-size:12px;color:var(--fg-tertiary);margin-top:3px}.upgrade-preview-box{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-elevated)}.upgrade-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px}.upgrade-row:last-child{border-bottom:none}.upgrade-row .label{color:var(--fg-tertiary)}.upgrade-row .value{font-weight:650;text-align:right}.upgrade-row.highlight{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.upgrade-note{margin-top:14px;font-size:12px;line-height:1.45;color:var(--fg-tertiary);background:var(--info-bg);border:1px solid color-mix(in srgb,var(--info) 20%,var(--border));border-radius:var(--radius-lg);padding:12px}.history-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .16s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-elevated)}.history-thumb{width:52px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0;flex-shrink:0;position:relative;isolation:isolate;--cover-inset: 7px;overflow:hidden}.history-meta{flex:1;min-width:0}.history-meta h4{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta p{font-size:12px;color:var(--fg-tertiary)}.history-progress{width:40px;text-align:right}.history-progress span{font-size:12px;color:var(--fg-tertiary);font-family:var(--font-mono)}#view-home[data-auth=pending] .auth-member-only,#view-home[data-auth=pending] .paid-home-only,#view-home[data-auth=pending] .free-guest-home,#view-home[data-auth=pending] [data-visitor-only=true],#view-home:not([data-auth=pending]) #homeAuthSkeleton,#view-home[data-auth=guest] .auth-member-only,#view-home[data-auth=guest] .paid-home-only,#view-home[data-plan=free] .paid-home-only,#view-home[data-plan=lite] .free-guest-home,#view-home[data-plan=pro] .free-guest-home,#view-home[data-plan=max] .free-guest-home,#view-home[data-plan=free] .plan-paid-only,#view-home[data-plan=lite] .plan-paid-only,#view-home[data-plan=pro] .plan-free-lite-only,#view-home[data-plan=max] .plan-free-lite-only{display:none!important}.home-auth-skeleton{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:24px;padding:30px 32px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--bg-elevated-2))}.home-auth-skeleton-main,.home-auth-skeleton-side{display:flex;flex-direction:column;gap:12px}.home-skeleton-line,.home-skeleton-card{position:relative;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border) 55%,transparent)}.home-skeleton-line:after,.home-skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 64%,transparent),transparent);animation:dmxSkeletonShimmer 1.4s infinite}.home-skeleton-kicker{width:130px;height:14px}.home-skeleton-title{width:min(100%,520px);height:32px;border-radius:12px}.home-skeleton-copy{width:min(100%,640px);height:16px}.home-skeleton-copy.short{width:min(72%,420px)}.home-skeleton-card{height:54px;border-radius:14px}@keyframes dmxSkeletonShimmer{to{transform:translate(100%)}}.home-intelligence-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:28px;align-items:center;padding:30px 32px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),linear-gradient(180deg,var(--surface),var(--bg-elevated-2));box-shadow:0 18px 50px #0f172a0f;overflow:hidden;position:relative}.home-intelligence-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--border) 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 30%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.48),transparent 62%);mask-image:linear-gradient(90deg,rgba(0,0,0,.48),transparent 62%)}[data-visitor-only=true]{display:none}#view-home[data-auth=guest] [data-visitor-only=true]{display:block}.visitor-recent-cta{background:var(--surface-2, rgba(255,255,255,.04));border:1px solid var(--border-soft, rgba(255,255,255,.08));border-radius:12px;padding:24px 20px;margin:16px 0 32px;text-align:left}.visitor-recent-cta-inner{max-width:520px}.home-intelligence-copy,.ai-workbench{position:relative;z-index:1}.home-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-kicker:before{content:"";--breath-color: var(--accent);width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent);animation:heroBreath 2.4s ease-in-out infinite}.home-intelligence-copy h1{max-width:560px;margin:0 0 14px;color:var(--fg);font-family:var(--font-display);font-size:42px;font-weight:650;line-height:1.04;letter-spacing:0}.home-intelligence-copy p{max-width:540px;margin:0;color:var(--fg-secondary);font-size:15.5px;line-height:1.55;letter-spacing:0}.home-value-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.home-value-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;color:var(--fg-secondary);background:color-mix(in srgb,var(--surface) 78%,transparent);font-size:12px;font-weight:650;white-space:nowrap;animation:valuePillIn .5s ease-out both}.home-value-pill:nth-child(2){animation-delay:.08s}.home-value-pill:nth-child(3){animation-delay:.16s}.home-value-pill svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.home-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.home-hero-actions .btn{border-radius:10px;padding:11px 18px;font-size:14px;line-height:1.2}.home-trust-note{display:flex;align-items:flex-start;gap:9px;max-width:580px;margin-top:18px;color:var(--fg-tertiary);font-size:12.5px;line-height:1.5}.home-trust-note svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--accent)}.ai-workbench{background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:12px;box-shadow:0 12px 32px #0f172a14;overflow:hidden;animation:workbenchRise .55s ease-out both}.ai-workbench-top{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 60%,transparent)}.ai-workbench-title{display:flex;align-items:center;gap:8px;color:var(--fg);font-size:13px;font-weight:650}.course-structure-icon{flex-shrink:0}.ai-workbench-status{color:var(--success);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ai-workbench-body{padding:16px}.ai-query-box{margin-bottom:14px;padding:12px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.45}.ai-query-label{display:block;margin-bottom:5px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ai-stage-list{display:grid;gap:8px;margin-bottom:15px}.ai-stage{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;color:var(--fg-secondary);font-size:12.5px;animation:stageIn .42s ease-out both}.ai-stage:nth-child(2){animation-delay:.08s}.ai-stage:nth-child(3){animation-delay:.16s}.ai-stage:nth-child(4){animation-delay:.24s}.ai-stage-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent)}.ai-stage:nth-child(3) .ai-stage-dot{animation:aiStepPulse 1.9s ease-in-out infinite}.ai-stage-dot.pending{color:var(--fg-tertiary);background:var(--bg-elevated);border:1px solid var(--border)}.ai-stage-time{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px}.ai-outline{display:grid;gap:8px;padding:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:10px}.ai-outline-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;color:var(--fg-secondary);font-size:12px}.ai-outline-row strong{color:var(--fg);font-weight:650}.ai-outline-index{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px}.ai-mode-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ai-mode-pill,.tech-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;color:var(--fg-secondary);background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.home-metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;overflow:hidden;border-radius:12px}.home-metric{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-width:0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:12px;background:radial-gradient(circle at 86% 16%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated));transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;overflow:hidden}.home-metric:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 12px 28px #0f172a14}.home-metric-icon{width:42px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:10px;color:var(--accent);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:inset 0 1px #ffffff73;overflow:hidden}.home-metric-icon svg{width:25px;height:21px}.home-metric-copy{min-width:0}.home-metric strong{display:inline-block;margin-bottom:3px;color:var(--fg);font-family:var(--font-display);font-size:16px;font-weight:750;letter-spacing:0;font-variant-numeric:tabular-nums;animation:metricCountIn .72s cubic-bezier(.2,.8,.2,1) both}.home-metric span{display:block;color:var(--fg-tertiary);font-size:12px;white-space:nowrap}.home-metric:nth-child(2) strong{animation-delay:.05s}.home-metric:nth-child(3) strong{animation-delay:.1s}.home-metric:nth-child(4) strong{animation-delay:.15s}@keyframes metricCountIn{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}70%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes valuePillIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes workbenchRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stageIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes aiStepPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}}@keyframes heroBreath{0%,to{transform:scale(1);opacity:.82;box-shadow:0 0 0 5px color-mix(in srgb,var(--breath-color) 12%,transparent)}50%{transform:scale(1.16);opacity:1;box-shadow:0 0 0 9px color-mix(in srgb,var(--breath-color) 5%,transparent),0 0 18px color-mix(in srgb,var(--breath-color) 26%,transparent)}}@media(prefers-reduced-motion:reduce){.home-kicker:before,.paid-hero-kicker:before,.home-metric strong,.paid-hero-metric strong,.home-value-pill,.ai-workbench,.ai-stage,.ai-stage:nth-child(3) .ai-stage-dot{animation:none}}.member-command-center{display:block;margin-bottom:18px}.paid-hero-banner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:16px;padding:16px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--bg-elevated) 68%,var(--surface)));box-shadow:0 10px 28px #0f172a0f;overflow:hidden;position:relative}.paid-hero-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--border) 18%,transparent) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(120deg,rgba(0,0,0,.22),transparent 70%);mask-image:linear-gradient(120deg,rgba(0,0,0,.22),transparent 70%)}.paid-hero-main,.paid-hero-side,.paid-hero-metrics{position:relative;z-index:1}.paid-hero-main{min-width:0;padding:4px 2px 2px}.paid-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent);font-family:var(--font-mono);font-size:10.5px;font-weight:750;letter-spacing:0;text-transform:uppercase}.paid-hero-kicker:before{content:"";--breath-color: var(--accent);width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent);animation:heroBreath 2.4s ease-in-out infinite}.paid-hero-main h1{margin:0 0 9px;color:var(--fg);font-family:var(--font-display);font-size:28px;font-weight:650;line-height:1.12;letter-spacing:0}.paid-hero-main p{max-width:560px;margin:0;color:var(--fg-secondary);font-size:14px;line-height:1.52}.paid-hero-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:11px;letter-spacing:0;text-transform:uppercase}.paid-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.paid-hero-actions .btn{border-radius:8px;padding:9px 14px}.paid-hero-side{display:grid;gap:7px;align-content:start;min-width:0}.paid-hero-side-label{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px;font-weight:750;letter-spacing:0;text-transform:uppercase}.paid-feature-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;min-width:0;padding:8px 9px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.paid-feature-row:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 8px 18px #0f172a0d}.paid-feature-thumb{width:38px;height:38px;border-radius:8px;position:relative;overflow:hidden;isolation:isolate;--cover-inset: 7px}.paid-feature-thumb:before,.paid-feature-thumb:after{content:"";position:absolute;inset:var(--cover-inset);border-radius:6px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,transparent 0,transparent 48%,var(--cover-signal-color) 48%,var(--cover-signal-color) 52%,transparent 52%,transparent 100%),linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:100% 100%,12px 12px,12px 12px}.paid-feature-thumb:after{inset:auto 9px 10px;height:2px;border:0;background:linear-gradient(90deg,transparent,var(--cover-signal-color),transparent);box-shadow:0 0 18px var(--cover-glow-color)}.paid-feature-thumb.paid-feature-thumb--default{background-image:linear-gradient(180deg,#0000002e,#0000006b),url(/assets/covers/topic-default-cover.png);background-size:cover;background-position:center}.paid-feature-thumb.paid-feature-thumb--default:before,.paid-feature-thumb.paid-feature-thumb--default:after{display:none}.paid-feature-row strong{display:block;color:var(--fg);font-size:13px;font-weight:650;line-height:1.22}.paid-feature-row span{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px;letter-spacing:0;text-transform:uppercase}.paid-feature-arrow{color:var(--fg-tertiary);font-size:15px}.paid-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;grid-column:1 / -1;overflow:visible;border:0;border-radius:0;background:transparent}.paid-hero-metric{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated))}.paid-hero-metric-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:8px;color:var(--accent);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:inset 0 1px #ffffff73;overflow:hidden}.paid-hero-metric-icon svg{width:22px;height:22px}.paid-hero-metric-copy{display:flex;min-height:38px;flex-direction:column;justify-content:center;gap:1px;min-width:0}.paid-hero-metric strong{display:block;margin:0;color:var(--fg);font-family:var(--font-mono);font-size:14px;font-weight:780;line-height:1.08;letter-spacing:0}.paid-hero-metric span{color:var(--fg-tertiary);font-size:11.5px;line-height:1.2;white-space:nowrap}.recommended-section .scroll-list{margin-bottom:0}.recommended-list{gap:14px}.recommended-list .topic-card{min-width:230px;max-width:248px}.trending-section .scroll-list{margin-bottom:0}.trending-list{gap:14px}.trending-list .topic-card{min-width:230px;max-width:248px}.member-command-main,.member-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px}.member-command-main{padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2));box-shadow:0 16px 40px #0f172a14}.member-command-main:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--border) 32%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 22%,transparent) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.65),transparent 78%);mask-image:linear-gradient(135deg,rgba(0,0,0,.65),transparent 78%)}.member-command-kicker,.member-panel-label,.member-stat-label{color:var(--fg-tertiary);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.member-command-main h1{margin:10px 0;color:var(--fg);font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:650;letter-spacing:-.03em;line-height:1.08}.member-command-main p{max-width:560px;margin:0;color:var(--fg-secondary);font-size:14px;line-height:1.55}.member-command-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.member-command-actions .btn{border-radius:10px;padding:10px 16px}.workspace-brief{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.workspace-brief-item{padding:12px 13px;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 90%,var(--bg-elevated));box-shadow:inset 0 1px #ffffff40}.workspace-brief-item span{display:block;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.workspace-brief-item strong{display:block;margin-top:8px;color:var(--fg);font-size:13.5px;font-weight:650;line-height:1.35}.member-quick-grid{display:grid;gap:16px}.member-panel{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2));box-shadow:0 12px 28px #0f172a0f}.member-panel-spotlight{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2));border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.member-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.member-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--accent-light-2);color:var(--accent);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.member-plan-badge.locked{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.member-panel strong{display:block;color:var(--fg);font-size:15px;font-weight:650;line-height:1.35}.member-panel p{margin:6px 0 0;color:var(--fg-secondary);font-size:12.5px;line-height:1.5}.member-panel-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:11px}.member-panel-actions{display:flex;gap:10px;margin-top:14px}.member-panel-actions .btn{padding:9px 14px;border-radius:9px}.member-metrics-strip{display:none;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.member-stat{padding:12px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2));border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #0f172a0d}.member-stat strong{display:block;margin-top:8px;color:var(--fg);font-family:var(--font-mono);font-size:15px;font-weight:750}.member-stat span{display:block;margin-top:4px;color:var(--fg-secondary);font-size:12px}.resume-card.command-resume{border-radius:12px;padding:12px 14px;gap:14px;box-shadow:0 10px 24px #0f172a0d;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2))}.command-resume .resume-thumb{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface)),var(--surface);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:800}.command-resume .resume-title{font-size:13.5px}.resume-mode-tabs{display:flex;gap:4px;margin-right:6px}.resume-mode-tabs span{padding:4px 8px;border-radius:7px;color:var(--fg-tertiary);background:var(--bg-elevated);font-family:var(--font-mono);font-size:10.5px;font-weight:700}.resume-mode-tabs span.active{color:var(--accent);background:var(--accent-light-2)}.sv-section{margin:20px 0 18px}.sv-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.sv-section-header h3{margin:0;color:var(--fg);font-family:var(--font-display);font-size:22px;font-weight:650;letter-spacing:-.02em}.sv-section-header p{margin:4px 0 0;color:var(--fg-tertiary);font-size:13px}.sv-section-header a,.sv-link{color:var(--accent);font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}.rec-header-actions{display:inline-flex;align-items:center;gap:10px}.rec-refresh-btn{color:var(--fg-tertiary);gap:4px}.rec-refresh-btn:hover{color:var(--fg)}.rec-refresh-btn:disabled{cursor:wait}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.path-card{display:flex;flex-direction:column;min-height:250px;padding:16px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 12px 30px #0f172a0d}.path-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 18px 36px #0f172a14}.path-visual{aspect-ratio:16 / 9;height:auto;margin-bottom:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;font-size:0;isolation:isolate;--cover-inset: 14px;--cover-line-color: rgba(255,255,255,.16);--cover-signal-color: rgba(255,255,255,.46);--cover-glow-color: rgba(120, 200, 255, .22)}.path-card h4{margin:0 0 7px;font-size:16px;font-weight:650;letter-spacing:-.01em}.path-card p{margin:0 0 14px;color:var(--fg-secondary);font-size:13px;line-height:1.45}.path-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:auto;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:11px;line-height:1.5;text-transform:uppercase}.path-meta span{white-space:nowrap}.path-meta span.mode-wide{width:100%;color:var(--fg-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.mode-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}.mode-card{padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2))}.mode-card svg{width:22px;height:22px;margin-bottom:12px;color:var(--accent)}.mode-card h4{margin:0 0 5px;font-size:14px;font-weight:700}.mode-card p{margin:0;color:var(--fg-secondary);font-size:12.5px;line-height:1.45}.flywheel-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:18px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--bg-elevated-2));border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 32px #0f172a0f}.flywheel-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.flywheel-step{min-height:104px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--fg) 2%,transparent)}.flywheel-step-num{display:block;margin-bottom:12px;color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:800}.flywheel-step strong{display:block;margin-bottom:5px;font-size:13px}.flywheel-step span{color:var(--fg-tertiary);font-size:11.5px;line-height:1.4}.flywheel-card{padding:14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.flywheel-card h4{margin:0 0 6px;font-size:15px;font-weight:700}.flywheel-card p{margin:0 0 12px;color:var(--fg-secondary);font-size:12.5px;line-height:1.45}.flywheel-card .idea-footer{margin-bottom:12px}.topic-card:hover,.idea-item:hover{transform:none;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 8px 22px #0f172a0f}[data-theme=dark] .home-intelligence-hero{background:radial-gradient(circle at 82% 12%,rgba(41,151,255,.14),transparent 34%),linear-gradient(180deg,#111113,#0b0b0d);border-color:#252528;box-shadow:0 18px 54px #0000005c}[data-theme=dark] .ai-workbench,[data-theme=dark] .home-metric,[data-theme=dark] .home-value-pill,[data-theme=dark] .member-command-main,[data-theme=dark] .member-panel,[data-theme=dark] .member-stat,[data-theme=dark] .path-card,[data-theme=dark] .mode-card,[data-theme=dark] .flywheel-panel,[data-theme=dark] .flywheel-card{background:#111113;border-color:#252528}[data-theme=dark] .ai-query-box{background:#0a0a0b;border-color:#252528}[data-theme=dark] .ai-workbench-top,[data-theme=dark] .path-visual,[data-theme=dark] .recent-card .recent-thumb,[data-theme=dark] .history-thumb,[data-theme=dark] .flywheel-step{background:#161618;border-color:#252528}[data-theme=dark] .workspace-brief-item,[data-theme=dark] .resume-card.command-resume,[data-theme=dark] .mode-card{background:linear-gradient(180deg,#151518,#101013);border-color:#252528;box-shadow:0 10px 24px #00000038}[data-theme=dark] .member-command-main,[data-theme=dark] .member-panel-spotlight,[data-theme=dark] .flywheel-panel{box-shadow:0 18px 40px #00000042}[data-theme=dark] .ai-outline{background:#2997ff14;border-color:#2997ff2e}[data-theme=dark] .home-metrics-strip,[data-theme=dark] .mode-strip{background:#252528;border-color:#252528}[data-theme=dark] .home-metric,[data-theme=dark] .paid-feature-row,[data-theme=dark] .paid-hero-metric{background:linear-gradient(180deg,#151518,#101013);border-color:#252528}[data-theme=dark] .paid-hero-banner{border-color:#252528;background:linear-gradient(180deg,#151518,#101013);box-shadow:0 14px 32px #0000003d}[data-theme=dark] .paid-hero-metrics{background:transparent;border-color:transparent}[data-theme=dark] .home-metric:hover,[data-theme=dark] .paid-feature-row:hover{border-color:#2997ff5c;box-shadow:0 14px 30px #00000038}@media(max-width:1024px){.nav-tabs{display:none}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.home-intelligence-hero,.member-command-center,.paid-hero-banner,.flywheel-panel,.path-grid,.mode-strip{grid-template-columns:1fr}.flywheel-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.app-main{padding:20px 16px}#view-home-browse>div:first-child{flex-direction:column;align-items:flex-start!important;gap:10px}#view-home-browse>div:first-child>div:last-child{width:100%;min-width:0;flex-wrap:wrap;gap:8px!important}.paywall-modal .modal{max-width:calc(100vw - 32px)}.pw-billing-tabs{display:grid;grid-template-columns:1fr;width:100%}.pw-billing-tab{padding:8px 10px}.pw-tiers{grid-template-columns:1fr;width:100%}.home-hero{padding:24px}.home-intelligence-hero{padding:24px 18px;gap:22px}.home-intelligence-copy h1{font-size:32px;line-height:1.08}.home-intelligence-copy p{font-size:15px}.home-value-strip{gap:7px}.home-value-pill{max-width:100%;white-space:normal}.home-hero-actions{flex-direction:column}.home-hero-actions .btn{width:100%;justify-content:center}.home-metrics-strip{grid-template-columns:1fr 1fr}.home-metric{grid-template-columns:38px 1fr;gap:9px;padding:12px}.home-metric-icon{width:38px;height:32px;border-radius:9px}.home-metric strong{font-size:14px}.home-metric span{font-size:11px;white-space:normal}.paid-hero-banner{padding:16px;gap:14px}.paid-hero-main h1{font-size:24px}.paid-hero-main p{font-size:13px}.paid-hero-actions{flex-direction:column}.paid-hero-actions .btn{width:100%;justify-content:center}.paid-feature-row{grid-template-columns:36px 1fr auto}.paid-feature-thumb{width:36px;height:36px;border-radius:8px}.paid-feature-thumb:after{inset:auto 9px 9px}.paid-hero-metrics{grid-template-columns:1fr}.paid-hero-metric{grid-template-columns:36px 1fr}.paid-hero-metric-icon{width:36px;height:36px;border-radius:9px}.paid-hero-metric-copy{min-height:36px}.recommended-list .topic-card,.trending-list .topic-card{min-width:220px;max-width:220px}.member-metrics-strip{grid-template-columns:1fr 1fr}.member-command-main{padding:20px 18px}.workspace-brief{grid-template-columns:1fr}.member-panel-actions{flex-direction:column}.member-panel-actions .btn{width:100%;justify-content:center}.resume-card.command-resume{align-items:flex-start}.command-resume .resume-controls{width:100%;justify-content:space-between}.resume-mode-tabs{display:none}.flywheel-steps,.topic-grid{grid-template-columns:1fr}.community-submit-bar{flex-direction:column;gap:16px;text-align:center}.idea-item{flex-direction:column}.idea-votes{flex-direction:row;min-width:auto}}.gh-trending-gate{text-align:center;padding:64px 0 var(--space-32);max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.gh-trending-gate .gate-icon{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,#24292e,#586069);display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;box-shadow:0 16px 48px #24292e40,0 0 0 6px color-mix(in srgb,#24292e 10%,transparent);margin-bottom:56px}[data-theme=dark] .gh-trending-gate .gate-icon{background:linear-gradient(135deg,#e1e4e8,#959da5);color:#24292e;box-shadow:0 16px 48px #e1e4e826,0 0 0 6px color-mix(in srgb,#e1e4e8 10%,transparent)}.gh-trending-gate h2{font-family:var(--font-display);font-size:30px;font-weight:600;margin-bottom:16px;letter-spacing:-.025em;line-height:1.2}.gh-gate-subtitle{font-size:15px;color:var(--fg-secondary);margin-bottom:var(--space-40);line-height:1.7;max-width:540px;margin-left:auto;margin-right:auto}.gh-trending-gate .pw-billing-tabs{margin-bottom:20px;width:100%;max-width:480px}.gh-trending-gate .pw-tiers{margin-bottom:20px;width:100%}.gh-trending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-32)}.gh-trending-header h1{margin-bottom:0}.gh-toolbar{justify-content:space-between}.gh-search{min-height:36px}.gh-search svg{width:15px;height:15px;flex-shrink:0}.gh-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--fg);font-size:13px}.gh-search input::placeholder{color:var(--fg-tertiary)}.gh-repo-list{display:flex;flex-direction:column;gap:12px}.gh-repo-card{display:flex;align-items:flex-start;gap:var(--space-16);padding:16px 18px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast);cursor:pointer}.gh-repo-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 12px 28px #0f172a0f;transform:translateY(-1px)}.gh-repo-rank{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-mono);background:color-mix(in srgb,var(--surface) 92%,var(--bg-elevated));color:var(--fg-secondary);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.gh-repo-rank.top-3{background:var(--fg);color:var(--bg);border-color:var(--fg)}.gh-repo-info{flex:1;min-width:0}.gh-repo-name{font-size:15px;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:8px}.gh-repo-name .gh-lang-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gh-repo-desc{font-size:13px;color:var(--fg-secondary);margin:0 0 8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gh-repo-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--fg-tertiary)}.gh-repo-meta span{display:inline-flex;align-items:center;gap:4px}.gh-repo-stars{flex-shrink:0;text-align:right}.gh-repo-stars .star-count{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--fg);display:block;line-height:1}.gh-repo-stars .star-label{font-size:11px;color:var(--fg-tertiary)}.gh-repo-stars .star-today{font-size:11px;color:var(--success);font-weight:600;margin-top:4px;display:block}.gh-deep-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);padding:4px 10px;border-radius:var(--radius-pill);background:var(--accent-light);margin-top:6px}@media(max-width:720px){.gh-toolbar{align-items:stretch;flex-direction:column}}.view{display:none}.view.active{display:block;animation:fadeIn .2s ease-out}main.app-main>*:not(.view):not(.top-nav):not(.login-gate):not(.modal-overlay):not(.web-player):not(.video-fullscreen):not(.video-paywall-toast):not(style):not(script){display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.feedback-cat-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;border:1.5px solid var(--border);color:var(--fg-secondary);background:var(--surface);cursor:pointer;transition:all var(--duration-fast)}.feedback-cat-btn:hover{border-color:var(--border-strong);color:var(--fg)}.feedback-cat-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.feedback-upload-zone:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.feedback-upload-zone.has-file{border-color:var(--accent);background:var(--accent-light)}.ai-create-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-32)}.ai-create-header h1{margin-bottom:0}.ai-quota-badge{font-size:12px;font-weight:650;padding:0 13px;min-height:32px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);display:inline-flex;align-items:center;gap:6px}.ai-quota-badge .used{color:var(--fg-tertiary);font-weight:400}.ai-create-bar{display:flex;align-items:center;gap:var(--space-24);padding:20px 22px;background:color-mix(in srgb,var(--surface) 94%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;margin-bottom:var(--space-32);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.ai-create-bar:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 12px 28px #0f172a0f;transform:translateY(-1px)}.ai-create-bar .acb-icon{width:42px;height:42px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.ai-create-bar .acb-icon svg{width:25px;height:25px}.ai-create-gate .gate-icon .course-structure-icon{width:46px;height:46px}.ai-create-bar .acb-text h4{font-size:15px;font-weight:600;margin-bottom:2px}.ai-create-bar .acb-text p{font-size:13px;color:var(--fg-tertiary);margin:0}.ai-created-list{display:flex;flex-direction:column;gap:12px}.ai-created-item{display:flex;align-items:center;gap:var(--space-16);padding:15px 16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.ai-created-item:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface));box-shadow:0 12px 28px #0f172a0f}.ai-created-thumb{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.ai-created-thumb.ai-created-thumb--default{background-image:linear-gradient(180deg,#0000002e,#0000006b),url(/assets/covers/topic-default-cover.png);background-size:cover;background-position:center}.ai-created-info{flex:1;min-width:0}.ai-created-info h4{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-created-info p{font-size:12px;color:var(--fg-tertiary);margin:0}.ai-created-info p.ai-created-foot{font-size:11px;color:var(--fg-tertiary);margin-top:2px;opacity:.75}.ai-created-status{flex-shrink:0}.ai-create-gate{text-align:center;padding:64px 0 var(--space-32);max-width:760px;margin:0 auto;background:transparent;border-radius:0;border:none;display:flex;flex-direction:column;align-items:center}.ai-create-gate .gate-icon{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#a855f7));display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;box-shadow:0 16px 48px #0071e340,0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent);margin-bottom:56px}.ai-create-gate h2{font-family:var(--font-display);font-size:30px;font-weight:600;margin-bottom:16px;letter-spacing:-.025em;line-height:1.2}.ai-gate-subtitle{font-size:15px;color:var(--fg-secondary);margin-bottom:var(--space-40);line-height:1.7;max-width:540px;margin-left:auto;margin-right:auto}.ai-create-gate .pw-billing-tabs{margin-bottom:20px;width:100%;max-width:480px}.ai-create-gate .pw-tiers{margin-bottom:20px;width:100%}.ai-create-gate .pw-footer{margin-top:12px;width:100%}.ai-create-gate .pw-footer .pw-footer-check{text-align:center}.premium-unlock-card{padding:16px 20px;margin:16px 0 24px;border-radius:var(--radius-lg);background:var(--accent-light-2);border:1px solid var(--accent-light)}.web-player{position:fixed;bottom:0;left:0;right:0;z-index:90;height:var(--player-height);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 24px;transform:translateY(100%);opacity:0;transition:transform .45s var(--ease-out),opacity 1.5s ease}.web-player.visible{transform:translateY(0);opacity:1}.web-player .wp-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.web-player .wp-thumb{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.web-player .wp-meta{min-width:0}.web-player .wp-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-player .wp-sub{font-size:12px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-player .wp-controls{display:flex;align-items:center;gap:8px}.web-player .wp-time{min-width:86px;text-align:right;color:var(--fg-tertiary);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.web-player .wp-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg);transition:background var(--duration-fast)}.web-player .wp-btn:hover{background:var(--bg-elevated)}.web-player .wp-btn.play{width:40px;height:40px;background:var(--accent);color:var(--fg-inverse);overflow:hidden;transform:translateZ(0)}.web-player .wp-speed-btn{width:64px;min-width:64px;padding:0;border-radius:var(--radius-pill);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.web-player .wp-mode{display:flex;gap:4px;margin-left:16px}.web-player .wp-mode-btn{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);color:var(--fg-tertiary);cursor:pointer;transition:all var(--duration-fast)}.web-player .wp-mode-btn.active{background:var(--accent);color:var(--fg-inverse)}.web-player .wp-progress{position:absolute;top:-2px;left:0;right:0;height:4px;background:var(--bg-elevated);cursor:pointer}.web-player .wp-progress-fill{height:100%;background:var(--accent);width:0%;border-radius:2px;transition:width .5s linear}.vf-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:24px 24px 26px;background:linear-gradient(0deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.34) 58%,transparent 100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;align-items:end;transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.vf-topic-name{grid-column:1;grid-row:1;font-size:15px;font-weight:700;color:#fff;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-chapter-desc{display:none}.vf-progress-shell{grid-column:1 / -1;grid-row:2;position:relative;height:18px;margin:4px 0 0;cursor:pointer;touch-action:none}.vf-progress-shell:before{content:"";position:absolute;left:0;right:0;top:7px;height:4px;border-radius:999px;background:#ffffff38}.vf-progress-fill{position:absolute;left:0;top:7px;height:4px;background:#fff;width:0%;border-radius:999px;box-shadow:0 0 14px #ffffff61;transition:width .18s linear}.vf-progress-fill:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 0 4px #ffffff29}.vf-controls{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:30px;padding-right:0;max-width:calc(100vw - 48px)}.vf-time{color:#ffffffb8;font-size:12px;font-variant-numeric:tabular-nums;margin-right:2px;white-space:nowrap}.vf-control-btn{min-width:44px;height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,transform .18s ease}#vfSpeedBtn{width:64px;min-width:64px;padding:0}.vf-control-btn:hover{background:#ffffff38;transform:translateY(-1px)}.vf-center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.video-fullscreen:hover .vf-center-controls,.video-fullscreen.controls-visible .vf-center-controls,.vf-center-controls:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.video-fullscreen.controls-idle .vf-top,.video-fullscreen.controls-idle .vf-bottom,.video-fullscreen.controls-idle .vf-center-controls{opacity:0;visibility:hidden;pointer-events:none}.video-fullscreen.controls-idle .vf-top{transform:translateY(-10px)}.video-fullscreen.controls-idle .vf-bottom{transform:translateY(12px)}.video-fullscreen.controls-idle .vf-center-controls{transform:translate(-50%,-50%) scale(.96)}.video-fullscreen.replay-active .vf-center-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.96)!important}.vf-media-btn{position:relative;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#fff;background:#10121857;-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 34px #00000042,inset 0 1px #ffffff14;transition:transform .16s ease,background .16s ease,border-color .16s ease}.vf-media-btn:hover{transform:translateY(-1px) scale(1.04);background:#ffffff2b;border-color:#ffffff4d}.vf-media-btn.primary{width:66px;height:66px;background:#ffffffb8;color:#0b0b0e;border-color:#ffffff80;-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25)}.vf-media-btn svg{width:21px;height:21px}.vf-media-btn.primary svg{width:28px;height:28px}.vf-seek-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;padding-top:1px}.vf-media-btn .vf-seek-label+svg{width:31px;height:31px;opacity:.92}.vf-chapter-dots{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:24px}.vf-dot{position:relative;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#ffffff3d;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.vf-dot:hover{transform:scale(1.18);background:#ffffff8f}.vf-dot.active{background:#fff;border-color:#fff;animation:vfDotBreathe 1.8s ease-in-out infinite}.vf-dot.played{background:#ffffff9e}.vf-dot-tooltip{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:220px;padding:9px 10px;border-radius:8px;background:#121214e0;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px #00000057;color:#fff;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.vf-dot:hover .vf-dot-tooltip{opacity:1;visibility:visible}.vf-dot-tooltip strong{display:block;font-size:12px;line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-dot-tooltip span{display:block;font-size:11px;line-height:1.35;color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes vfDotBreathe{0%,to{box-shadow:0 0 #ffffff5c,0 0 12px #ffffff2e}50%{box-shadow:0 0 0 7px #fff0,0 0 20px #ffffff6b}}.vf-complete{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;padding:40px}.vf-complete.active{display:flex}.vf-complete-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.vf-complete-icon svg{width:36px;height:36px;fill:#fff}.vf-complete-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;font-family:var(--font-display)}.vf-complete-sub{font-size:14px;color:#fff9;margin-bottom:32px}.vf-complete-actions{display:flex;gap:12px}.vf-complete-btn{padding:12px 28px;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:transform .2s,opacity .2s}.vf-complete-btn:hover{transform:scale(1.04)}.vf-complete-btn:active{transform:scale(.97)}.vf-complete-btn.primary{background:var(--accent);color:#fff}.vf-complete-btn.secondary{background:#ffffff26;color:#fff}.vf-replay{position:absolute;left:50%;top:50%;z-index:18;transform:translate(-50%,-50%);min-width:292px;min-height:52px;border:1px solid rgba(255,255,255,.16);border-radius:999px;display:none;align-items:center;justify-content:flex-start;gap:10px;color:#fff;background:#12141a75;-webkit-backdrop-filter:blur(26px) saturate(1.22);backdrop-filter:blur(26px) saturate(1.22);box-shadow:0 22px 58px #0000004d,inset 0 1px #ffffff1a;padding:6px 14px 6px 8px;cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}.vf-replay.active{display:inline-flex}.vf-replay:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translate(-50%,-50%) translateY(-1px)}.vf-replay-restart,.vf-replay-progress{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px) saturate(1.18);-webkit-backdrop-filter:blur(10px) saturate(1.18);box-shadow:0 10px 26px #00000038,inset 0 1px #ffffff14;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}.vf-replay-restart svg{width:16px;height:16px}.vf-replay:hover .vf-replay-restart,.vf-replay:hover .vf-replay-progress{background:#ffffff38;border-color:#ffffff52}.vf-replay-progress:before{content:none}.vf-replay-play{position:absolute;inset:0;display:grid;place-items:center;background:transparent;color:#fff;box-shadow:none;z-index:1}.vf-replay-play svg{width:12px;height:12px;margin-left:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.vf-replay-progress{position:relative}.vf-replay-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.vf-replay-copy strong{font-size:13px;font-weight:800;line-height:1.2}.vf-replay-copy span{font-size:11.5px;color:#ffffffad}.vf-swipe-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:8px;animation:vfSwipeHint 2s ease-in-out infinite;pointer-events:none;opacity:0;transition:opacity .5s}.vf-swipe-hint.show{opacity:1}.vf-swipe-hint svg{width:20px;height:20px;fill:#ffffff80}.vf-swipe-hint span{font-size:11px;color:#fff6}@keyframes vfSwipeHint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.dmx-fireworks{position:fixed;inset:0;z-index:10060;pointer-events:none;overflow:hidden}.dmx-fw-shell{position:absolute;left:var(--cx, 50%);top:var(--cy, 50%)}.dmx-fw-shell span{position:absolute;left:0;top:0;width:var(--w, 5px);height:var(--w, 5px);border-radius:999px;background:currentColor;opacity:0;transform:translate(-50%,-50%) scale(.4);box-shadow:0 0 9px currentColor,0 0 3px #fff;animation:dmxFirework var(--dur, 1.3s) cubic-bezier(.15,.7,.2,1) var(--delay, 0ms) forwards;will-change:transform,opacity}.dmx-fw-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;min-height:40px;align-items:center;padding:0 22px;border-radius:999px;background:#14161ab8;color:#fff;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:15px;font-weight:800;letter-spacing:.2px;box-shadow:0 18px 50px #00000057;white-space:nowrap;animation:dmxFwLabel 2.6s ease forwards}@keyframes dmxFirework{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}10%{opacity:1}72%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px) + 46px)) scale(.85)}}@keyframes dmxFwLabel{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.94)}16%,74%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 6px)) scale(.98)}}@media(prefers-reduced-motion:reduce){.dmx-fw-shell span{animation:none}}.video-fullscreen{position:fixed;inset:0;z-index:9999;background:#000;display:none;flex-direction:column;overflow:hidden;font-family:var(--font-body)}.video-fullscreen.active{display:flex}.vf-chapters{flex:1;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.vf-chapter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;will-change:transform,opacity}.vf-chapter.current{transform:translateY(0);opacity:1}.vf-chapter.above{transform:translateY(-100%);opacity:0}.vf-chapter.below{transform:translateY(100%);opacity:0}.vf-video-area{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vf-video-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55)}.vf-play-ring{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s}.vf-play-ring:hover{transform:scale(1.08);background:#ffffff40}.vf-play-ring:active{transform:scale(.95)}.vf-play-ring svg{width:36px;height:36px;fill:#fff;margin-left:4px}.vf-play-ring.playing svg{margin-left:0}.vf-top{position:absolute;top:0;left:0;right:0;z-index:10;padding:18px 24px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.24) 62%,transparent 100%);transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.vf-back{height:32px;min-width:76px;padding:0 12px 0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:1px solid rgba(255,255,255,.18);color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff14;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}.vf-back:hover{background:#ffffff38;border-color:#ffffff52;transform:translate(-1px);box-shadow:0 12px 32px #00000047}.vf-back-symbol{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vf-back-symbol svg{width:15px;height:15px}.vf-back span:not(.vf-back-symbol){font-size:12px;font-weight:800;letter-spacing:0}@keyframes vfBackBreathe{0%,to{box-shadow:0 0 #ffffff1f,inset 0 0 18px #ffffff0a}50%{box-shadow:0 0 0 7px #fff0,inset 0 0 22px #ffffff1a}}.vf-chapter-info{flex:1;min-width:0}.vf-chapter-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-chapter-label{margin-top:3px;font-size:12px;color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:18px;align-items:center}.vf-corner-actions{position:absolute;right:22px;bottom:102px;z-index:12;display:flex;flex-direction:column;gap:10px;align-items:center}.vf-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border:none;background:none;color:#fff}.vf-action-icon{width:44px;height:44px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.vf-action-btn:hover .vf-action-icon{background:#ffffff40;transform:scale(1.08)}.vf-action-btn:active .vf-action-icon{transform:scale(.92)}.vf-action-icon svg{width:20px;height:20px;fill:#fff}.vf-action-label{font-size:11px;color:#fffc}.vf-action-btn.favorited .vf-action-icon{background:#ff3b304d}.vf-action-btn.favorited .vf-action-icon svg{fill:#ff3b30}.modal-auth{position:relative;max-width:440px!important;width:92%!important;padding:36px 36px 28px!important;border-radius:20px!important;background:var(--surface, #ffffff)!important;box-shadow:0 24px 64px -12px #00000040,0 0 0 1px var(--border, #d2d2d7);overflow:visible!important;font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--fg, #1d1d1f)}.modal-auth-narrow{max-width:400px!important}[data-theme=dark] .modal-auth{background:linear-gradient(180deg,#1c1c1e,#16161a)!important;box-shadow:0 24px 64px -12px #0009,0 0 0 1px #ffffff14}.modal-close-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated, #f5f5f7);border:1px solid var(--border, #d2d2d7);color:var(--fg-secondary, #6e6e73);cursor:pointer;transition:all .15s ease;z-index:2}.modal-close-x:hover{background:var(--surface-secondary, #fafafa);color:var(--fg, #1d1d1f);transform:scale(1.06);border-color:var(--border-strong, #86868b)}[data-theme=dark] .modal-close-x{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffb3}[data-theme=dark] .modal-close-x:hover{background:#ffffff1f;color:#fff}.modal-auth-brand{display:flex;justify-content:center;align-items:center;margin-bottom:18px;padding-top:4px}.auth-brand-logo{height:32px;width:auto;display:block;object-fit:contain}.modal-auth-header{text-align:center;margin-bottom:22px}.modal-auth-title{font-family:var(--font-display, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:22px;font-weight:700;margin:0 0 6px;letter-spacing:-.4px;color:var(--fg, #1d1d1f);line-height:1.2}.modal-auth-sub{font-size:13px;color:var(--fg-tertiary, #86868b);margin:0;line-height:1.45;font-weight:400}.modal-auth-body{padding:0}.auth-social-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.auth-social-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;padding:0 16px!important;background:var(--surface, #ffffff);color:var(--fg, #1d1d1f)!important;border:1.5px solid var(--border, #d2d2d7);border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;letter-spacing:-.1px}.auth-social-btn:hover{background:var(--bg-elevated, #f5f5f7);border-color:var(--border-strong, #86868b);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.auth-social-btn:active{transform:translateY(0)}.auth-social-btn svg{flex-shrink:0}[data-theme=dark] .auth-social-btn{background:#ffffff0a;border-color:#ffffff1f;color:#f0f0f5!important}[data-theme=dark] .auth-social-btn:hover{background:#ffffff14;border-color:#fff3}.auth-divider{position:relative;text-align:center;margin:16px 0 18px;height:1px;background:var(--border, #d2d2d7)}.auth-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface, #ffffff);padding:0 12px;font-size:11px;color:var(--fg-tertiary, #86868b);text-transform:uppercase;letter-spacing:.6px;font-weight:600}[data-theme=dark] .auth-divider span{background:#1c1c1e}.auth-field{margin-bottom:14px}.auth-field .input{width:100%;height:44px;padding:0 14px;font-size:14px;border-radius:10px;border:1.5px solid var(--border, #d2d2d7);background:var(--surface, #ffffff);color:var(--fg, #1d1d1f);font-family:inherit;transition:all .15s ease}.auth-field .input:focus{outline:none;border-color:var(--accent, #0071e3);box-shadow:0 0 0 4px var(--accent-light, rgba(0, 113, 227, .1))}.auth-field .input::placeholder{color:var(--fg-tertiary, #86868b)}[data-theme=dark] .auth-field .input{background:#ffffff0a;border-color:#ffffff1f;color:#f0f0f5}[data-theme=dark] .auth-field .input:focus{border-color:#0a84ff;background:#ffffff0f}.wizard-label{display:block;font-size:12px;font-weight:600;color:var(--fg-secondary, #6e6e73);margin-bottom:6px;letter-spacing:.1px}.auth-forgot-row{text-align:right;margin:-4px 0 16px}.auth-link{color:var(--accent, #0071e3);text-decoration:none;font-size:12px;font-weight:500;transition:opacity .15s}.auth-link:hover{opacity:.75;text-decoration:underline}.auth-primary-btn{height:46px!important;font-size:15px!important;font-weight:600!important;border-radius:12px!important;letter-spacing:-.1px;margin-top:4px}.auth-foot{text-align:center;font-size:13px;color:var(--fg-tertiary, #86868b);margin:18px 0 0;line-height:1.5}.auth-link-strong{color:var(--accent, #0071e3);text-decoration:none;font-weight:600}.auth-link-strong:hover{text-decoration:underline}.auth-terms{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--fg-tertiary, #86868b);cursor:pointer;line-height:1.5;margin:4px 0 18px}.auth-terms input[type=checkbox]{margin-top:2px;accent-color:var(--accent, #0071e3);flex-shrink:0}.forgot-success-icon{width:52px;height:52px;border-radius:50%;background:var(--success-bg, rgba(48, 209, 88, .12));display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.forgot-success-title{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--fg, #1d1d1f)}.forgot-success-detail{font-size:13px;color:var(--fg-secondary, #6e6e73);line-height:1.5;margin:0 0 20px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;max-width:min(420px,calc(100vw - 48px));font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;min-width:280px;max-width:100%;padding:14px 14px 14px 16px;background:var(--surface, #ffffff);color:var(--fg, #1d1d1f);border:1px solid var(--border, #d2d2d7);border-radius:14px;box-shadow:0 12px 32px -8px #0000002e,0 2px 6px #0000000d;opacity:0;transform:translate(20px) scale(.96);transition:opacity .22s var(--ease-out, cubic-bezier(.16, 1, .3, 1)),transform .22s var(--ease-out, cubic-bezier(.16, 1, .3, 1));font-size:14px;line-height:1.45;letter-spacing:-.1px;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--info, #5ac8fa)}.toast.toast-show{opacity:1;transform:translate(0) scale(1)}.toast.toast-leave{opacity:0;transform:translate(20px) scale(.96)}.toast.toast-success:before{background:var(--success, #30d158)}.toast.toast-warning:before{background:var(--warning, #ff9f0a)}.toast.toast-error:before{background:var(--error, #ff453a)}.toast.toast-info:before{background:var(--info, #5ac8fa)}.toast-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-success .toast-icon{background:var(--success-bg, rgba(48, 209, 88, .12));color:var(--success, #30d158)}.toast-warning .toast-icon{background:var(--warning-bg, rgba(255, 159, 10, .12));color:var(--warning, #ff9f0a)}.toast-error .toast-icon{background:var(--error-bg, rgba(255, 69, 58, .12));color:var(--error, #ff453a)}.toast-info .toast-icon{background:var(--info-bg, rgba(90, 200, 250, .12));color:var(--info, #5ac8fa)}.toast-body{flex:1;min-width:0}.toast-title{font-weight:700;font-size:13.5px;margin-bottom:2px;color:var(--fg, #1d1d1f);letter-spacing:-.1px}.toast-msg{font-size:13.5px;color:var(--fg-secondary, #6e6e73);word-wrap:break-word;line-height:1.45}.toast-close{flex-shrink:0;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--fg-tertiary, #86868b);cursor:pointer;transition:all .15s ease;margin-top:2px}.toast-close:hover{background:var(--bg-elevated, #f5f5f7);color:var(--fg, #1d1d1f)}[data-theme=dark] .toast{background:linear-gradient(180deg,#1c1c1e,#16161a);border-color:#ffffff1a;box-shadow:0 12px 32px -8px #0009,0 2px 6px #0000004d;color:#f0f0f5}[data-theme=dark] .toast-title{color:#f0f0f5}[data-theme=dark] .toast-msg{color:#f0f0f5b3}[data-theme=dark] .toast-close{color:#f0f0f580}[data-theme=dark] .toast-close:hover{background:#ffffff14;color:#f0f0f5}@media(max-width:640px){.toast-container{inset:16px 16px auto;max-width:none}.toast{transform:translateY(-12px) scale(.96);min-width:0}.toast.toast-show{transform:translateY(0) scale(1)}.toast.toast-leave{transform:translateY(-12px) scale(.96)}}.avatar-dropdown-wrap{position:relative}.avatar-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;border:none;transition:transform var(--duration-fast);font-family:var(--font-body)}.avatar-btn:hover{transform:scale(1.08)}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:268px;background:var(--surface, #ffffff);border-radius:var(--radius-xl);border:1px solid var(--border, #d2d2d7);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-fast),visibility var(--duration-fast),transform var(--duration-fast);z-index:200;font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--fg, #1d1d1f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.avatar-dropdown.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}.avatar-dropdown.open *,.avatar-dropdown.open .av-label,.avatar-dropdown.open .av-detail{text-indent:0!important;opacity:1!important;visibility:visible!important}.avatar-dropdown .av-sub{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;transition:background var(--duration-fast);font-family:inherit}.avatar-dropdown .av-sub:hover{background:var(--bg-elevated, #f5f5f7)}.avatar-dropdown .av-label{display:block;font-family:inherit;font-size:13px;font-weight:600;color:var(--fg, #1d1d1f)!important;line-height:1.35;letter-spacing:0;text-indent:0;transform:none}.avatar-dropdown .av-detail{display:block;font-family:inherit;font-size:11px;color:var(--fg-tertiary, #86868b)!important;margin-top:2px;line-height:1.4;text-indent:0;transform:none}.avatar-dropdown a{color:var(--accent, #0071e3)!important}.avatar-dropdown .av-divider{height:1px;background:var(--border, #d2d2d7);margin:4px 0}.avatar-dropdown .av-plan-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);margin-left:8px}.avatar-dropdown .av-plan-badge.free{background:var(--fg-secondary);color:var(--fg-tertiary)}[data-theme=dark] .avatar-dropdown{background:#1c1c1e;border-color:#2a2a2a;box-shadow:0 8px 32px #0009}[data-theme=dark] .avatar-dropdown .av-label{color:#f5f5f7!important}[data-theme=dark] .avatar-dropdown .av-detail{color:#b0b0b8!important}[data-theme=dark] .avatar-dropdown .av-sub:hover{background:#ffffff0f}[data-theme=dark] .avatar-dropdown .av-divider{background:#2a2a2a}[data-theme=dark] .theme-toggle{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .theme-toggle button.active{background:#ffffff1f;color:var(--fg)}[data-theme=dark] .social-proof-bar{background:#161618;border-color:#252528}[data-theme=dark] .social-proof-bar .mini-avatar{border-color:#161618}[data-theme=dark] .resume-card{background:#161618;border-color:#252528}[data-theme=dark] .topic-card{background:linear-gradient(180deg,#151518,#101013);border-color:#252528;box-shadow:0 12px 28px #00000038}[data-theme=dark] .topic-card:hover{background:#17191d;border-color:color-mix(in srgb,var(--accent) 38%,#252528)}[data-theme=dark] .recent-card{background:linear-gradient(180deg,#151518,#101013);border-color:#252528;box-shadow:0 10px 24px #0003}[data-theme=dark] .recent-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,#252528);background:#17191d}[data-theme=dark] .recent-card .recent-resume{background:#2997ff1f}[data-theme=dark] .idea-item,[data-theme=dark] .profile-card,[data-theme=dark] .profile-stat-card,[data-theme=dark] .ai-created-item,[data-theme=dark] .gh-repo-card{background:#161618;border-color:#252528}[data-theme=dark] .gh-repo-card:hover{background:#1e1e20;border-color:#38383c}[data-theme=dark] .gh-repo-rank{background:#1c1c1e;border-color:#2a2a2a;color:var(--fg-secondary)}[data-theme=dark] .gh-deep-link{background:#2997ff1f;color:#2997ff}[data-theme=dark] .community-submit-bar{background:#161618;border-color:#252528}[data-theme=dark] .category-pill{background:#161618;border-color:#252528;color:var(--fg-secondary)}[data-theme=dark] .category-pill.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}[data-theme=dark] .pill-category{background:#1a1a1d;border:1px solid #333;color:var(--fg-secondary)}[data-theme=dark] .topic-footer{border-color:#252528}[data-theme=dark] .topic-progress{color:#78787e}[data-theme=dark] .topic-progress .progress-track{background:#252528}[data-theme=dark] .topic-progress .progress-label.not-started{color:#5a5a5e}[data-theme=dark] .premium-preview{background:#161618;border-color:#252528}[data-theme=dark] .premium-preview .pp-chip{background:#1c1c1e;border-color:#2a2a2a}[data-theme=dark] .auth-social-btn{background:#161618;border-color:#252528;color:var(--fg)}[data-theme=dark] .auth-social-btn:hover{background:#1e1e20;border-color:#38383c}[data-theme=dark] .idea-cat-btn{background:#161618;border-color:#252528;color:var(--fg-secondary)}[data-theme=dark] .idea-cat-btn.selected,[data-theme=dark] .idea-cat-btn.active{border-color:var(--accent);color:var(--accent);background:#0071e326}[data-theme=dark] .wizard-step-line{background:#252528}[data-theme=dark] .wizard-add-btn{border-color:#252528;color:var(--fg-tertiary)}[data-theme=dark] .wizard-add-btn:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .idea-link-row .link-remove-btn{background:#161618;border-color:#252528}[data-theme=dark] .modal{background:#1c1c1e}[data-theme=dark] .pw-tier{background:#161618;border-color:#252528}[data-theme=dark] .pw-tier.pw-free{background:#111113}[data-theme=dark] .pw-tier:hover:not(.selected){border-color:#38383c;box-shadow:0 6px 24px #00000059}[data-theme=dark] .pw-tier.selected{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent),0 6px 24px #0000004d}[data-theme=dark] .pw-tier-btn.secondary{background:#1e1e20;border-color:#2a2a2e;color:var(--fg-secondary)}[data-theme=dark] .pw-tier-btn.secondary:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#1e1e20)}[data-theme=dark] .pw-popular-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 12px #ff6b3566}[data-theme=dark] .pw-billing-tabs{background:#111113;border-color:#222225}[data-theme=dark] .pw-billing-tab.active{background:#1c1c1e;box-shadow:0 1px 4px #0000004d,0 0 0 .5px #2a2a2e}[data-theme=dark] .pw-tier-divider{background:#222225}[data-theme=dark] .pw-tier-price,[data-theme=dark] .pw-tier-name{color:#f0f0f5}[data-theme=dark] .input{background:#0c0c0e;border-color:#2a2a2e;color:var(--fg)}[data-theme=dark] .btn-outline{background:#161618;border-color:#252528;color:var(--fg)}[data-theme=dark] .player-bar{background:#121214;border-color:#252528}[data-theme=dark] .player-bar .player-btn:hover{background:#ffffff14}[data-theme=dark] .player-bar .player-progress{background:#252528}[data-theme=dark] .sub-card.free,[data-theme=dark] .feedback-cat-btn{background:#161618;border-color:#252528}[data-theme=dark] .ai-create-bar{background:#2997ff0f;border-color:#2997ff26}[data-theme=dark] .article-item .article-num{background:#1c1c1e}[data-theme=dark] .topic-detail-banner{opacity:.95}[data-theme=dark] .history-item:hover,[data-theme=dark] .profile-card-item:hover{background:#ffffff0a}[data-theme=dark] .hero-carousel .hc-slide p{color:#ffffffd9}[data-theme=dark] .hero-carousel .hc-slide .hc-meta{color:#ffffffa6}[data-theme=dark] .home-hero{background:#161618;border:1px solid #252528}[data-theme=dark] .home-hero p{color:#b0b0b8}[data-theme=dark] .premium-preview{background:#121214;border-color:#252528}[data-theme=dark] .premium-unlock-card{background:#2997ff14;border-color:#2997ff33}[data-theme=dark] .feedback-hero-card{background:linear-gradient(135deg,#1a3a5c,#0f2840);color:var(--fg)}[data-theme=dark] .sub-card:not(.free){background:linear-gradient(135deg,#1a3a5c,#0f2840)}[data-theme=dark] .profile-stat-card.highlight{background:linear-gradient(135deg,#1a3a5c,#0f2840)}.dmx-list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-24);flex-wrap:wrap}.dmx-toolbar-filters{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:0!important}.dmx-toolbar-actions{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:10px}.dmx-toolbar-search{position:relative;flex:0 0 320px;width:320px;max-width:320px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface) 94%,var(--bg-elevated));color:var(--fg-tertiary);box-shadow:0 1px 2px #0f172a0a}.dmx-toolbar-search svg{width:15px;height:15px;flex-shrink:0}.dmx-toolbar-search input{min-width:0;flex:1;height:36px;border:0!important;outline:none;background:transparent!important;color:var(--fg);font-size:13px;padding:0 26px 0 0!important}.dmx-toolbar-search input::placeholder{color:var(--fg-tertiary)}.dmx-toolbar-search input::-webkit-search-cancel-button,.dmx-toolbar-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.browse-tools{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-24)}.browse-tools .dmx-list-toolbar{margin-bottom:0}.browse-toolbar-row .dmx-toolbar-filters{flex:1 1 auto}.browse-toolbar-row .dmx-toolbar-actions{flex:0 0 auto;margin-left:auto}.browse-toolbar-row .dmx-toolbar-search{flex:0 0 280px;width:280px;max-width:280px}.dmx-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--fg-secondary);font-size:14px;line-height:1;cursor:pointer}.dmx-search-clear:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-tertiary));color:var(--accent)}.dmx-search-button{min-height:38px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));color:var(--accent);font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px #0f172a0d;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}.dmx-search-button:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 8px 18px #0f172a14;transform:translateY(-1px)}@media(max-width:760px){.dmx-list-toolbar{align-items:stretch;flex-direction:column}.dmx-toolbar-actions{margin-left:0;width:100%;flex-wrap:wrap}.dmx-toolbar-search,.dmx-search-button,.dmx-toolbar-filters{width:100%;max-width:none}.dmx-toolbar-search{flex:1 1 100%}.browse-toolbar-row .dmx-toolbar-search{flex:1 1 100%;width:100%;max-width:none}}.paywall-modal .modal{max-width:880px}.pw-header{margin:0 0 24px}.pw-header h3{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.25;color:var(--fg)}.pw-header p{font-size:13px;color:var(--fg-tertiary);margin:6px 0 0;line-height:1.4}.pw-billing-tabs{display:inline-flex;gap:0;margin-bottom:24px;background:var(--bg-tertiary);border-radius:10px;padding:3px;border:1px solid var(--border)}.pw-billing-tab{flex:1;text-align:center;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:500;color:var(--fg-tertiary);cursor:pointer;transition:all .18s ease;border:none;background:transparent;position:relative;white-space:nowrap}.pw-billing-tab:hover:not(.active){color:var(--fg-secondary);background:#00000008}.pw-billing-tab.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 4px #00000014,0 0 0 .5px var(--border);transition:none}.pw-billing-tab .pw-discount{font-size:10.5px;font-weight:600;color:var(--success);margin-left:5px;padding:2px 6px;border-radius:5px;background:var(--success-bg);vertical-align:middle}.pw-billing-tab.active .pw-discount{color:var(--success);background:var(--success-bg)}.pw-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0}.pw-tier{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:16px;padding:24px 20px 20px;position:relative;transition:all .2s ease;cursor:pointer;background:var(--surface)}.pw-tier:hover:not(.selected){border-color:var(--border-strong);box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.pw-tier.selected{border-color:var(--accent);border-width:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 4px 20px #00000014;transition:none}.pw-tier.selected:hover{border-color:var(--accent);transform:none}.pw-tier.pw-free{background:var(--bg-tertiary);border-color:var(--border)}.pw-tier.pw-free .pw-tier-name{color:var(--fg-secondary)}.pw-tier.pw-popular{border-color:var(--accent)}.pw-popular-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-size:10.5px;font-weight:700;padding:3px 16px;border-radius:980px;white-space:nowrap;letter-spacing:.04em;box-shadow:0 2px 10px #ff6b3559;text-transform:uppercase}.pw-tier-name{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:4px;letter-spacing:-.015em;color:var(--fg);text-align:left}.pw-tier-tagline{font-size:12px;color:var(--fg-tertiary);margin-bottom:20px;line-height:1.45;min-height:18px;text-align:left}.pw-price-block{margin-bottom:16px;min-height:88px;display:flex;flex-direction:column;justify-content:center}.pw-tier-original{font-size:12px;color:var(--fg-tertiary);text-decoration:line-through;text-decoration-color:var(--danger, #ef4444);margin-bottom:2px;min-height:16px;line-height:1;text-align:left}.pw-tier-price{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:0;color:var(--fg);text-align:left}.pw-tier-price .pw-cur{font-size:16px;font-weight:600;vertical-align:top;margin-right:1px;position:relative;top:4px}.pw-tier-price .pw-per{font-size:13px;font-weight:400;color:var(--fg-tertiary);margin-left:2px}.pw-tier-bill{font-size:11.5px;color:var(--fg-tertiary);margin-top:6px;min-height:16px;line-height:1.3;text-align:left}.pw-tier-save{display:inline-block;font-size:11px;color:var(--success);font-weight:600;margin-top:6px;min-height:16px;padding:2px 8px;border-radius:6px;background:var(--success-bg);line-height:1.3;text-align:left}.pw-tier-save:empty{display:none}.pw-tier-divider{height:1px;background:var(--border);margin:0 0 14px;border:none}.pw-tier-features{list-style:none;padding:0;margin:0;flex:1;min-height:80px}.pw-tier-features li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;color:var(--fg-secondary);padding:4px 0;text-align:left}.pw-tier-features li svg{flex-shrink:0;margin-top:1px;stroke-width:2.5;width:13px;height:13px}.pw-tier-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;height:40px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.pw-tier-btn.primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px color-mix(in srgb,var(--accent) 30%,transparent)}.pw-tier-btn.primary:hover{filter:brightness(.92);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.pw-tier-btn.secondary{background:var(--bg-tertiary);color:var(--fg);border:1px solid var(--border)}.pw-tier-btn.secondary:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg-tertiary))}.pw-footer{margin-top:20px}.pw-footer-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-tertiary);padding:5px 0}.pw-footer-check svg{flex-shrink:0}.nav-tabs{display:flex;align-items:center;gap:2px;margin-left:20px;position:relative}.nav-tabs:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--border);opacity:.4}.nav-tab{font-size:13px;font-weight:500;color:var(--fg-tertiary);padding:6px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);border:none;background:none;position:relative;display:inline-flex;align-items:center;gap:6px}.nav-tab:hover{color:var(--fg);background:var(--bg-elevated)}.nav-tab.active{color:var(--fg);font-weight:600;background:var(--surface);box-shadow:0 1px 3px #0000000f}.nav-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent);border-radius:1px}[data-theme=dark] .nav-tab.active{background:#ffffff14;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .nav-tab:hover{background:#ffffff0d}.nav-tab .nav-tab-dot{display:none}.nav-logo{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.nav-logo-mark{display:block;width:118px;height:auto;object-fit:contain}[data-theme=dark] .nav-logo-mark{filter:invert(1) brightness(1.25) contrast(.95);opacity:.94}.nav-preview-cta{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;margin:0 4px 0 0;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:14px;cursor:pointer;transition:all var(--duration-fast, .15s);white-space:nowrap;letter-spacing:.01em}.nav-preview-cta:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-1px)}.nav-preview-cta:active{transform:translateY(0)}.nav-preview-cta svg{flex-shrink:0;opacity:.85}[data-theme=dark] .nav-preview-cta{background:#5eadff1f;border-color:#5eadff40;color:#93c5fd}[data-theme=dark] .nav-preview-cta:hover{background:#5eadff2e;border-color:#5eadff66}.visitor-browse-cta{background:linear-gradient(180deg,var(--surface-2, rgba(124,58,237,.05)) 0%,transparent 100%);border:1px solid var(--border-soft, rgba(124,58,237,.18));border-radius:10px;padding:14px 16px;margin-bottom:20px}.visitor-browse-cta-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.visitor-browse-cta-icon{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--accent, #7c3aed)}.visitor-browse-cta-text{flex:1 1 240px;display:flex;flex-direction:column;gap:2px;min-width:0}.visitor-browse-cta-text strong{font-size:14px;font-weight:600;color:var(--fg, inherit);line-height:1.3}.visitor-browse-cta-text span{font-size:12.5px;color:var(--fg-tertiary, inherit);line-height:1.4}.visitor-browse-cta-actions{display:flex;gap:8px;flex:0 0 auto}.visitor-browse-cta-actions .btn-primary,.visitor-browse-cta-actions .btn-secondary{padding:7px 14px;font-size:13px;border-radius:8px;cursor:pointer;border:1px solid transparent;white-space:nowrap}.visitor-browse-cta-actions .btn-primary{background:var(--accent, #7c3aed);color:var(--accent-fg, #fff);font-weight:500}.visitor-browse-cta-actions .btn-primary:hover{filter:brightness(1.1)}.visitor-browse-cta-actions .btn-secondary{background:transparent;color:var(--fg-secondary, inherit);border-color:var(--border-soft, rgba(255,255,255,.12))}.visitor-browse-cta-actions .btn-secondary:hover{border-color:var(--border-strong, rgba(255,255,255,.24))}.visitor-browse-cta-dismiss{flex:0 0 auto;background:transparent;border:0;cursor:pointer;color:var(--fg-tertiary, inherit);padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s ease}.visitor-browse-cta-dismiss:hover{opacity:1;background:var(--surface-hover, rgba(255,255,255,.04))}@media(max-width:640px){.visitor-browse-cta-inner{flex-direction:column;align-items:flex-start}.visitor-browse-cta-actions{width:100%}.visitor-browse-cta-actions .btn-primary,.visitor-browse-cta-actions .btn-secondary{flex:1;text-align:center}.visitor-browse-cta-dismiss{position:absolute;top:8px;right:8px}.visitor-browse-cta{position:relative}}