:root{color-scheme:light;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-primary-light:#eef2ff;--brand-secondary:#7c3aed;--brand-accent:#9333ea;--brand-gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#9333ea 100%);--brand-glow-1:rgba(99,102,241,.15);--brand-glow-2:rgba(168,85,247,.15);--bg-page:#f8fafc;--bg-card:#ffffff;--bg-card-subtle:#f8fafc;--bg-card-hover:#f1f5f9;--bg-header:rgba(255,255,255,.88);--bg-header-mobile:rgba(255,255,255,.98);--bg-footer:#0f172a;--bg-toggle-btn:#f1f5f9;--bg-toggle-btn-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-body:#1e293b;--text-muted:#475569;--text-subtle:#475569;--text-inverse:#ffffff;--text-link:#4338ca;--text-link-hover:#312e81;--text-toggle-btn:#475569;--text-toggle-btn-hover:#0f172a;--text-footer-muted:#cbd5e1;--text-header-brand:#0f172a;--brand-text-grad:linear-gradient(135deg,#0f172a 0%,#312e81 60%,#4338ca 100%);--text-nav:#475569;--text-nav-hover:#4338ca;--bg-nav-hover:rgba(79,70,229,.06);--bg-nav-active:rgba(79,70,229,.08);--border-nav-active:rgba(79,70,229,.2);--text-nav-active:#312e81;--border-subtle:#e2e8f0;--border-subtle-2:#cbd5e1;--border-header:rgba(226,232,240,.85);--border-footer:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-card:0 1px 3px 0 rgba(0,0,0,.03),0 8px 24px -4px rgba(0,0,0,.04);--shadow-card-hover:0 4px 6px -1px rgba(0,0,0,.04),0 16px 32px -8px rgba(0,0,0,.07);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--container-gutter:clamp(1rem,3.8vw,1.75rem);--container-max-width:min(94vw,84rem);--header-height:4rem;--bg-hero:radial-gradient(circle at 85% 15%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 10% 85%,rgba(14,165,233,.06) 0%,transparent 40%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);--border-hero:#e2e8f0;--hero-glow-1:rgba(99,102,241,.12);--hero-glow-2:rgba(14,165,233,.10);--hero-title:#0f172a;--hero-desc:#334155;--breadcrumb-text:#475569;--breadcrumb-hover:#4338ca;--breadcrumb-current:#312e81;--breadcrumb-sep:#64748b;--badge-bg:#e0e7ff;--badge-border:#c7d2fe;--badge-text:#312e81;--badge-icon:#4338ca;--badge-dot-glow:#4338ca;--meta-border:#e2e8f0;--meta-pill-bg:#ffffff;--meta-pill-border:#cbd5e1;--meta-pill-text:#334155;--meta-pill-highlight-bg:#fef3c7;--meta-pill-highlight-border:#fcd34d;--meta-pill-highlight-text:#78350f;--meta-author-link:#4338ca;--meta-author-link-hover:#312e81;--border-card:#e2e8f0;--border-toc-accent:#4338ca;--bg-toc-badge:#e0e7ff;--text-toc-badge:#312e81;--bg-toc-btn:rgba(79,70,229,.08);--bg-toc-btn-hover:#4338ca;--text-toc-btn:#312e81;--bg-table-head:#f1f5f9;--text-table-head:#0f172a;--border-table-head:#cbd5e1;--bg-table-zebra:#f8fafc;--bg-table-hover:#eef2ff;--bg-quote:#f8fafc;--text-quote:#1e293b;--border-quote-accent:#4338ca;--bg-sidebar-cta:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);--shadow-btn:0 4px 14px rgba(79,70,229,.35);--bg-chart-container:#ffffff;--bg-chart-canvas:#f8fafc;--border-chart-grid:#e2e8f0;--border-chart-base:#cbd5e1;--text-chart-axis:#334155;--text-chart-marker:#1e293b;--text-chart-mastery:#047857;--chart-node-bg:#ffffff}html[data-theme="dark"]{color-scheme:dark;--bg-page:#0b0f19;--bg-card:#111827;--bg-card-subtle:#1e293b;--bg-card-hover:#1e293b;--bg-header:rgba(11,15,25,.85);--bg-header-mobile:rgba(11,15,25,.98);--bg-footer:#0f172a;--bg-toggle-btn:rgba(30,41,59,.85);--bg-toggle-btn-hover:rgba(51,65,85,.9);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-body:#e2e8f0;--text-muted:#cbd5e1;--text-subtle:#cbd5e1;--text-link:#a5b4fc;--text-link-hover:#e0e7ff;--text-toggle-btn:#cbd5e1;--text-toggle-btn-hover:#fbbf24;--text-footer-muted:#cbd5e1;--text-header-brand:#ffffff;--brand-text-grad:linear-gradient(90deg,#ffffff 0%,#f1f5f9 60%,#a5b4fc 100%);--text-nav:#cbd5e1;--text-nav-hover:#ffffff;--bg-nav-hover:rgba(255,255,255,.05);--bg-nav-active:rgba(99,102,241,.18);--border-nav-active:rgba(129,140,248,.35);--text-nav-active:#e0e7ff;--border-subtle:#1e293b;--border-subtle-2:#334155;--border-header:rgba(30,41,59,.8);--border-footer:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.6),0 4px 6px -4px rgba(0,0,0,.4);--shadow-card:0 1px 3px 0 rgba(0,0,0,.3),0 14px 35px -8px rgba(0,0,0,.45);--shadow-card-hover:0 4px 6px -1px rgba(0,0,0,.35),0 20px 40px -10px rgba(0,0,0,.55);--bg-hero:radial-gradient(circle at 85% 15%,rgba(99,102,241,.22) 0%,transparent 55%),radial-gradient(circle at 10% 85%,rgba(168,85,247,.16) 0%,transparent 45%),linear-gradient(180deg,#0b0f19 0%,#0f172a 100%);--border-hero:#1e293b;--hero-glow-1:rgba(99,102,241,.25);--hero-glow-2:rgba(168,85,247,.20);--hero-title:#ffffff;--hero-desc:#cbd5e1;--breadcrumb-text:#cbd5e1;--breadcrumb-hover:#ffffff;--breadcrumb-current:#c7d2fe;--breadcrumb-sep:#94a3b8;--badge-bg:rgba(99,102,241,.25);--badge-border:rgba(165,180,252,.45);--badge-text:#e0e7ff;--badge-icon:#a5b4fc;--badge-dot-glow:#818cf8;--meta-border:rgba(51,65,85,.6);--meta-pill-bg:rgba(30,41,59,.85);--meta-pill-border:rgba(51,65,85,.8);--meta-pill-text:#e2e8f0;--meta-pill-highlight-bg:rgba(245,158,11,.22);--meta-pill-highlight-border:rgba(251,191,36,.5);--meta-pill-highlight-text:#fef08a;--meta-author-link:#a5b4fc;--meta-author-link-hover:#ffffff;--border-card:#1e293b;--border-toc-accent:#6366f1;--bg-toc-badge:rgba(99,102,241,.25);--text-toc-badge:#e0e7ff;--bg-toc-btn:rgba(30,41,59,.85);--bg-toc-btn-hover:#4f46e5;--text-toc-btn:#e2e8f0;--bg-table-head:#0f172a;--text-table-head:#f8fafc;--border-table-head:#1e293b;--bg-table-zebra:rgba(255,255,255,.02);--bg-table-hover:rgba(99,102,241,.1);--bg-quote:#0f172a;--text-quote:#f8fafc;--border-quote-accent:#818cf8;--bg-sidebar-cta:linear-gradient(135deg,#1e1b4b 0%,#0b0f19 100%);--shadow-btn:0 4px 14px rgba(79,70,229,.5);--bg-chart-container:#0f172a;--bg-chart-canvas:#080d1a;--border-chart-grid:#1e293b;--border-chart-base:#334155;--text-chart-axis:#e2e8f0;--text-chart-marker:#cbd5e1;--text-chart-mastery:#6ee7b7;--chart-node-bg:#0f172a}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%;max-width:100%}body.page-body{background-color:var(--bg-page);color:var(--text-body);display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.nav-locked{overflow:hidden!important;touch-action:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}[data-theme="dark"]:focus-visible{outline-color:#a5b4fc}html.theme-in-transition,html.theme-in-transition *,html.theme-in-transition *::before,html.theme-in-transition *::after{transition:background-color .25s ease,border-color .25s ease,color .25s ease,fill .25s ease,stroke .25s ease,box-shadow .25s ease!important;transition-delay:0s!important}body.page-body::selection{background-color:var(--brand-primary);color:#ffffff}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}.icon-sm{height:1.125rem;width:1.125rem}#reading-progress{background:linear-gradient(90deg,#4f46e5,#7c3aed,#06b6d4);box-shadow:0 0 10px rgba(99,102,241,.4);height:.25rem;left:0;pointer-events:none;position:fixed;top:0;transform:scaleX(0);transform-origin:0 50%;width:100%;z-index:10000}@supports (animation-timeline:scroll()){#reading-progress{animation:readingProgressAuto auto linear;animation-timeline:scroll()}@keyframes readingProgressAuto{from{transform:scaleX(0)}to{transform:scaleX(1)}}}.site-header{background-color:var(--bg-header-mobile);border-bottom:1px solid var(--border-header);box-shadow:var(--shadow-sm);color:var(--text-nav);padding-top:env(safe-area-inset-top);position:sticky;top:0;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%;z-index:500;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (min-width:1024px){.site-header{background-color:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.header-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding-left:max(var(--container-gutter),env(safe-area-inset-left));padding-right:max(var(--container-gutter),env(safe-area-inset-right));width:100%}.header-row{align-items:center;display:flex;justify-content:space-between;min-height:var(--header-height);position:relative;flex-wrap:nowrap;gap:.75rem;width:100%}.brand-area{align-items:center;display:flex;flex-shrink:0;min-width:0}.brand-link{align-items:center;color:var(--text-header-brand);display:inline-flex;gap:clamp(.5rem,2vw,.75rem);text-decoration:none;transition:transform var(--transition-fast)}.brand-link:hover{transform:scale(1.02)}.brand-logo{aspect-ratio:1 / 1;flex-shrink:0;height:clamp(1.875rem,3.5vw,2.25rem);object-fit:contain;width:clamp(1.875rem,3.5vw,2.25rem);filter:drop-shadow(0 2px 4px rgba(79,70,229,.2))}.brand-text{background:var(--brand-text-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--text-header-brand);font-family:var(--font-heading);font-size:clamp(1.125rem,2.2vw,1.25rem);font-weight:700;letter-spacing:-.025em;white-space:nowrap}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:clamp(.375rem,1.5vw,.625rem)}.theme-toggle-btn{align-items:center;background-color:var(--bg-toggle-btn);border:1px solid var(--border-header);border-radius:var(--radius-md);color:var(--text-toggle-btn);cursor:pointer;display:inline-flex;height:2.625rem;justify-content:center;min-height:44px;min-width:44px;padding:0;touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:2.625rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.theme-toggle-btn:hover{background-color:var(--bg-toggle-btn-hover);border-color:rgba(99,102,241,.4);color:var(--text-toggle-btn-hover);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn svg{height:1.25rem;width:1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}html:not([data-theme="dark"]) .theme-icon-sun{display:none}html:not([data-theme="dark"]) .theme-icon-moon{display:block;color:var(--text-toggle-btn)}html[data-theme="dark"] .theme-icon-sun{color:#fbbf24;display:block;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}html[data-theme="dark"] .theme-icon-moon{display:none}.hamburger{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-nav);cursor:pointer;display:flex;flex-direction:column;gap:.375rem;height:2.625rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;touch-action:manipulation;transition:background-color var(--transition-fast),color var(--transition-fast);width:2.625rem}.hamburger:hover{background-color:var(--bg-toggle-btn);color:var(--text-primary)}.hamburger-line{background-color:currentColor;border-radius:var(--radius-full);display:block;height:2px;transition:transform var(--transition-normal),opacity var(--transition-normal);width:1.25rem}.hamburger[aria-expanded="true"] .hamburger-line:first-child{transform:translateY(6px) rotate(45deg)}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:490;pointer-events:none}.nav-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.primary-nav{position:absolute;top:100%;left:0;right:0;width:100%;background-color:var(--bg-header-mobile);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-header);border-bottom:1px solid var(--border-header);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:.5rem;padding:1rem max(var(--container-gutter),env(safe-area-inset-right)) max(1.25rem,calc(env(safe-area-inset-bottom) + .75rem)) max(var(--container-gutter),env(safe-area-inset-left));z-index:1000;box-sizing:border-box;max-height:calc(100dvh - var(--header-height));max-height:calc(100vh - var(--header-height));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.primary-nav.nav-open{display:flex!important;animation:navSlideDown .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes navSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-nav);display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;min-height:46px;padding:.65rem 1rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:100%;box-sizing:border-box}.nav-link:hover{background-color:var(--bg-nav-hover);color:var(--text-nav-hover);transform:translateX(4px)}.nav-link--active,.nav-link.active{background-color:var(--bg-nav-active);border-color:var(--border-nav-active);color:var(--text-nav-active);transform:translateX(4px)}@media (min-width:1024px){.header-row{gap:2rem}.hamburger,.nav-backdrop{display:none!important}.primary-nav{align-items:center;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;gap:.375rem!important;padding:0!important;position:static!important;width:auto!important;max-height:none!important;overflow-y:visible!important;animation:none!important;z-index:auto!important}.nav-link{align-items:center;background:transparent!important;border:1px solid transparent!important;border-radius:var(--radius-md);color:var(--text-nav);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;min-height:40px;padding:.5rem .875rem;transform:none!important;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:auto}.nav-link:hover{background-color:var(--bg-nav-hover)!important;color:var(--text-nav-hover)!important}.nav-link--active,.nav-link.active{background-color:var(--bg-nav-active)!important;border-color:var(--border-nav-active)!important;color:var(--text-nav-active)!important;font-weight:600}}@media (max-width:360px){:root{--container-gutter:.875rem;--header-height:3.5rem}.header-row{gap:.25rem}.brand-link{gap:.375rem}.brand-logo{width:1.75rem;height:1.75rem}.brand-text{font-size:1.05rem;letter-spacing:-.01em}.header-controls{gap:.25rem}.theme-toggle-btn{width:2.375rem;height:2.375rem;min-width:38px;min-height:38px}.hamburger{width:2.375rem;height:2.375rem;min-width:38px;min-height:38px;padding:.35rem}}.main-content{flex:1;width:100%;contain:layout style}.hero-banner{background:var(--bg-hero);border-bottom:1px solid var(--border-hero);color:var(--hero-desc);overflow:hidden;padding:clamp(2rem,4.5vw,3.75rem) 0;position:relative;transition:background var(--transition-normal),border-color var(--transition-normal);width:100%;contain:layout}.hero-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);padding-left:max(var(--container-gutter),env(safe-area-inset-left));padding-right:max(var(--container-gutter),env(safe-area-inset-right));position:relative;z-index:1;width:100%}.ambient-glow{border-radius:var(--radius-full);height:14rem;pointer-events:none;position:absolute;width:14rem;z-index:0;opacity:.8;contain:strict}.ambient-glow--top{background:radial-gradient(circle,var(--hero-glow-1) 0%,transparent 70%);right:-4rem;top:-4rem}.ambient-glow--bottom{background:radial-gradient(circle,var(--hero-glow-2) 0%,transparent 70%);bottom:-4rem;left:-4rem}.breadcrumbs{align-items:center;color:var(--breadcrumb-text);display:flex;font-size:clamp(.75rem,1.4vw,.8125rem);font-weight:600;margin-bottom:1.25rem}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;display:inline-flex}.breadcrumb-separator{color:var(--breadcrumb-sep);user-select:none}.breadcrumb-link{align-items:center;color:var(--breadcrumb-text);display:inline-flex;min-height:32px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.breadcrumb-link:hover{color:var(--breadcrumb-hover);text-decoration-color:currentColor}.breadcrumb-current{color:var(--breadcrumb-current);font-weight:700}.category-badge{align-items:center;background-color:var(--badge-bg);border:1px solid var(--badge-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--badge-text);display:inline-flex;font-size:.75rem;font-weight:800;gap:.5rem;letter-spacing:.05em;margin-bottom:1.25rem;padding:.375rem .875rem;text-transform:uppercase;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.badge-dot{position:relative;width:.45rem;height:.45rem;border-radius:var(--radius-full);background-color:var(--badge-dot-glow,var(--brand-primary));flex-shrink:0}.badge-dot::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:inherit;animation:pulseGlow 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes pulseGlow{0%{transform:scale(.95);opacity:.75}70%{transform:scale(2.3);opacity:0}to{transform:scale(.95);opacity:0}}.category-badge svg{color:var(--badge-icon);flex-shrink:0;height:.9375rem;width:.9375rem}.page-title{color:var(--hero-title);font-family:var(--font-heading);font-size:clamp(1.75rem,6.2vw,2.35rem);font-weight:800;letter-spacing:-.025em;line-height:1.22;margin-bottom:1.125rem;width:100%;max-width:100%;text-wrap:balance;word-break:break-word}.post-meta{color:var(--hero-desc);font-size:clamp(.95rem,1.25vw,1.0625rem);font-weight:400;line-height:1.75;width:100%;max-width:100%}.post-meta p{margin-bottom:0;width:100%;max-width:100%;text-wrap:pretty;word-break:break-word}.meta-bar{align-items:center;border-top:1px solid var(--meta-border);color:var(--meta-pill-text);display:flex;flex-wrap:wrap;font-size:.8125rem;font-weight:600;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;width:100%}.meta-pill{align-items:center;background-color:var(--meta-pill-bg);border:1px solid var(--meta-pill-border);border-radius:var(--radius-full);color:var(--meta-pill-text);display:inline-flex;font-style:normal;gap:.4rem;min-height:36px;padding:.35rem .875rem;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.meta-pill--highlight{background-color:var(--meta-pill-highlight-bg);border-color:var(--meta-pill-highlight-border);color:var(--meta-pill-highlight-text);font-weight:700}.meta-pill--author{align-items:center;display:inline-flex;gap:.4rem}.meta-author-icon{flex-shrink:0;height:1rem;width:1rem;color:currentColor}.meta-author-link{color:var(--meta-author-link);text-decoration:underline;text-decoration-color:rgba(99,102,241,.4);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.meta-author-link:hover{color:var(--meta-author-link-hover);text-decoration-color:currentColor}.content-grid{box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr;margin:0;max-width:100%;padding:0;width:100%;contain:layout}.sidebar-toc{display:none!important}.toc-inline{display:block}@media (min-width:1024px){.content-grid{align-items:start;gap:2.75rem;grid-template-columns:minmax(0,2.3fr) minmax(320px,1fr);margin:0 auto;max-width:var(--container-max-width);padding:clamp(1.75rem,3.5vw,3rem) max(var(--container-gutter),env(safe-area-inset-left)) clamp(2.5rem,4vw,4rem) max(var(--container-gutter),env(safe-area-inset-right))}.toc-inline{display:none!important}.sidebar-toc{display:block!important}.sidebar-sticky{position:sticky;top:calc(var(--header-height,4rem) + 1.5rem)}}.content-column{min-width:0;width:100%;contain:layout style}.page-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%;max-width:100%}.post-content{color:var(--text-body);font-family:var(--font-sans);font-size:1rem;line-height:1.75;padding:clamp(1.25rem,3.5vw,2.75rem);transition:color var(--transition-normal)}.post-content>p,.post-section>p,.post-content p{color:var(--text-body);line-height:1.75;margin-bottom:1.5rem}.post-content a{color:var(--text-link);font-weight:600;text-decoration:underline;text-decoration-color:rgba(99,102,241,.4);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.post-content a:hover{color:var(--text-link-hover);text-decoration-color:var(--text-link-hover)}.post-content strong,.post-content b{color:var(--text-primary);font-weight:700}.toc-box{background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-left:5px solid var(--border-toc-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:1.75rem 0;padding:1.25rem;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.toc-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem}.toc-header-left{align-items:center;display:flex;gap:.75rem}.toc-icon-box{align-items:center;background-color:var(--brand-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#ffffff;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;width:2.25rem}.toc-icon-box svg{height:1.15rem;width:1.15rem}.toc-title{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;line-height:1.2;margin:0}.toc-subtitle{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;margin-top:.15rem}.toc-toggle-btn{align-items:center;background-color:var(--bg-toc-btn);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-toc-btn);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.375rem;padding:.35rem .85rem;transition:all var(--transition-fast)}.toc-toggle-btn:hover{background-color:var(--bg-toc-btn-hover);color:#ffffff}.toc-toggle-icon{height:.85rem;transition:transform var(--transition-normal);width:.85rem}.toc-toggle-icon.icon-rotated{transform:rotate(-90deg)}.toc-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.toc-list.toc-collapsed{display:none}.toc-list li::before,.toc-sub-list li::before{content:none!important;display:none!important}.toc-list>li{margin-bottom:.25rem;padding-left:0!important}.toc-link{align-items:flex-start;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:.625rem;padding:.45rem .625rem;text-decoration:none!important;transition:all var(--transition-fast)}.toc-link:hover{background-color:var(--bg-card-hover);color:var(--text-link)}.toc-link.is-active{background-color:var(--bg-nav-active);color:var(--text-nav-active);font-weight:700;transform:translateX(4px)}.toc-link.is-active .toc-badge{background-color:var(--brand-primary);color:#ffffff}.toc-badge{background-color:var(--bg-toc-badge);border-radius:var(--radius-sm);color:var(--text-toc-badge);flex-shrink:0;font-size:.75rem;font-weight:800;margin-top:.125rem;padding:.125rem .5rem;transition:all var(--transition-fast)}.toc-link:hover .toc-badge{background-color:var(--brand-primary);color:#ffffff}.toc-sub-list{border-left:2px solid var(--border-subtle);display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.25rem 0 .25rem 1.5rem;padding-left:.75rem}.toc-sub-list li{padding-left:0!important}.toc-sub-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.3rem .5rem;text-decoration:none!important;transition:all var(--transition-fast)}.toc-sub-link:hover{background-color:var(--bg-card-hover);color:var(--text-link)}.toc-sub-link.is-active{background-color:var(--bg-nav-active);color:var(--text-nav-active);font-weight:700;transform:translateX(3px)}.toc-sub-dot{background-color:var(--brand-primary);border-radius:var(--radius-full);flex-shrink:0;height:.375rem;transition:transform var(--transition-fast);width:.375rem}.toc-sub-link:hover .toc-sub-dot,.toc-sub-link.is-active .toc-sub-dot{transform:scale(1.4);background-color:var(--brand-primary)}.featured-image{background-color:var(--bg-chart-container);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem 0;overflow:hidden;width:100%;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.featured-image svg{display:block;height:auto;width:100%}.chart-canvas-bg{fill:var(--bg-chart-canvas);transition:fill var(--transition-normal)}.chart-grid-line{stroke:var(--border-chart-grid);transition:stroke var(--transition-normal)}.chart-base-line{stroke:var(--border-chart-base);transition:stroke var(--transition-normal)}.chart-axis-label{fill:var(--text-chart-axis);transition:fill var(--transition-normal)}.chart-marker-label{fill:var(--text-chart-marker);transition:fill var(--transition-normal)}.chart-mastery-label{fill:var(--text-chart-mastery);transition:fill var(--transition-normal)}.chart-node{fill:var(--chart-node-bg);transition:fill var(--transition-normal)}.sidebar,.sidebar-sticky{display:flex;flex-direction:column;gap:1.75rem;width:100%;contain:layout}.sidebar-widget{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;padding:1.5rem;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.widget-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem}.widget-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.widget-badge{background-color:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-full);color:#92400e;font-size:.65rem;font-weight:800;padding:.2rem .6rem;text-transform:uppercase}html[data-theme="dark"] .widget-badge{background-color:rgba(245,158,11,.15);border-color:rgba(245,158,11,.35);color:#fcd34d}.sidebar-toc{padding:1.25rem}.sidebar-toc .toc-title{font-size:1rem}.sidebar-toc .toc-toggle-btn{font-size:.75rem;padding:.25rem .625rem}.sidebar-toc .toc-list,.sidebar-toc .toc-sub-link{font-size:.8rem}.sidebar-toc .toc-sub-list{margin-left:1.25rem;padding-left:.625rem}.exam-links{display:flex;flex-direction:column;gap:.75rem}.exam-link{align-items:center;background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.875rem 1rem;text-decoration:none!important;transition:all var(--transition-fast)}.exam-link:hover{background-color:var(--bg-card-hover);border-color:var(--brand-primary);transform:translateX(2px)}.exam-link h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin:0 0 .2rem 0;transition:color var(--transition-fast)}.exam-link:hover h4{color:var(--text-link)}.exam-link p{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0}.exam-arrow{color:var(--text-link);font-size:1rem;font-weight:800;transition:transform var(--transition-fast),color var(--transition-fast)}.exam-link:hover .exam-arrow{color:var(--text-link-hover);transform:translateX(4px)}@media (min-width:768px){:root{--container-gutter:clamp(1.5rem,4vw,2.5rem);--container-max-width:min(92vw,92rem)}.page-title{font-size:clamp(2.35rem,4.2vw,3rem);line-height:1.2;letter-spacing:-.028em;margin-bottom:1.375rem}}@media (min-width:1024px){:root{--container-gutter:clamp(2rem,4vw,3.5rem);--container-max-width:min(92vw,100rem)}.page-title{font-size:4.5vw;line-height:1.16;letter-spacing:-.03em;margin-bottom:1.5rem}}@media (min-width:1440px){:root{--container-gutter:clamp(3rem,5.5vw,5.5rem);--container-max-width:min(90vw,130rem)}.page-title{font-size:clamp(4.05rem,4.2vw,4.875rem);line-height:1.14;letter-spacing:-.03em;margin-bottom:1.625rem}}@media (min-width:2560px){:root{--container-gutter:clamp(5rem,7vw,10rem);--container-max-width:min(88vw,175rem);--header-height:5.25rem}.site-header{border-bottom-width:2px}.brand-logo{width:3rem;height:3rem}.brand-text{font-size:1.625rem}.brand-link{gap:1rem}.header-controls{gap:1rem}.primary-nav{gap:.875rem!important}.nav-link{font-size:1.125rem;min-height:50px;padding:.65rem 1.25rem;gap:.75rem;border-radius:var(--radius-lg)}.icon-sm{width:1.35rem;height:1.35rem}.theme-toggle-btn{width:3.25rem;height:3.25rem;min-width:52px;min-height:52px;border-radius:var(--radius-lg)}.theme-toggle-btn svg{width:1.5rem;height:1.5rem}#reading-progress{height:.375rem}.hero-banner{padding:5.5rem 0;border-bottom-width:2px}.ambient-glow{width:22rem;height:22rem}.breadcrumbs{font-size:1.05rem;margin-bottom:1.75rem}.category-badge{font-size:.95rem;padding:.5rem 1.25rem;margin-bottom:1.75rem;gap:.65rem}.category-badge svg{width:1.2rem;height:1.2rem}.page-title{font-size:clamp(4.875rem,2.8vw,6rem);line-height:1.12;letter-spacing:-.03em;width:100%;max-width:100%;margin-bottom:1.75rem}.post-meta{font-size:1.35rem;line-height:1.8;width:100%;max-width:100%}.meta-bar{font-size:1rem;gap:1rem;margin-top:2rem;padding-top:1.75rem}.meta-pill{min-height:46px;padding:.5rem 1.25rem;gap:.6rem}.meta-author-icon{width:1.25rem;height:1.25rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.test-tool-section{padding:0 var(--container-gutter,1.25rem);margin:0 0 2rem}.test-tool-shell{max-width:var(--container-max-width,1200px);margin:0 auto}#typing-test{scroll-margin-top:calc(var(--header-height,72px) + 14px)}.post-section{scroll-margin-top:calc(var(--header-height,72px) + 14px)}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientBG{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(360deg) scale(1.4)}}@keyframes readingProgressAuto{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.typing-container{background:#0f172a;border:1px solid rgba(51,65,85,.85);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.6),0 8px 10px -6px rgba(0,0,0,.5);contain:layout style;min-height:480px;padding:2rem;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.typing-container[data-test-theme="dark"],.typing-container.test-theme-dark{background:#0f172a!important;border-color:rgba(51,65,85,.85)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.6),0 8px 10px -6px rgba(0,0,0,.5)!important;color:#e2e8f0}.typing-container[data-test-theme="dark"] .settings-bar{background:#131d2e!important;border-color:#334155!important}.typing-container[data-test-theme="dark"] .mode-dropdown-container label{color:#94a3b8!important}.typing-container[data-test-theme="dark"] .mode-select{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important}.typing-container[data-test-theme="dark"] .stats-bar{background:#131d2e!important;border-color:#334155!important;color:#cbd5e1!important}.typing-container[data-test-theme="dark"] .stats-bar>div{color:#cbd5e1!important}.typing-container[data-test-theme="dark"] .stats-bar span{color:#a5b4fc!important}.typing-container[data-test-theme="dark"] .quote-display{background:#090d16!important;border-color:#334155!important;color:#cbd5e1!important}.typing-container[data-test-theme="dark"] .typing-input{background:#0b1120!important;border-color:#334155!important;color:#ffffff!important}.typing-container[data-test-theme="dark"] .action-btn{background:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.typing-container[data-test-theme="light"],.typing-container.test-theme-light{background:#ffffff!important;border-color:#cbd5e1!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.12),0 8px 10px -6px rgba(0,0,0,.06)!important;color:#1e293b}.typing-container[data-test-theme="light"] .settings-bar{background:#f8fafc!important;border-color:#e2e8f0!important}.typing-container[data-test-theme="light"] .mode-dropdown-container label{color:#64748b!important}.typing-container[data-test-theme="light"] .mode-select{background-color:#ffffff!important;border-color:#cbd5e1!important;color:#0f172a!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important}.typing-container[data-test-theme="light"] .stats-bar{background:#f8fafc!important;border-color:#e2e8f0!important;color:#334155!important}.typing-container[data-test-theme="light"] .stats-bar>div{color:#334155!important}.typing-container[data-test-theme="light"] .stats-bar span{color:#4338ca!important}.typing-container[data-test-theme="light"] .quote-display{background:#f8fafc!important;border-color:#cbd5e1!important;color:#1e293b!important}.typing-container[data-test-theme="light"] .typing-input{background:#ffffff!important;border-color:#cbd5e1!important;color:#0f172a!important}.typing-container[data-test-theme="light"] .action-btn{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#1e293b!important}.test-play-area{width:100%}.settings-bar{align-items:center;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);contain:layout style;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-bottom:1.5rem;min-height:70px;padding:1rem 1.25rem;scroll-margin-top:5rem;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.settings-bar.disabled{opacity:.55;pointer-events:none;cursor:not-allowed;filter:grayscale(.25);user-select:none;transition:opacity var(--transition-normal),filter var(--transition-normal)}.settings-bar.disabled select,.settings-bar.disabled input{cursor:not-allowed;pointer-events:none}.mode-dropdown-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;max-width:100%;position:relative}.mode-dropdown-container.is-loading .mode-select{background-image:none!important}.mode-dropdown-container.is-loading::after{content:"";position:absolute;right:12px;bottom:11px;width:14px;height:14px;border:2px solid rgba(99,102,241,.25);border-top-color:var(--brand-primary,#6366f1);border-radius:50%;animation:selectSpin .55s linear infinite;pointer-events:none;z-index:5}@keyframes selectSpin{to{transform:rotate(360deg)}}.mode-dropdown-container label{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mode-select{appearance:none;-webkit-appearance:none;background-color:var(--bg-card);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:600;max-width:100%;min-width:110px;outline:none;padding:.5rem 2rem .5rem .85rem;transition:border-color .2s ease,box-shadow .2s ease,background-color var(--transition-normal)}.mode-select:hover,.mode-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.para-select-container,.mode-dropdown-container:has(#paragraphSelect){min-width:195px}#paragraphSelect{width:195px;min-width:195px;max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#difficultySelect{min-width:110px}.time-select-container{position:relative}.time-control-group{display:flex;align-items:center;gap:6px;width:100%}.time-custom-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-md,8px);padding:6px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:2.25rem}.time-custom-btn:hover{background:#4f46e5;color:#ffffff;border-color:#4f46e5;box-shadow:0 4px 12px rgba(79,70,229,.35)}.time-custom-btn:focus-visible{outline:2px solid #818cf8;outline-offset:2px}[data-test-theme="light"] .time-custom-btn{background:rgba(79,70,229,.08);color:#4f46e5;border-color:rgba(79,70,229,.25)}[data-test-theme="light"] .time-custom-btn:hover{background:#4f46e5;color:#ffffff}.custom-time-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:600;margin-left:6px}.custom-time-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;padding:16px;box-sizing:border-box}.custom-time-modal-overlay.active,.custom-time-modal-overlay.modal-open,.custom-time-modal-overlay[style*="display:flex"],.custom-time-modal-overlay[style*="display:block"]{opacity:1;visibility:visible;display:flex!important}.custom-time-modal{background:#1e293b;border:1px solid rgba(148,163,184,.15);border-radius:16px;box-shadow:0 20px 40px -10px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);width:100%;max-width:440px;padding:24px;color:#f8fafc;transform:scale(.95) translateY(10px);transition:transform .25s cubic-bezier(.16,1,.3,1)}.custom-time-modal-overlay.active .custom-time-modal{transform:scale(1) translateY(0)}[data-theme="light"] .custom-time-modal{background:#ffffff;border-color:#e2e8f0;color:#0f172a;box-shadow:0 20px 40px -10px rgba(15,23,42,.15),0 0 0 1px rgba(0,0,0,.05)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid rgba(148,163,184,.15);padding-bottom:14px}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-title-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;color:#ffffff}.modal-title{font-size:1.25rem;font-weight:700;margin:0;color:inherit}.modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:rgba(148,163,184,.15);color:#f8fafc}[data-theme="light"] .modal-close-btn:hover{color:#0f172a}.modal-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--placeholder-color,#64748b);margin-bottom:10px}.preset-chips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.preset-chip{background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.18);border-radius:8px;padding:8px 4px;font-size:.85rem;font-weight:600;color:#cbd5e1;cursor:pointer;text-align:center;transition:all .15s ease}[data-theme="light"] .preset-chip{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.preset-chip:hover{background:rgba(99,102,241,.2);border-color:#6366f1;color:#a5b4fc;transform:translateY(-1px)}[data-theme="light"] .preset-chip:hover{background:#e0e7ff;border-color:#4f46e5;color:#4338ca}.preset-chip.active{background:#4f46e5;border-color:#4f46e5;color:#ffffff;box-shadow:0 4px 12px rgba(79,70,229,.35)}.custom-input-group{display:flex;gap:10px;align-items:center;margin-bottom:24px}.custom-number-input{flex:1;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:10px 14px;font-size:1.1rem;font-weight:700;color:#ffffff;outline:none;transition:border-color .2s,box-shadow .2s}[data-theme="light"] .custom-number-input{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.custom-number-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.25)}.custom-unit-select{width:120px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:10px 12px;font-size:.95rem;font-weight:600;color:#ffffff;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}[data-theme="light"] .custom-unit-select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.custom-unit-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.25)}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-btn-cancel{background:rgba(148,163,184,.15);color:#cbd5e1}[data-theme="light"] .modal-btn-cancel{background:#f1f5f9;color:#475569}.modal-btn-cancel:hover{background:rgba(148,163,184,.25);color:#ffffff}[data-theme="light"] .modal-btn-cancel:hover{background:#e2e8f0;color:#0f172a}.modal-btn-apply{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);color:#ffffff;box-shadow:0 4px 14px rgba(79,70,229,.4)}.modal-btn-apply:hover{background:linear-gradient(135deg,#3730a3 0%,#4338ca 100%);box-shadow:0 6px 20px rgba(79,70,229,.5);transform:translateY(-1px)}.stats-bar{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:1rem;scroll-margin-top:calc(var(--header-height,72px) + 16px);text-align:center;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.stats-bar>div{border-radius:var(--radius-md);color:#334155;font-size:.8125rem;font-weight:700;letter-spacing:.03em;padding:.6rem .5rem;text-transform:uppercase;transition:background .3s ease,color .3s ease}.stats-bar span{color:#4338ca;display:block;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;line-height:1.15;margin-top:.2rem;min-width:40px}.stats-bar div.time-critical{animation:pulseCritical 1s ease-in-out infinite;background-color:#fee2e2;color:#991b1b}[data-theme="dark"] .stats-bar div.time-critical{background-color:rgba(239,68,68,.25);color:#fecaca}.stats-bar div.time-critical span{color:#b91c1c}[data-theme="dark"] .stats-bar div.time-critical span{color:#fca5a5}@keyframes pulseCritical{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.quote-display{background:var(--bg-card-subtle);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);box-sizing:border-box;color:#334155;contain:layout style;cursor:text;display:block;font-family:var(--font-sans);font-size:1.55rem;letter-spacing:.02em;line-height:2.2;margin-bottom:1.5rem;max-height:340px;min-height:280px;overflow-y:auto;padding:1.5rem 1.75rem;position:relative;scroll-behavior:smooth;scrollbar-width:thin;transition:border-color .2s ease,box-shadow .2s ease,background-color var(--transition-normal);user-select:none;white-space:pre-wrap;width:100%;word-break:break-word}.quote-display:hover{border-color:#93c5fd}[data-theme="dark"] .quote-display:hover{border-color:#6366f1}.quote-display.focused{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(79,70,229,.18)}[data-theme="dark"] .quote-display.focused{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.25)}.quote-display.font-small{font-size:1.25rem;line-height:2.3}.quote-display.font-medium{font-size:1.55rem;line-height:2.2}.quote-display.font-large{font-size:1.9rem;line-height:2.0}.quote-display.font-extra-large{font-size:2.25rem;line-height:1.8}.quote-display span{position:relative;font-weight:500;letter-spacing:inherit;transition:color .08s ease,background-color .08s ease}.quote-display span.correct{color:#16a34a;font-weight:500}[data-theme="dark"] .quote-display span.correct{color:#4ade80}.quote-display span.incorrect{background-color:rgba(239,68,68,.18);border-radius:2px;color:#dc2626;font-weight:500;text-decoration:underline;text-underline-offset:3px}[data-theme="dark"] .quote-display span.incorrect{background-color:rgba(239,68,68,.32);color:#f87171}.quote-display span.active{background-color:rgba(79,70,229,.14);border-radius:2px;color:var(--brand-primary);font-weight:500}[data-theme="dark"] .quote-display span.active{background-color:rgba(99,102,241,.25);color:#818cf8}.quote-display span.active::before{content:'';position:absolute;left:0;top:8%;bottom:8%;width:2.5px;background-color:var(--brand-primary);border-radius:1px;animation:cursorBlink 1s step-end infinite;pointer-events:none;z-index:1}[data-theme="dark"] .quote-display span.active::before{background-color:#818cf8}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.typing-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px;z-index:-1}.action-buttons-wrapper{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px;min-height:50px}.action-buttons-wrapper #restartBtn{grid-column:2}.submit-btn{align-items:center;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(79,70,229,.3);color:#ffffff!important;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.85rem 1.75rem;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(79,70,229,.45);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-btn{align-items:center;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:1rem;font-weight:700;justify-content:center;padding:.85rem 1.75rem;transition:all .2s ease;width:100%}[data-theme="dark"] .action-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.action-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#ffffff}.cheat-toast{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:12px;box-shadow:0 8px 30px rgba(220,38,38,.45);color:#ffffff;font-size:1rem;font-weight:600;left:50%;max-width:90vw;opacity:0;padding:16px 32px;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%) translateY(-120px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;z-index:9999}.cheat-toast.show,.cheat-toast.cheat-toast--show{opacity:1;transform:translateX(-50%) translateY(0);display:block!important}.analytics-panel{display:none;background:#ffffff;border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-top:2rem;padding:clamp(1.25rem,3.5vw,2.75rem);transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}[data-theme="light"] .analytics-panel{background:#ffffff;border-color:var(--border-card,#e2e8f0)}[data-theme="dark"] .analytics-panel{background:#111827;border-color:rgba(51,65,85,.9)}.analytics-header{margin-bottom:2rem;text-align:center}.analytics-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.35rem}.analytics-header p{color:var(--text-muted);font-size:.95rem}.stats-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#ffffff;padding:1.25rem 1rem;text-align:center}.stat-card.green{background:linear-gradient(135deg,#065f46 0%,#0f766e 100%)}.stat-card.orange{background:linear-gradient(135deg,#92400e 0%,#b45309 100%)}.stat-card.red{background:linear-gradient(135deg,#be123c 0%,#e11d48 100%)}.stat-card-value{color:#ffffff;font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1.15;margin:8px 0}.stat-card-label{color:rgba(255,255,255,.9);font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.chart-container{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:2rem 0;padding:1.5rem;transition:background-color var(--transition-normal),border-color var(--transition-normal)}[data-theme="dark"] .chart-container{background:#131d2e;border-color:#334155}.chart-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.chart-wrapper{height:250px;max-height:250px;position:relative;width:100%}#wpmChart,#mistakeChart{height:250px!important;max-height:250px!important;width:100%!important}.certificate-section{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin:2.5rem 0;padding:2rem;text-align:center;transition:background-color var(--transition-normal),border-color var(--transition-normal)}[data-theme="dark"] .certificate-section{background:#131d2e;border-color:#334155}.certificate-header{margin-bottom:1.5rem}.certificate-header h3{color:var(--text-primary);font-family:var(--font-heading);font-size:1.5rem;font-weight:800;margin-bottom:.35rem}.certificate-header p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0 auto;max-width:600px}.certificate-form{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto 1.5rem;max-width:600px}.cert-input{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);flex:1;font-family:var(--font-sans);font-size:1rem;min-width:260px;outline:none;padding:.75rem 1.125rem;transition:border-color .2s ease,box-shadow .2s ease,background-color var(--transition-normal)}[data-theme="dark"] .cert-input{background:#1e293b;border-color:#334155;color:#f8fafc}.cert-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.certificate-form .submit-btn{flex:0 0 auto;width:auto}.cert-preview-container{align-items:center;animation:fadeInCert .4s ease-out;display:flex;flex-direction:column;gap:12px;margin-top:1.5rem}.cert-preview-wrapper{aspect-ratio:16 / 9;background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px rgba(15,23,42,.12);max-width:640px;overflow:hidden;transition:transform .3s ease;width:100%}.cert-preview-wrapper:hover{transform:scale(1.015)}.cert-preview-img{display:block;height:100%;object-fit:contain;width:100%}.cert-preview-tip{color:var(--text-muted);font-size:.85rem;font-style:italic}@keyframes fadeInCert{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weakness-section{margin:2.5rem 0 1rem}.weakness-section h3{color:var(--text-primary);font-family:var(--font-heading);font-size:1.35rem;font-weight:800;margin-bottom:1rem}.weakness-card{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-left:4px solid #f59e0b;border-radius:var(--radius-md);color:var(--text-primary);margin:1rem 0;padding:1.125rem 1.25rem}[data-theme="dark"] .weakness-card{background:#131d2e;border-color:#334155;border-left-color:#f59e0b}.weakness-card.slow{border-left-color:#0ea5e9}.key-analysis{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.key-badge{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:.8125rem;font-weight:700;padding:6px 14px}[data-theme="dark"] .key-badge{background:#1e293b;border-color:#334155;color:#cbd5e1}.key-badge.slow{border-color:rgba(14,165,233,.4);color:#0284c7}[data-theme="dark"] .key-badge.slow{color:#38bdf8}.key-badge.error{border-color:rgba(239,68,68,.4);color:#dc2626}[data-theme="dark"] .key-badge.error{border-color:rgba(239,68,68,.4);color:#f87171}.comparison-container{margin-top:2rem}.comparison-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;width:100%}.comparison-grid>div{display:flex;flex-direction:column;min-width:0;width:100%}.comparison-grid h4{color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.comparison-content{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;line-height:1.65;max-height:360px;min-height:120px;overflow-y:auto;overflow-wrap:anywhere;padding:1.125rem;white-space:pre-wrap;width:100%;word-break:break-word}[data-theme="dark"] .comparison-content{background:#0c1322;border-color:#334155;color:#cbd5e1}.hl-correct{color:#16a34a;font-weight:500}[data-theme="dark"] .hl-correct{color:#4ade80}.hl-miss{background:#fee2e2;border-radius:2px;color:#dc2626;font-weight:500}[data-theme="dark"] .hl-miss{background:rgba(239,68,68,.28);color:#f87171}.hl-sub-bg{background:#fee2e2;border-radius:2px;color:#dc2626;font-weight:500}[data-theme="dark"] .hl-sub-bg{background:rgba(239,68,68,.28);color:#f87171}.hl-untyped{color:var(--text-muted);opacity:.6}[data-theme="dark"] .hl-untyped{color:#94a3b8;opacity:.6}.legend{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.legend span{border-radius:4px;font-size:.8125rem;font-weight:600;padding:2px 8px}.legend-correct{color:#16a34a}[data-theme="dark"] .legend-correct{color:#4ade80}.legend-full-error{background:#fee2e2;color:#dc2626}[data-theme="dark"] .legend-full-error{background:rgba(239,68,68,.25);color:#f87171}.legend-untyped{color:var(--text-muted);opacity:.75}[data-theme="dark"] .legend-untyped{color:#94a3b8}@media (min-width:992px){.settings-bar{display:flex;flex-wrap:nowrap!important;justify-content:space-between;align-items:center;gap:clamp(.35rem,.75vw,.75rem);padding:.75rem .875rem;box-sizing:border-box;width:100%}.typing-container{padding:1.5rem 1.75rem}.mode-dropdown-container{flex:1 1 0;min-width:0;width:auto}.mode-dropdown-container label{font-size:.6875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.mode-select{box-sizing:border-box;min-width:0;width:100%;font-size:.8125rem;font-weight:600;padding:.45rem 1.45rem .45rem .55rem;background-position:right 6px center;background-size:13px;text-overflow:ellipsis;white-space:nowrap}.para-select-container,.mode-dropdown-container:has(#paragraphSelect){flex:1.4 1 0;min-width:0}#paragraphSelect{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.time-select-container{flex:1.45 1 0;min-width:0}.time-control-group{display:flex;align-items:center;gap:4px;width:100%}.time-control-group select{flex:1 1 auto;min-width:0}.time-custom-btn{flex:0 0 auto;padding:.4rem .55rem;font-size:.75rem;height:auto;min-height:2.125rem;line-height:1;white-space:nowrap}}@media (min-width:1440px){.typing-container{padding:2.5rem 3rem}.settings-bar{flex-wrap:nowrap!important;gap:1.125rem;padding:1.125rem 1.5rem}.stats-bar span{font-size:2rem}.quote-display{max-height:360px;min-height:300px}.quote-display.font-small{font-size:1.375rem}.quote-display.font-medium{font-size:1.7rem}.quote-display.font-large{font-size:2.05rem}.quote-display.font-extra-large{font-size:2.4rem}.analytics-panel{padding:2.75rem 3rem}.stat-card-value{font-size:2.25rem}.chart-wrapper{height:280px;max-height:280px}#wpmChart,#mistakeChart{height:280px!important;max-height:280px!important}}@media (min-width:1600px){.stats-bar span{font-size:2.125rem}.certificate-form,.cert-preview-wrapper{max-width:720px}}@media (min-width:1920px){.typing-container{padding:3rem 3.5rem}.quote-display{max-height:400px;min-height:320px}.quote-display.font-small{font-size:1.45rem}.quote-display.font-medium{font-size:1.8rem}.quote-display.font-large{font-size:2.15rem}.quote-display.font-extra-large{font-size:2.5rem}.stats-bar span{font-size:2.25rem}.analytics-panel{padding:3rem 3.5rem}.analytics-header h2{font-size:2rem}.chart-wrapper{height:320px;max-height:320px}#wpmChart,#mistakeChart{height:320px!important;max-height:320px!important}}@media (max-width:768px){.typing-container{border-radius:var(--radius-lg);min-height:auto;padding:1.125rem .875rem}.settings-bar{box-sizing:border-box;display:grid;gap:.75rem .625rem;grid-template-columns:repeat(2,1fr);padding:.875rem .75rem;width:100%}.mode-dropdown-container{align-items:stretch;min-width:0;width:100%}.mode-dropdown-container label{font-size:.6875rem;overflow:hidden;padding-left:2px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mode-select{background-position:right 8px center;background-size:14px;box-sizing:border-box;font-size:.8125rem;max-width:100%;min-width:0;overflow:hidden;padding:.45rem 1.75rem .45rem .65rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.para-select-container,.mode-dropdown-container:has(#paragraphSelect){grid-column:span 2}#paragraphSelect{max-width:100%;width:100%}.stats-bar{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.75rem .5rem}.stats-bar>div{font-size:.75rem;padding:.5rem .25rem}.quote-display{max-height:220px;min-height:160px;padding:.875rem}.quote-display.font-small{font-size:1rem;line-height:1.9}.quote-display.font-medium{font-size:1.125rem;line-height:1.8}.quote-display.font-large{font-size:1.3rem;line-height:1.7}.quote-display.font-extra-large{font-size:1.5rem;line-height:1.6}.typing-input{font-size:1rem;min-height:110px;padding:.875rem}.action-buttons-wrapper{gap:10px;grid-template-columns:1fr}.action-buttons-wrapper #restartBtn{grid-column:1}.stats-grid{gap:.625rem;grid-template-columns:repeat(2,1fr)}.comparison-grid{grid-template-columns:1fr}.certificate-form{flex-direction:column;gap:.75rem}.cert-input{box-sizing:border-box;min-width:0;width:100%}.certificate-form .submit-btn{width:100%}}@media (max-width:640px){.preset-chips-grid{grid-template-columns:repeat(3,1fr)}.custom-time-modal{padding:20px 16px}.custom-input-group{flex-direction:row}.analytics-panel{border-radius:var(--radius-lg);padding:1.25rem .875rem}.analytics-header h2{font-size:1.375rem}}@media (max-width:480px){.typing-container{padding:.875rem .625rem}.settings-bar{gap:.625rem .5rem;padding:.75rem .5rem}.mode-select{font-size:.75rem;padding:.4rem 1.5rem .4rem .5rem}.quote-display{max-height:200px;min-height:140px;padding:.75rem}.quote-display.font-small{font-size:.9375rem;line-height:1.8}.quote-display.font-medium{font-size:1rem;line-height:1.7}.quote-display.font-large{font-size:1.15rem;line-height:1.6}.quote-display.font-extra-large{font-size:1.35rem;line-height:1.5}.cheat-toast{font-size:.8125rem;padding:12px 16px}.analytics-panel{padding:1rem .75rem}.stats-grid{gap:.5rem}.stat-card{padding:1rem .625rem}.stat-card-value{font-size:1.5rem}.stat-card-label{font-size:.6875rem}.chart-container{margin:1.5rem 0;padding:1rem .75rem}.chart-wrapper{height:210px;max-height:210px}#wpmChart,#mistakeChart{height:210px!important;max-height:210px!important}.certificate-section{margin:2rem 0;padding:1.5rem .875rem}.certificate-header h3{font-size:1.25rem}.weakness-card{padding:1rem .875rem}.comparison-content{font-size:.8125rem;max-height:260px;padding:.875rem}}@media (max-width:390px){.typing-container{padding:.875rem .5rem}.settings-bar{gap:.5rem .375rem;padding:.625rem .5rem}.mode-select{background-position:right 6px center;background-size:12px;font-size:.72rem;min-width:0;padding:.4rem 1.45rem .4rem .5rem}.para-select-container,.mode-dropdown-container:has(#paragraphSelect){min-width:0}#paragraphSelect{max-width:100%;min-width:0;width:100%}.mode-dropdown-container label{font-size:.625rem}.stats-bar{gap:.375rem;padding:.625rem .375rem}.stats-bar>div{font-size:.625rem;padding:.45rem .15rem}.stats-bar span{font-size:1.3rem;min-width:0}.quote-display{max-height:180px;min-height:120px;padding:.625rem}.quote-display.font-small{font-size:.9rem;line-height:1.75}.quote-display.font-medium{font-size:.95rem;line-height:1.65}.quote-display.font-large{font-size:1.05rem;line-height:1.6}.quote-display.font-extra-large{font-size:1.2rem;line-height:1.5}.typing-input{font-size:.9375rem;min-height:90px;padding:.75rem}.submit-btn,.action-btn{font-size:.9rem;justify-content:center;padding:.8rem 1rem;width:100%}.analytics-header h2{font-size:1.2rem}.stat-card-value{font-size:1.3rem}.certificate-header h3{font-size:1.15rem}.certificate-header p{font-size:.85rem}.chart-wrapper{height:180px;max-height:180px}#wpmChart,#mistakeChart{height:180px!important;max-height:180px!important}.comparison-content{font-size:.75rem;padding:.75rem}.key-badge{font-size:.72rem;padding:4px 10px}.legend span{font-size:.72rem}}.meta-pill--cert{color:#047857}html[data-theme="dark"] .meta-pill--cert{color:#6ee7b7}.icon-sm{height:1.125rem;width:1.125rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.home-container{width:100%;max-width:77.5rem;margin:0 auto;padding:0 1.25rem;box-sizing:border-box}@media (min-width:1536px){.home-container{max-width:87.5rem}}.home-hero{position:relative;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15) 0%,rgba(15,23,42,0) 70%),linear-gradient(180deg,#0f172a 0%,#0b0f19 100%);border-bottom:none;color:#ffffff;padding:4.5rem 0 3.5rem;overflow:hidden;text-align:center}.hero-ambient-glow{position:absolute;border-radius:var(--radius-full,9999px);filter:blur(80px);pointer-events:none;z-index:0;opacity:.6}.hero-glow-left{width:22rem;height:22rem;background:rgba(99,102,241,.25);top:-5rem;left:-6rem}.hero-glow-right{width:20rem;height:20rem;background:rgba(168,85,247,.22);bottom:-4rem;right:-5rem}.hero-inner{position:relative;z-index:1;max-width:54rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(99,102,241,.15);border:1px solid rgba(129,140,248,.35);color:#c7d2fe;padding:.4rem 1rem;border-radius:var(--radius-full,9999px);font-size:.8125rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.5rem;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease)}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-title{font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.25rem;color:#ffffff}.hero-title-gradient{background:linear-gradient(135deg,#60a5fa 0%,#a855f7 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;color:#94a3b8;max-width:44rem;margin:0 auto 2.25rem;font-weight:400}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2.75rem;width:100%}.btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#ffffff;padding:.95rem 2rem;border-radius:var(--radius-md,.75rem);font-size:1.05rem;font-weight:700;text-decoration:none;box-shadow:0 10px 25px -4px rgba(79,70,229,.5);transition:all .25s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.15)}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -4px rgba(79,70,229,.65);background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);color:#ffffff}.btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:rgba(30,41,59,.85);color:#e2e8f0;padding:.95rem 1.75rem;border-radius:var(--radius-md,.75rem);font-size:1.05rem;font-weight:600;text-decoration:none;border:1px solid rgba(51,65,85,.9);transition:all .2s ease;backdrop-filter:blur(8px)}.btn-hero-secondary:hover{background:#334155;border-color:#64748b;color:#ffffff;transform:translateY(-2px)}.hero-values-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;padding:0;margin:0}.hero-value-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:#cbd5e1;background:rgba(15,23,42,.6);padding:.35rem .85rem;border-radius:var(--radius-full,9999px);border:1px solid rgba(51,65,85,.6)}.hero-value-pill svg{color:#34d399;flex-shrink:0}.metrics-strip{background:var(--bg-card,#ffffff);border-bottom:1px solid var(--border-card,#e2e8f0);padding:2.25rem 0;transition:background-color var(--transition-normal,.25s ease)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--bg-card-subtle,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-lg,1rem);transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.metric-card:hover{transform:translateY(-2px);border-color:var(--brand-primary,#4f46e5);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.08))}.metric-icon-box{width:44px;height:44px;border-radius:var(--radius-md,.75rem);background:rgba(99,102,241,.12);color:var(--brand-primary,#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-text{display:flex;flex-direction:column}.metric-number{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.35rem;font-weight:800;line-height:1.2;color:var(--text-primary,#0f172a)}.metric-label{font-size:.8125rem;color:var(--text-muted,#64748b);font-weight:500}@media (max-width:768px){.hero-ambient-glow{display:none!important}.home-hero{padding:3rem 0 2.5rem}.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;box-sizing:border-box}.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.home-container{padding:0 1rem}.metrics-grid{grid-template-columns:1fr}}.faq-section{padding:4.5rem 0;background:var(--bg-page,#f8fafc)}.calc-res-highlight{color:#047857!important}.section-header{text-align:center;max-width:48rem;margin:0 auto 3rem}.section-header h2{font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:800;color:var(--text-primary,#0f172a);line-height:1.2;letter-spacing:-.025em;margin-bottom:.75rem}.section-header p{font-size:1.05rem;color:var(--text-muted,#64748b);line-height:1.65}.hero-badge:hover{transform:translateY(-1px);border-color:rgba(129,140,248,.6)}.home-test-banner{padding:4rem 0 3.5rem;background:var(--bg-page,#f8fafc)}.test-banner-card{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 60%,#0f172a 100%);border:1px solid rgba(79,70,229,.4);border-radius:var(--radius-xl,1.5rem);padding:2.75rem 2.5rem;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;box-shadow:0 20px 40px -15px rgba(15,23,42,.4);position:relative;overflow:hidden}.test-banner-card::before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);top:-50px;right:-50px;pointer-events:none}.banner-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.35);color:#fbbf24;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .85rem;border-radius:var(--radius-full,9999px);margin-bottom:1.25rem}.pulse-dot{width:6px;height:6px;background-color:#fbbf24;border-radius:var(--radius-full,9999px);box-shadow:0 0 6px #fbbf24;animation:pulseDot 1.6s infinite ease-in-out}.test-banner-content h2{font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:800;color:#ffffff;line-height:1.2;margin-bottom:1rem;letter-spacing:-.025em}.test-banner-content p{color:#cbd5e1;font-size:1rem;line-height:1.65;margin-bottom:1.75rem}.banner-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem;margin-bottom:2rem}.banner-feature-item{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:#f1f5f9;font-weight:600}.banner-feature-item svg{color:#818cf8;flex-shrink:0}.banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.btn-banner-primary{display:inline-flex;align-items:center;gap:.6rem;background:#4f46e5;color:#ffffff;font-size:1rem;font-weight:700;padding:.85rem 1.75rem;border-radius:var(--radius-md,.75rem);text-decoration:none;box-shadow:0 8px 20px -3px rgba(79,70,229,.5);transition:all .2s ease}.btn-banner-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 12px 24px -3px rgba(79,70,229,.65);color:#ffffff}.quick-timer-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.quick-pill{background:rgba(30,41,59,.8);border:1px solid rgba(51,65,85,.8);color:#cbd5e1;padding:.45rem .85rem;border-radius:var(--radius-sm,.5rem);font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s ease}.quick-pill:hover{background:#334155;color:#ffffff;border-color:#818cf8}.keyboard-showcase-box{background:rgba(15,23,42,.85);border:1px solid rgba(51,65,85,.8);border-radius:var(--radius-lg,1rem);padding:1.5rem 1.25rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}.kb-telemetry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid rgba(51,65,85,.8)}.kb-telemetry-chip{font-size:.75rem;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:.4rem}.kb-live-wpm{color:#34d399;font-family:var(--font-mono,monospace);font-size:.95rem;font-weight:800}.keyboard-preview{display:flex;flex-direction:column;gap:.35rem}.kb-row{display:flex;justify-content:center;gap:.3rem}.kb-key{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-family:var(--font-mono,monospace);font-size:.75rem;font-weight:700;height:32px;min-width:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #0f172a,0 3px 6px rgba(0,0,0,.3);transition:all .1s ease;user-select:none}.kb-key.active,.kb-key.key-pressed{background:#4f46e5;color:#ffffff;border-color:#818cf8;transform:translateY(2px);box-shadow:0 1px 0 #0f172a,0 0 12px rgba(99,102,241,.6)}.kb-key.highlight{background:rgba(16,185,129,.25);color:#34d399;border-color:#10b981}.kb-key.spacebar{width:60%;font-size:.6875rem;letter-spacing:.05em;color:#cbd5e1}.kb-interactive-hint{margin-top:1rem;font-size:.75rem;color:#cbd5e1;text-align:center;font-style:italic}.modes-section{padding:4.5rem 0 3.5rem;background:var(--bg-card,#ffffff);border-bottom:1px solid var(--border-card,#e2e8f0)}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.mode-card{background:var(--bg-card-subtle,#f8fafc);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-lg,1rem);padding:1.85rem 1.65rem;display:flex;flex-direction:column;position:relative;text-decoration:none;transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.mode-card:hover{transform:translateY(-4px);border-color:var(--card-accent,#4f46e5);box-shadow:0 16px 30px -8px rgba(0,0,0,.1)}.mode-card-icon{width:48px;height:48px;border-radius:var(--radius-md,.75rem);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.25rem}.mode-card h3{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.25rem;font-weight:700;color:var(--text-primary,#0f172a);margin-bottom:.6rem;line-height:1.3}.mode-card p{font-size:.9375rem;color:var(--text-muted,#64748b);line-height:1.6;margin-bottom:1.25rem;flex-grow:1}.mode-tag{align-self:flex-start;display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:var(--radius-full,9999px);background:#e0f2fe;color:#0369a1;margin-top:auto}.features-section{padding:4.5rem 0;background:var(--bg-page,#f8fafc)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-item{background:var(--bg-card,#ffffff);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-lg,1rem);padding:2rem 1.75rem;display:flex;gap:1.25rem;transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.feature-item:hover{transform:translateY(-3px);border-color:var(--brand-primary,#4f46e5);box-shadow:var(--shadow-card-hover,0 12px 24px -4px rgba(0,0,0,.08))}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md,.75rem);background:rgba(99,102,241,.12);color:var(--brand-primary,#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-content h3{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.15rem;font-weight:700;color:var(--text-primary,#0f172a);margin-bottom:.5rem}.feature-content p{font-size:.9375rem;color:var(--text-muted,#64748b);line-height:1.6}.context-section{padding:4.5rem 0;background:var(--bg-card,#ffffff);border-top:1px solid var(--border-card,#e2e8f0);border-bottom:1px solid var(--border-card,#e2e8f0)}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2.5rem}.context-card{background:var(--bg-card-subtle,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-lg,1rem);padding:1.5rem 1.25rem;display:flex;flex-direction:column;text-align:center;transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease)}.context-card:hover{transform:translateY(-3px);border-color:#818cf8}.context-card-val{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.65rem;font-weight:800;color:var(--brand-primary,#4f46e5);margin-bottom:.25rem}.context-card-label{font-size:.9rem;font-weight:700;color:var(--text-primary,#0f172a);margin-bottom:.5rem}.context-card-note{font-size:.8125rem;color:var(--text-muted,#64748b);line-height:1.5}.interactive-calc-wrapper{background:var(--bg-card-subtle,#f8fafc);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-xl,1.5rem);padding:2.25rem 2rem;max-width:52rem;margin:0 auto;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.calc-header{text-align:center;margin-bottom:1.75rem}.calc-header h3{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.4rem;font-weight:800;color:var(--text-primary,#0f172a);margin-bottom:.35rem}.calc-header p{font-size:.9rem;color:var(--text-muted,#64748b)}.calc-controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.calc-slider-group{display:flex;flex-direction:column;gap:.5rem}.calc-slider-label-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9375rem;color:var(--text-primary,#0f172a)}.calc-current-display{font-family:var(--font-mono,monospace);font-size:1.25rem;font-weight:800;color:var(--brand-primary,#4f46e5)}.wpm-range-slider{width:100%;height:8px;border-radius:var(--radius-full,9999px);background:#e2e8f0;outline:none;cursor:pointer;accent-color:var(--brand-primary,#4f46e5);transition:background .15s ease}.calc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:var(--bg-card,#ffffff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-lg,1rem);padding:1.25rem}.calc-res-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.calc-res-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.05em}.calc-res-value{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.25rem;font-weight:800;color:var(--text-primary,#0f172a)}.calc-res-highlight{color:#047857!important}.learn-hub-section{padding:4.5rem 0;background:var(--bg-page,#f8fafc)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-card{background:var(--bg-card,#ffffff);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-lg,1rem);padding:1.85rem;display:flex;flex-direction:column;text-decoration:none;transition:transform var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.guide-card:hover{transform:translateY(-4px);border-color:var(--guide-color,#4f46e5);box-shadow:var(--shadow-card-hover,0 12px 24px -4px rgba(0,0,0,.08))}.guide-card-icon{width:44px;height:44px;border-radius:var(--radius-md,.75rem);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.guide-card h3{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.2rem;font-weight:700;color:var(--text-primary,#0f172a);margin-bottom:.5rem}.guide-card p{font-size:.9375rem;color:var(--text-muted,#64748b);line-height:1.6;margin-bottom:1.25rem;flex-grow:1}.guide-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle,#e2e8f0)}.guide-tag{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full,9999px)}.guide-link-text{font-size:.85rem;font-weight:700;color:var(--brand-primary,#4f46e5);display:inline-flex;align-items:center;gap:.25rem}.about-strip{background:var(--bg-card,#ffffff);border-top:1px solid var(--border-card,#e2e8f0);border-bottom:1px solid var(--border-card,#e2e8f0);padding:3.5rem 0}.about-inner{max-width:52rem;margin:0 auto;text-align:center}.about-inner h2{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.75rem;font-weight:800;color:var(--text-primary,#0f172a);margin-bottom:.85rem}.about-inner p{font-size:1.05rem;color:var(--text-secondary,#334155);line-height:1.7}.about-inner a{color:var(--brand-primary,#4f46e5);font-weight:700;text-decoration:underline;text-underline-offset:3px}.faq-section{padding:4.5rem 0;background:var(--bg-page,#f8fafc)}.cta-strip{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);border-top:1px solid rgba(51,65,85,.8);color:#ffffff;padding:4.5rem 0;text-align:center;position:relative;overflow:hidden}.cta-inner{max-width:44rem;margin:0 auto;position:relative;z-index:1}.cta-strip h2{font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-.025em}.cta-strip p{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem;line-height:1.6}.cta-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.app-section-nav-wrapper{position:sticky;top:3.75rem;z-index:40;background:var(--bg-header,rgba(15,23,42,.85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle,rgba(255,255,255,.08));padding:.75rem 0;margin-bottom:2rem;transition:background-color var(--transition-normal,.2s ease)}.app-section-nav{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.25rem .25rem .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-section-nav::-webkit-scrollbar{display:none}.section-nav-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-full,9999px);font-size:.85rem;font-weight:600;color:var(--text-secondary,#94a3b8);background:var(--bg-card,rgba(30,41,59,.6));border:1px solid var(--border-subtle,rgba(255,255,255,.08));text-decoration:none;white-space:nowrap;transition:all .2s ease}.section-nav-pill:hover{color:var(--text-primary,#f8fafc);background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.35);transform:translateY(-1px)}.section-nav-pill.active,.section-nav-pill--featured{color:#ffffff!important;background:linear-gradient(135deg,#4338ca,#4f46e5);border-color:transparent;box-shadow:0 4px 12px rgba(79,70,229,.25)}@media (max-width:1024px){.test-banner-card{grid-template-columns:1fr;gap:2.25rem;padding:2.25rem 1.75rem}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.context-grid{grid-template-columns:1fr 1fr}.calc-results-grid{grid-template-columns:1fr}}@media (max-width:480px){.context-grid{grid-template-columns:1fr}.kb-row{gap:.15rem}.kb-key{font-size:.65rem;height:26px;min-width:22px}.quick-timer-pills{justify-content:center}}html:not([data-theme="dark"]) .home-hero{background:radial-gradient(circle at 50% -10%,rgba(99,102,241,.18) 0%,rgba(248,250,252,0) 65%),linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-bottom:none;color:#0f172a}html:not([data-theme="dark"]) .hero-badge{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}html:not([data-theme="dark"]) .hero-title{color:#0f172a}html:not([data-theme="dark"]) .hero-title-gradient{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 60%,#c2410c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html:not([data-theme="dark"]) .hero-subtitle{color:#475569}html:not([data-theme="dark"]) .btn-hero-secondary{background:#ffffff;color:#1e293b;border-color:#cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.04)}html:not([data-theme="dark"]) .btn-hero-secondary:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}html:not([data-theme="dark"]) .hero-value-pill{color:#475569;background:#ffffff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}html[data-theme="dark"] .context-card-val,html[data-theme="dark"] .guide-link-text,html[data-theme="dark"] .about-inner a{color:#a5b4fc}html[data-theme="dark"] .calc-current-display{color:#818cf8}.section-nav-pill--featured:hover,.section-nav-pill.active:hover{background:linear-gradient(135deg,#3730a3,#4338ca)}.app-section-nav-wrapper{position:sticky;top:var(--header-height,72px);z-index:30;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(51,65,85,.6);padding:.65rem 0;transition:background var(--transition-normal,.25s ease)}html:not([data-theme="dark"]) .app-section-nav-wrapper{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(226,232,240,.8)}.app-section-nav{display:flex;align-items:center;gap:.65rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.15rem 0}.app-section-nav::-webkit-scrollbar{display:none}.section-nav-pill{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.45rem 1rem;border-radius:var(--radius-full,9999px);font-size:.85rem;font-weight:600;text-decoration:none;color:#94a3b8;background:rgba(30,41,59,.7);border:1px solid rgba(51,65,85,.7);transition:all .2s ease}.section-nav-pill:hover{color:#f8fafc;background:rgba(51,65,85,.9);border-color:#818cf8;transform:translateY(-1px)}html:not([data-theme="dark"]) .section-nav-pill{color:#475569;background:#f1f5f9;border-color:#e2e8f0}html:not([data-theme="dark"]) .section-nav-pill:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.section-nav-pill--featured{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)!important;color:#ffffff!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 4px 12px rgba(79,70,229,.35)}.kb-finger-guide{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(51,65,85,.5)}.finger-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#cbd5e1}.finger-dot{width:8px;height:8px;border-radius:50%}.finger-dot-pinky{background:#f43f5e}.finger-dot-ring{background:#fb923c}.finger-dot-middle{background:#38bdf8}.finger-dot-index{background:#34d399}.finger-dot-thumb{background:#a78bfa}.faq-group{display:flex;flex-direction:column;gap:1rem;max-width:52rem;margin:0 auto}.faq-item{background:var(--bg-card,#ffffff);border:1px solid var(--border-card,#e2e8f0);border-radius:var(--radius-lg,1rem);overflow:hidden;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.faq-item[open]{border-color:#818cf8;box-shadow:0 4px 20px -2px rgba(79,70,229,.1)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;user-select:none;gap:1rem;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-q-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(99,102,241,.12);color:var(--brand-primary,#4f46e5);font-size:.8rem;font-weight:800;flex-shrink:0}.faq-q-text{font-family:var(--font-heading,"Outfit",sans-serif);font-size:1.05rem;font-weight:700;color:var(--text-primary,#0f172a);flex-grow:1;text-align:left}.faq-chevron{width:20px;height:20px;color:var(--text-muted,#64748b);transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--brand-primary,#4f46e5)}.faq-answer{padding:0 1.5rem 1.35rem 3.85rem;font-size:.95rem;line-height:1.7;color:var(--text-secondary,#475569);border-top:1px dashed rgba(226,232,240,.6);padding-top:1rem}html[data-theme="dark"] .faq-answer{color:#94a3b8;border-top-color:rgba(51,65,85,.6)}:focus-visible{outline:2px solid var(--brand-primary,#4f46e5);outline-offset:2px}