:root{color-scheme:light;--reading-font-size:16px;--reading-line-height:1.6;--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--bg-elevated:#ffffff;--bg-subtle:#fafafa;--bg-hero:linear-gradient(180deg,rgba(0,122,255,0.02),rgba(0,122,255,0) 50%,rgba(0,122,255,0.02));--gradient-subtle:linear-gradient(135deg,rgba(0,122,255,0.03),rgba(0,122,255,0) 50%,rgba(0,122,255,0.03));--accent:#007aff;--accent-hover:#0051d5;--accent-light:rgba(0,122,255,0.1);--accent-border:rgba(0,122,255,0.2);--accent-glow:rgba(0,122,255,0.15);--neutral-50:#fafafa;--neutral-100:#f5f5f7;--neutral-200:#e8e8ed;--neutral-300:#d2d2d7;--neutral-400:#aeaeb2;--neutral-500:#8e8e93;--neutral-600:#636366;--neutral-700:#48484a;--neutral-800:#3a3a3c;--neutral-900:#1c1c1e;--color-verified:#34c759;--color-verified-bg:rgba(52,199,89,0.1);--color-verified-border:rgba(52,199,89,0.2);--color-expired:#ff3b30;--color-expired-bg:rgba(255,59,48,0.1);--color-expired-border:rgba(255,59,48,0.2);--color-new:#007aff;--color-new-bg:rgba(0,122,255,0.1);--color-new-border:rgba(0,122,255,0.2);--color-warning:#ff9500;--glass-bg:rgba(255,255,255,0.7);--glass-bg-thick:rgba(255,255,255,0.85);--glass-bg-thin:rgba(255,255,255,0.5);--glass-border:rgba(255,255,255,0.6);--glass-border-inner:rgba(255,255,255,0.4);--glass-border-hover:rgba(255,255,255,0.8);--glass-shadow:0 2px 8px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02),inset 0 1px 0 rgba(255,255,255,0.6);--glass-shadow-hover:0 8px 24px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.8);--glass-shadow-lg:0 12px 32px rgba(0,0,0,0.08),0 6px 16px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.8);--glass-glow:0 0 40px rgba(0,122,255,0.08);--glass-inner-glow:inset 0 1px 0 rgba(255,255,255,0.8);--blur-sm:12px;--blur-md:20px;--blur-lg:32px;--blur-xl:48px;--blur-sm-mobile:8px;--blur-md-mobile:12px;--blur-lg-mobile:16px;--blur-xl-mobile:24px;--reduced-motion:"no-preference";--prefers-reduced-data:"no-preference";--text-primary:#1d1d1f;--text-secondary:#2c2c2e;--text-tertiary:#424245;--text-accent:var(--accent);--text-inverse:#ffffff;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--font-mono:"SF Mono","JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:clamp(2.25rem,2rem + 1.5vw,3rem);--text-hero:clamp(2rem,5vw + 1rem,4rem);--text-section:clamp(1.75rem,3vw + 1rem,2.5rem);--text-fluid-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-fluid-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-fluid-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-fluid-lg:clamp(1.125rem,1rem + 0.6vw,1.25rem);--text-fluid-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-fluid-2xl:clamp(1.5rem,1.2rem + 1.5vw,2rem);--text-fluid-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);--text-fluid-4xl:clamp(2.25rem,1.8rem + 2.25vw,3rem);--text-fluid-hero:clamp(2rem,1rem + 5vw,4rem);--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-fluid-xs:clamp(0.25rem,0.5vw,0.5rem);--space-fluid-sm:clamp(0.5rem,1vw,0.75rem);--space-fluid-md:clamp(1rem,2vw,1.5rem);--space-fluid-lg:clamp(1.5rem,3vw,2rem);--space-fluid-xl:clamp(2rem,4vw,3rem);--space-fluid-2xl:clamp(3rem,5vw,4rem);--space-fluid-3xl:clamp(4rem,8vw,6rem);--section-padding-y:clamp(60px,10vh,120px);--section-padding-x:clamp(16px,4vw,48px);--content-gap:clamp(24px,4vw,48px);--section-gap:clamp(40px,8vw,80px);--container-sm:640px;--container-md:768px;--container-tablet:832px;--container-lg:1024px;--container-xl:1200px;--container-padding-x:clamp(16px,4vw,48px);--container-padding-y:clamp(60px,10vh,120px);--content-max-width:65ch;--content-wide-max-width:75ch;--sidebar-min-width:220px;--sidebar-max-width:280px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--grid-gap-mobile:16px;--grid-gap-tablet:20px;--grid-gap-desktop:24px;--grid-gap-fluid:clamp(16px,2vw,24px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-400:400ms;--duration-500:500ms;--ease-ios:cubic-bezier(0.25,0.1,0.25,1);--ease-spring:cubic-bezier(0.5,0,0.5,1.5);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--z-base:1;--z-content:10;--z-dropdown:100;--z-sticky:200;--z-nav:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-floating-action:900;--z-fixed:1000;--nav-height:72px;--nav-height-mobile:64px;--grid-color:rgba(0,122,255,0.03);--grid-size:40px;--noise-opacity:0.4;--bg-primary-dark:#000000;--bg-secondary-dark:#1c1c1e;--bg-elevated-dark:#2c2c2e;--bg-subtle-dark:#1a1a1a;--text-primary-dark:#ffffff;--text-secondary-dark:#d1d1d6;--text-tertiary-dark:#98989d;--glass-bg-dark:rgba(28,28,30,0.8);--glass-border-dark:rgba(255,255,255,0.15);--grid-color-dark:rgba(255,255,255,0.05);--bg-primary-sepia:#f4ecd8;--bg-secondary-sepia:#e8dcc8;--bg-elevated-sepia:#ddd4c0;--bg-subtle-sepia:#efe6d0;--text-primary-sepia:#5b4636;--text-secondary-sepia:#6b5b4f;--text-tertiary-sepia:#8b7b6f;--glass-bg-sepia:rgba(244,236,216,0.8);--glass-border-sepia:rgba(91,70,54,0.15);--accent-sepia:#8b4513;--accent-light-sepia:rgba(139,69,19,0.1);--accent-border-sepia:rgba(139,69,19,0.2);--grid-color-sepia:rgba(91,70,54,0.05)}.liquid-glass-card{position:relative;background:rgba(255,255,255,.5);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-radius:24px;border:1px solid rgba(0,122,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.02);padding:var(--space-6);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.liquid-glass-card:before{inset:-1px;padding:1px;background:linear-gradient(135deg,rgba(0,122,255,.3),rgba(0,122,255,.1) 25%,rgba(0,122,255,.3) 50%,rgba(0,122,255,.1) 75%,rgba(0,122,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.liquid-glass-card:after,.liquid-glass-card:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;z-index:0}.liquid-glass-card:after{inset:0;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.7) 0,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.015) 0,transparent 50%)}.liquid-glass-card--interactive{cursor:pointer;transform-style:preserve-3d;perspective:1000px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.liquid-glass-card--interactive:hover{transform:translateY(-4px);background:rgba(255,255,255,.7);border-color:rgba(0,122,255,.3);box-shadow:0 16px 48px rgba(0,122,255,.15),0 6px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.02),0 0 0 2px rgba(0,122,255,.15)}.liquid-glass-card--interactive:active{transform:translateY(-2px)!important;transition-duration:.1s}.liquid-glass-card__spotlight{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.liquid-glass-card--interactive:hover .liquid-glass-card__spotlight{opacity:1}.liquid-glass-card__spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.4),transparent 50%);pointer-events:none}.liquid-glass-card--interactive:hover:before{opacity:.6}.liquid-glass-card__content{position:relative;z-index:3}.liquid-glass-card--sm{padding:var(--space-4);border-radius:16px}.liquid-glass-card--lg{padding:var(--space-8);border-radius:28px}@media (max-width:768px){.liquid-glass-card{padding:var(--space-5);border-radius:20px;backdrop-filter:blur(var(--blur-sm-mobile)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-sm-mobile)) saturate(140%);will-change:transform;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:0 300px}.liquid-glass-card--lg{padding:var(--space-6);border-radius:24px}.liquid-glass-card--interactive:hover{transform:translateY(-2px)}.liquid-glass-card:before{animation:none;opacity:.2}.liquid-glass-card--interactive:hover:before{animation:none;opacity:.3}.liquid-glass-card__spotlight{display:none}}@media (max-width:480px){.liquid-glass-card{backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);padding:var(--space-4);border-radius:16px}.liquid-glass-card--lg{padding:var(--space-5);border-radius:20px}}@media (prefers-reduced-data:reduce){.liquid-glass-card{backdrop-filter:blur(4px) saturate(100%);-webkit-backdrop-filter:blur(4px) saturate(100%)}.liquid-glass-card:after,.liquid-glass-card:before{display:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass-card{background:rgba(255,255,255,.9);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:rgba(0,122,255,.2)}.liquid-glass-card--interactive:hover{background:rgba(255,255,255,.95);border-color:rgba(0,122,255,.3)}}body.dark-mode .liquid-glass-card{background:rgba(44,44,46,.9);border-color:rgba(255,255,255,.25);box-shadow:0 4px 16px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.2)}body.dark-mode .liquid-glass-card:before{background:linear-gradient(135deg,rgba(10,132,255,.3),rgba(10,132,255,.1) 25%,rgba(10,132,255,.3) 50%,rgba(10,132,255,.1) 75%,rgba(10,132,255,.3))}body.dark-mode .liquid-glass-card:after{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.05) 0,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.2) 0,transparent 50%)}body.dark-mode .liquid-glass-card--interactive:hover{transform:translateY(-4px);background:rgba(28,28,30,.98);border-color:rgba(10,132,255,.5);box-shadow:0 24px 64px rgba(10,132,255,.2),0 8px 24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.2),0 0 0 2px rgba(10,132,255,.4)}body.dark-mode .liquid-glass-card--interactive:hover:before{opacity:.6}body.dark-mode .liquid-glass-card__spotlight:before{background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(10,132,255,.2),transparent 50%)}@media (hover:none){.liquid-glass-card--interactive:hover{transform:none;background:rgba(255,255,255,.5);border-color:rgba(0,122,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.02)}.liquid-glass-card--interactive:active{transform:scale(.98);background:rgba(0,122,255,.08);border-color:rgba(0,122,255,.3);transition-duration:.1s}.liquid-glass-card--interactive:hover .liquid-glass-card__spotlight{opacity:0}.liquid-glass-card--interactive:hover:before{animation:none;opacity:.4}body.dark-mode .liquid-glass-card--interactive:hover{background:rgba(44,44,46,.9);border-color:rgba(255,255,255,.25)}body.dark-mode .liquid-glass-card--interactive:active{background:rgba(10,132,255,.15);border-color:rgba(10,132,255,.4)}body.sepia-mode .liquid-glass-card--interactive:hover{background:rgba(244,236,216,.95);border-color:rgba(91,70,54,.15)}body.sepia-mode .liquid-glass-card--interactive:active{background:rgba(139,69,19,.1);border-color:rgba(139,69,19,.3)}}.liquid-glass-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-weight:500;font-size:15px;letter-spacing:-.01em;border-radius:14px;border:none;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);outline:none;isolation:isolate;text-decoration:none}.liquid-glass-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.liquid-glass-btn--sm{padding:10px 18px;font-size:14px;min-height:44px;min-width:44px;border-radius:10px}.liquid-glass-btn--md{padding:12px 24px;font-size:15px;min-height:48px;min-width:48px;border-radius:12px}.liquid-glass-btn--lg{padding:16px 32px;font-size:17px;min-height:56px;min-width:56px;border-radius:14px}.liquid-glass-btn--primary{background:linear-gradient(135deg,#007aff,#0051d5);color:#ffffff;box-shadow:0 2px 8px rgba(0,122,255,.3),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.2)}.liquid-glass-btn--primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0051d5,#003d9e);box-shadow:0 12px 32px rgba(0,122,255,.4),0 4px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.3)}.liquid-glass-btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,122,255,.3),inset 0 2px 4px rgba(0,0,0,.1)}.liquid-glass-btn--secondary{background:rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#1d1d1f;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.5)}.liquid-glass-btn--secondary:hover{background:rgba(255,255,255,.7);transform:translateY(-2px);border-color:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8)}.liquid-glass-btn--secondary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.06),inset 0 1px 2px rgba(0,0,0,.02)}.liquid-glass-btn--ghost{background:transparent;color:#007aff}.liquid-glass-btn--ghost:hover{background:rgba(0,122,255,.08)}.liquid-glass-btn--ghost:active{background:rgba(0,122,255,.12)}.liquid-glass-btn__glow,.liquid-glass-btn__shimmer{display:none}.liquid-glass-btn__ripple{position:absolute;width:4px;height:4px;margin-top:-2px;margin-left:-2px;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:ripple .6s linear;pointer-events:none;z-index:0}@keyframes ripple{to{transform:scale(100);opacity:0}}.liquid-glass-btn__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width:768px){.liquid-glass-btn--sm{padding:10px 16px;font-size:14px;min-height:44px}.liquid-glass-btn--md{padding:12px 20px;font-size:15px;min-height:48px}.liquid-glass-btn--lg{padding:14px 24px;font-size:16px;min-height:52px}.liquid-glass-btn__glow,.liquid-glass-btn__shimmer{display:none}.liquid-glass-btn--secondary{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}}body.dark-mode .liquid-glass-btn--primary{background:linear-gradient(135deg,#5ac8fa,#3da9e0)}body.dark-mode .liquid-glass-btn--primary:hover{background:linear-gradient(135deg,#3da9e0,#2b8bc4)}body.dark-mode .liquid-glass-btn--secondary{background:rgba(44,44,46,.9);border-color:rgba(255,255,255,.2);color:#f5f5f7;box-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)}body.dark-mode .liquid-glass-btn--secondary:hover{background:rgba(44,44,46,.95);border-color:rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}body.dark-mode .liquid-glass-btn--ghost{color:#5ac8fa}body.dark-mode .liquid-glass-btn--ghost:hover{background:rgba(90,200,250,.15)}.minimal-card{position:relative;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);overflow:hidden;transition:all var(--duration-300) var(--ease-smooth)}.minimal-card--elevated{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.03)}.minimal-card--subtle{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.02);padding:var(--space-5)}.minimal-card--interactive{cursor:pointer;transition:all var(--duration-300) var(--ease-spring)}.minimal-card--interactive:hover{transform:translateY(-4px);background:rgba(255,255,255,.95);border-color:rgba(0,122,255,.15);box-shadow:0 12px 32px rgba(0,0,0,.08),0 4px 12px rgba(0,122,255,.06)}.minimal-card--interactive:active{transform:translateY(-2px);transition-duration:var(--duration-150)}.minimal-card--sm{padding:var(--space-4);border-radius:var(--radius-lg)}.minimal-card--lg{padding:var(--space-8);border-radius:var(--radius-2xl)}.minimal-card__shine{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--duration-300) var(--ease-smooth)}.minimal-card--interactive:hover .minimal-card__shine{opacity:1}.minimal-card__shine:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.4),transparent 40%);pointer-events:none}.minimal-card__content{position:relative;z-index:2}@media (max-width:768px){.minimal-card{padding:var(--space-5);border-radius:var(--radius-lg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.minimal-card--lg{padding:var(--space-6);border-radius:var(--radius-xl)}.minimal-card--interactive:hover{transform:translateY(-2px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.minimal-card{background:rgba(255,255,255,.98)}.minimal-card--elevated{background:#ffffff}}body.dark-mode .minimal-card{background:rgba(44,44,46,.9);border-color:rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}body.dark-mode .minimal-card--elevated{background:rgba(44,44,46,.95);border-color:rgba(255,255,255,.2);box-shadow:0 4px 16px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}body.dark-mode .minimal-card--subtle{background:rgba(28,28,30,.8);border-color:rgba(255,255,255,.1)}body.dark-mode .minimal-card--interactive:hover{background:rgba(44,44,46,.98);border-color:rgba(10,132,255,.3);box-shadow:0 12px 32px rgba(0,0,0,.5),0 4px 12px rgba(10,132,255,.2)}body.dark-mode .minimal-card__shine:before{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(10,132,255,.2),transparent 40%)}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Bold.woff2) format("woff2"),url(/fonts/outfit/Outfit-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-SemiBold.woff2) format("woff2"),url(/fonts/outfit/Outfit-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Medium.woff2) format("woff2"),url(/fonts/outfit/Outfit-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Regular.woff2) format("woff2"),url(/fonts/outfit/Outfit-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Regular.woff2) format("woff2"),url(/fonts/inter/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Medium.woff2) format("woff2"),url(/fonts/inter/Inter-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-SemiBold.woff2) format("woff2"),url(/fonts/inter/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:-.01em}h1{font-size:var(--text-5xl)}h1,h2{font-weight:700}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h3,h4{font-weight:600}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h5,h6{font-weight:600}h6,p{font-size:var(--text-base)}p{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed)}small{font-size:var(--text-sm);color:var(--text-tertiary)}strong{font-weight:600}code,strong{color:var(--text-primary)}code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(0,0,0,.04)}.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;margin:var(--space-6) auto;overflow:hidden;border-radius:var(--radius-md);background:transparent;border:none;container-type:inline-size;container-name:adslot}.ad-slot:has(.adsbygoogle){background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.08)}.ad-slot--300x250,.ad-slot--300x600,.ad-slot--320x50,.ad-slot--728x90{width:100%;max-width:100%;min-width:unset}.ad-slot--300x250{aspect-ratio:300/250;max-width:min(300px,100%)}.ad-slot--300x600{aspect-ratio:300/600;max-width:min(300px,100%)}.ad-slot--320x50{aspect-ratio:320/50;max-width:min(320px,100%)}.ad-slot--728x90{aspect-ratio:728/90;max-width:min(728px,100%)}.ad-slot--responsive{width:100%;min-height:0}.ad-slot--responsive:has(.adsbygoogle){min-height:clamp(100px,25vw,280px)}.ad-slot--responsive:has(iframe){min-height:auto}[id^=ad-slot-]{width:100%;height:100%;min-height:inherit;min-width:inherit}@container adslot (max-width: 320px){.ad-slot--300x250,.ad-slot--300x600{max-width:100%;min-height:auto}}@container adslot (max-width: 728px){.ad-slot--728x90{max-width:100%}}@media (max-width:375px){.ad-slot--300x250,.ad-slot--300x600,.ad-slot--320x50{width:100%;max-width:100%;min-width:unset}.ad-slot--300x250[id^=ad-slot-]{min-height:auto;aspect-ratio:300/250}.ad-slot--300x600[id^=ad-slot-]{min-height:auto;aspect-ratio:300/600}.ad-slot--320x50[id^=ad-slot-]{min-height:auto;aspect-ratio:320/50}}@media (min-width:376px) and (max-width:767px){.ad-slot--300x250{max-width:min(300px,calc(100% - 32px))}.ad-slot--728x90{max-width:100%;width:100%}}@media (min-width:768px){.ad-slot--728x90{max-width:min(728px,calc(100% - 48px))}}.ad-slot:after{content:"";display:none}.ad-slot:has(.adsbygoogle):after{content:"Advertisement";display:block;position:absolute;top:var(--space-2);right:var(--space-2);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#f8fafc;background:rgba(15,23,42,.72);pointer-events:none;z-index:1}.ad-slot:has(iframe):after{display:none}.ad-slot .adsbygoogle{display:block;width:100%;height:100%}.ad-slot--fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);margin:0;border-radius:0;border-top:1px solid var(--glass-border)}@media (min-width:769px){.ad-slot--fixed-bottom{display:none}}.ad-slot--sticky-sidebar{position:sticky;top:var(--space-6)}@media (max-width:1023px){.ad-slot--sticky-sidebar{position:static}}.article-sidebar-ad{margin-top:var(--space-6)}@media (max-width:1199px){.article-sidebar-ad,.article-toc-wrapper .ad-slot{display:none}}.mobile-anchor-ad{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed,1000);background:var(--surface-primary,#fff);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -2px 12px rgba(0,0,0,.08);padding:6px 0 max(6px,env(safe-area-inset-bottom));text-align:center;animation:anchor-slide-up .3s ease-out}@keyframes anchor-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-anchor-ad__close{position:absolute;top:-28px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--surface-primary,#fff);box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--text-secondary,#666);cursor:pointer;z-index:1}.mobile-anchor-ad__close:hover{background:var(--surface-secondary,#f5f5f5)}.mobile-anchor-ad__slot{max-width:728px;margin:0 auto}@media (min-width:769px){.mobile-anchor-ad{display:none}}@media (max-width:768px){body:has(.mobile-anchor-ad){padding-bottom:72px}body:has(.mobile-anchor-ad) button[aria-label="Scroll to top"],body:has(.mobile-anchor-ad) button[aria-label="Table of Contents"]{bottom:max(84px,calc(60px + env(safe-area-inset-bottom)))!important}}.section-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 20%,rgba(0,0,0,.08) 80%,transparent);margin:0 auto}.section-separator--subtle{background:linear-gradient(90deg,transparent,rgba(0,122,255,.1) 20%,rgba(0,122,255,.1) 80%,transparent)}.section-separator--accent{background:linear-gradient(90deg,transparent,rgba(0,122,255,.2) 20%,rgba(0,122,255,.2) 80%,transparent)}@media print{body{background:white!important;color:black!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ad-slot,.ad-slot--fixed-bottom,.ad-slot--sticky-sidebar,.article-toc-wrapper,.back-to-top,.bookmark-button,.code-vault,.grid-overlay,.mobile-anchor-ad,.mobile-menu,.mobile-table-of-contents,.nav-glass,.noise-overlay,.reading-preferences,.related-articles,.search,.share-buttons,.theme-toggle,body:after,body:before,footer{display:none!important}.prose{font-size:12pt!important;line-height:1.5!important;color:black!important;max-width:100%!important}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:black!important;page-break-after:avoid}.prose h1{font-size:24pt!important}.prose h2{font-size:18pt!important}.prose h3{font-size:14pt!important}.prose p{margin-bottom:12pt!important;orphans:3;widows:3}.prose a{color:black!important;text-decoration:underline!important}.prose a[href]:after{content:" (" attr(href) ")";font-size:10pt;color:#666}.prose a[href^="#"]:after{content:""}.prose blockquote{border-left:3pt solid #000!important;padding-left:12pt!important;margin:12pt 0!important;page-break-inside:avoid}.prose code{color:black!important}.prose code,.prose pre{background:#f0f0f0!important;border:1px solid #ccc!important}.prose pre{page-break-inside:avoid}.liquid-glass-card{border:none!important;box-shadow:none!important;padding:0!important}.badge,.liquid-glass-card{background:white!important}.badge{border:1px solid #000!important;color:black!important}header{border-bottom:2pt solid #000!important;margin-bottom:20pt!important;padding-bottom:10pt!important}.breadcrumb{margin-bottom:20pt!important}.breadcrumb,.reading-time{font-size:10pt!important;color:#666!important}.prose h1,.prose h2{page-break-before:always}.prose h1:first-of-type{page-break-before:avoid}.prose blockquote,.prose li,.prose ol,.prose pre,.prose table,.prose ul{page-break-inside:avoid}.print-url{display:block!important;font-size:10pt;color:#666;margin-top:20pt;border-top:1pt solid #ccc;padding-top:10pt}@page{margin:2cm}@page :first{margin-top:1cm}}.print-url{display:none}@media (prefers-reduced-motion:reduce){.scroll-blur,.scroll-parallax,.scroll-reveal,.scroll-scale,.scroll-slide-left,.scroll-slide-right,.scroll-stagger,.scroll-tilt{opacity:1!important;transform:none!important;transition:none!important}}.skip-to-content{position:fixed;top:-100px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--accent);color:white;font-weight:600;border-radius:0 0 12px 12px;z-index:9999;transition:top .3s ease}.skip-to-content:focus{top:0;outline:3px solid var(--accent);outline-offset:2px}@media (max-width:768px){.nav-glass{min-height:var(--nav-height-mobile)}.nav-glass,.nav-glass .container,.nav-glass .container>div{height:var(--nav-height-mobile)!important}:root{--nav-height:var(--nav-height-mobile)}}@media (max-width:319px){.nav-glass a[href="/"]{flex-direction:column;gap:4px!important}.nav-glass a[href="/"] span{font-size:14px!important}.nav-glass a[href="/"] div{width:32px!important;height:32px!important;font-size:14px!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,247,250,.95)),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(0,0,0,.02) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(0,0,0,.02) 80px),radial-gradient(ellipse at 50% 0,rgba(0,122,255,.04) 0,transparent 50%);background-attachment:scroll;min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}body.dark-mode{--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-tertiary:var(--text-tertiary-dark);--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-elevated:var(--bg-elevated-dark);--bg-subtle:var(--bg-subtle-dark);--glass-bg:var(--glass-bg-dark);--glass-border:var(--glass-border-dark);color:var(--text-primary-dark);background:linear-gradient(180deg,#1c1c1e,#0a0a0a),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(255,255,255,.02) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.02) 80px)}body.sepia-mode{--text-primary:var(--text-primary-sepia);--text-secondary:var(--text-secondary-sepia);--text-tertiary:var(--text-tertiary-sepia);--bg-primary:var(--bg-primary-sepia);--bg-secondary:var(--bg-secondary-sepia);--bg-elevated:var(--bg-elevated-sepia);--bg-subtle:var(--bg-subtle-sepia);--glass-bg:var(--glass-bg-sepia);--glass-border:var(--glass-border-sepia);color:var(--text-primary);background:linear-gradient(180deg,#f4ecd8,#e8dcc8),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(91,70,54,.03) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(91,70,54,.03) 80px)}body.sepia-mode:before{background-image:linear-gradient(rgba(91,70,54,.08) 1px,transparent 0),linear-gradient(90deg,rgba(91,70,54,.08) 1px,transparent 0);opacity:.6}body.sepia-mode a{color:#8b4513}body.sepia-mode .badge{background:rgba(91,70,54,.15);color:var(--text-primary);border:1px solid rgba(91,70,54,.25)}body.sepia-mode .badge--verified{background:rgba(139,69,19,.2)!important;color:#8b4513!important;border:1px solid rgba(139,69,19,.4)!important}body.sepia-mode .badge--expired{background:rgba(205,92,92,.2)!important;color:#cd5c5c!important;border:1px solid rgba(205,92,92,.4)!important}body.sepia-mode .badge--new{background:rgba(139,69,19,.2)!important;color:#8b4513!important;border:1px solid rgba(139,69,19,.4)!important}body.sepia-mode .badge--tag{background:rgba(91,70,54,.2)!important;color:var(--text-primary)!important;border:1px solid rgba(91,70,54,.3)!important}body.sepia-mode .nav-glass{background:rgba(244,236,216,.9);border-bottom-color:rgba(91,70,54,.15)}body.sepia-mode .nav-glass a{color:var(--text-secondary)}body.sepia-mode .nav-glass a:hover{color:var(--text-primary)}body.sepia-mode .nav-glass div[style*="rgba(255, 255, 255, 0.98)"]{background:rgba(244,236,216,.98)!important;border-color:rgba(91,70,54,.15)!important;box-shadow:0 24px 64px rgba(91,70,54,.15)!important}body.sepia-mode .nav-glass h4{color:var(--text-tertiary)!important}body.sepia-mode .nav-glass a[href^="/articles"],body.sepia-mode .nav-glass a[href^="/codes"]{color:var(--text-secondary)!important}body.sepia-mode .nav-glass a[href^="/articles"]:hover,body.sepia-mode .nav-glass a[href^="/codes"]:hover{color:#8b4513!important;background:rgba(139,69,19,.1)!important}body.sepia-mode input[style*="rgba(255, 255, 255, 0.6)"]{background:rgba(244,236,216,.8)!important;border-color:rgba(91,70,54,.15)!important;color:var(--text-primary)!important}body.sepia-mode input[style*="rgba(255, 255, 255, 0.6)"]:focus{border-color:#8b4513!important;box-shadow:0 0 0 3px rgba(139,69,19,.15)!important}body.sepia-mode .minimal-card{background:rgba(244,236,216,.95)!important;border-color:rgba(91,70,54,.15)!important}body.sepia-mode .minimal-card div[style*="color: #424245"]{color:var(--text-secondary)!important}body.sepia-mode .minimal-card div[style*="background: rgba(0, 122, 255, 0.04)"]{background:rgba(139,69,19,.1)!important}body.sepia-mode .prose{color:var(--text-secondary)}body.sepia-mode .prose h2,body.sepia-mode .prose h3,body.sepia-mode .prose strong{color:var(--text-primary)}body.sepia-mode .prose blockquote{border-left-color:#8b4513;color:var(--text-tertiary)}body.sepia-mode .prose code{background:rgba(91,70,54,.1);color:var(--text-primary)}body.sepia-mode .prose pre{background:rgba(91,70,54,.08)}body.sepia-mode .prose a{color:#8b4513;text-decoration-color:rgba(139,69,19,.3)}body.sepia-mode .prose a:hover{color:#a0522d;text-decoration-color:#8b4513}body.dark-mode a{color:#5ac8fa}body.dark-mode .badge{background:rgba(255,255,255,.1);color:var(--text-secondary-dark);border:1px solid rgba(255,255,255,.15)}body.dark-mode .badge--verified{background:rgba(52,199,89,.2);color:#30d158;border:1px solid rgba(52,199,89,.3)}body.dark-mode .badge--expired{background:rgba(255,69,58,.3);color:#ff6b60;border:1px solid rgba(255,69,58,.4)}body.dark-mode .badge--new{background:rgba(10,132,255,.2);color:#0a84ff;border:1px solid rgba(10,132,255,.3)}body.dark-mode .badge--tag{background:rgba(255,255,255,.1);color:var(--text-secondary-dark);border:1px solid rgba(255,255,255,.15)}body.dark-mode .nav-glass{background:rgba(28,28,30,.95);border-bottom-color:rgba(255,255,255,.2)}.card-link:focus-visible .liquid-glass-card{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-light,rgba(0,122,255,.15))}.card-link:focus-visible{outline:none}.filter-tabs::-webkit-scrollbar{display:none}@media (min-width:768px){.filter-tabs{flex-wrap:wrap!important;overflow-x:visible!important}}.article-layout{display:grid;grid-template-columns:1fr;gap:clamp(16px,3vw,24px);align-items:start}.article-content-card.liquid-glass-card{background:var(--bg-elevated,#fff);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 24px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.03)}.article-content-card.liquid-glass-card:after,.article-content-card.liquid-glass-card:before{display:none}body.dark-mode .article-content-card.liquid-glass-card{background:rgba(28,28,30,.98);border-color:rgba(255,255,255,.16);box-shadow:0 10px 28px rgba(0,0,0,.42),0 3px 10px rgba(0,0,0,.24)}body.sepia-mode .article-content-card.liquid-glass-card{background:rgba(244,236,216,.98);border-color:rgba(91,70,54,.18);box-shadow:0 10px 26px rgba(91,70,54,.12),0 3px 8px rgba(91,70,54,.08)}.article-toc-wrapper{display:none}@media (min-width:768px) and (max-width:1199px){.article-layout{grid-template-columns:1fr;gap:clamp(20px,3vw,32px)}.article-toc-wrapper{display:block;position:relative;order:-1;margin-bottom:clamp(16px,3vw,24px)}.article-toc-wrapper .toc-container{max-height:300px;overflow-y:auto}}@media (min-width:1200px){.article-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:clamp(24px,4vw,48px)}.article-toc-wrapper{display:block;position:sticky;top:100px;order:0;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}}@media print{.article-layout{grid-template-columns:1fr}.article-toc-wrapper{display:block!important;position:static!important;order:-1!important;page-break-after:always}}@media (max-width:768px){.mega-menu{position:fixed!important;left:16px!important;right:16px!important;transform:none!important;width:auto!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 100px)!important;overflow-y:auto!important;grid-template-columns:1fr!important;gap:24px!important;padding:20px!important}}@media (min-width:769px) and (max-width:900px){.mega-menu{width:500px!important}}body.dark-mode .nav-glass a{color:var(--text-secondary-dark)}body.dark-mode .nav-glass a:hover{color:var(--text-primary-dark)}body.dark-mode .nav-glass div[style*="rgba(255, 255, 255, 0.98)"]{background:rgba(44,44,46,.98)!important;border-color:rgba(255,255,255,.25)!important;box-shadow:0 24px 64px rgba(0,0,0,.4)!important}body.dark-mode .nav-glass h4{color:var(--text-tertiary-dark)!important}body.dark-mode .nav-glass a[href^="/articles"],body.dark-mode .nav-glass a[href^="/codes"]{color:var(--text-secondary-dark)!important}body.dark-mode .nav-glass a[href^="/articles"]:hover,body.dark-mode .nav-glass a[href^="/codes"]:hover{color:#0a84ff!important;background:rgba(10,132,255,.1)!important}body.dark-mode input[style*="rgba(255, 255, 255, 0.6)"]{background:rgba(44,44,46,.8)!important;border-color:rgba(255,255,255,.15)!important;color:var(--text-primary-dark)!important}body.dark-mode input[style*="rgba(255, 255, 255, 0.6)"]:focus{border-color:#0a84ff!important;box-shadow:0 0 0 3px rgba(10,132,255,.15)!important}body.dark-mode .minimal-card{background:rgba(44,44,46,.95);border-color:rgba(255,255,255,.25)}body.dark-mode .minimal-card div[style*="color: #424245"]{color:var(--text-secondary-dark)!important}body.dark-mode .minimal-card div[style*="background: rgba(0, 122, 255, 0.04)"]{background:rgba(10,132,255,.1)!important}body.dark-mode footer{background:rgba(0,0,0,.8)!important;border-top-color:rgba(255,255,255,.15)!important}body.dark-mode footer a,body.dark-mode footer p{color:var(--text-secondary-dark)!important}body.dark-mode footer h4{color:var(--text-tertiary-dark)!important}body.sepia-mode footer{background:rgba(232,220,200,.8)!important;border-top-color:rgba(91,70,54,.15)!important}body.sepia-mode footer a,body.sepia-mode footer p{color:var(--text-secondary)!important}body.sepia-mode footer h4{color:var(--text-tertiary)!important}a{color:#007aff;text-decoration:none;transition:opacity .2s ease}img,video{max-width:100%;height:auto;display:block}ol,ul{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px);max-width:min(var(--container-xl),calc(100% - 32px))}@media (min-width:768px) and (max-width:1023px){.container{max-width:min(var(--container-lg),calc(100% - 48px));padding-left:clamp(20px,3vw,32px);padding-right:clamp(20px,3vw,32px)}}@media (min-width:1024px){.container{max-width:min(var(--container-xl),calc(100% - 64px));padding-left:clamp(24px,3vw,48px);padding-right:clamp(24px,3vw,48px)}}@media (max-width:375px){.container{padding-left:var(--space-3);padding-right:var(--space-3);max-width:calc(100% - 24px)}}@media (max-width:319px){.container{padding-left:12px;padding-right:12px;max-width:calc(100% - 24px)}}.grid{display:grid;gap:var(--grid-gap-desktop)}@media (max-width:639px){.grid{gap:var(--grid-gap-mobile)}.prose,.prose h2,.prose h3,.prose p{max-width:100%!important}.code-vault-controls{width:100%}.code-vault-controls input,.code-vault-controls select{width:100%!important}.footer .grid--cols-3{grid-template-columns:1fr}.code-vault-controls input{padding:"12px 16px"!important}.reading-preferences-btn{right:16px!important;top:80px!important}.back-to-top-btn{left:16px!important;bottom:16px!important}}@media (min-width:640px) and (max-width:1023px){.grid{gap:var(--grid-gap-tablet)}}@media (min-width:600px) and (max-width:767px){.footer .grid--cols-3{grid-template-columns:repeat(2,1fr)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(0,122,255,.2)!important}body.dark-mode a:focus-visible,body.dark-mode button:focus-visible,body.dark-mode input:focus-visible,body.dark-mode select:focus-visible{outline-color:#5ac8fa!important;box-shadow:0 0 0 4px rgba(90,200,250,.3)!important}body.sepia-mode a:focus-visible,body.sepia-mode button:focus-visible,body.sepia-mode input:focus-visible,body.sepia-mode select:focus-visible{outline-color:#8b4513!important;box-shadow:0 0 0 4px rgba(139,69,19,.3)!important}@media (hover:hover){a:hover{opacity:.7}}.grid--cols-1{grid-template-columns:1fr}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width:768px) and (max-width:1023px){.grid--tablet-cols-1{grid-template-columns:1fr}.grid--tablet-cols-2{grid-template-columns:repeat(2,1fr)}.grid--tablet-cols-3{grid-template-columns:repeat(3,1fr)}}.grid--bento{display:grid;gap:clamp(16px,2vw,20px);grid-template-columns:1fr;grid-auto-rows:minmax(180px,auto)}.bento--span-12,.bento--span-4,.bento--span-6,.bento--span-8{grid-column:span 1}@media (min-width:768px) and (max-width:1023px){.grid--bento{grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.5vw,24px)}.bento--span-4,.bento--span-6{grid-column:span 1}.bento--span-12,.bento--span-8{grid-column:span 2}}@media (min-width:1024px){.grid--bento{grid-template-columns:repeat(12,1fr);gap:20px;grid-auto-rows:minmax(200px,auto)}.bento--span-4{grid-column:span 4}.bento--span-6{grid-column:span 6}.bento--span-8{grid-column:span 8}.bento--span-12{grid-column:span 12}}@media (max-width:375px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.badge{font-size:11px;padding:3px 8px}.section-heading{font-size:var(--text-xl)}h1{font-size:clamp(1.5rem,6vw,2rem)}h2{font-size:clamp(1.25rem,5vw,1.75rem)}}@media (max-width:319px){:root{--nav-height:60px}.container{padding-left:12px;padding-right:12px}.nav-glass a[href="/"]{flex-direction:column;gap:4px}.nav-glass a[href="/"] span{font-size:14px}.nav-glass a[href="/"] div{width:32px;height:32px;font-size:14px}.badge{font-size:10px;padding:2px 6px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.liquid-glass-card{padding:var(--space-3);border-radius:12px}.liquid-glass-button{padding:10px 16px;font-size:14px}.search-input{padding:8px 32px 8px 36px;font-size:14px}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1}.block{display:block}.hidden{display:none}@media (min-width:768px){.md\:hidden{display:none!important}.md\:flex{display:flex!important}.md\:block{display:block!important}.md\:inline{display:inline!important}.md\:inline-block{display:inline-block!important}.md\:grid{display:grid!important}}@media (max-width:767px){.hidden.md\:block,.hidden.md\:flex,.hidden.md\:grid{display:none!important}}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}.md\:hidden,a.md\:hidden,button.md\:hidden,div.md\:hidden{display:flex!important}.nav-glass .container>div{justify-content:flex-end!important;position:relative}.nav-glass .md\:hidden{display:flex!important;visibility:visible!important;opacity:1!important}.nav-glass .mobile-logo{display:flex!important;position:absolute;left:50%;transform:translateX(-50%)}.nav-glass .mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;margin-left:auto;z-index:100}}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.pt-8{padding-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.inset-0{inset:0}.w-5{width:1.25rem}.w-6{width:1.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:var(--container-md)}.max-w-4xl{max-width:var(--container-lg)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.border{border:1px solid rgba(0,0,0,.06)}.border-b{border-bottom:1px solid rgba(0,0,0,.06)}.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.text-fluid-xs{font-size:var(--text-fluid-xs)}.text-fluid-sm{font-size:var(--text-fluid-sm)}.text-fluid-base{font-size:var(--text-fluid-base)}.text-fluid-lg{font-size:var(--text-fluid-lg)}.text-fluid-xl{font-size:var(--text-fluid-xl)}.text-fluid-2xl{font-size:var(--text-fluid-2xl)}.text-fluid-3xl{font-size:var(--text-fluid-3xl)}.text-fluid-4xl{font-size:var(--text-fluid-4xl)}.text-fluid-hero{font-size:var(--text-fluid-hero)}.text-hero{font-size:var(--text-hero)}.text-section{font-size:var(--text-section)}.whitespace-nowrap{white-space:nowrap}.tracking-wide{letter-spacing:.04em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opacity-60{opacity:.6}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .4s cubic-bezier(.4,0,.2,1)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-lg{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.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}.gap-fluid-xs{gap:var(--space-fluid-xs)}.gap-fluid-sm{gap:var(--space-fluid-sm)}.gap-fluid-md{gap:var(--space-fluid-md)}.gap-fluid-lg{gap:var(--space-fluid-lg)}.gap-fluid-xl{gap:var(--space-fluid-xl)}.gap-fluid-2xl{gap:var(--space-fluid-2xl)}.p-fluid-xs{padding:var(--space-fluid-xs)}.p-fluid-sm{padding:var(--space-fluid-sm)}.p-fluid-md{padding:var(--space-fluid-md)}.p-fluid-lg{padding:var(--space-fluid-lg)}.p-fluid-xl{padding:var(--space-fluid-xl)}.p-fluid-2xl{padding:var(--space-fluid-2xl)}.px-fluid-sm{padding-left:var(--space-fluid-sm);padding-right:var(--space-fluid-sm)}.px-fluid-md{padding-left:var(--space-fluid-md);padding-right:var(--space-fluid-md)}.px-fluid-lg{padding-left:var(--space-fluid-lg);padding-right:var(--space-fluid-lg)}.px-fluid-xl{padding-left:var(--space-fluid-xl);padding-right:var(--space-fluid-xl)}.py-fluid-sm{padding-top:var(--space-fluid-sm);padding-bottom:var(--space-fluid-sm)}.py-fluid-md{padding-top:var(--space-fluid-md);padding-bottom:var(--space-fluid-md)}.py-fluid-lg{padding-top:var(--space-fluid-lg);padding-bottom:var(--space-fluid-lg)}.py-fluid-xl{padding-top:var(--space-fluid-xl);padding-bottom:var(--space-fluid-xl)}.my-fluid-sm{margin-top:var(--space-fluid-sm);margin-bottom:var(--space-fluid-sm)}.my-fluid-md{margin-top:var(--space-fluid-md);margin-bottom:var(--space-fluid-md)}.my-fluid-lg{margin-top:var(--space-fluid-lg);margin-bottom:var(--space-fluid-lg)}.my-fluid-xl{margin-top:var(--space-fluid-xl);margin-bottom:var(--space-fluid-xl)}.my-fluid-2xl{margin-top:var(--space-fluid-2xl);margin-bottom:var(--space-fluid-2xl)}.my-fluid-3xl{margin-top:var(--space-fluid-3xl);margin-bottom:var(--space-fluid-3xl)}.section-padding{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-gap{margin-bottom:var(--section-gap)}.content-gap{gap:var(--content-gap)}@media (min-width:640px){.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}}@media (min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:block{display:block}.md\:grid--cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid--cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:832px){.container{max-width:var(--container-md)}.tablet\:hidden{display:none}.tablet\:flex{display:flex}.tablet\:block{display:block}.tablet\:grid--cols-2{grid-template-columns:repeat(2,1fr)}.tablet\:grid--cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.container{max-width:var(--container-md)}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:block{display:block}.lg\:grid--cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid--cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.xl\:grid--cols-3{grid-template-columns:repeat(3,1fr)}.xl\:grid--cols-4{grid-template-columns:repeat(4,1fr)}.container--wide{max-width:min(1440px,calc(100% - 96px))}}@media (min-width:1600px){.container--wide{max-width:min(1600px,calc(100% - 112px))}}.prose{color:var(--text-secondary);max-width:65ch}.prose.reading-preferences-applied{font-size:var(--reading-font-size,16px)!important;line-height:var(--reading-line-height,1.6)!important}.prose.reading-preferences-applied blockquote,.prose.reading-preferences-applied li,.prose.reading-preferences-applied p{font-size:inherit!important;line-height:inherit!important}.prose p{margin-bottom:var(--space-6);max-width:65ch}.prose h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h2,.prose h3{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;max-width:65ch}.prose h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose ol,.prose ul{margin-bottom:var(--space-4);padding-left:var(--space-6);max-width:60ch}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:#007aff;text-decoration:underline;text-decoration-color:rgba(0,122,255,.2);text-underline-offset:3px;transition:all .2s ease}.prose a:hover{text-decoration-color:#007aff;color:#0051d5}.prose blockquote{border-left:4px solid var(--accent);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--text-tertiary);font-style:italic;max-width:60ch}.prose code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.prose code,.prose pre{background:rgba(0,0,0,.04)}.prose pre{padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-6) 0;max-width:100%}.prose pre code{background:none;padding:0}body.dark-mode .prose{color:#d1d1d6}body.dark-mode .prose h2,body.dark-mode .prose h3,body.dark-mode .prose strong{color:var(--text-primary-dark)}body.dark-mode .prose blockquote{border-left-color:#5ac8fa;color:#d1d1d6}body.dark-mode .prose code{background:rgba(255,255,255,.15);color:var(--text-primary-dark)}body.dark-mode .prose pre{background:rgba(255,255,255,.1)}body.dark-mode .prose a{color:#5ac8fa;text-decoration-color:rgba(90,200,250,.3)}body.dark-mode .prose a:hover{color:#7dd3fc;text-decoration-color:#5ac8fa}body.dark-mode kbd{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.15)!important;color:var(--text-primary-dark)!important}body.sepia-mode kbd{background:rgba(91,70,54,.1)!important;border-color:rgba(91,70,54,.2)!important;color:var(--text-primary)!important}.section-heading{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:var(--text-2xl);font-weight:600;color:#1d1d1f;letter-spacing:-.02em}.section-subheading{font-size:var(--text-sm);color:#6e6e73;margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.01em;background:rgba(0,0,0,.04);color:#424245;border:1px solid rgba(0,0,0,.06)}.badge--verified{background:rgba(52,199,89,.1);color:#30d158;border:1px solid rgba(52,199,89,.2)}.badge--expired{background:rgba(255,69,58,.1);color:#ff453a;border:1px solid rgba(255,69,58,.2)}.badge--new{background:rgba(0,122,255,.1);color:#007aff;border:1px solid rgba(0,122,255,.2)}.badge--tag{background:rgba(0,0,0,.04);color:#424245;border:1px solid rgba(0,0,0,.06)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in-up{animation:fade-in-up .6s cubic-bezier(.4,0,.2,1) both}.animate-fade-in{animation:fade-in .4s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-left{animation:slide-in-left .6s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-right{animation:slide-in-right .6s cubic-bezier(.4,0,.2,1) both}.animate-scale-in{animation:scale-in .4s cubic-bezier(.4,0,.2,1) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.1) 50%,rgba(0,0,0,.06));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}body.dark-mode .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.2) 50%,rgba(255,255,255,.12));background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode .section-heading,body.dark-mode .section-subheading,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:var(--text-primary-dark)!important}body.dark-mode .prose,body.dark-mode p{color:var(--text-secondary-dark)!important}body.dark-mode h1[style*="#1d1d1f"],body.dark-mode h2[style*="#1d1d1f"]{color:var(--text-primary-dark)!important}body.dark-mode p[style*="#424245"]{color:var(--text-secondary-dark)!important}body.dark-mode p[style*="#86868b"]{color:var(--text-tertiary-dark)!important}body.dark-mode button[style*="rgba(255, 255, 255, 0.6)"]{background:rgba(58,58,60,.9)!important;border-color:rgba(255,255,255,.3)!important;color:var(--text-primary-dark)!important}body.dark-mode button[style*="rgba(255, 255, 255, 0.6)"]:hover{background:rgba(44,44,46,.95)!important;border-color:rgba(255,255,255,.3)!important}body.dark-mode button[style*="rgba(0, 122, 255, 0.08)"]{background:rgba(10,132,255,.15)!important;border-color:#0a84ff!important;color:#0a84ff!important}body.dark-mode button[style*="rgba(0, 0, 0, 0.06)"]{background:rgba(255,255,255,.1)!important}body.dark-mode .minimal-card{background:rgba(28,28,30,.9);border-color:rgba(255,255,255,.1)}body.dark-mode button[style*="rgba(255, 255, 255, 0.6)"]{background:rgba(44,44,46,.8)!important;border-color:rgba(255,255,255,.15)!important;color:var(--text-secondary-dark)!important}body.dark-mode button[style*="rgba(255, 255, 255, 0.6)"]:hover{background:rgba(44,44,46,.9)!important;border-color:rgba(255,255,255,.25)!important}@keyframes border-glow{0%,to{border-color:rgba(0,122,255,.25)}50%{border-color:rgba(0,122,255,.35)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after,body:before{display:none}}@media print{*{box-shadow:none!important;text-shadow:none!important}*,body{background:white!important;color:black!important}body{font-size:12pt;line-height:1.5;max-width:100%}#search,#theme-toggle,.ad-slot,.back-to-top,.bookmark-button,.breadcrumb,.code-vault,.mobile-toc,.nav-glass,.pagination,.reading-preferences,.reading-progress,.related-articles,.share-buttons,footer{display:none!important}.article-toc-wrapper{display:block!important;position:static!important;page-break-after:always;margin-bottom:2rem;border:1px solid #ccc;padding:1rem}.prose{max-width:100%!important;color:black!important}.prose h1,.prose h2,.prose h3{color:black!important;page-break-after:avoid}.prose h1{font-size:24pt;margin-top:0}.prose h2{font-size:18pt;margin-top:2rem}.prose h3{font-size:14pt;margin-top:1.5rem}.prose p{margin-bottom:1rem;page-break-inside:avoid}.prose a{color:black!important;text-decoration:underline}.prose a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}.prose blockquote{border-left:3px solid #000;margin:1rem 0;padding-left:1rem}.prose code{padding:2px 4px}.prose code,.prose pre{background:#eee!important}.prose pre{padding:1rem;page-break-inside:avoid;border:1px solid #ccc}@page{margin:2cm}@page :first{margin-top:0}a{text-decoration:underline}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}li,ol,ul{page-break-inside:avoid}.badge{background:none!important;border:1px solid #000!important;color:black!important}}.theme-toggle-label{display:none}@media (min-width:768px){.theme-toggle-label{display:inline}}@media (max-width:480px){.nav-glass [role=dialog]{padding:var(--space-2)}.liquid-glass-card{padding:var(--space-4)}.liquid-glass-card--lg{padding:var(--space-5)}}@media (hover:none){.liquid-glass-card--interactive:hover{transform:none}.liquid-glass-card--interactive:active{transform:scale(.98)}}.code-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:14px;flex-wrap:wrap}.code-row__content{flex:1 1;min-width:0}.code-row__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.code-vault-copy-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}@media (max-width:640px){.code-row{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.code-row__content{width:100%;min-width:0}.code-row__content code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.code-row__content p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.code-row__actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.code-row__actions button{flex:1 1;min-width:80px;min-height:44px;justify-content:center;padding:10px 12px}.code-row__actions button:last-child{flex:2 1;min-width:100px}.code-vault-copy-btn{padding:7px 10px!important;min-width:56px!important;font-size:12px!important}.code-vault-status-badge{font-size:11px!important;padding:3px 8px!important}}@media (hover:none){.liquid-glass-card--interactive:hover{transform:none!important;background:inherit}.liquid-glass-card--interactive:active{transform:scale(.98)!important;background:rgba(0,122,255,.08)}body.dark-mode .liquid-glass-card--interactive:active{background:rgba(10,132,255,.15)}body.sepia-mode .liquid-glass-card--interactive:active{background:rgba(139,69,19,.1)}.touch-active{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-active:active{transform:scale(.95);opacity:.9}[role=button],a,button,input,select,textarea{min-height:44px;min-width:44px}a:not(.btn-touch):not(.liquid-glass-btn):not([role=menuitem]){min-height:auto;min-width:auto;padding:4px 0}input[type=email],input[type=password],input[type=search],input[type=text],textarea{min-height:44px;padding:12px 16px}select{min-height:44px;padding:12px 36px 12px 16px}}.mobile-menu,.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-menu{display:flex!important;flex-direction:column;position:fixed!important;top:var(--nav-height-mobile,64px);left:0;right:0;bottom:0;height:calc(100vh - var(--nav-height-mobile, 64px));max-height:calc(100vh - var(--nav-height-mobile, 64px));overflow-y:auto;overflow-x:hidden;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;will-change:transform,opacity;z-index:9999!important;padding:var(--space-4);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#ffffff}.mobile-menu--open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-overlay{display:block!important;position:fixed;top:var(--nav-height-mobile,64px);left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:9998!important;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;transform:translateZ(0);will-change:opacity,visibility}.mobile-menu-overlay--open{opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-section{width:100%;margin-bottom:var(--space-3)}.mobile-menu-nav{display:flex!important;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);z-index:1}.mobile-menu-link,.mobile-menu-nav{visibility:visible!important;opacity:1!important;width:100%;position:relative}.mobile-menu-link{display:block!important;padding:var(--space-3) var(--space-4);min-height:48px;font-size:17px;font-weight:500;text-decoration:none;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;color:var(--text-primary,#1d1d1f)!important;background:transparent;z-index:2}.mobile-menu-link:hover{background:rgba(0,0,0,.04)!important}.mobile-menu-link:active{background:rgba(0,0,0,.08)!important}.mobile-menu-nav .mobile-menu-link,.mobile-menu-nav a{display:block!important;visibility:visible!important;opacity:1!important}.mobile-menu-search-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;margin-bottom:16px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:16px;cursor:pointer;transition:all .2s ease}.mobile-menu-search-btn:hover{background:rgba(0,0,0,.08)}.mobile-menu-search-btn svg{flex-shrink:0}}.mobile-menu.dark-mode,body.dark-mode .mobile-menu{background:rgba(28,28,30,.98)!important}.mobile-menu.dark-mode .mobile-menu-link,body.dark-mode .mobile-menu-link{color:#f5f5f7!important}.mobile-menu.dark-mode .mobile-menu-link:hover,body.dark-mode .mobile-menu-link:hover{background:rgba(255,255,255,.1)!important}.mobile-menu.dark-mode .mobile-menu-link:active,body.dark-mode .mobile-menu-link:active{background:rgba(255,255,255,.15)!important}.mobile-menu.dark-mode .mobile-menu-search-btn,body.dark-mode .mobile-menu-search-btn{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.15)!important;color:#f5f5f7!important}.mobile-menu.dark-mode .mobile-menu-search-btn:hover,body.dark-mode .mobile-menu-search-btn:hover{background:rgba(255,255,255,.15)!important}.mobile-menu.sepia-mode,body.sepia-mode .mobile-menu{background:rgba(244,236,216,.98)!important}.mobile-menu.sepia-mode .mobile-menu-link,body.sepia-mode .mobile-menu-link{color:#5b4636!important}.mobile-menu.sepia-mode .mobile-menu-link:hover,body.sepia-mode .mobile-menu-link:hover{background:rgba(91,70,54,.1)!important}.mobile-menu.sepia-mode .mobile-menu-link:active,body.sepia-mode .mobile-menu-link:active{background:rgba(91,70,54,.15)!important}.mobile-menu.sepia-mode .mobile-menu-search-btn,body.sepia-mode .mobile-menu-search-btn{background:rgba(91,70,54,.1)!important;border-color:rgba(91,70,54,.15)!important;color:#5b4636!important}.mobile-menu-theme{margin-top:auto;padding-top:var(--space-3);border-top:1px solid rgba(128,128,128,.2)}@media (max-width:768px) and (prefers-reduced-motion:reduce){.mobile-menu{transition:none}}.nav-glass .search-input{max-width:180px!important}@media (max-width:1100px){.nav-glass .search-input{max-width:140px!important}}@media (max-width:900px){.nav-glass .search-input{max-width:120px!important}.nav-glass .theme-toggle-label{display:none}}@media (max-width:767px){.nav-glass .search-container,.nav-glass .search-input{display:none!important}.nav-glass .container>div{display:flex!important;align-items:center!important;justify-content:flex-end!important;position:relative!important}.mobile-logo,a.mobile-logo{display:flex!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;align-items:center!important;text-decoration:none!important}.mobile-menu-toggle,button.mobile-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin-left:auto!important;z-index:1000!important;background:rgba(0,0,0,.04)!important;border:none!important;border-radius:10px!important;cursor:pointer!important}.nav-glass .hidden.md\:flex{display:none!important}}@media screen and (max-width:767px){.nav-glass .md\:hidden{display:flex!important;visibility:visible!important}.nav-glass a.md\:hidden,.nav-glass button.md\:hidden{display:flex!important}}@media (max-width:768px){.nav-glass{backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important;will-change:transform;transform:translateZ(0)}}@media (max-width:640px){.nav-glass{backdrop-filter:blur(8px) saturate(130%)!important;-webkit-backdrop-filter:blur(8px) saturate(130%)!important}}.back-to-top-btn,.nav-glass,.reading-preferences-btn{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.liquid-glass-btn,.liquid-glass-card,.nav-glass{transition:none!important;animation:none!important}}@media (max-width:768px){.search-container{width:100%}.search-input{width:100%!important;max-width:100%!important;padding:12px 40px 12px 44px!important;font-size:16px!important}.search-dropdown{position:fixed!important;top:calc(var(--nav-height, 64px) + 8px)!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - var(--nav-height, 64px) - 80px)!important;min-height:200px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:16px!important;-webkit-overflow-scrolling:touch!important}}@media (max-width:768px) and (max-height:500px){.search-dropdown{max-height:calc(100vh - var(--nav-height, 64px) - 40px)!important;top:calc(var(--nav-height, 64px) + 4px)!important}}@media (max-width:768px){.mobile-menu .search-container .search-dropdown,.mobile-menu .search-dropdown{position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 300px)!important;z-index:10000!important;background:rgba(255,255,255,1)!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}.mobile-menu .search-container{position:relative!important}.mobile-menu.dark-mode .search-dropdown,body.dark-mode .mobile-menu .search-dropdown{background:rgba(28,28,30,1)!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important}.mobile-menu.sepia-mode .search-dropdown,body.sepia-mode .mobile-menu .search-dropdown{background:rgba(244,236,216,1)!important;box-shadow:0 4px 20px rgba(91,70,54,.15)!important}body,html{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important;position:relative!important}body{overflow-x:clip!important}#__next{width:100%!important}#__next,.mobile-menu{overflow-x:hidden!important}.mobile-menu{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important}.mobile-menu .search-container,.mobile-menu>*{max-width:100%!important;box-sizing:border-box!important}.mobile-menu .search-container{width:100%!important}.mobile-menu .search-container *{max-width:100%!important}}@media (max-width:768px){.search-container:focus-within .search-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:50vh;min-height:200px;border-radius:16px 16px 0 0;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.search-input:focus{position:relative;z-index:calc(var(--z-dropdown) + 1)}}@media (max-width:375px){.search-container:focus-within .search-dropdown{max-height:45vh}}.btn-touch{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-touch:active{transform:scale(.95)}.gap-mobile{gap:var(--grid-gap-mobile)}.gap-tablet{gap:var(--grid-gap-tablet)}.gap-desktop{gap:var(--grid-gap-desktop)}@media (max-width:767px){.gap-responsive{gap:var(--grid-gap-mobile)!important}}@media (min-width:768px) and (max-width:1023px){.gap-responsive{gap:var(--grid-gap-tablet)!important}}@media (min-width:1024px){.gap-responsive{gap:var(--grid-gap-desktop)!important}}@supports (padding:max(0px)){.container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.mobile-menu{padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}@media (max-width:1023px){button[aria-label="Table of Contents"]{bottom:max(24px,env(safe-area-inset-bottom))!important;left:max(24px,env(safe-area-inset-left))!important;right:auto!important}}.nav-glass{padding-top:env(safe-area-inset-top)}@media (max-width:768px){.mobile-menu{max-height:calc(100vh - var(--nav-height-mobile, 64px) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-menu,.mobile-menu-overlay{top:calc(var(--nav-height-mobile, 64px) + env(safe-area-inset-top))}}footer{padding-bottom:env(safe-area-inset-bottom)}.back-to-top-btn{bottom:max(16px,env(safe-area-inset-bottom))!important}}@supports (padding:max(0px)){@media (orientation:landscape){.container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media (max-height:500px){button[aria-label="Table of Contents"]{display:none!important}}}}.grid{align-items:stretch}.grid>*{height:100%}.card-grid-compact{align-items:stretch!important}.card-grid-compact .liquid-glass-card,.card-grid-compact>*{height:100%!important}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-3{-webkit-line-clamp:3}@supports not (-webkit-line-clamp:2){.line-clamp-2{max-height:2.8em}.line-clamp-2,.line-clamp-3{display:block;overflow:hidden}.line-clamp-3{max-height:4.2em}}body.dark-mode article h1[style*="#1d1d1f"],body.dark-mode h1[style*="color: #1d1d1f"]{color:var(--text-primary-dark)!important}body.dark-mode p[style*="#424245"],body.dark-mode p[style*="color: #424245"]{color:var(--text-secondary-dark)!important}body.dark-mode p[style*="#86868b"],body.dark-mode p[style*="color: #86868b"],body.dark-mode span[style*="#86868b"],body.dark-mode span[style*="color: #86868b"],body.dark-mode span[style*="font-size: 14px"]{color:var(--text-tertiary-dark)!important}body.dark-mode .badge--tag{background:rgba(255,255,255,.1)!important;color:var(--text-secondary-dark)!important;border:1px solid rgba(255,255,255,.15)!important}body.dark-mode .flex span[style*="color: #86868b"]{color:var(--text-tertiary-dark)!important}body.dark-mode .minimal-card h3[style*="#1d1d1f"],body.dark-mode .minimal-card h3[style*="color: #1d1d1f"]{color:var(--text-primary-dark)!important}body.dark-mode .minimal-card p[style*="#424245"],body.dark-mode .minimal-card p[style*="color: #424245"]{color:var(--text-secondary-dark)!important}body.dark-mode .minimal-card p[style*="#86868b"],body.dark-mode .minimal-card p[style*="color: #86868b"]{color:var(--text-tertiary-dark)!important}body.dark-mode .prose+div[style*="background: rgba(0, 122, 255, 0.04)"],body.dark-mode div[style*="background: rgba(0, 122, 255, 0.04)"]{background:rgba(10,132,255,.1)!important}body.dark-mode span[style*="background: linear-gradient"]{-webkit-background-clip:text;background-clip:text}body.dark-mode .search-dropdown{background:rgba(44,44,46,.98)!important;border-color:rgba(255,255,255,.15)!important}body.dark-mode .search-dropdown h4{color:var(--text-tertiary-dark)!important}body.dark-mode .search-dropdown a,body.dark-mode .search-dropdown p{color:var(--text-secondary-dark)!important}body.dark-mode .search-dropdown a:hover{background:rgba(255,255,255,.1)!important}body.dark-mode .theme-selector-panel{background:rgba(44,44,46,.98)!important;border-color:rgba(255,255,255,.15)!important}body.dark-mode [style*="background: rgba(0, 0, 0, 0.9)"]{background:rgba(44,44,46,.95)!important}body.dark-mode .reading-preferences-panel{background:rgba(44,44,46,.98)!important;border-color:rgba(255,255,255,.15)!important}body.dark-mode .reading-preferences-panel h3,body.dark-mode .reading-preferences-panel h4{color:var(--text-primary-dark)!important}body.dark-mode .reading-preferences-panel label,body.dark-mode .reading-preferences-panel span{color:var(--text-secondary-dark)!important}body.dark-mode button[style*="rgba(0, 0, 0, 0.04)"]{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.15)!important;color:var(--text-secondary-dark)!important}body.dark-mode button[style*="rgba(0, 0, 0, 0.04)"]:hover{background:rgba(255,255,255,.15)!important}