@font-face{font-family:'Inter';src:url('/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('/fonts/jetbrains-mono-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#21262d;--bg-overlay:#2a2f47;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#718096;--text-inverse:#0d1117;--accent:#7c6af7;--accent-hover:#9b8cff;--accent-dim:rgba(124,106,247,0.15);--accent-border:rgba(124,106,247,0.35);--color-success:#4caf87;--color-warning:#e8a838;--color-danger:#e05c5c;--color-info:#4a9ede;--callout-analogy:rgba(124,106,247,0.12);--callout-analogy-border:#7c6af7;--callout-brutal:rgba(224,92,92,0.12);--callout-brutal-border:#e05c5c;--callout-sowhat:rgba(76,175,135,0.12);--callout-sowhat-border:#4caf87;--callout-warning:rgba(232,168,56,0.12);--callout-warning-border:#e8a838;--callout-deepdive:rgba(74,158,222,0.12);--callout-deepdive-border:#4a9ede;--tldr-bg:rgba(124,106,247,0.07);--tldr-border:rgba(124,106,247,0.4);--takeaway-bg:rgba(76,175,135,0.07);--takeaway-border:rgba(76,175,135,0.4);--modal-bg:rgba(0,0,0,0.75);--modal-surface:var(--bg-elevated);--border-subtle:rgba(255,255,255,0.08);--border-default:rgba(255,255,255,0.15);--border-strong:rgba(255,255,255,0.22);--code-bg:#0d1117;--code-border:rgba(255,255,255,0.08);--code-text:#e2e8f0;--code-comment:#8892a6;--code-keyword:#c678dd;--code-string:#98c379;--code-number:#d19a66;--code-function:#61afef;--code-operator:#56b6c2;--font-body:'Inter',system-ui,-apple-system,sans-serif;--font-heading:'Inter',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.3;--leading-snug:1.45;--leading-normal:1.6;--leading-relaxed:1.65;--leading-loose:2.0;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--letter-spacing-body:0.015em;--letter-spacing-caps:0.06em;--sidebar-width:280px;--content-max:720px;--topbar-height:56px;--subnav-height:0px;--bottom-nav-height:60px;--dock-width:220px;--dock-tab-width:36px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--duration-fast:120ms;--duration-normal:220ms;--duration-slow:380ms;--duration-page:300ms;--ease-out:cubic-bezier(0.0,0.0,0.2,1.0);--ease-in:cubic-bezier(0.4,0.0,1.0,1.0);--ease-inout:cubic-bezier(0.4,0.0,0.2,1.0);--ease-spring:cubic-bezier(0.34,1.56,0.64,1.0);--z-base:0;--z-raised:1;--z-dropdown:100;--z-progress:150;--z-sidebar:180;--z-sticky:200;--z-overlay:300;--z-drawer:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--sidebar-width-collapsed:48px;--sidebar-transition:220ms cubic-bezier(0.0,0.0,0.2,1.0);--sidebar-bg:#1a1f2e}html{transition:background-color 120ms ease-out,color 120ms ease-out}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.sidebar__section-progress__fill,.course-progress__fill,.section-card__progress-fill,.reading-progress__fill{transition:none !important}.confetti-container{display:none !important}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}a,button,input,select,textarea,[role="button"]{touch-action:manipulation}img,video,svg:not(:root),embed,object{max-width:100%;height:auto}html{font-size:17px;-webkit-text-size-adjust:100%;background:var(--bg-base,#0d1117)}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);letter-spacing:var(--letter-spacing-body);color:var(--text-primary);background-color:var(--bg-base);padding-top:calc(var(--topbar-height) + var(--space-4));min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@supports not (min-height:100dvh){body{min-height:100vh}}body.has-subnav{--subnav-height:40px;padding-top:calc(var(--topbar-height) + var(--subnav-height) + var(--space-4))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-0.01em;margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);margin-top:var(--space-6)}h2{font-size:var(--text-3xl);margin-top:var(--space-8);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-top:var(--space-6)}h5{font-size:var(--text-lg);margin-top:var(--space-6)}h6{font-size:var(--text-base);margin-top:var(--space-5)}.content-body>h1:first-child,.content-body>h2:first-child{margin-top:0}p{margin-bottom:var(--space-6)}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration:none}strong,b{font-weight:var(--weight-bold)}.blog-content strong,.blog-content b{color:var(--accent-hover)}em,i{font-style:italic}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}li{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}.label-caps{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--text-secondary)}blockquote{border-left:4px solid var(--accent);padding:var(--space-5);margin:var(--space-10) 0;color:var(--text-primary);font-style:normal;font-weight:var(--weight-medium);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:0 2px 8px rgba(0,0,0,0.15)}@media (max-width:768px){blockquote{padding:var(--space-3);margin:var(--space-6) 0}}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0}#article-body{scroll-margin-top:calc(var(--topbar-height,56px) + var(--space-4))}.blog-content{width:min(70ch,100%);margin-left:auto;margin-right:auto}.blog-content h2{line-height:var(--leading-snug);margin-top:var(--space-10);margin-bottom:var(--space-4)}.blog-content h3{line-height:var(--leading-snug);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-content ul,.blog-content ol{margin-bottom:var(--space-6)}.blog-content li{margin-bottom:var(--space-3)}.blog-content li>ul,.blog-content li>ol{margin-top:var(--space-2);margin-bottom:var(--space-2)}.blog-content h1[id],.blog-content h2[id],.blog-content h3[id],.blog-content h4[id],.blog-content h5[id],.blog-content h6[id]{scroll-margin-top:calc(var(--topbar-height,56px) + var(--subnav-height,0px) + var(--space-6))}.blog-content>* + h2[id]{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.blog-content code{font-family:var(--font-mono);font-size:0.9em;background:var(--code-bg,rgba(255,255,255,0.07));border:1px solid var(--code-border,rgba(255,255,255,0.1));border-radius:var(--radius-sm);padding:0.1em 0.4em;color:var(--accent-hover);word-break:break-word}.blog-content pre{background:var(--code-bg,rgba(255,255,255,0.04));border:1px solid var(--code-border,rgba(255,255,255,0.1));border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-10) 0;overflow-x:auto;font-size:var(--text-sm);line-height:1.7;box-shadow:0 4px 16px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.05) inset;-webkit-overflow-scrolling:touch}@media (max-width:768px){.blog-content pre{position:relative}.blog-content pre::after{content:'';position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--code-bg,#1e1e1e));pointer-events:none;border-radius:0 var(--radius-md,6px) var(--radius-md,6px) 0}}@media (max-width:768px){.blog-content pre,.content-body pre{padding:var(--space-4)}}.blog-content pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit;word-break:normal}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.content-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);text-align:left}th{background:var(--bg-surface);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}a:focus-visible{outline-offset:2px}@media print{.topbar,.sidebar,.bottom-nav,.reading-progress,.mark-done,.next-topic,.quick-check__reveal,.deep-dive__toggle,.reading-controls,.course-banner,.subnav,.onpage-nav,.topic-nav,.related-topics,.share-btn,.section-share-btn,.pagefind-ui{display:none !important}.main-content{margin-left:0;padding:0}body{background:#fff;color:#000;font-size:12pt;padding-top:0;--bg-base:#fff;--bg-surface:#fff;--text-primary:#000;--text-secondary:#333;--accent:#333}pre,code,table,figure,blockquote{break-inside:avoid}h2,h3{break-after:avoid}a[href]::after{content:" (" attr(href) ")";font-size:0.8em;color:#666}.content-body a[href^="#"]::after,.content-body a[href^="javascript"]::after{content:""}body::after{content:"Printed from ADHDecode — " attr(data-url);display:block;margin-top:2rem;font-size:0.75em;color:#999}}[data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]{--bg-base:#f8f9fc;--bg-surface:#ffffff;--bg-elevated:#f0f1f5;--bg-overlay:#e4e5eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#ffffff;--accent:#6c5ce7;--accent-hover:#5a4bd6;--accent-dim:rgba(108,92,231,0.1);--accent-border:rgba(108,92,231,0.3);--border-subtle:rgba(0,0,0,0.08);--border-default:rgba(0,0,0,0.15);--border-strong:rgba(0,0,0,0.25);--code-bg:#f4f5f9;--code-border:rgba(0,0,0,0.1);--code-text:#1a1d2e;--code-comment:#7c8099;--code-keyword:#8b5cf6;--code-string:#16a34a;--code-number:#d97706;--code-function:#2563eb;--code-operator:#0891b2;--callout-analogy:rgba(108,92,231,0.08);--callout-analogy-border:#6c5ce7;--callout-brutal:rgba(220,38,38,0.07);--callout-brutal-border:#dc2626;--callout-sowhat:rgba(22,163,74,0.07);--callout-sowhat-border:#16a34a;--callout-warning:rgba(217,119,6,0.07);--callout-warning-border:#d97706;--callout-deepdive:rgba(37,99,235,0.07);--callout-deepdive-border:#2563eb;--section-0:#6c5ce7;--section-1:#2563eb;--section-2:#16a34a;--section-3:#d97706;--section-4:#dc2626;--section-5:#059669;--section-6:#0891b2;--section-7:#7c3aed;--section-8:#c026d3;--section-9:#dc2626;--section-10:#ca8a04;--section-11:#059669;--section-12:#0284c7;--section-13:#0891b2;--section-14:#6b7280;--crypto-section-0:#059669;--crypto-section-1:#047857;--crypto-section-2:#10b981;--crypto-section-3:#0f766e;--crypto-section-4:#0d9488;--crypto-section-5:#0891b2;--crypto-section-6:#16a34a;--crypto-section-7:#15803d;--crypto-section-8:#166534;--crypto-section-9:#6d28d9;--crypto-section-10:#7c3aed;--crypto-section-11:#6d28d9;--crypto-section-12:#dc2626;--crypto-section-13:#d97706;--crypto-section-14:#475569;--netsec-section-0:#dc2626;--netsec-section-1:#ea580c;--netsec-section-2:#ca8a04;--netsec-section-3:#16a34a;--netsec-section-4:#0d9488;--netsec-section-5:#2563eb;--netsec-section-6:#7c3aed;--netsec-section-7:#db2777;--netsec-section-8:#b91c1c;--netsec-section-9:#0284c7;--netsec-section-10:#059669;--netsec-section-11:#4338ca;--netsec-section-12:#9333ea;--netsec-section-13:#0891b2;--netsec-section-14:#65a30d;--netsec-section-15:#d97706;--netsec-section-16:#475569;--netsec-section-17:#0f766e;--netsec-section-18:#57534e;--netsec-section-19:#c026d3;--netsec-section-20:#c2410c;--netsec-section-21:#15803d;--netsec-section-22:#64748b;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--tldr-bg:rgba(108,92,231,0.06);--tldr-border:rgba(108,92,231,0.35);--takeaway-bg:rgba(22,163,74,0.06);--takeaway-border:rgba(22,163,74,0.35);--modal-bg:rgba(0,0,0,0.5);--modal-surface:var(--bg-surface)}[data-theme="light-warm"] .topbar,[data-theme="pure-white"] .topbar,[data-theme="sepia"] .topbar{background:rgba(248,249,252,0.95);border-bottom-color:var(--border-default)}@supports (backdrop-filter:blur(6px)){[data-theme="light-warm"] .topbar,[data-theme="pure-white"] .topbar,[data-theme="sepia"] .topbar{background:rgba(248,249,252,0.85)}}[data-theme="light-warm"] .sidebar,[data-theme="pure-white"] .sidebar,[data-theme="sepia"] .sidebar{background:var(--bg-surface);--sidebar-bg:var(--bg-surface);border-right-color:var(--border-default)}[data-theme="light-warm"] .sidebar__search,[data-theme="pure-white"] .sidebar__search,[data-theme="sepia"] .sidebar__search{background:var(--bg-elevated);border-color:var(--border-default)}[data-theme="light-warm"] .sidebar__section-count,[data-theme="pure-white"] .sidebar__section-count,[data-theme="sepia"] .sidebar__section-count{background:var(--bg-elevated);color:var(--text-muted)}[data-theme="light-warm"] .sidebar,[data-theme="pure-white"] .sidebar,[data-theme="sepia"] .sidebar{box-shadow:4px 0 24px rgba(0,0,0,0.08),inset -1px 0 0 var(--border-subtle)}[data-theme="light-warm"] .sidebar__course-link,[data-theme="pure-white"] .sidebar__course-link,[data-theme="sepia"] .sidebar__course-link{color:var(--text-muted)}[data-theme="light-warm"] .sidebar__course-link:hover,[data-theme="pure-white"] .sidebar__course-link:hover,[data-theme="sepia"] .sidebar__course-link:hover{color:var(--text-secondary)}[data-theme="light-warm"] .sidebar__search,[data-theme="pure-white"] .sidebar__search,[data-theme="sepia"] .sidebar__search{color:var(--text-primary);box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)}[data-theme="light-warm"] .sidebar__search::placeholder,[data-theme="pure-white"] .sidebar__search::placeholder,[data-theme="sepia"] .sidebar__search::placeholder{color:var(--text-muted)}[data-theme="light-warm"] .sidebar__search:focus,[data-theme="pure-white"] .sidebar__search:focus,[data-theme="sepia"] .sidebar__search:focus{border-color:var(--border-strong)}[data-theme="light-warm"] .sidebar__unlock-text,[data-theme="pure-white"] .sidebar__unlock-text,[data-theme="sepia"] .sidebar__unlock-text{color:var(--text-muted)}[data-theme="light-warm"] .sidebar__unlock-btn,[data-theme="pure-white"] .sidebar__unlock-btn,[data-theme="sepia"] .sidebar__unlock-btn{color:var(--text-primary)}[data-theme="light-warm"] .sidebar__section-header,[data-theme="pure-white"] .sidebar__section-header,[data-theme="sepia"] .sidebar__section-header{color:var(--text-muted)}[data-theme="light-warm"] .sidebar__section-header:hover,[data-theme="pure-white"] .sidebar__section-header:hover,[data-theme="sepia"] .sidebar__section-header:hover,[data-theme="light-warm"] .sidebar__section-header[aria-expanded="true"],[data-theme="pure-white"] .sidebar__section-header[aria-expanded="true"],[data-theme="sepia"] .sidebar__section-header[aria-expanded="true"]{color:var(--text-secondary)}[data-theme="light-warm"] .sidebar__section-header:focus-visible,[data-theme="pure-white"] .sidebar__section-header:focus-visible,[data-theme="sepia"] .sidebar__section-header:focus-visible{outline-color:rgba(0,0,0,0.2)}[data-theme="light-warm"] .sidebar__section-dot,[data-theme="pure-white"] .sidebar__section-dot,[data-theme="sepia"] .sidebar__section-dot{background:var(--text-muted);opacity:0.4}[data-theme="light-warm"] .sidebar__section-chevron,[data-theme="pure-white"] .sidebar__section-chevron,[data-theme="sepia"] .sidebar__section-chevron{color:var(--text-muted);opacity:0.5}[data-theme="light-warm"] .sidebar__section-header[aria-expanded="true"] .sidebar__section-chevron,[data-theme="pure-white"] .sidebar__section-header[aria-expanded="true"] .sidebar__section-chevron,[data-theme="sepia"] .sidebar__section-header[aria-expanded="true"] .sidebar__section-chevron{color:var(--text-secondary);opacity:0.7}[data-theme="light-warm"] .sidebar__topic-link,[data-theme="pure-white"] .sidebar__topic-link,[data-theme="sepia"] .sidebar__topic-link{color:var(--text-secondary)}[data-theme="light-warm"] .sidebar__topic-link:hover,[data-theme="pure-white"] .sidebar__topic-link:hover,[data-theme="sepia"] .sidebar__topic-link:hover{color:var(--text-primary);background:var(--bg-elevated)}[data-theme="light-warm"] .sidebar__topic-link.active,[data-theme="pure-white"] .sidebar__topic-link.active,[data-theme="sepia"] .sidebar__topic-link.active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:0 1px 3px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.6)}[data-theme="light-warm"] .sidebar__topic-link.active::before,[data-theme="pure-white"] .sidebar__topic-link.active::before,[data-theme="sepia"] .sidebar__topic-link.active::before{background:var(--accent)}[data-theme="light-warm"] .sidebar__topic--tier1 .sidebar__topic-link,[data-theme="pure-white"] .sidebar__topic--tier1 .sidebar__topic-link,[data-theme="sepia"] .sidebar__topic--tier1 .sidebar__topic-link{color:var(--text-primary)}[data-theme="light-warm"] .sidebar__topic--tier2 .sidebar__topic-link,[data-theme="pure-white"] .sidebar__topic--tier2 .sidebar__topic-link,[data-theme="sepia"] .sidebar__topic--tier2 .sidebar__topic-link{color:var(--text-secondary)}[data-theme="light-warm"] .sidebar__topic--tier3 .sidebar__topic-link,[data-theme="pure-white"] .sidebar__topic--tier3 .sidebar__topic-link,[data-theme="sepia"] .sidebar__topic--tier3 .sidebar__topic-link{color:var(--text-muted)}[data-theme="light-warm"] .sidebar__topic--tier2 .sidebar__topic-link:hover,[data-theme="light-warm"] .sidebar__topic--tier3 .sidebar__topic-link:hover,[data-theme="pure-white"] .sidebar__topic--tier2 .sidebar__topic-link:hover,[data-theme="pure-white"] .sidebar__topic--tier3 .sidebar__topic-link:hover,[data-theme="sepia"] .sidebar__topic--tier2 .sidebar__topic-link:hover,[data-theme="sepia"] .sidebar__topic--tier3 .sidebar__topic-link:hover{color:var(--text-primary)}[data-theme="light-warm"] .sidebar__section-progress,[data-theme="pure-white"] .sidebar__section-progress,[data-theme="sepia"] .sidebar__section-progress{background:rgba(0,0,0,0.06)}[data-theme="light-warm"] .sidebar__section-progress__fill,[data-theme="pure-white"] .sidebar__section-progress__fill,[data-theme="sepia"] .sidebar__section-progress__fill{background:rgba(0,0,0,0.15)}[data-theme="light-warm"] .sidebar-overlay.visible,[data-theme="pure-white"] .sidebar-overlay.visible,[data-theme="sepia"] .sidebar-overlay.visible{background:rgba(0,0,0,0.3)}[data-theme="light-warm"] .section-card,[data-theme="pure-white"] .section-card,[data-theme="sepia"] .section-card{background:var(--bg-surface);border-color:var(--border-default);box-shadow:0 1px 3px rgba(0,0,0,0.06)}[data-theme="light-warm"] .section-card:hover,[data-theme="pure-white"] .section-card:hover,[data-theme="sepia"] .section-card:hover{background:var(--bg-surface);border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,0.1)}[data-theme="light-warm"] .continue-reading-card,[data-theme="pure-white"] .continue-reading-card,[data-theme="sepia"] .continue-reading-card{border-color:var(--accent-border)}[data-theme="light-warm"] .next-topic__card,[data-theme="pure-white"] .next-topic__card,[data-theme="sepia"] .next-topic__card{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .next-topic__card:hover,[data-theme="pure-white"] .next-topic__card:hover,[data-theme="sepia"] .next-topic__card:hover{background:var(--bg-elevated)}[data-theme="light-warm"] .mark-done,[data-theme="pure-white"] .mark-done,[data-theme="sepia"] .mark-done{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .mark-done:hover,[data-theme="pure-white"] .mark-done:hover,[data-theme="sepia"] .mark-done:hover,[data-theme="light-warm"] .mark-done.done,[data-theme="pure-white"] .mark-done.done,[data-theme="sepia"] .mark-done.done{background:rgba(22,163,74,0.08);border-color:var(--color-success)}[data-theme="light-warm"] .quick-check,[data-theme="pure-white"] .quick-check,[data-theme="sepia"] .quick-check{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .deep-dive,[data-theme="pure-white"] .deep-dive,[data-theme="sepia"] .deep-dive{border-color:var(--callout-deepdive-border)}[data-theme="light-warm"] .deep-dive__toggle,[data-theme="pure-white"] .deep-dive__toggle,[data-theme="sepia"] .deep-dive__toggle{background:var(--callout-deepdive)}[data-theme="light-warm"] .deep-dive__toggle:hover,[data-theme="pure-white"] .deep-dive__toggle:hover,[data-theme="sepia"] .deep-dive__toggle:hover{background:rgba(37,99,235,0.12)}[data-theme="light-warm"] .deep-dive__body,[data-theme="pure-white"] .deep-dive__body,[data-theme="sepia"] .deep-dive__body{border-top-color:rgba(37,99,235,0.15)}[data-theme="light-warm"] .code-block__header,[data-theme="pure-white"] .code-block__header,[data-theme="sepia"] .code-block__header{background:var(--bg-elevated);border-color:var(--code-border)}[data-theme="light-warm"] .code-block__copy,[data-theme="pure-white"] .code-block__copy,[data-theme="sepia"] .code-block__copy{border-color:var(--border-default)}[data-theme="light-warm"] .topbar__btn,[data-theme="pure-white"] .topbar__btn,[data-theme="sepia"] .topbar__btn{border-color:var(--border-default);color:var(--text-secondary)}[data-theme="light-warm"] .topbar__btn:hover,[data-theme="pure-white"] .topbar__btn:hover,[data-theme="sepia"] .topbar__btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}[data-theme="light-warm"] .topbar__btn.active,[data-theme="pure-white"] .topbar__btn.active,[data-theme="sepia"] .topbar__btn.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}[data-theme="light-warm"] .bottom-nav,[data-theme="pure-white"] .bottom-nav,[data-theme="sepia"] .bottom-nav{background:var(--bg-surface);border-top-color:var(--border-default)}[data-theme="light-warm"] .course-section,[data-theme="pure-white"] .course-section,[data-theme="sepia"] .course-section{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .course-section__topic-link:hover,[data-theme="pure-white"] .course-section__topic-link:hover,[data-theme="sepia"] .course-section__topic-link:hover{background:var(--bg-elevated)}[data-theme="light-warm"] .course-section__topic-num,[data-theme="pure-white"] .course-section__topic-num,[data-theme="sepia"] .course-section__topic-num{background:var(--bg-elevated)}[data-theme="light-warm"] .glossary__item,[data-theme="pure-white"] .glossary__item,[data-theme="sepia"] .glossary__item{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .blog-list__item,[data-theme="pure-white"] .blog-list__item,[data-theme="sepia"] .blog-list__item{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .blog-list__tag,[data-theme="pure-white"] .blog-list__tag,[data-theme="sepia"] .blog-list__tag{background:var(--bg-elevated)}[data-theme="light-warm"] .listing-search__input,[data-theme="pure-white"] .listing-search__input,[data-theme="sepia"] .listing-search__input{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .cheatsheet-table th,[data-theme="pure-white"] .cheatsheet-table th,[data-theme="sepia"] .cheatsheet-table th{background:var(--bg-elevated)}[data-theme="light-warm"] .cheatsheet-table th,[data-theme="pure-white"] .cheatsheet-table th,[data-theme="sepia"] .cheatsheet-table th,[data-theme="light-warm"] .cheatsheet-table td,[data-theme="pure-white"] .cheatsheet-table td,[data-theme="sepia"] .cheatsheet-table td{border-color:var(--border-default)}[data-theme="light-warm"] th,[data-theme="pure-white"] th,[data-theme="sepia"] th{background:var(--bg-elevated)}[data-theme="light-warm"] .compare-links,[data-theme="pure-white"] .compare-links,[data-theme="sepia"] .compare-links{background:var(--bg-elevated)}[data-theme="light-warm"] .toast,[data-theme="pure-white"] .toast,[data-theme="sepia"] .toast{background:var(--bg-surface);border-color:var(--border-default);box-shadow:0 4px 24px rgba(0,0,0,0.12)}[data-theme="light-warm"] [data-reading-highlight="true"] .content-body p:hover,[data-theme="pure-white"] [data-reading-highlight="true"] .content-body p:hover,[data-theme="sepia"] [data-reading-highlight="true"] .content-body p:hover,[data-theme="light-warm"] [data-reading-highlight="true"] .content-body li:hover,[data-theme="pure-white"] [data-reading-highlight="true"] .content-body li:hover,[data-theme="sepia"] [data-reading-highlight="true"] .content-body li:hover{background:rgba(108,92,231,0.06)}[data-theme="light-warm"] .error-page__btn,[data-theme="pure-white"] .error-page__btn,[data-theme="sepia"] .error-page__btn{background:var(--accent);color:#fff}[data-theme="light-warm"] .error-page__btn--secondary,[data-theme="pure-white"] .error-page__btn--secondary,[data-theme="sepia"] .error-page__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}[data-theme="light-warm"] .page-header__section-tag,[data-theme="pure-white"] .page-header__section-tag,[data-theme="sepia"] .page-header__section-tag{color:#fff}[data-theme="light-warm"] .path__stage,[data-theme="pure-white"] .path__stage,[data-theme="sepia"] .path__stage{border-left-color:var(--accent)}[data-theme="light-warm"] .path__topics li::before,[data-theme="pure-white"] .path__topics li::before,[data-theme="sepia"] .path__topics li::before{background:var(--bg-elevated)}[data-theme="light-warm"] .section-share-btn,[data-theme="pure-white"] .section-share-btn,[data-theme="sepia"] .section-share-btn{background:var(--bg-surface);border-color:var(--border-default)}[data-theme="light-warm"] .skip-link,[data-theme="pure-white"] .skip-link,[data-theme="sepia"] .skip-link{background:var(--accent);color:#fff}[data-theme="light-warm"] .course-progress__bar,[data-theme="pure-white"] .course-progress__bar,[data-theme="sepia"] .course-progress__bar{background:var(--bg-elevated)}[data-theme="light-warm"] .course-section__progress,[data-theme="pure-white"] .course-section__progress,[data-theme="sepia"] .course-section__progress{background:var(--bg-elevated)}[data-theme="light-warm"] .prereqs,[data-theme="pure-white"] .prereqs,[data-theme="sepia"] .prereqs{background:linear-gradient(160deg,rgba(251,191,36,0.09) 0%,rgba(245,158,11,0.05) 100%);border-color:rgba(180,120,0,0.22);box-shadow:inset 0 2px 6px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.6)}[data-theme="pure-white"]{--bg-base:#ffffff;--bg-surface:#f9f9f9;--bg-elevated:#f2f2f2;--bg-overlay:#e8e8e8}[data-theme="sepia"]{--bg-base:#F4ECD8;--bg-surface:#faf6ed;--bg-elevated:#efe8d6;--bg-overlay:#e4dcc8;--text-primary:#5B4636;--text-secondary:#7a6652;--text-muted:#7a6652;--color-warning:#b8860b;--color-danger:#8b4513;--accent:#7a5a10;--accent-hover:#6d5010;--accent-dim:rgba(122,90,16,0.1);--accent-border:rgba(122,90,16,0.3);--border-subtle:rgba(91,70,54,0.1);--border-default:rgba(91,70,54,0.18);--border-strong:rgba(91,70,54,0.3);--code-bg:#efe8d6;--code-border:rgba(91,70,54,0.15);--code-text:#5B4636;--code-comment:#6b5d47;--code-keyword:#6d28d9;--code-string:#4d7c0f;--code-number:#b45309;--code-function:#1d4ed8;--code-operator:#0e7490}[data-theme="dim"]{--bg-base:#2a2a2e;--bg-surface:#333338;--bg-elevated:#3c3c42;--bg-overlay:#45454c;--code-bg:#25252a;--code-comment:#8892a6}[data-theme="amoled"]{--bg-base:#000000;--bg-surface:#0a0a0a;--bg-elevated:#141414;--bg-overlay:#1a1a1a;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--code-bg:#111111;--code-comment:#8892a6}[data-spacing="compact"]{--leading-relaxed:1.4;--leading-normal:1.45}[data-spacing="spacious"]{--leading-relaxed:2.0;--leading-normal:1.85}@media (max-height:500px) and (orientation:landscape){.topbar{height:40px}.bottom-nav{display:none}body{padding-top:40px}body.has-subnav{padding-top:calc(40px + var(--subnav-height))}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}kbd{display:inline-block;background:var(--bg-elevated);border:1px solid var(--border-default);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:var(--font-mono);font-size:0.75em;color:var(--text-primary);line-height:1.5;white-space:nowrap}.cmd-table-wrap{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-8);background:linear-gradient(to right,var(--bg-surface) 30%,transparent),linear-gradient(to left,var(--bg-surface) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,0.2),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,0.2),transparent) 100% 0;background-repeat:no-repeat;background-color:var(--bg-surface);background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.cmd-table{width:100%;min-width:480px;border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.cmd-table colgroup .col-cmd{width:42%}.cmd-table colgroup .col-desc{width:58%}.cmd-table thead tr{background:var(--bg-elevated);border-bottom:2px solid var(--accent-border)}.cmd-table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--text-secondary);text-align:left;white-space:nowrap;border:none;background:transparent}.cmd-table thead{position:sticky;top:0;z-index:var(--z-raised)}.cmd-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}.cmd-table tbody tr:last-child{border-bottom:none}.cmd-table tbody tr:nth-child(even){background:rgba(255,255,255,0.025)}.cmd-table tbody tr:hover{background:var(--accent-dim);cursor:default}.cmd-table td{padding:var(--space-3) var(--space-4);vertical-align:middle;border:none;color:var(--text-primary);line-height:var(--leading-snug)}.cmd-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-hover);white-space:nowrap;font-weight:var(--weight-medium);letter-spacing:-0.01em}.cmd-table td:last-child{color:var(--text-secondary);font-size:var(--text-sm)}.cmd-table td code{font-family:var(--font-mono);font-size:0.85em;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 5px;color:var(--accent-hover);white-space:nowrap}[data-theme="light-warm"] .cmd-table-wrap,[data-theme="pure-white"] .cmd-table-wrap,[data-theme="sepia"] .cmd-table-wrap{border-color:var(--border-default);background-color:var(--bg-surface);background:linear-gradient(to right,var(--bg-surface) 30%,transparent),linear-gradient(to left,var(--bg-surface) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,0.08),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,0.08),transparent) 100% 0;background-repeat:no-repeat;background-color:var(--bg-surface);background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}[data-theme="light-warm"] .cmd-table thead tr,[data-theme="pure-white"] .cmd-table thead tr,[data-theme="sepia"] .cmd-table thead tr{background:var(--bg-elevated)}[data-theme="light-warm"] .cmd-table tbody tr:nth-child(even),[data-theme="pure-white"] .cmd-table tbody tr:nth-child(even),[data-theme="sepia"] .cmd-table tbody tr:nth-child(even){background:rgba(0,0,0,0.025)}[data-theme="light-warm"] .cmd-table tbody tr:hover,[data-theme="pure-white"] .cmd-table tbody tr:hover,[data-theme="sepia"] .cmd-table tbody tr:hover{background:var(--accent-dim)}[data-theme="light-warm"] .cmd-table td:first-child,[data-theme="pure-white"] .cmd-table td:first-child,[data-theme="sepia"] .cmd-table td:first-child{color:var(--accent)}[data-theme="light-warm"] .cmd-table td code,[data-theme="pure-white"] .cmd-table td code,[data-theme="sepia"] .cmd-table td code{background:var(--bg-elevated);border-color:var(--border-default)}@media (max-width:768px){.cmd-table{font-size:var(--text-xs)}.cmd-table th,.cmd-table td{padding:var(--space-2) var(--space-3)}.cmd-table colgroup .col-cmd{width:48%}.cmd-table colgroup .col-desc{width:52%}}@media print{.cmd-table-wrap{overflow:visible;border:1px solid #ccc}.cmd-table tbody tr:hover{background:transparent}.cmd-table td:first-child{color:#333}}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-md);display:block;margin:var(--space-6) 0}html[data-font="dyslexic"] body,html[data-font="dyslexic"] p,html[data-font="dyslexic"] li,html[data-font="dyslexic"] .content-body{font-family:'OpenDyslexic','Comic Sans MS',cursive !important;letter-spacing:0.05em;word-spacing:0.1em}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:rgba(15,17,23,0.95);border-bottom:1px solid var(--border-default);display:flex;align-items:center;padding:0 var(--space-10);gap:var(--space-3);z-index:var(--z-sticky)}@supports (backdrop-filter:blur(6px)){.topbar{background:rgba(15,17,23,0.90);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.topbar__logo{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;white-space:nowrap}.topbar__logo span{color:var(--accent)}.topbar__breadcrumb{display:none;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;flex:1;min-width:0}.topbar__breadcrumb-item{color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;transition:color var(--duration-fast)}.topbar__breadcrumb-item:hover{color:var(--text-secondary)}.topbar__breadcrumb-item--current{color:var(--text-secondary);font-weight:var(--weight-medium)}.topbar__breadcrumb-sep{color:var(--text-muted);opacity:0.5;flex-shrink:0}@media (min-width:768px){.topbar__breadcrumb{display:flex}}@media (max-width:480px){.topbar{padding:0 var(--space-4)}}@media (max-width:768px){[data-page="topic"] .topbar__breadcrumb,[data-page="blog"] .topbar__breadcrumb{display:flex;max-width:180px;overflow:hidden}[data-page="topic"] .topbar__breadcrumb-item,[data-page="blog"] .topbar__breadcrumb-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.topbar__btn{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-body);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);white-space:nowrap;min-height:40px}.topbar__btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-surface)}.topbar__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar__btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:var(--z-overlay)}.sidebar-overlay.visible{display:block}.sidebar{position:fixed;top:calc(var(--topbar-height) + var(--subnav-height));left:0;bottom:0;width:var(--sidebar-width);font-family:var(--font-body);font-size:var(--text-sm);background:var(--sidebar-bg,#1a1f2e);box-shadow:4px 0 24px rgba(0,0,0,0.4),inset -1px 0 0 rgba(255,255,255,0.06);overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar);padding:var(--space-6) 0 var(--space-16) 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent}.sidebar::-webkit-scrollbar{display:none}.sidebar__header{padding:0 var(--space-5) var(--space-4);margin-bottom:var(--space-1)}.sidebar__course-link{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:var(--weight-medium);color:rgba(255,255,255,0.62);text-decoration:none;letter-spacing:0.06em;text-transform:uppercase;transition:color 150ms;line-height:1.4}.sidebar__course-link:hover{color:rgba(255,255,255,0.82);text-decoration:none}.sidebar__course-icon{display:none}.sidebar__course-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__progress{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-3)}.sidebar__progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.sidebar__progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 0.4s ease}.sidebar__progress-label{font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:70px;text-align:right}.sidebar__search-wrap{padding:0 var(--space-5) var(--space-5)}.sidebar__search{width:100%;background:rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius-md);padding:8px var(--space-3) 8px 32px;color:rgba(255,255,255,0.65);font-family:var(--font-body);font-size:16px;outline:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.25);transition:border-color 150ms;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;background-size:12px}.sidebar__search::placeholder{color:rgba(255,255,255,0.38)}.sidebar__search:focus{border-color:rgba(255,255,255,0.14);outline:none}.sidebar__search:focus-visible{border-color:rgba(124,106,247,0.5);outline:2px solid rgba(124,106,247,0.4);outline-offset:0}.sidebar__topic[data-tier].tier-hidden{display:none}.sidebar__unlock-prompt{padding:var(--space-4);margin:var(--space-4) var(--space-3);background:rgba(124,106,247,0.08);border:1px solid rgba(124,106,247,0.2);border-radius:var(--radius-md);text-align:center}.sidebar__unlock-text{font-size:12px;color:rgba(255,255,255,0.62);margin:0 0 var(--space-2)}.sidebar__unlock-btn{padding:6px 16px;background:rgba(124,106,247,0.2);border:1px solid rgba(124,106,247,0.3);border-radius:var(--radius-md);color:rgba(255,255,255,0.8);font-family:var(--font-body);font-size:12px;font-weight:var(--weight-medium);cursor:pointer;transition:all 150ms}.sidebar__unlock-btn:hover{background:rgba(124,106,247,0.3);color:rgba(255,255,255,0.95)}.sidebar__topic--tier1 .sidebar__topic-link{color:rgba(255,255,255,0.72)}.sidebar__topic--tier2 .sidebar__topic-link{color:rgba(255,255,255,0.62)}.sidebar__topic--tier3 .sidebar__topic-link{color:rgba(255,255,255,0.55)}.sidebar__topic--tier2 .sidebar__topic-link:hover,.sidebar__topic--tier3 .sidebar__topic-link:hover{color:rgba(255,255,255,0.78)}.sidebar__group{margin-bottom:var(--space-6)}.sidebar__section-header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:0 var(--space-5) var(--space-3);background:none;border:none;outline:none;cursor:pointer;user-select:none;color:rgba(255,255,255,0.58);font-family:var(--font-body);font-size:12.5px;font-weight:var(--weight-semibold);text-transform:none;letter-spacing:0.01em;text-align:left;transition:color 150ms;border-radius:0;margin:0}.sidebar__section-header:hover{color:rgba(255,255,255,0.72)}.sidebar__section-header[aria-expanded="true"]{color:rgba(255,255,255,0.72)}.sidebar__section-header:focus-visible{outline:2px solid rgba(255,255,255,0.2);outline-offset:2px;border-radius:var(--radius-sm)}.sidebar__section-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.18);flex-shrink:0}.sidebar__section-count{display:none}.sidebar__section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__section-chevron{color:rgba(255,255,255,0.18);transition:transform 220ms cubic-bezier(0.22,0.61,0.36,1),color 150ms;flex-shrink:0;display:flex;align-items:center}.sidebar__section-header[aria-expanded="true"] .sidebar__section-chevron{transform:rotate(90deg);color:rgba(255,255,255,0.32)}.sidebar__topics{display:none;list-style:none;padding:0 var(--space-5) var(--space-1) var(--space-5);margin:0}.sidebar__topics.open{display:block}.sidebar__topic-link{display:flex;align-items:center;padding:8px var(--space-5);font-size:13px;font-weight:var(--weight-normal);color:rgba(255,255,255,0.65);text-decoration:none;border-radius:var(--radius-md);margin-bottom:2px;position:relative;line-height:1.5;transition:color 150ms,background 150ms}.sidebar__topic-link:hover{color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.04);text-decoration:none}.sidebar__topic-link.active{color:rgba(255,255,255,0.92);font-weight:var(--weight-medium);background:rgba(255,255,255,0.08);box-shadow:0 2px 6px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.18)}.sidebar__topic-link.active::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:0 2px 2px 0;background:rgba(255,255,255,0.5)}.sidebar__topic-link.done{opacity:1}.sidebar__topic-link.done:hover{opacity:1}.sidebar__topic-link.done.active{opacity:1}.sidebar__check{margin-left:auto;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:transparent;transition:background 200ms}.sidebar__topic-link.done .sidebar__check{background:var(--color-success);box-shadow:0 0 4px rgba(76,175,135,0.5)}.sidebar__section-progress{height:1px;background:rgba(255,255,255,0.05);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-1) var(--space-5) var(--space-3)}.sidebar__section-progress__fill{height:100%;background:rgba(255,255,255,0.18);width:0%;transition:width var(--duration-normal) var(--ease-out);border-radius:var(--radius-full)}.main-content{flex:1;min-width:0;padding:var(--space-10) var(--space-10)}.content-body{max-width:var(--content-max);margin:0 auto}[data-page="blog"] .content-body{max-width:860px;flex:1;min-width:0;width:auto}[data-page="home"] .content-body,[data-page="listing"] .content-body,[data-page="hub"] .content-body,[data-page="path"] .content-body,[data-page="error"] .content-body{max-width:1100px;margin:0 auto}[data-page="course"] .content-body{max-width:900px;margin:0 auto}.onpage-nav{display:none;width:200px;flex-shrink:0;padding:var(--space-5) var(--space-3);position:sticky;top:calc(var(--topbar-height) + var(--subnav-height) + var(--space-6));max-height:calc(100vh - var(--topbar-height) - var(--subnav-height) - var(--space-12));overflow-y:auto;scrollbar-width:none;align-self:flex-start}.onpage-nav::-webkit-scrollbar{display:none}.onpage-nav__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-secondary);margin-bottom:var(--space-3);padding-left:var(--space-3)}.onpage-nav__list{list-style:none;padding:0;margin:0}.onpage-nav__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.4;min-height:36px;display:flex;align-items:center}.onpage-nav__link:hover{color:var(--text-secondary);background:var(--bg-elevated);text-decoration:none}.onpage-nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.onpage-nav__link.active{color:var(--accent);border-left-color:var(--accent);border-left-width:3px;background:var(--accent-dim);font-weight:var(--weight-semibold)}.toc-mobile-btn{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast);min-height:44px}.toc-mobile-btn:hover{background:var(--bg-surface);border-color:var(--accent-border);color:var(--text-primary)}@media (max-width:1023px){[data-page="blog"] .toc-mobile-btn{display:inline-flex}}.onpage-nav--open{display:block;position:fixed;top:calc(var(--topbar-height) + var(--space-4));right:var(--space-4);left:var(--space-4);z-index:var(--z-dropdown,300);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 8px 32px rgba(0,0,0,0.3);max-height:60vh;overflow-y:auto}@media (max-width:768px){html{font-size:18px}.blog-content p,.blog-content li,.topic-content p,.topic-content li{margin-bottom:var(--space-7)}h2{margin-top:var(--space-10)}.sidebar{transform:translateX(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:var(--z-drawer);width:85vw;max-width:320px;top:var(--topbar-height)}.sidebar.open{transform:translateX(0)}.main-content{padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-6))}[data-page="blog"] .main-content{display:block}[data-page="blog"] .content-body{max-width:100%}body.has-subnav .main-content{padding-top:var(--space-6)}.bottom-nav{display:flex}.topbar__menu-label{display:none}#search-modal-btn .topbar__menu-label{display:inline}.topbar__widget{display:none !important}.topbar__actions{gap:var(--space-1)}#reading-highlight-btn,#font-dec,#font-inc{display:none}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}@media (min-width:768px){h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (min-width:1024px){h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media (max-width:768px){.sidebar__topic-link{min-height:44px;display:flex;align-items:center}.sidebar__section-header{min-height:44px}.bottom-nav__link{min-height:44px;font-weight:var(--weight-medium)}.deep-dive__toggle{min-height:44px}.topbar__btn{min-height:44px;padding:var(--space-2) var(--space-3)}.section-grid__cards{grid-template-columns:1fr}.listing-sort-btn,.listing-filter-btn{min-height:44px}.error-page__topic-card{min-height:44px}.code-block__copy{min-height:44px;padding:var(--space-2) var(--space-3)}.sidebar__course-link{font-size:12px}.sidebar__section-header{font-size:13px}.sidebar__topic-link{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.sidebar{transform:translateX(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:var(--z-drawer)}.sidebar.open{transform:translateX(0)}.main-content{padding:var(--space-8) var(--space-8);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-8))}body.has-subnav .main-content{padding-top:var(--space-6)}.bottom-nav{display:flex}h1{font-size:var(--text-3xl)}.section-grid__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){[data-page="course"] #sidebar-toggle{display:none}[data-page="course"] .sidebar{transform:translateX(-100%);width:var(--sidebar-width);transition:transform 230ms cubic-bezier(0.0,0.0,0.2,1.0);border-right:1px solid rgba(255,255,255,0.06);box-shadow:6px 0 40px rgba(0,0,0,0.6),inset -1px 0 0 rgba(255,255,255,0.04)}body.sidebar-open[data-page="course"] .sidebar{transform:translateX(0);transition:transform 340ms cubic-bezier(0.34,1.08,0.64,1)}[data-page="course"] .main-content{margin-left:0}.main-content{padding:var(--space-10) var(--space-10);display:block}[data-page="blog"] .main-content{display:block}body.has-subnav .main-content{padding-top:var(--space-8)}.content-body{min-width:0;width:100%}[data-page="course"] .content-body{width:auto;flex:1}[data-page="blog"] .content-body{max-width:780px;margin-inline:auto;width:100%}.onpage-nav{display:none}.bottom-nav{display:none}}.sidebar__pull-tab{display:none}@media (min-width:1024px){.sidebar__pull-tab{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:50%;transform:translateY(-50%);width:20px;height:56px;background:var(--surface-2);border:1px solid var(--border);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;z-index:var(--z-sidebar);transition:width 0.15s,background 0.15s,left 0.25s;box-shadow:2px 0 8px rgba(0,0,0,0.12)}.sidebar__pull-tab:hover{width:28px;background:var(--surface-3)}body.sidebar-open .sidebar__pull-tab{left:var(--sidebar-w,260px)}.sidebar__pull-tab-icon{opacity:0.6;transition:transform 0.2s,opacity 0.15s}.sidebar__pull-tab:hover .sidebar__pull-tab-icon{opacity:1}body.sidebar-open .sidebar__pull-tab .sidebar__pull-tab-icon{transform:scaleX(-1)}}@media (prefers-reduced-motion:reduce){[data-page="course"] .sidebar,body.sidebar-open[data-page="course"] .sidebar{transition:none}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(26,29,46,0.96);border-top:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 -2px 14px rgba(0,0,0,0.35),0 -1px 0 rgba(255,255,255,0.04) inset;z-index:var(--z-sticky)}.bottom-nav__items{display:flex;height:100%;list-style:none}.bottom-nav__item{flex:1}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}.bottom-nav__link:hover,.bottom-nav__link.active{color:var(--accent);text-decoration:none}.bottom-nav__link.active .bottom-nav__icon{filter:drop-shadow(0 0 4px rgba(124,106,247,0.5))}.bottom-nav__link:focus-visible,.bottom-nav__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.bottom-nav__btn{background:none;border:none;font-family:var(--font-body);cursor:pointer;color:inherit;width:100%}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.bottom-nav__icon svg{display:block;width:20px;height:20px}[data-theme="amoled"] .bottom-nav{background:rgba(0,0,0,0.96)}.subnav{position:fixed;top:var(--topbar-height);left:0;right:0;height:var(--subnav-height);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:calc(var(--z-sticky) - 1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.subnav::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-surface));pointer-events:none;z-index:var(--z-raised)}.subnav::-webkit-scrollbar{display:none}.subnav__inner{display:flex;align-items:center;height:100%;gap:var(--space-1);padding:0 var(--space-5);min-width:max-content}.subnav__link{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast);white-space:nowrap;position:relative;min-height:44px;display:inline-flex;align-items:center}.subnav__link:hover{color:var(--text-primary);background:var(--bg-elevated);text-decoration:none}.subnav__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subnav__link.active{color:var(--accent)}.subnav__link.active::after{content:'';position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--accent);border-radius:1px 1px 0 0}[data-page="home"] .reading-progress{display:none}[data-page="home"] #reading-highlight-btn,[data-page="home"] #font-dec,[data-page="home"] #font-inc{display:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;background:transparent;z-index:var(--z-progress);pointer-events:none}@media (max-width:768px){.reading-progress{height:5px}}.reading-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:0 2px 2px 0;transition:width 80ms linear,box-shadow 400ms var(--ease-out)}.reading-progress__fill.near-done{box-shadow:0 0 8px 2px rgba(124,106,247,0.7),0 0 20px 4px rgba(124,106,247,0.35)}@media (prefers-reduced-motion:reduce){.reading-progress__fill{transition:none;box-shadow:none}.reading-progress__fill.near-done{box-shadow:none}}body.focus-mode .sidebar,body.focus-mode .site-footer,body.focus-mode .topbar__breadcrumb,body.focus-mode .onpage-nav,body.focus-mode .related-topics,body.focus-mode .topic-explore,body.focus-mode .article-course-cta,body.focus-mode .continue-section{display:none !important}body.focus-mode .main-content{max-width:768px;margin:0 auto}.reading-dropdown{position:relative}.reading-dropdown--open .reading-dropdown__trigger,.reading-dropdown__trigger[aria-expanded="true"]{background:var(--accent-dim,rgba(124,106,247,0.12));color:var(--accent,#7c6af7)}.reading-dropdown__panel{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-overlay,#23263a);border:1px solid var(--border-default,rgba(255,255,255,0.1));border-radius:var(--radius-lg,12px);padding:4px 0 6px;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.06);z-index:var(--z-modal);animation:dropdown-in 160ms cubic-bezier(0.22,0.61,0.36,1) both}@keyframes dropdown-in{from{opacity:0;transform:translateY(-6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.reading-dropdown__section{padding:8px 12px;border-bottom:1px solid var(--border-subtle,rgba(255,255,255,0.05))}.reading-dropdown__section:last-child{border-bottom:none}.reading-dropdown__section--row{display:flex;align-items:center;justify-content:space-between}.reading-dropdown__label{display:block;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-secondary,#8b94b0);margin-bottom:8px}.reading-dropdown__section--row .reading-dropdown__label{margin-bottom:0}.reading-dropdown__themes{display:flex;gap:5px;flex-wrap:wrap}.dock-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform 100ms,border-color 100ms,box-shadow 100ms;box-shadow:0 2px 0 rgba(10,10,20,0.5),inset 0 1px 0 rgba(255,255,255,0.15);position:relative}.dock-swatch::before{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.dock-swatch:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(10,10,20,0.5)}.dock-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-swatch.active{border-color:var(--accent,#7c6af7);box-shadow:0 2px 0 rgba(10,10,20,0.5),0 0 0 2px rgba(124,106,247,0.4)}.dock-swatch--dark{background:#1a1d2e}.dock-swatch--dim{background:#252836}.dock-swatch--amoled{background:#050508}.dock-swatch--warm{background:#fdf6ec}.dock-swatch--white{background:#ffffff;border:2px solid var(--border-default,rgba(0,0,0,0.1))}.dock-swatch--sepia{background:#f4e9d5}.reading-dropdown__font-btns{display:flex;gap:var(--space-2,8px);align-items:center}.reading-dropdown__font-row{display:flex;align-items:center;gap:6px}.dock-font-val{flex:1;text-align:center;font-size:var(--text-xs,11px);font-weight:600;color:var(--text-secondary,#8b94b0);font-variant-numeric:tabular-nums}.reading-dropdown__spacing-row{display:flex;gap:5px}.dock-key{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated,#2a2e42);border:1px solid var(--border-default,rgba(255,255,255,0.1));border-radius:6px;color:var(--text-secondary,#8b94b0);cursor:pointer;font-family:var(--font-sans,system-ui);font-weight:700;box-shadow:0 3px 0 rgba(10,10,20,0.6),0 1px 0 rgba(10,10,20,0.5),inset 0 1px 0 rgba(255,255,255,0.08);transition:background var(--duration-fast,120ms),color var(--duration-fast,120ms),transform var(--duration-fast,120ms),box-shadow var(--duration-fast,120ms)}.dock-key:hover{background:var(--bg-overlay);color:var(--text-primary)}.dock-key:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(10,10,20,0.5),inset 0 2px 4px rgba(0,0,0,0.3)}.dock-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-key:disabled{opacity:0.35;cursor:not-allowed;transform:none}.dock-key.active{background:var(--accent,#7c6af7);color:#fff;box-shadow:0 1px 0 rgba(10,10,20,0.5),inset 0 2px 4px rgba(0,0,0,0.2),inset 0 0 8px rgba(124,106,247,0.3);transform:translateY(1px)}.dock-key--sm{font-size:12px;padding:5px 8px;min-width:36px;min-height:36px}.dock-key--lg{font-size:13px;padding:5px 8px;min-width:36px;min-height:36px}.dock-key--spacing{flex:1;padding:6px 0}.dock-key--font{font-size:13px;font-weight:800;font-family:var(--font-sans,system-ui);padding:5px 10px;min-width:40px;min-height:36px;letter-spacing:-0.01em}.dock-toggle{display:inline-flex;align-items:center;cursor:pointer;gap:0}.dock-toggle__input{position:absolute;opacity:0;width:0;height:0}.dock-toggle__track{display:inline-block;width:36px;height:20px;background:var(--bg-elevated,#2a2e42);border:1px solid var(--border-default,rgba(255,255,255,0.1));border-radius:10px;position:relative;transition:background 150ms;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.05)}.dock-toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted,#5a6080);border-radius:50%;transition:transform 150ms cubic-bezier(0.22,0.61,0.36,1),background 150ms;box-shadow:0 2px 0 rgba(10,10,20,0.4),inset 0 1px 0 rgba(255,255,255,0.2)}.dock-toggle__input:checked + .dock-toggle__track{background:var(--accent,#7c6af7)}.dock-toggle__input:checked + .dock-toggle__track .dock-toggle__thumb{transform:translateX(16px);background:#fff;box-shadow:0 2px 0 rgba(10,10,20,0.3),0 0 4px rgba(124,106,247,0.4)}.dock-toggle__input:focus-visible + .dock-toggle__track{outline:2px solid var(--accent,#7c6af7);outline-offset:2px}.dock-action{display:flex;align-items:center;gap:8px;width:100%;padding:var(--space-3) var(--space-4);min-height:44px;background:var(--bg-elevated,#2a2e42);border:1px solid var(--border-default,rgba(255,255,255,0.1));border-radius:7px;color:var(--text-secondary,#8b94b0);font-size:var(--text-sm,12px);font-weight:500;cursor:pointer;text-align:left;box-shadow:0 3px 0 rgba(10,10,20,0.6),inset 0 1px 0 rgba(255,255,255,0.06);transition:background var(--duration-fast,120ms),color var(--duration-fast,120ms),transform var(--duration-fast,120ms),box-shadow var(--duration-fast,120ms)}.dock-action:hover{background:var(--bg-overlay);color:var(--text-primary)}.dock-action:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(10,10,20,0.5),inset 0 2px 4px rgba(0,0,0,0.3)}.dock-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-action__label{font-size:12px}.dock-action--focus[aria-pressed="true"]{background:var(--accent,#7c6af7);color:#fff;transform:translateY(2px);box-shadow:0 1px 0 rgba(10,10,20,0.5),inset 0 2px 6px rgba(0,0,0,0.25),inset 0 0 10px rgba(124,106,247,0.35)}.dock-action--focus[aria-pressed="true"] .dock-action__label::before{content:"Exit "}.dock-action--focus[aria-pressed="false"] .dock-action__label::before{content:""}@media (prefers-reduced-motion:reduce){.reading-dropdown__panel{animation:none}.dock-key,.dock-toggle__thumb,.dock-toggle__track{transition:none}}code{font-family:var(--font-mono);font-size:0.875em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:0.15em 0.4em;color:var(--code-text)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);overflow-x:auto;margin:var(--space-6) 0;line-height:1.6;tab-size:2}pre code{background:none;border:none;padding:0;font-size:inherit}.code-block{margin:var(--space-6) 0}.code-block__header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-overlay);border:1px solid var(--code-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-2) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.code-block__header .lang{color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.06em}.code-block__copy{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 8px;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--duration-fast),border-color var(--duration-fast)}.code-block__copy:hover{color:var(--text-primary);border-color:var(--border-default)}.code-block__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-block pre{margin:0;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.callout{border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-12) 0;border-left:4px solid}.callout__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-3)}.callout p:last-child{margin-bottom:0}.callout--analogy{background:var(--callout-analogy);border-color:var(--callout-analogy-border)}.callout--analogy .callout__title{color:var(--accent)}.callout--brutal{background:var(--callout-brutal);border-color:var(--callout-brutal-border)}.callout--brutal .callout__title{color:var(--color-danger)}.callout--sowhat{background:var(--callout-sowhat);border-color:var(--callout-sowhat-border)}.callout--sowhat .callout__title{color:var(--color-success)}.callout--warning{background:var(--callout-warning);border-color:var(--callout-warning-border)}.callout--warning .callout__title{color:var(--color-warning)}.callout--deepdive{background:var(--callout-deepdive);border-color:var(--callout-deepdive-border)}.callout--deepdive .callout__title{color:var(--color-info)}.callout__title{display:flex;align-items:center;gap:var(--space-2)}.callout--analogy .callout__title::before,.callout--brutal .callout__title::before,.callout--sowhat .callout__title::before,.callout--warning .callout__title::before,.callout--deepdive .callout__title::before{content:'';display:inline-block;width:14px;height:14px;background-color:currentColor;flex-shrink:0}.callout--analogy .callout__title::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E") no-repeat center/contain}.callout--brutal .callout__title::before,.callout--warning .callout__title::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") no-repeat center/contain}.callout--sowhat .callout__title::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center/contain}.callout--deepdive .callout__title::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") no-repeat center/contain}.prereqs{position:relative;margin-bottom:var(--space-8);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(251,191,36,0.07) 0%,rgba(245,158,11,0.04) 100%);border:1px solid rgba(251,191,36,0.18);box-shadow:inset 0 2px 8px rgba(0,0,0,0.25),inset 0 1px 0 rgba(0,0,0,0.15),0 1px 0 rgba(255,255,255,0.04);padding:var(--space-5) var(--space-6);overflow:hidden}.prereqs::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(180deg,#fbbf24,#f59e0b)}.prereqs__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-warning,#f59e0b);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.prereqs__label::before{content:'';display:inline-block;width:14px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.prereqs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.prereqs__list li{margin:0;padding:0}.prereqs__list a{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-warning-light,#fde68a);text-decoration:none;padding:5px var(--space-4);border-radius:var(--radius-full);background:linear-gradient(160deg,rgba(251,191,36,0.16) 0%,rgba(245,158,11,0.09) 100%);border:1px solid rgba(251,191,36,0.25);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 -1px 0 rgba(0,0,0,0.2) inset,0 2px 6px rgba(0,0,0,0.25);transition:background 150ms,box-shadow 150ms,color 150ms;white-space:nowrap}.prereqs__list a:hover{color:#fff;background:linear-gradient(160deg,rgba(251,191,36,0.28) 0%,rgba(245,158,11,0.18) 100%);border-color:rgba(251,191,36,0.45);box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 -1px 0 rgba(0,0,0,0.15) inset,0 3px 10px rgba(0,0,0,0.3);text-decoration:none}.prereqs__list a:active{box-shadow:0 2px 4px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.05) inset;transform:translateY(1px)}.tldr{position:relative;background:linear-gradient(160deg,rgba(124,106,247,0.10) 0%,rgba(124,106,247,0.04) 100%);border:1px solid rgba(124,106,247,0.22);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-10);box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 8px 24px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.25);overflow:hidden}.tldr::before{display:none}.tldr::after{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b7cf8 0%,#6356d4 100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.tldr__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.tldr__skip{margin-left:auto;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;white-space:nowrap;padding:var(--space-2) var(--space-3);min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);border:1px solid rgba(124,106,247,0.3);transition:background var(--duration-fast),border-color var(--duration-fast)}.tldr__skip:hover{background:rgba(124,106,247,0.1);border-color:rgba(124,106,247,0.5);text-decoration:none}.tldr__skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tldr__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.1em;color:var(--accent)}.tldr__list{list-style:none;padding:0;margin:0}.tldr__list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-3);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed)}.tldr__list li:last-child{margin-bottom:0}.tldr__list li p,.key-takeaways__list li p{margin-bottom:0}.tldr__list li::before{content:'';position:absolute;left:2px;top:0.55em;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){.tldr{background:linear-gradient(160deg,rgba(124,106,247,0.06) 0%,rgba(124,106,247,0.02) 100%);box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 6px 18px rgba(0,0,0,0.08),0 2px 5px rgba(0,0,0,0.05)}}.key-takeaways{position:relative;background:linear-gradient(160deg,rgba(76,175,135,0.10) 0%,rgba(76,175,135,0.03) 100%);border:1px solid rgba(76,175,135,0.22);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-top:var(--space-12);margin-bottom:var(--space-8);box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 8px 24px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.25);overflow:hidden}.key-takeaways::before{display:none}.key-takeaways::after{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#4caf87 0%,#2e7d5e 100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.key-takeaways__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.key-takeaways__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-success)}.key-takeaways__list{list-style:none;padding:0;margin:0}.key-takeaways__list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.key-takeaways__list li:last-child{margin-bottom:0}.key-takeaways__list li::before{content:'✓';position:absolute;left:0;color:var(--color-success);font-weight:var(--weight-bold)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){.key-takeaways{background:linear-gradient(160deg,rgba(16,185,129,0.06) 0%,rgba(16,185,129,0.02) 100%);box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 6px 18px rgba(0,0,0,0.08),0 2px 5px rgba(0,0,0,0.05)}}.breadcrumbs{margin-bottom:var(--space-4)}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__item:not(:last-child)::after{content:'/';margin-left:var(--space-1);color:var(--text-secondary);opacity:0.6}.breadcrumbs__item a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}.breadcrumbs__item a:hover{color:var(--accent);text-decoration:none}.breadcrumbs__item:last-child span{color:var(--text-primary);font-weight:var(--weight-medium)}@media (max-width:768px){.breadcrumbs__item:not(:nth-last-child(-n+2)):not(:first-child:nth-last-child(2)){display:none}.breadcrumbs__list:has(.breadcrumbs__item:nth-child(n+3)) .breadcrumbs__item:nth-last-child(2)::before{content:'… /';margin-right:var(--space-1);color:var(--text-secondary);opacity:0.85}}.code-block__header .lang{display:inline-block;padding:2px var(--space-2);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.04em}.search-modal{display:none;position:fixed;inset:0;background:var(--modal-bg);z-index:var(--z-modal);align-items:flex-start;justify-content:center;padding-top:80px}.search-modal.open{display:flex}.search-modal__panel{width:100%;max-width:480px;background:var(--clay-surface);border:1px solid rgba(255,255,255,0.06);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 -1px 0 rgba(0,0,0,0.45) inset,0 32px 80px rgba(0,0,0,0.7),0 8px 24px rgba(0,0,0,0.5);overflow:hidden;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.search-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(255,255,255,0.03)}.search-modal__icon{flex-shrink:0;width:18px;height:18px;color:var(--text-muted);transition:color 150ms}.search-modal__header:focus-within .search-modal__icon{color:var(--accent)}.search-modal__input-wrap{flex:1;display:flex;align-items:center;gap:var(--space-2);background:rgba(0,0,0,0.3);border:1px solid rgba(0,0,0,0.4);border-radius:10px;padding:0 var(--space-3);height:42px;box-shadow:0 3px 7px rgba(0,0,0,0.5) inset,0 1px 0 rgba(255,255,255,0.05);transition:border-color 150ms,box-shadow 150ms}.search-modal__input-wrap:focus-within{border-color:rgba(124,106,247,0.5);box-shadow:0 3px 7px rgba(0,0,0,0.5) inset,0 0 0 2px rgba(124,106,247,0.2)}.search-modal__input{flex:1;background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);letter-spacing:var(--letter-spacing-body);caret-color:var(--accent);height:100%}.search-modal__input:focus{outline:none}.search-modal__input-wrap:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.search-modal__input::placeholder{color:var(--text-muted);opacity:0.7}.search-modal__shortcut{flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);color:var(--text-muted);padding:4px 9px;border-radius:6px;line-height:1.4;background:linear-gradient(180deg,rgba(255,255,255,0.11) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 -2px 0 rgba(0,0,0,0.5) inset,0 3px 5px rgba(0,0,0,0.5)}.search-modal__filters{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-modal__filter-btn{padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer}.search-modal__filter-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-modal__results{flex:1;overflow-y:auto;padding:var(--space-2) 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}.search-modal__result{display:flex;align-items:flex-start;gap:var(--space-3);padding:10px var(--space-4);margin:2px var(--space-3);cursor:pointer;text-decoration:none;color:inherit;border-radius:10px;border:1px solid transparent;transition:background 120ms,border-color 120ms,box-shadow 120ms}.search-modal__result:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.06);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 2px 6px rgba(0,0,0,0.3);text-decoration:none}.search-modal__result:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}.search-modal__result[aria-selected="true"]{background:rgba(124,106,247,0.1);border-color:rgba(124,106,247,0.25);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 4px 10px rgba(0,0,0,0.35),0 0 0 1px rgba(124,106,247,0.15);text-decoration:none}.search-modal__result-icon{flex-shrink:0;margin-top:1px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 2px 5px rgba(0,0,0,0.4);color:var(--text-muted);transition:color 120ms,background 120ms,border-color 120ms}.search-modal__result[aria-selected="true"] .search-modal__result-icon{color:var(--accent);background:rgba(124,106,247,0.12);border-color:rgba(124,106,247,0.25)}.search-modal__result-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug)}.search-modal__result-section{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.search-modal__result-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.search-modal__result-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;padding:1px 6px;border-radius:4px;line-height:1.6;white-space:nowrap}.search-modal__result-badge--course{background:#1e3a5f22;color:#4a9eff}.search-modal__result-badge--article{background:#1a3a1a22;color:#4caf82}.search-modal__result-badge--cheatsheet{background:#3a2a0a22;color:#f0a030}.search-modal__result-badge--debugging{background:#3a0a0a22;color:#e05252}.search-modal__result-badge--interview{background:#2a0a3a22;color:#a065e0}.search-modal__result-badge--compare{background:#0a2a3a22;color:#30b0c0}.search-modal__result-excerpt{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-modal__empty{padding:var(--space-12) var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.search-modal__footer{padding:var(--space-3) var(--space-5);border-top:1px solid rgba(0,0,0,0.3);background:rgba(0,0,0,0.15);box-shadow:0 -1px 0 rgba(255,255,255,0.03);display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);align-items:center}.search-modal__footer kbd{font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);color:var(--text-secondary);padding:3px 7px;border-radius:5px;line-height:1.4;background:linear-gradient(180deg,rgba(255,255,255,0.11) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 -2px 0 rgba(0,0,0,0.5) inset,0 3px 5px rgba(0,0,0,0.5)}.search-modal__footer--nav{background:rgba(0,0,0,0.15)}.search-modal__footer:not(.search-modal__footer--nav){padding:8px 16px 12px;border-top:1px solid var(--border);text-align:center;background:transparent;box-shadow:none}.search-modal__see-all{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.search-modal__see-all:hover{text-decoration:underline}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){.search-modal__panel{background:#f0f0f8;border-color:rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.95) inset,0 24px 60px rgba(0,0,0,0.2),0 6px 16px rgba(0,0,0,0.1)}.search-modal__input-wrap{background:rgba(0,0,0,0.07);border-color:rgba(0,0,0,0.15);box-shadow:0 2px 5px rgba(0,0,0,0.12) inset,0 1px 0 rgba(255,255,255,0.8)}.search-modal__input-wrap:focus-within{border-color:rgba(124,106,247,0.4);box-shadow:0 2px 5px rgba(0,0,0,0.12) inset,0 0 0 2px rgba(124,106,247,0.15)}.search-modal__shortcut,.search-modal__footer kbd{background:linear-gradient(180deg,#ffffff 0%,#e0e0ee 100%);border-color:rgba(0,0,0,0.2);color:#555;box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 -2px 0 rgba(0,0,0,0.15) inset,0 2px 4px rgba(0,0,0,0.15)}.search-modal__result-icon{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 1px 3px rgba(0,0,0,0.1)}.search-modal__result:hover{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 2px 5px rgba(0,0,0,0.08)}.search-modal__footer{background:rgba(0,0,0,0.04);border-top-color:rgba(0,0,0,0.08);box-shadow:0 -1px 0 rgba(255,255,255,0.7)}}@media (max-width:768px){.search-modal{padding:max(16px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px));align-items:center}.search-modal__panel{width:100%;max-width:560px;max-height:min(82vh,720px);border-radius:20px}}.deep-dive{border:1px solid var(--callout-deepdive-border);border-radius:var(--radius-md);margin:var(--space-8) 0;overflow:hidden}.deep-dive__toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:var(--callout-deepdive);border:none;color:var(--color-info);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;transition:background var(--duration-fast)}.deep-dive__toggle:hover{background:rgba(74,158,222,0.2)}.deep-dive__icon{font-size:var(--text-base)}.deep-dive__chevron{margin-left:auto;flex-shrink:0;width:20px;height:20px;position:relative}.deep-dive__chevron::before,.deep-dive__chevron::after{content:'';position:absolute;background:currentColor;border-radius:2px;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.deep-dive__chevron::before{width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.deep-dive__chevron::after{width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.deep-dive.open .deep-dive__chevron::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.deep-dive__body{display:none;padding:var(--space-5) var(--space-6);border-top:1px solid rgba(74,158,222,0.2)}.deep-dive.open .deep-dive__body{display:block}[data-reading-highlight="true"] .content-body p,[data-reading-highlight="true"] .content-body li{transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm)}[data-reading-highlight="true"] .content-body p:hover,[data-reading-highlight="true"] .content-body li:hover{background:var(--bg-elevated);box-shadow:2px 0 0 var(--accent) inset;cursor:default}@media (min-width:768px){[data-reading-highlight="true"] .content-body p:hover,[data-reading-highlight="true"] .content-body li:hover{margin-left:calc(-1 * var(--space-2));padding-left:var(--space-2);margin-right:calc(-1 * var(--space-2));padding-right:var(--space-2)}}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4));right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}@media (min-width:768px){.toast-container{bottom:var(--space-6)}}.toast{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);box-shadow:0 4px 24px rgba(0,0,0,0.4);pointer-events:auto;transform:translateX(110%);transition:transform var(--duration-normal) var(--ease-out)}.toast.visible{transform:translateX(0)}.toast--success{border-left:3px solid var(--color-success)}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-tooltip);background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-2);color:#fff;text-decoration:none}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.mt-0{margin-top:0 !important}.mb-0{margin-bottom:0 !important}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.topbar__widget{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.streak__fire{font-size:1em}.streak--hot{color:var(--color-warning);font-weight:600}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-toast);overflow:hidden}.confetti-piece{position:absolute;top:-10px;left:var(--x);width:8px;height:8px;border-radius:2px;opacity:0;animation:confetti-fall var(--d) var(--delay) ease-out forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}100%{opacity:0;transform:translateY(100vh) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.confetti-piece{animation:none;display:none}}.section-share-btn{display:inline-block;margin-left:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:44px;cursor:pointer;vertical-align:middle;transition:all var(--duration-fast) var(--ease-out)}.section-share-btn:hover{color:var(--text-primary);border-color:var(--border-default)}.section-share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-controls{position:absolute;top:calc(var(--topbar-height) - 4px);right:var(--space-4);width:288px;max-width:calc(100vw - var(--space-8));background:var(--clay-surface);border:1px solid rgba(255,255,255,0.06);border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 -1px 0 rgba(0,0,0,0.4) inset,0 20px 48px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);padding:var(--space-5);z-index:var(--z-dropdown)}.reading-controls[hidden]{display:none}.reading-controls__section{margin-bottom:var(--space-5)}.reading-controls__section:last-child{margin-bottom:0}.reading-controls__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.reading-controls__themes{display:flex;gap:10px;flex-wrap:wrap}.theme-swatch{width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid rgba(0,0,0,0.35);box-shadow:0 1px 0 rgba(255,255,255,0.18) inset,0 -1px 0 rgba(0,0,0,0.3) inset,0 3px 6px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.3);transition:box-shadow 120ms var(--ease-out),transform 120ms var(--ease-out),border-color 120ms}.theme-swatch:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,0.22) inset,0 -1px 0 rgba(0,0,0,0.3) inset,0 5px 10px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.35)}.theme-swatch.active{border-color:var(--accent);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 2px 4px rgba(0,0,0,0.5) inset,0 0 0 2px var(--accent),0 1px 3px rgba(0,0,0,0.4);transform:translateY(1px)}.theme-swatch:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 2px 5px rgba(0,0,0,0.55) inset,0 1px 2px rgba(0,0,0,0.4)}.theme-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-swatch__check{display:none;font-size:13px;font-weight:700;color:inherit;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.theme-swatch.active .theme-swatch__check{display:block}.theme-swatch--dark{background:#0f1117;color:#e8eaf6}.theme-swatch--dim{background:#2a2a2e;color:#e8eaf6}.theme-swatch--amoled{background:#000000;color:#e8eaf6}.theme-swatch--light-warm{background:#f8f9fc;color:#1a1d2e}.theme-swatch--pure-white{background:#ffffff;color:#1a1d2e}.theme-swatch--sepia{background:#F4ECD8;color:#5B4636}.reading-controls__size{display:flex;align-items:center;gap:var(--space-2)}.reading-controls__size-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 -1px 0 rgba(0,0,0,0.35) inset,0 3px 6px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.3);transition:box-shadow 100ms,transform 100ms,background 100ms}.reading-controls__size-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.04) 100%);box-shadow:0 1px 0 rgba(255,255,255,0.14) inset,0 -1px 0 rgba(0,0,0,0.35) inset,0 4px 8px rgba(0,0,0,0.5),0 2px 3px rgba(0,0,0,0.3)}.reading-controls__size-btn:active{transform:translateY(1px);background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.02) 100%);box-shadow:0 2px 4px rgba(0,0,0,0.5) inset,0 1px 0 rgba(255,255,255,0.04) inset,0 1px 2px rgba(0,0,0,0.3)}.reading-controls__size-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-controls__size-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none;box-shadow:0 1px 0 rgba(255,255,255,0.05) inset,0 2px 4px rgba(0,0,0,0.3)}.reading-controls__size-value{flex:1;text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--text-primary);background:rgba(0,0,0,0.25);border-radius:8px;padding:7px 0;border:1px solid rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.04)}.reading-controls__spacing{display:flex;background:rgba(0,0,0,0.3);border-radius:10px;padding:3px;gap:2px;box-shadow:0 2px 5px rgba(0,0,0,0.45) inset,0 1px 0 rgba(255,255,255,0.04)}.reading-controls__spacing-btn{flex:1;height:34px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background 150ms,color 150ms,box-shadow 150ms}.reading-controls__spacing-btn:hover{background:rgba(255,255,255,0.06);color:var(--text-secondary)}.reading-controls__spacing-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-controls__spacing-btn.active{background:var(--clay-surface);color:var(--accent);font-weight:var(--weight-semibold);box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 2px 5px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3)}.reading-controls__toggle-row{display:flex;align-items:center}.sku-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;gap:var(--space-3)}.sku-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sku-toggle__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);user-select:none}.sku-toggle__track{position:relative;width:48px;height:26px;flex-shrink:0;border-radius:13px;background:rgba(0,0,0,0.4);border:1px solid rgba(0,0,0,0.35);box-shadow:0 2px 5px rgba(0,0,0,0.5) inset,0 1px 0 rgba(255,255,255,0.04);transition:background 200ms,box-shadow 200ms}.sku-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,0.55) 0%,rgba(180,180,180,0.9) 100%);box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 2px 5px rgba(0,0,0,0.55),0 1px 2px rgba(0,0,0,0.4);transition:transform 200ms var(--ease-spring),background 200ms,box-shadow 200ms}.sku-toggle__input:checked~.sku-toggle__track{background:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,0.4) inset,0 0 8px rgba(124,106,247,0.4)}.sku-toggle__input:checked~.sku-toggle__track .sku-toggle__thumb{transform:translateX(22px);background:linear-gradient(180deg,rgba(255,255,255,0.85) 0%,rgba(230,230,255,0.95) 100%);box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 2px 6px rgba(0,0,0,0.4),0 0 6px rgba(124,106,247,0.3)}.sku-toggle__input:focus-visible~.sku-toggle__track{outline:2px solid var(--accent);outline-offset:2px}.reading-controls__divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:var(--space-3) calc(-1 * var(--space-5));box-shadow:0 1px 0 rgba(255,255,255,0.03)}.reading-controls__section--actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reading-controls__action{flex:1;min-width:80px;padding:7px var(--space-3);border-radius:8px;cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:center;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 4px rgba(0,0,0,0.35) inset,0 1px 0 rgba(255,255,255,0.05);transition:background 120ms,color 120ms,box-shadow 120ms,transform 100ms}.reading-controls__action:hover{background:rgba(255,255,255,0.07);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.08)}.reading-controls__action:active{transform:translateY(1px);box-shadow:0 3px 6px rgba(0,0,0,0.45) inset,0 1px 0 rgba(255,255,255,0.03)}.reading-controls__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-controls__action--danger{color:var(--color-danger);border-color:rgba(224,92,92,0.2)}.reading-controls__action--danger:hover{background:rgba(224,92,92,0.1);color:var(--color-danger)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){.reading-controls{background:#f0f0f8;border-color:rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.95) inset,0 -1px 0 rgba(0,0,0,0.08) inset,0 16px 40px rgba(0,0,0,0.15),0 4px 10px rgba(0,0,0,0.1)}.reading-controls__size-btn{background:linear-gradient(180deg,#ffffff 0%,#e8e8f0 100%);border-color:rgba(0,0,0,0.15);color:#1a1d2e;box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 -1px 0 rgba(0,0,0,0.1) inset,0 2px 5px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}.reading-controls__size-value{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.12);color:#1a1d2e;box-shadow:0 1px 3px rgba(0,0,0,0.12) inset,0 1px 0 rgba(255,255,255,0.8)}.reading-controls__spacing{background:rgba(0,0,0,0.07);box-shadow:0 1px 3px rgba(0,0,0,0.15) inset,0 1px 0 rgba(255,255,255,0.8)}.reading-controls__spacing-btn.active{background:#ffffff;box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 2px 4px rgba(0,0,0,0.12)}.sku-toggle__track{background:rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.8)}.sku-toggle__thumb{background:linear-gradient(180deg,#ffffff 0%,#d8d8e8 100%);box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 2px 4px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.15)}.reading-controls__action{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);color:#555;box-shadow:0 1px 3px rgba(0,0,0,0.1) inset,0 1px 0 rgba(255,255,255,0.8)}.reading-controls__divider{border-top-color:rgba(0,0,0,0.08);box-shadow:0 1px 0 rgba(255,255,255,0.7)}}@media (max-width:480px){.reading-controls{right:0;left:0;width:100%;max-width:none;border-radius:0 0 18px 18px}}.topbar{transition:transform var(--duration-normal) var(--ease-out)}.topbar--hidden{transform:translateY(-100%)}.back-to-top{position:fixed;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(12px) scale(0.9);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring),color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast);pointer-events:none}.back-to-top--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{background:var(--bg-overlay);border-color:var(--accent-border);color:var(--accent)}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:1024px){.back-to-top{bottom:var(--space-8);right:var(--space-8)}}.bottom-nav__item--center{flex:1.2}.bottom-nav__btn--read{position:relative;color:var(--accent) !important}.bottom-nav__btn--read .bottom-nav__icon{width:28px;height:28px;background:var(--accent-dim);border-radius:50%;border:1.5px solid var(--accent-border);transition:background var(--duration-fast),box-shadow var(--duration-fast)}.bottom-nav__btn--read:hover .bottom-nav__icon,.bottom-nav__btn--read[aria-expanded="true"] .bottom-nav__icon{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(124,106,247,0.5)}.bottom-nav__btn--read[aria-expanded="true"] .bottom-nav__icon svg{stroke:#fff}.read-sheet{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:none}.read-sheet:not([hidden]){pointer-events:all}.read-sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.read-sheet:not([hidden]) .read-sheet__backdrop{opacity:1}.read-sheet__panel{position:absolute;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--border-default);border-bottom:none;box-shadow:0 -4px 32px rgba(0,0,0,0.4),0 -1px 0 rgba(255,255,255,0.06) inset;padding-bottom:env(safe-area-inset-bottom,12px);transform:translateY(100%);transition:transform 280ms cubic-bezier(0.22,0.61,0.36,1)}.read-sheet:not([hidden]) .read-sheet__panel,.read-sheet.read-sheet--closing .read-sheet__panel{}.read-sheet:not([hidden]):not(.read-sheet--closing) .read-sheet__panel{transform:translateY(0)}.read-sheet:not([hidden]):not(.read-sheet--closing) .read-sheet__backdrop{opacity:1}.read-sheet__handle{width:36px;height:4px;background:var(--border-strong);border-radius:var(--radius-full);margin:var(--space-3) auto var(--space-1)}.read-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle)}.read-sheet__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:0.02em}.read-sheet__close{width:44px;height:44px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-overlay);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast),background var(--duration-fast)}.read-sheet__close:hover{color:var(--text-primary);background:var(--bg-surface)}.read-sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.read-sheet__section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.read-sheet__section:last-child{border-bottom:none}.read-sheet__section--row{display:flex;align-items:center;justify-content:space-between}.read-sheet__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.read-sheet__section--row .read-sheet__label{margin-bottom:0}.read-sheet__themes{display:flex;gap:var(--space-3);flex-wrap:wrap}.sheet-swatch{width:44px;height:44px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast);box-shadow:0 2px 0 rgba(10,10,20,0.4),inset 0 1px 0 rgba(255,255,255,0.12);position:relative}.sheet-swatch:active{transform:scale(0.92)}.sheet-swatch.active{border-color:var(--accent);box-shadow:0 2px 0 rgba(10,10,20,0.4),0 0 0 3px rgba(124,106,247,0.35)}.sheet-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sheet-swatch--dark{background:#1a1d2e}.sheet-swatch--dim{background:#252836}.sheet-swatch--amoled{background:#050508}.sheet-swatch--warm{background:#fdf6ec}.sheet-swatch--white{background:#ffffff;border-color:rgba(0,0,0,0.15)}.sheet-swatch--sepia{background:#f4e9d5}.read-sheet__font-row{display:flex;align-items:center;gap:var(--space-3)}.sheet-font-val{flex:1;text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.read-sheet__spacing-row{display:flex;gap:var(--space-2)}.sheet-key{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-weight:var(--weight-semibold);min-height:44px;padding:var(--space-2) var(--space-4);box-shadow:0 3px 0 rgba(10,10,20,0.5),inset 0 1px 0 rgba(255,255,255,0.07);transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}.sheet-key:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(10,10,20,0.4),inset 0 2px 4px rgba(0,0,0,0.25)}.sheet-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet-key.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 0 rgba(10,10,20,0.4),inset 0 2px 4px rgba(0,0,0,0.15)}.sheet-key--sm{font-size:var(--text-sm);min-width:56px}.sheet-key--lg{font-size:var(--text-base);min-width:56px}.sheet-key--spacing{flex:1;font-size:var(--text-xs);flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2)}@media (min-width:1024px){.read-sheet{display:none !important}}@media (prefers-reduced-motion:reduce){.read-sheet__panel,.read-sheet__backdrop{transition:none}}@media (max-width:768px){.callout{padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 4px)}.tldr{padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 4px)}.key-takeaways{padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 4px)}pre{padding:var(--space-4);font-size:0.8125rem}}.ad-slot{width:min(80ch,100%);margin:var(--space-8) auto;min-height:0;overflow:hidden}.ad-slot:not(:empty){min-height:90px;padding:var(--space-2) 0;text-align:center}.ad-slot--top{margin-top:var(--space-6);margin-bottom:var(--space-8)}.ad-slot--mid{margin-top:var(--space-10);margin-bottom:var(--space-10)}.ad-slot--end{margin-top:var(--space-8);margin-bottom:var(--space-6)}@media (max-width:768px){.ad-slot{margin-inline:0;width:100%}.ad-slot:not(:empty){min-height:70px}}.lp-subjects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.lp-subject-card{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform 150ms var(--ease-out),box-shadow 150ms var(--ease-out),border-color 150ms}.lp-subject-card__stripe{height:4px;background:var(--subject-color,var(--accent));flex-shrink:0}.lp-subject-card__body{flex:1;padding:var(--space-6) var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.lp-subject-card__icon{font-size:28px;line-height:1;margin-bottom:var(--space-1)}.lp-subject-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.lp-subject-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.lp-subject-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.lp-subject-card__pill{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 10px}.lp-subject-card__pill--free{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.lp-subject-card__arrow{position:absolute;bottom:var(--space-5);right:var(--space-5);color:var(--text-muted);opacity:0.4;transition:opacity 150ms,transform 150ms var(--ease-out)}.lp-subject-card--live:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--subject-color,var(--accent)) 40%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--subject-color,var(--accent)) 15%,transparent)}.lp-subject-card--live:hover .lp-subject-card__arrow{opacity:1;color:var(--subject-color,var(--accent));transform:translateX(3px)}.lp-subject-card--live:hover .lp-subject-card__title{color:var(--subject-color,var(--accent))}.lp-subject-card--live:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-subject-card--soon{opacity:0.55;cursor:default;filter:saturate(0.6)}.lp-subject-card--soon .lp-subject-card__stripe{opacity:0.5}.lp-subject-card__soon-badge{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}:root{--clay-surface:#1a1d2e;--clay-radius:20px;--clay-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 8px 24px rgba(0,0,0,0.55),0 2px 6px rgba(0,0,0,0.35);--clay-shadow-hover:0 1px 0 rgba(255,255,255,0.12) inset,0 18px 40px rgba(0,0,0,0.65),0 6px 14px rgba(0,0,0,0.45);--clay-shadow-active:0 1px 0 rgba(255,255,255,0.03) inset,0 2px 6px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.3)}.continue-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--clay-surface);border:1px solid rgba(124,106,247,0.25);border-radius:var(--clay-radius);margin-bottom:var(--space-8);text-decoration:none;color:inherit;box-shadow:var(--clay-shadow);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring)}.continue-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--clay-shadow-hover),0 0 0 1px rgba(124,106,247,0.3)}.continue-card:active{transform:translateY(0) scale(0.99);box-shadow:var(--clay-shadow-active)}.continue-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.continue-card__inner{flex:1;min-width:0}.continue-card__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.07em;color:var(--accent);margin-bottom:var(--space-1);display:block}.continue-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card__meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.continue-card__arrow{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast)}.continue-card:hover .continue-card__arrow{transform:translateX(4px);color:var(--accent)}.continue-section{margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.continue-section__header{margin-bottom:var(--space-3)}.continue-section__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted)}.continue-section__cards{display:flex;flex-direction:column;gap:var(--space-2)}.continue-mini-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)}.continue-mini-card:hover{background:var(--bg-surface);border-color:var(--accent-border);transform:translateX(2px);text-decoration:none}.continue-mini-card__body{flex:1;min-width:0}.continue-mini-card__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.continue-mini-card__meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.continue-mini-card svg{flex-shrink:0;color:var(--text-muted);transition:color var(--duration-fast)}.continue-mini-card:hover svg{color:var(--accent)}.home-stats{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.home-stat{font-weight:500;color:var(--text)}.home-stat-sep{color:var(--border)}@media (max-width:768px){.continue-section{padding:var(--space-4)}}.continue-fallback{margin-bottom:var(--space-4)}.continue-fallback__link{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;transition:background 0.15s}.continue-fallback__link:hover{background:var(--surface-3)}.continue-fallback__text{flex:1}.lp-topics{margin-bottom:var(--space-10);position:relative;overflow:hidden}.lp-topics::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(124,106,247,0.06) 0%,transparent 65%);pointer-events:none;filter:blur(20px);z-index:var(--z-base)}@media (prefers-reduced-motion:reduce){.lp-topics::before{display:none}}.lp-topics__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);position:relative;z-index:var(--z-raised)}.lp-topics__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.lp-topics__sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.lp-topics__all{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0;padding:6px 14px;min-height:44px;border-radius:var(--radius-full);background:linear-gradient(180deg,rgba(124,106,247,0.14) 0%,rgba(124,106,247,0.08) 100%);border:1px solid rgba(124,106,247,0.25);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 -2px 0 rgba(0,0,0,0.25) inset,0 2px 5px rgba(0,0,0,0.3),0 2px 0 rgba(0,0,0,0.35);transition:transform 120ms var(--ease-out),box-shadow 120ms var(--ease-out),background 120ms}.lp-topics__all svg{transition:transform 120ms var(--ease-out)}.lp-topics__all:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(124,106,247,0.2) 0%,rgba(124,106,247,0.12) 100%);border-color:rgba(124,106,247,0.4);box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 -2px 0 rgba(0,0,0,0.25) inset,0 4px 8px rgba(0,0,0,0.35),0 2px 0 rgba(0,0,0,0.35);text-decoration:none}.lp-topics__all:hover svg{transform:translateX(2px)}.lp-topics__all:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 2px 4px rgba(0,0,0,0.4) inset,0 1px 0 rgba(0,0,0,0.35)}.lp-topics__all:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-topics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-4);position:relative;z-index:var(--z-raised)}.lp-topic-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);padding-left:calc(var(--space-6) + 5px);background:var(--clay-surface);border:1px solid rgba(255,255,255,0.04);border-radius:var(--clay-radius);text-decoration:none;color:inherit;box-shadow:var(--clay-shadow);transition:box-shadow 240ms var(--ease-out),transform 240ms var(--ease-spring),border-color 240ms;overflow:hidden}.lp-topic-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:5px;background:var(--card-accent,var(--accent));border-radius:var(--clay-radius) 0 0 var(--clay-radius);transition:width 240ms var(--ease-out),opacity 240ms;opacity:0.85}.lp-topic-card::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--card-accent,var(--accent)) 12%,transparent) 0%,transparent 70%);pointer-events:none;border-radius:0 var(--clay-radius) 0 0;transition:opacity 240ms;opacity:0.6}.lp-topic-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent,var(--accent)) 30%,rgba(255,255,255,0.06));box-shadow:var(--clay-shadow-hover),0 0 32px color-mix(in srgb,var(--card-accent,var(--accent)) 18%,transparent);text-decoration:none}.lp-topic-card:hover::before{width:6px;opacity:1}.lp-topic-card:hover::after{opacity:1}.lp-topic-card:active{transform:translateY(0) scale(0.98);box-shadow:var(--clay-shadow-active);transition-duration:80ms}.lp-topic-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-topic-card__num{position:absolute;top:var(--space-4);right:var(--space-5);font-size:2rem;font-weight:800;line-height:1;letter-spacing:-0.03em;color:rgba(255,255,255,0.06);pointer-events:none;user-select:none;transition:color 240ms}.lp-topic-card:hover .lp-topic-card__num{color:rgba(255,255,255,0.10)}.lp-topic-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.lp-topic-card__section{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.07em;color:var(--card-accent,var(--accent))}.lp-topic-card__badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.04em;padding:3px 8px;border-radius:var(--radius-full)}.lp-topic-card__badge--beginner{background:rgba(76,175,135,0.12);color:#4caf87}.lp-topic-card__badge--intermediate{background:rgba(232,168,56,0.12);color:#e8a838}.lp-topic-card__badge--advanced{background:rgba(224,92,92,0.12);color:#e05c5c}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .lp-topic-card__badge--beginner{background:rgba(16,185,129,0.1);color:#059669}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .lp-topic-card__badge--intermediate{background:rgba(217,119,6,0.1);color:#b45309}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .lp-topic-card__badge--advanced{background:rgba(220,38,38,0.1);color:#dc2626}.lp-topic-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug);margin:0 0 var(--space-2)}.lp-topic-card__hook{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp-topic-card__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--space-4)}.lp-topic-card__arrow{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast)}.lp-topic-card:hover .lp-topic-card__arrow{transform:translateX(5px);color:var(--card-accent,var(--accent))}@media (max-width:768px){.lp-topics__grid{grid-template-columns:1fr}.lp-topics__header{align-items:flex-start;flex-direction:column}}.lp-explore{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-subtle);margin-bottom:var(--space-10);position:relative}.lp-explore__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.lp-explore__sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6)}.lp-explore__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.lp-explore-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--clay-surface);border:1px solid var(--border-subtle);border-radius:var(--clay-radius);text-decoration:none;color:inherit;box-shadow:var(--clay-shadow);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal)}.lp-explore-card:hover{transform:translateY(-2px);border-color:var(--border-default);box-shadow:var(--clay-shadow-hover);text-decoration:none}.lp-explore-card:active{transform:scale(0.98);box-shadow:var(--clay-shadow-active)}.lp-explore-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-explore-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;background:rgba(124,106,247,0.1);border:1px solid rgba(124,106,247,0.22);border-radius:14px;color:var(--accent);box-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 4px 10px rgba(0,0,0,0.4),0 0 0 0 rgba(124,106,247,0);transition:background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.lp-explore-card:hover .lp-explore-card__icon-wrap{background:rgba(124,106,247,0.18);box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 5px 14px rgba(0,0,0,0.45),0 0 12px rgba(124,106,247,0.2);transform:scale(1.05)}.lp-explore-card__body{flex:1;min-width:0}.lp-explore-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 2px}.lp-explore-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-normal)}.lp-explore-card__arrow{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast)}.lp-explore-card:hover .lp-explore-card__arrow{transform:translateX(3px);color:var(--accent)}.lp-explore-card--live{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 20px rgba(var(--accent-rgb,124,106,247),0.15)}.lp-explore-card--live .lp-explore-card__icon-wrap{background:var(--accent);color:#fff}.lp-explore-card__live-badge{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;background:var(--accent);color:#fff;padding:2px 7px;border-radius:20px;margin-left:6px;vertical-align:middle}.lp-explore-card--soon{opacity:0.45;cursor:default;pointer-events:none}.lp-explore-card--soon:hover{transform:none;box-shadow:none;border-color:var(--border)}.lp-explore-card__soon-badge{display:inline-block;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:var(--surface-2,rgba(255,255,255,0.06));color:var(--text-muted);padding:2px 7px;border-radius:20px;margin-left:6px;vertical-align:middle;border:1px solid var(--border)}@media (max-width:480px){.lp-explore__grid{grid-template-columns:1fr}}.lp-articles{margin-bottom:var(--space-12)}.lp-articles__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.lp-articles__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.lp-articles__all{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.lp-articles__all:hover{color:var(--accent-hover)}.lp-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-4)}.lp-article-card{background:var(--clay-surface);border:1px solid var(--border-subtle);border-radius:var(--clay-radius);padding:var(--space-5) var(--space-6);text-decoration:none;color:inherit;box-shadow:var(--clay-shadow);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring);display:flex;gap:var(--space-4);align-items:flex-start;position:relative;overflow:hidden}.lp-article-card__stripe{position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:var(--clay-radius) 0 0 var(--clay-radius);opacity:0.7;transition:opacity var(--duration-fast),width var(--duration-normal)}.lp-article-card:hover{transform:translateY(-3px);box-shadow:var(--clay-shadow-hover);text-decoration:none}.lp-article-card:hover .lp-article-card__stripe{opacity:1;width:5px}.lp-article-card:active{transform:scale(0.99);box-shadow:var(--clay-shadow-active)}.lp-article-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-article-card .lp-article-card__body{padding-left:var(--space-2)}.lp-article-card__body{flex:1;min-width:0}.lp-article-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--leading-snug)}.lp-article-card__meta{font-size:var(--text-xs);color:var(--text-muted);margin:0}.lp-section-anchor{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-8);position:relative}.lp-section-anchor::before,.lp-section-anchor::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(124,106,247,0.15) 30%,rgba(124,106,247,0.15) 70%,transparent 100%)}.lp-section-anchor__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.12em;color:var(--text-secondary);background:rgba(124,106,247,0.08);border:1px solid rgba(124,106,247,0.14);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;transition:opacity var(--duration-normal)}.lp-section-anchor:hover .lp-section-anchor__label{opacity:1}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){.lp-section-anchor::before,.lp-section-anchor::after{background:linear-gradient(90deg,transparent 0%,rgba(100,80,200,0.12) 30%,rgba(100,80,200,0.12) 70%,transparent 100%)}.lp-section-anchor__label{background:rgba(100,80,200,0.06);border-color:rgba(100,80,200,0.14)}}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]){--clay-surface:#f0f0f8;--clay-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 6px 16px rgba(0,0,0,0.09),0 2px 5px rgba(0,0,0,0.06);--clay-shadow-hover:0 1px 0 rgba(255,255,255,0.95) inset,0 12px 28px rgba(0,0,0,0.13),0 4px 10px rgba(0,0,0,0.08);--clay-shadow-active:0 1px 0 rgba(255,255,255,0.7) inset,0 1px 4px rgba(0,0,0,0.1),0 0px 2px rgba(0,0,0,0.06)}.section-grid{margin-bottom:var(--space-10)}.section-grid__heading{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-top:0;margin-bottom:var(--space-2)}.section-grid__description{color:var(--text-secondary);margin-bottom:var(--space-6)}.section-grid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.section-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring);display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden}.section-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--section-color,var(--accent));opacity:0.8;transition:opacity var(--duration-fast)}.section-card:hover{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:0 8px 24px rgba(0,0,0,0.25);transform:translateY(-3px);text-decoration:none}.section-card:hover::before{opacity:1}.section-card:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.section-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-card__num{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.06em;color:var(--section-color,var(--text-muted))}.section-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.section-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);flex:1}.section-card__progress{height:4px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.section-card__progress-fill{height:100%;background:var(--section-color,var(--accent));border-radius:var(--radius-full);width:0%;transition:width var(--duration-slow) var(--ease-out)}.section-card__topic-count{font-size:var(--text-xs);color:var(--text-secondary)}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity 0.55s var(--ease-out),transform 0.55s var(--ease-out)}[data-animate].animate-in{opacity:1;transform:translateY(0)}.lp-topic-card[data-animate]{transform:translateY(20px) scale(0.98);transition:opacity 0.45s var(--ease-out),transform 0.45s var(--ease-out)}.lp-topic-card[data-animate].animate-in{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion:reduce){[data-animate]{opacity:1;transform:none;transition:none}.lp-topic-card[data-animate]{opacity:1;transform:none;transition:none}}.cheatsheet-context p{margin:0}.cheatsheet-mistakes{margin:var(--space-3) 0 0}.cheatsheet-mistakes dt{font-weight:600;color:var(--text-primary);padding:var(--space-2) 0 var(--space-1);border-top:1px solid var(--border-subtle)}.cheatsheet-mistakes dt:first-child{border-top:none;padding-top:0}.cheatsheet-mistakes dd{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;padding-left:var(--space-3);border-left:2px solid var(--callout-warning-border)}.cheatsheet-related{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.cheatsheet-related li{margin:0}.cheatsheet-related a{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);font-size:var(--text-sm);color:var(--accent);text-decoration:none;transition:border-color 0.15s,background 0.15s}.cheatsheet-related a:hover{border-color:var(--accent-border);background:var(--accent-dim)}.cheatsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-3);margin-bottom:var(--space-10)}.cheatsheet-card{display:flex;align-items:center;padding:var(--space-4) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background 0.15s,border-color 0.15s,transform 0.1s;gap:var(--space-3)}.cheatsheet-card:hover,.cheatsheet-card:focus-visible{background:var(--surface-3);border-color:var(--accent);transform:translateY(-1px)}.cheatsheet-card[hidden]{display:none}.cheatsheet-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.cheatsheet-card__icon{font-size:1.4em;line-height:1;flex-shrink:0}.cheatsheet-card__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cheatsheet-card__count{font-size:var(--text-xs);color:var(--text-muted)}.cheatsheet-card--live .cheatsheet-card__title::after{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:6px;vertical-align:middle}@media (max-width:480px){.cheatsheet-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.cheatsheet-card{padding:var(--space-3)}}.path{margin-top:var(--space-6)}.path__stage{margin-bottom:var(--space-8);padding-left:var(--space-4);border-left:3px solid var(--accent)}.path__stage-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.path__stage-desc{color:var(--text-secondary);margin-bottom:var(--space-3)}.path__topics{list-style:none;padding:0;counter-reset:path-step}.path__topics li{counter-increment:path-step;margin-bottom:var(--space-2)}.path__topics li::before{content:counter(path-step);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:600;background:var(--bg-surface);border-radius:var(--radius-full);margin-right:var(--space-2);color:var(--text-muted)}.path__topics a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-subtle)}.path__topics a:hover{border-color:var(--accent);color:var(--accent)}.compare-links{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.compare-links h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:var(--space-2)}.compare-links a{color:var(--accent)}.mermaid-diagram{margin:var(--space-6) 0;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.mermaid-diagram .mermaid-svg{display:block;margin:0 auto;max-width:100%;height:auto}.mermaid-diagram__caption{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;font-style:italic}.mermaid-svg text,.mermaid-svg .nodeLabel,.mermaid-svg .edgeLabel,.mermaid-svg .label,.mermaid-svg .cluster-label,.mermaid-svg tspan{fill:var(--text-primary) !important;color:var(--text-primary) !important}.mermaid-svg .nodeLabel p,.mermaid-svg .edgeLabel p,.mermaid-svg span.edgeLabel{color:var(--text-primary) !important}.mermaid-svg rect.basic,.mermaid-svg .node rect,.mermaid-svg .node circle,.mermaid-svg .node ellipse,.mermaid-svg .node polygon{fill:var(--bg-overlay) !important;stroke:var(--accent) !important}.mermaid-svg .edgePath .path,.mermaid-svg .flowchart-link{stroke:var(--accent) !important}.mermaid-svg marker path{fill:var(--accent) !important}.mermaid-svg .cluster rect{fill:var(--bg-surface) !important;stroke:var(--border-default) !important}.mermaid-svg .actor{fill:var(--bg-overlay) !important;stroke:var(--accent) !important}.mermaid-svg .actor-line{stroke:var(--border-default) !important}.mermaid-svg .messageLine0,.mermaid-svg .messageLine1{stroke:var(--accent) !important}.mermaid-svg .messageText{fill:var(--text-primary) !important}.mermaid-svg .activation0,.mermaid-svg .activation1,.mermaid-svg .activation2{fill:var(--accent-dim) !important;stroke:var(--accent) !important}.mermaid-svg .note{fill:var(--bg-elevated) !important;stroke:var(--accent-border) !important}.mermaid-svg .noteText{fill:var(--text-primary) !important}.mermaid-svg .loopText,.mermaid-svg .loopText tspan{fill:var(--text-secondary) !important}.mermaid-svg .loopLine{stroke:var(--border-default) !important}.mermaid-svg .labelBox{fill:var(--bg-surface) !important;stroke:var(--accent) !important}.mermaid-svg .state-start,.mermaid-svg .state-end{fill:var(--accent) !important}.mermaid-svg .stateGroup rect{fill:var(--bg-overlay) !important;stroke:var(--accent) !important}.mermaid-svg .stateGroup .composit{fill:var(--bg-surface) !important}.mermaid-svg .section0,.mermaid-svg .section2{fill:var(--bg-overlay) !important}.mermaid-svg .section1,.mermaid-svg .section3{fill:var(--bg-surface) !important}.mermaid-svg .task{stroke:var(--accent) !important}.mermaid-svg .taskText{fill:var(--text-primary) !important}.mermaid-svg .grid .tick line{stroke:var(--border-subtle) !important}.mermaid-svg .grid path{stroke:var(--border-subtle) !important}.mermaid-svg .edgeLabel rect,.mermaid-svg .labelBkg{fill:var(--bg-surface) !important;opacity:0.9 !important}.mermaid-svg .timeline-section rect{fill:var(--bg-overlay) !important;stroke:var(--accent-border) !important}.mermaid-svg .mindmap-node rect,.mermaid-svg .mindmap-node circle{fill:var(--bg-overlay) !important;stroke:var(--accent) !important}.mermaid-svg .mindmap-edge{stroke:var(--accent) !important}.mermaid-svg{background:transparent !important;background-color:transparent !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-diagram{background:var(--bg-surface);border-color:var(--border-subtle)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg text,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .nodeLabel,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .edgeLabel,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .label,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg tspan{fill:var(--text-primary) !important;color:var(--text-primary) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .nodeLabel p,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .edgeLabel p,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg span.edgeLabel{color:var(--text-primary) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg rect.basic,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .node rect,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .node circle,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .node ellipse,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .node polygon{fill:var(--bg-elevated) !important;stroke:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .edgePath .path,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .flowchart-link{stroke:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg marker path{fill:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .cluster rect{fill:var(--bg-base) !important;stroke:var(--border-default) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .actor{fill:var(--bg-elevated) !important;stroke:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .actor-line{stroke:var(--border-default) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .messageLine0,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .messageLine1{stroke:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .note{fill:var(--bg-elevated) !important;stroke:var(--accent-border) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .edgeLabel rect,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .labelBkg{fill:var(--bg-surface) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .section0,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .section2{fill:var(--bg-elevated) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .section1,:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .section3{fill:var(--bg-base) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .stateGroup rect{fill:var(--bg-elevated) !important;stroke:var(--accent) !important}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .mermaid-svg .stateGroup .composit{fill:var(--bg-base) !important}.packet-diagram{margin:var(--space-6) 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4)}.packet-diagram__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-3);text-align:center}.packet-diagram__bits{display:flex;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px;padding:0 1px}.packet-diagram__bits span{flex:1;text-align:center}.packet-diagram__row{display:flex;border:1px solid var(--accent-border);border-bottom:none}.packet-diagram__row:last-child{border-bottom:1px solid var(--accent-border)}.packet-diagram__field{padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-primary);border-right:1px solid var(--accent-border);background:var(--bg-overlay);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;min-height:2.5rem}.packet-diagram__field:last-child{border-right:none}.packet-diagram__field--highlight{background:var(--accent-dim);font-weight:600}.packet-diagram__field--full{flex:1 1 100%}.packet-diagram__field--half{flex:1 1 50%}.packet-diagram__field--quarter{flex:1 1 25%}.packet-diagram__field--third{flex:1 1 33.333%}.packet-diagram__field--eighth{flex:1 1 12.5%}.packet-diagram__field--3quarter{flex:1 1 75%}.packet-diagram__caption{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;font-style:italic}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .packet-diagram{background:var(--bg-surface);border-color:var(--border-subtle)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .packet-diagram__field{background:var(--bg-elevated);border-color:var(--accent-border)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .packet-diagram__field--highlight{background:var(--accent-dim)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .packet-diagram__row{border-color:var(--accent-border)}@media (max-width:768px){.mermaid-diagram{padding:var(--space-3);margin:var(--space-4) calc(-1 * var(--space-3));border-radius:0;border-left:none;border-right:none}.packet-diagram{padding:var(--space-3);margin:var(--space-4) calc(-1 * var(--space-3));border-radius:0;border-left:none;border-right:none}}.hub-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.hub-header__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);margin:0 0 var(--space-3)}.hub-header__desc{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:60ch}.subject-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-10)}@media (min-width:768px){.subject-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.subject-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast) var(--ease-spring);position:relative;overflow:hidden}.subject-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--subject-color,var(--accent))}.subject-card:hover{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:0 4px 16px rgba(0,0,0,0.3);text-decoration:none}.subject-card:active{transform:translateY(-1px)}.subject-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subject-card__icon{font-size:var(--text-3xl);flex-shrink:0;width:48px;text-align:center}.subject-card__body{flex:1;min-width:0}.subject-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.subject-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-2)}.subject-card__meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.subject-card__arrow{font-size:var(--text-xl);color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast)}.subject-card:hover .subject-card__arrow{transform:translateX(4px);color:var(--subject-color,var(--accent))}@media (max-width:768px){.subject-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.subject-card__icon{width:40px;font-size:var(--text-2xl)}}.hub-coming-soon{padding:var(--space-8);background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center}.hub-coming-soon h2{font-size:var(--text-xl);margin:0 0 var(--space-2);color:var(--text-secondary)}.hub-coming-soon p{color:var(--text-secondary);max-width:50ch;margin:0 auto}.hub-header + .breadcrumbs,.hub-header~.breadcrumbs{margin-bottom:var(--space-4)}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) .subject-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08)}.course-resources{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.course-resources__heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-4)}.course-continue{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,rgba(124,106,247,0.12) 0%,rgba(79,60,201,0.08) 100%);border:1px solid rgba(124,106,247,0.2);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 4px 12px rgba(0,0,0,0.2);animation:slideDown 250ms var(--ease-out) both}.course-continue[hidden]{display:none !important}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.course-continue{animation:none}}.course-continue__inner{flex:1;min-width:0}.course-continue__eyebrow{display:block;font-size:12px;font-weight:var(--weight-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2px}.course-continue__title{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-continue__link{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;transition:background 120ms,transform 80ms,box-shadow 80ms}.course-continue__link:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.1) inset}.course-continue__link:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,0.3)}.course-continue__dismiss{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:rgba(255,255,255,0.06);color:var(--text-muted);font-size:16px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background 120ms,color 120ms}.course-continue__dismiss:hover{background:rgba(255,255,255,0.12);color:var(--text-primary)}.course-continue__dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-continue__link:focus-visible{outline:2px solid #fff;outline-offset:2px}.course-section__meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.course-section__time{font-size:var(--text-xs);color:var(--text-muted);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);padding:2px 7px;border-radius:var(--radius-full)}.course-section__done-badge{font-size:12px;font-weight:var(--weight-semibold);color:var(--color-success);background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.2);padding:2px 8px;border-radius:var(--radius-full)}.course-section{border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 6px 18px rgba(0,0,0,0.25),0 2px 5px rgba(0,0,0,0.15);transition:transform 200ms var(--ease-out),box-shadow 200ms var(--ease-out)}.course-section:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 10px 28px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.2)}.course-section__topic-link.done{color:var(--text-secondary)}.course-section__topic-link.done .course-section__topic-num{background:rgba(52,211,153,0.15);color:var(--color-success)}.course-section__topic-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--color-success);opacity:0;transition:opacity 200ms var(--ease-out)}.course-section,.course-section-group,.course-resources{opacity:1;transform:translateY(0)}.vertical-picker{max-width:100%}.vertical-picker__heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-4)}.vertical-picker__grid{display:flex;flex-direction:column;gap:var(--space-4)}.vertical-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-7);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}a.vertical-card:hover{border-color:var(--accent-border);box-shadow:0 4px 20px rgba(0,0,0,0.15);transform:translateY(-2px);text-decoration:none}a.vertical-card:active{transform:translateY(-1px)}a.vertical-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vertical-card--coming-soon{opacity:0.55;cursor:default}.vertical-card__icon{font-size:2.5rem;flex-shrink:0;width:56px;text-align:center}.vertical-card__body{flex:1;min-width:0}.vertical-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2);color:var(--text-primary)}.vertical-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.vertical-card__meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3)}.vertical-card__badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-top:var(--space-3)}.vertical-card__arrow{font-size:var(--text-xl);color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-fast)}a.vertical-card:hover .vertical-card__arrow{transform:translateX(4px);color:var(--accent)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-section__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.dashboard-section__see-all{font-size:var(--text-sm);color:var(--accent);text-decoration:none;white-space:nowrap}.dashboard-section__see-all:hover{color:var(--accent-hover)}.hub-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:center}.hub-stats__item{display:flex;flex-direction:column;align-items:center;padding:0 var(--space-5)}.hub-stats__number{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--accent);line-height:1.2}.hub-stats__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.hub-header__intro{margin-top:var(--space-3)}.hub-header__intro p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:60ch;margin:0 0 var(--space-3)}.hub-header__intro p:last-child{margin-bottom:0}:is([data-theme="light-warm"],[data-theme="pure-white"],[data-theme="sepia"]) a.vertical-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08)}.site-footer{margin-top:var(--space-12);padding:var(--space-8) var(--space-10);border-top:1px solid rgba(255,255,255,0.06);background:linear-gradient(180deg,var(--bg-surface) 0%,rgba(15,16,30,0.8) 100%);box-shadow:0 -1px 0 rgba(255,255,255,0.04) inset;padding-bottom:calc(var(--space-8) + var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.site-footer{padding-bottom:var(--space-8)}}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-8);max-width:1100px;margin:0 auto}.site-footer__brand{flex:1 1 200px}.site-footer__logo{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.site-footer__tagline{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-8)}.site-footer__col h3,.site-footer__heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:0 0 var(--space-2)}.site-footer__col ul{list-style:none;padding:0;margin:0}.site-footer__col li{margin-bottom:var(--space-1)}.site-footer__col a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none}.site-footer__col a:hover{color:var(--accent)}.site-footer__col a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (max-width:768px){.vertical-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.vertical-card__icon{width:40px;font-size:var(--text-2xl)}.site-footer__col a{display:flex;align-items:center;min-height:44px;padding:var(--space-2) 0}.site-footer__col li{margin-bottom:0}}@media (min-width:768px) and (max-width:1023px){.site-footer__col{flex:1 1 calc(50% - var(--space-8));min-width:200px}}.site-footer__bottom{max-width:var(--max-content,68rem);margin:var(--space-6) auto 0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.site-footer__bottom p{font-size:var(--text-xs);color:var(--text-muted);margin:0}@media (max-width:768px){.site-footer__inner{flex-direction:column;gap:var(--space-5)}}@media (max-width:768px){.glossary__item{padding-left:calc(var(--space-4) + 4px + var(--space-2));padding-right:var(--space-4)}.course-continue__eyebrow{font-size:12px}.course-section__done-badge{font-size:12px}.compare-link-card__label{font-size:12px}.cheatsheet-badge{font-size:12px}.course-syllabus__section-num{font-size:13px}.course-syllabus__topic-num{font-size:13px}.error-page__topic-num{font-size:12px}:root{--clay-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 4px 12px rgba(0,0,0,0.35),0 1px 3px rgba(0,0,0,0.25);--clay-shadow-hover:0 1px 0 rgba(255,255,255,0.1) inset,0 8px 20px rgba(0,0,0,0.4),0 3px 6px rgba(0,0,0,0.3)}.continue-card__title{white-space:normal}}@media print{.cheatsheet-badge-strip,.topbar,.sidebar,.breadcrumbs,.bottom-nav,.footer,.ad-slot{display:none !important}.main-content{max-width:100% !important;margin:0 !important}.blog-content{font-size:11pt}}pre{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}@media (min-width:1280px){.tldr{position:sticky;top:calc(var(--topbar-height,48px) + var(--space-4));z-index:var(--z-raised);max-width:768px}}@media (max-width:768px){.tldr{padding:var(--space-3)}.tldr__list li{padding-left:var(--space-3)}}.topbar__widget{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);padding:var(--space-1) var(--space-3);background:rgba(255,255,255,0.05);border-radius:var(--radius-full);white-space:nowrap}.topbar__widget--hot{background:rgba(251,191,36,0.12);color:#fbbf24}.lp-welcome-back{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);margin:0 auto var(--space-4);max-width:680px;background:rgba(124,106,247,0.08);border:1px solid rgba(124,106,247,0.2);border-radius:var(--radius-lg);animation:fadeIn 300ms var(--ease-out)}@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lp-welcome-back__inner{display:flex;flex-direction:column;gap:2px;min-width:0}.lp-welcome-back__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:0.05em}.lp-welcome-back__link{font-size:var(--text-sm);color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-welcome-back__link:hover{color:var(--accent)}.lp-welcome-back__dismiss{background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);flex-shrink:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.lp-welcome-back__dismiss:hover{color:var(--text-primary)}.topic-completion__btn--share{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all 120ms var(--ease-out)}.topic-completion__btn--share:hover{background:var(--bg-overlay);color:var(--text-primary)}.topic-completion__btn--share:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:1024px){.topic-nav__card--prev::after{content:'K';position:absolute;top:var(--space-2);right:var(--space-3);font-size:12px;font-weight:var(--weight-bold);color:var(--text-muted);background:var(--bg-elevated);padding:1px 6px;border-radius:3px;border:1px solid var(--border-subtle);opacity:0.5}.topic-nav__card--next::after{content:'J';position:absolute;top:var(--space-2);right:var(--space-3);font-size:12px;font-weight:var(--weight-bold);color:var(--text-muted);background:var(--bg-elevated);padding:1px 6px;border-radius:3px;border:1px solid var(--border-subtle);opacity:0.5}.topic-nav__card{position:relative}}.topic-nav__keyboard-hint{font-size:12px;color:var(--text-muted);opacity:0.6;letter-spacing:0.04em;margin-top:var(--space-1)}@media (max-width:768px){.topic-nav__keyboard-hint{display:none}}.topic-completion__btn--compact{padding:var(--space-2) var(--space-4);font-size:0.8rem;border-radius:var(--radius-sm);gap:var(--space-2)}.topic-section-map__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.topic-section-map__item{display:flex}.topic-section-map__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:0.82rem;line-height:1.35;width:100%;transition:background 120ms,color 120ms}.topic-section-map__link:hover{background:var(--bg-elevated);color:var(--text-primary)}.topic-section-map__item--current .topic-section-map__link{color:var(--accent);font-weight:500}.topic-section-map__check{flex-shrink:0;width:14px;height:14px;border:1.5px solid var(--border-subtle);border-radius:3px;display:flex;align-items:center;justify-content:center}.topic-section-map__check svg{display:none}.topic-section-map__item--done .topic-section-map__check{background:var(--color-success);border-color:var(--color-success)}.topic-section-map__item--done .topic-section-map__check svg{display:block}.topic-section-map__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-hint{position:fixed;bottom:calc(var(--space-6) + 60px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:0.8rem;color:var(--text-secondary);z-index:var(--z-tooltip);opacity:0;transition:opacity 300ms,transform 300ms;pointer-events:none;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.kb-hint--visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.kb-hint kbd{background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:0.75rem;color:var(--text-primary)}.kb-hint__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 var(--space-1);font-size:1rem;line-height:1}.kb-hint__close:hover{color:var(--text-primary)}.kb-shortcuts-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;opacity:0.7;transition:opacity var(--duration-fast)}.kb-shortcuts-link:hover{opacity:1;color:var(--text-secondary)}.kb-shortcuts-link kbd{display:inline-block;padding:1px 5px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;font-size:12px;font-family:var(--font-mono)}