:root{--border-radius-0: 0px;--border-radius-10: 10px;--border-radius-12: 12px;--border-radius-2: 2px;--border-radius-24: 24px;--border-radius-4: 4px;--border-radius-6: 6px;--border-radius-7: 7px;--border-radius-8: 8px;--border-radius-full: 10000px;--box-shadow-default: 0px 36px 98px 0px rgba(0, 0, 0, .07), 0px 13px 36px 0px rgba(0, 0, 0, .05), 0px 6px 18px 0px rgba(0, 0, 0, .04), 0px 3px 8px 0px rgba(0, 0, 0, .03), 0px 2px 4px 0px rgba(0, 0, 0, .02);--color-avatar-blue: #0087e6;--color-avatar-blue-secondary: #99d5ff4d;--color-bg-fill: #ffffff;--color-bg-fill-active: #e0e4eb;--color-bg-fill-brand: #080b11;--color-bg-fill-brand-active: #444a56;--color-bg-fill-brand-hover: #2c303a;--color-bg-fill-brand-transparent: #00000026;--color-bg-fill-critical: #eb4747;--color-bg-fill-critical-active: #cf1717;--color-bg-fill-critical-hover: #cf1717;--color-bg-fill-disabled: #f0f2f5;--color-bg-fill-highlight: #3c49dd;--color-bg-fill-hover: #f0f2f5;--color-bg-fill-info: #33aaff;--color-bg-fill-info-secondary: #e0f2ff;--color-bg-fill-secondary: #f0f2f5;--color-bg-fill-secondary-active: #99d5ff4d;--color-bg-fill-secondary-hover: #99d5ff4d;--color-bg-fill-selector: #99d5ff4d;--color-bg-fill-selector-active: #33aaff;--color-bg-fill-selector-hover: #99d5ff;--color-bg-fill-success: #53c659;--color-bg-fill-tertiary: #e0e4eb;--color-bg-fill-theme-agnostic-black: #080b11;--color-bg-fill-theme-agnostic-gray: #e0e4eb;--color-bg-fill-theme-agnostic-white: #ffffff;--color-bg-fill-transparent: #ffffff1a;--color-bg-fill-transparent-hover: #ffffff26;--color-bg-surface: #ffffff;--color-bg-surface-contrast: #ffffff;--color-bg-surface-critical: #fdb4b4;--color-bg-surface-highlight: #3c49dd;--color-bg-surface-highlight-secondary: ;--color-bg-surface-highlight-tertiary: ;--color-bg-surface-playful: #5af2d8;--color-bg-surface-secondary: #f0f2f5;--color-bg-surface-theme-agnostic-violet: #dcc5ff;--color-bg-surface-theme-agnostic-white: #ffffff;--color-bg-surface-transparent: #00000080;--color-border: #e0e4eb;--color-border-brand: #080b11;--color-border-critical: #eb4747;--color-border-focused: #33aaff;--color-border-highlight: #3c49dd;--color-border-selector: #33aaff;--color-border-selector-hover: #99d5ff;--color-border-selector-inner: #ffffff;--color-border-theme-agnostic-gray: #a8afbd;--color-border-theme-agnostic-violet: #ab84ff;--color-border-theme-agnostic-white: #ffffff;--color-border-transparent: #0000000d;--color-border-transparent-brand: #ffffff26;--color-icon: #080b11;--color-icon-active: #0087e6;--color-icon-brand-on-bg: #ffffff;--color-icon-critical: #eb4747;--color-icon-disabled: #a8afbd;--color-icon-secondary: #676f7e;--color-icon-tertiary: #a8afbd;--color-icon-theme-agnostic-white: #ffffff;--color-text: #080b11;--color-text-ai: #dfff00;--color-text-brand-on-bg: #ffffff;--color-text-critical: #eb4747;--color-text-disabled: #a8afbd;--color-text-highlight: #3c49dd;--color-text-info: #0087e6;--color-text-link: #0087e6;--color-text-secondary: #676f7e;--color-text-secondary-brand-on-bg: #a8afbd;--color-text-secondary-disabled: #b8becc;--color-text-tertiary: #a8afbd;--color-text-theme-agnostic-black: #080b11;--color-text-theme-agnostic-white: #ffffff;--colors-black-a-10: #0000001a;--colors-black-a-15: #00000026;--colors-black-a-5: #0000000d;--colors-black-a-50: #00000080;--colors-blue-35: #0069b2;--colors-blue-45: #0087e6;--colors-blue-60: #33aaff;--colors-blue-80: #99d5ff;--colors-blue-90: #e0f2ff;--colors-blue-a--30: #99d5ff4d;--colors-gray-05: #080b11;--colors-gray-10: #16181d;--colors-gray-100: #ffffff;--colors-gray-12: #1b1e24;--colors-gray-15: #21252c;--colors-gray-20: #2c303a;--colors-gray-25: #373c48;--colors-gray-30: #444a56;--colors-gray-45: #676f7e;--colors-gray-55: #818898;--colors-gray-70: #a8afbd;--colors-gray-75: #b8becc;--colors-gray-90: #e0e4eb;--colors-gray-95: #f0f2f5;--colors-green-55: #53c659;--colors-indigo-35: #3c49dd;--colors-indigo-43: #4e55fa;--colors-indigo-80: #8f94f8;--colors-indigo-95: #e3e4fb;--colors-mint-25: #134038;--colors-mint-40: #006655;--colors-mint-85: #5af2d8;--colors-mint-95: #b8f9ee;--colors-red-30: #7c3131;--colors-red-45: #cf1717;--colors-red-60: #eb4747;--colors-red-85: #fdb4b4;--colors-red-95: #ff57570d;--colors-violet-50: #9271d9;--colors-violet-60: #ab84ff;--colors-violet-80: #dcc5ff;--colors-white-a-10: #ffffff1a;--colors-white-a-15: #ffffff26;--colors-white-a-5: #ffffff0d;--colors-white-a-50: #ffffff80;--colors-white-a-90: #ffffffe5;--drop-shadow-l: drop-shadow(0px 36px 98px rgba(0, 0, 0, .17)) drop-shadow(0px 13px 36px rgba(0, 0, 0, .2)) drop-shadow(0px 7px 18px rgba(0, 0, 0, .14)) drop-shadow(0px 3px 9px rgba(0, 0, 0, .12)) drop-shadow(0px 1px 4px rgba(0, 0, 0, .1217));--drop-shadow-m: drop-shadow(0px 36px 98px 0px rgba(0, 0, 0, .07)) drop-shadow(0px 13px 36px 0px rgba(0, 0, 0, .05)) drop-shadow(0px 6px 18px 0px rgba(0, 0, 0, .04)) drop-shadow(0px 3px 8px 0px rgba(0, 0, 0, .03)) drop-shadow(0px 2px 4px 0px rgba(0, 0, 0, .02));--legacy-colors-background-alt: #ffffff;--legacy-colors-blue-light: #99d5ff4d;--legacy-colors-blue-main: #0087e6;--legacy-colors-blue-medium: #33aaff;--legacy-colors-brand-light: #b8f9ee;--legacy-colors-brand-main: #5af2d8;--legacy-colors-green-main: #53c659;--legacy-colors-highlight: #3c49dd;--legacy-colors-ink-light: #e0e4eb;--legacy-colors-ink-main: #080b11;--legacy-colors-ink-medium: #676f7e;--legacy-colors-ink-medium-light: #a8afbd;--legacy-colors-ink-super-light: #f0f2f5;--legacy-colors-red-light: #fdb4b4;--legacy-colors-red-main: #cf1717;--legacy-colors-red-medium: #eb4747;--legacy-colors-red-super-light: #ff57570d;--legacy-colors-transparent-main-10: #0000001a;--legacy-colors-transparent-main-15: #00000026;--legacy-colors-transparent-main-5: #0000000d;--legacy-colors-violet: #ab84ff;--motion-duration-100: .1s;--motion-duration-200: .2s;--motion-duration-300: .3s;--others-aigreen: #dfff00;--others-gradientfull: #191b1e;--others-gradientfullalt: #101b2c;--others-gradienthalf: #ffffff00;--presence-primary-01: #8845f5;--presence-primary-01-text: #ffffff;--presence-primary-02: #ee3900;--presence-primary-02-text: #ffffff;--presence-primary-03: #ffcf24;--presence-primary-03-text: #080b11;--presence-primary-04: #40a700;--presence-primary-04-text: #ffffff;--presence-primary-05: #e632b4;--presence-primary-05-text: #ffffff;--presence-primary-06: #3f5dfb;--presence-primary-06-text: #ffffff;--presence-secondary-01: #ceb1fc;--presence-secondary-01-text: #080b11;--presence-secondary-02: #66dfe7;--presence-secondary-02-text: #080b11;--presence-secondary-03: #bce83d;--presence-secondary-03-text: #080b11;--presence-secondary-04: #ff9dbb;--presence-secondary-04-text: #080b11;--presence-secondary-05: #ffa800;--presence-secondary-05-text: #080b11;--presence-secondary-06: #b7cffe;--presence-secondary-06-text: #080b11;--presence-tertiary-01: #80483b;--presence-tertiary-01-text: #ffffff;--presence-tertiary-02: #15728f;--presence-tertiary-02-text: #ffffff;--presence-tertiary-03: #8b8604;--presence-tertiary-03-text: #ffffff;--presence-tertiary-04: #e9c570;--presence-tertiary-04-text: #080b11;--presence-tertiary-05: #c3ccd5;--presence-tertiary-05-text: #080b11;--presence-tertiary-06: #666666;--presence-tertiary-06-text: #080b11;--scrollbar-width-default: 12px;--shadow-l: 0px 36px 98px rgba(0, 0, 0, .17), 0px 13px 36px rgba(0, 0, 0, .2), 0px 7px 18px rgba(0, 0, 0, .14), 0px 3px 9px rgba(0, 0, 0, .12), 0px 1px 4px rgba(0, 0, 0, .1217);--shadow-m: 0px 36px 98px 0px rgba(0, 0, 0, .07), 0px 13px 36px 0px rgba(0, 0, 0, .05), 0px 6px 18px 0px rgba(0, 0, 0, .04), 0px 3px 8px 0px rgba(0, 0, 0, .03), 0px 2px 4px 0px rgba(0, 0, 0, .02);--shadow-small-focus: 0px 2px 2px -1px rgba(0, 0, 0, .08);--shadow-small-heavy: 1px 1px 3px 0 rgba(0, 0, 0, .25);--shadow-soft: 0 12px 32px 0 rgba(0, 0, 0, .05), 0 6px 15px 0 rgba(0, 0, 0, .04), 0 3px 7px 0 rgba(0, 0, 0, .03), 0 1px 3px 0 rgba(0, 0, 0, .02);--spacing-0: 0px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-2: 2px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-36: 36px;--spacing-4: 4px;--spacing-40: 40px;--spacing-48: 48px;--spacing-6: 6px;--spacing-64: 64px;--spacing-8: 8px}:root[data-theme=dark]{--box-shadow-default: 0px 36px 98px rgba(0, 0, 0, .17), 0px 13px 36px rgba(0, 0, 0, .2), 0px 7px 18px rgba(0, 0, 0, .14), 0px 3px 9px rgba(0, 0, 0, .12), 0px 1px 4px rgba(0, 0, 0, .1217);--color-avatar-blue: #33aaff;--color-bg-fill: #16181d;--color-bg-fill-active: #2c303a;--color-bg-fill-brand: #f0f2f5;--color-bg-fill-brand-active: #a8afbd;--color-bg-fill-brand-hover: #e0e4eb;--color-bg-fill-brand-transparent: #ffffff26;--color-bg-fill-critical-active: #fdb4b4;--color-bg-fill-critical-hover: #fdb4b4;--color-bg-fill-disabled: #373c48;--color-bg-fill-highlight: #4e55fa;--color-bg-fill-hover: #21252c;--color-bg-fill-info: #0087e6;--color-bg-fill-info-secondary: #0069b2;--color-bg-fill-secondary: #21252c;--color-bg-fill-selector-active: #0087e6;--color-bg-fill-selector-hover: #0069b2;--color-bg-fill-tertiary: #444a56;--color-bg-fill-transparent: #0000000d;--color-bg-fill-transparent-hover: #0000001a;--color-bg-surface: #16181d;--color-bg-surface-contrast: #373c48;--color-bg-surface-critical: #7c3131;--color-bg-surface-highlight: #4e55fa;--color-bg-surface-highlight-secondary: #8f94f8;--color-bg-surface-highlight-tertiary: #e3e4fb;--color-bg-surface-secondary: #080b11;--color-bg-surface-transparent: #ffffff80;--color-border: #2c303a;--color-border-brand: #f0f2f5;--color-border-focused: #0087e6;--color-border-highlight: #4e55fa;--color-border-selector-inner: #21252c;--color-border-theme-agnostic-violet: #9271d9;--color-border-transparent: #ffffff1a;--color-border-transparent-brand: #00000026;--color-icon: #f0f2f5;--color-icon-active: #33aaff;--color-icon-brand-on-bg: #080b11;--color-icon-disabled: #818898;--color-icon-secondary: #a8afbd;--color-icon-tertiary: #676f7e;--color-text: #f0f2f5;--color-text-brand-on-bg: #080b11;--color-text-disabled: #818898;--color-text-highlight: #4e55fa;--color-text-info: #e0f2ff;--color-text-link: #33aaff;--color-text-secondary: #a8afbd;--color-text-secondary-brand-on-bg: #080b11;--color-text-secondary-disabled: #676f7e;--color-text-tertiary: #818898;--legacy-colors-background-alt: #21252c;--legacy-colors-blue-main: #33aaff;--legacy-colors-blue-medium: #0087e6;--legacy-colors-highlight: #4e55fa;--legacy-colors-ink-light: #373c48;--legacy-colors-ink-main: #f0f2f5;--legacy-colors-ink-medium: #a8afbd;--legacy-colors-ink-medium-light: #818898;--legacy-colors-ink-super-light: #373c48;--legacy-colors-red-light: #cf1717;--legacy-colors-red-main: #fdb4b4;--legacy-colors-transparent-main-10: #ffffff1a;--legacy-colors-transparent-main-15: #ffffff26;--legacy-colors-transparent-main-5: #ffffff0d;--legacy-colors-violet: #9271d9;--shadow-soft: 0px 36px 98px rgba(0, 0, 0, .17), 0px 13px 36px rgba(0, 0, 0, .2), 0px 7px 18px rgba(0, 0, 0, .14), 0px 3px 9px rgba(0, 0, 0, .12), 0px 1px 4px rgba(0, 0, 0, .1217)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:var(--spacing-12) var(--spacing-16);min-height:44px;background:var(--color-bg-fill-brand);color:var(--color-text-brand-on-bg);border-radius:var(--border-radius-6);font-weight:var(--font-weight-medium);text-decoration:none;transform:translateY(-200%);transition:transform var(--motion-duration-200) ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--color-text-link);outline-offset:2px}a,button,[role=button],[data-mobile-menu-toggle],[data-search-trigger],[data-theme-toggle]{-webkit-tap-highlight-color:transparent}.home--centered{text-align:center}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/_fonts/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Druk;font-style:normal;font-weight:700;src:url(/_fonts/Druk-Bold-Web.woff2) format("woff2"),url(/_fonts/Druk-Bold-Web.woff) format("woff")}@font-face{font-display:swap;font-family:Druk Wide;font-style:italic;font-weight:1000;src:url(/_fonts/DrukWide-SuperItalic-Web.woff2) format("woff2")}@font-face{font-family:Druk Fallback;font-style:normal;font-weight:700;src:local("Arial");ascent-override:149.47%;descent-override:31.33%;line-gap-override:0%;size-adjust:60%}:root{--font-family-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-family-default: var(--font-family-inter);--font-family-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--font-family-druk: "Druk", "Druk Fallback", var(--font-family-inter);--font-family-druk-wide: "Druk Wide", "Druk Fallback", var(--font-family-inter);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 36px;--text-hero: 48px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625}:root[data-theme=dark] .site-header__logo{filter:brightness(0) invert(1)}*{box-sizing:border-box}html{scroll-padding-top:80px;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.article :is(h1,h2,h3)[id]{scroll-margin-top:88px}body{margin:0;background:var(--color-bg-surface);color:var(--color-text);font-family:var(--font-family-default);font-size:var(--text-lg);font-weight:var(--font-weight-regular);line-height:24px;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--border-radius-4)}.site-header{position:sticky;top:0;z-index:40;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);height:64px;display:flex;align-items:center;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-header__inner{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--spacing-32);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-16)}@media(max-width:768px){.site-header__inner{padding:0 var(--spacing-16)}}.site-header__left{display:flex;align-items:center;gap:var(--spacing-12);justify-self:start}.site-header__actions{justify-self:end}.site-header__nav{justify-self:center}.site-header__brand{display:inline-flex;align-items:center;gap:var(--spacing-12);color:var(--color-text)}.site-header__brand-logo{display:inline-flex;align-items:center}.site-header__logo{height:30px;width:auto;object-fit:contain}.site-header__brand-sub{display:inline-block;padding-left:var(--spacing-12);border-left:1px solid var(--color-border);font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:-.01em;color:var(--color-text);white-space:nowrap}body[data-route=home] .site-header__search-trigger{display:none}.site-header__menu-toggle{display:none;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-6);width:44px;height:44px;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer}.site-header__menu-toggle:hover{background:var(--color-bg-fill-hover)}@media(max-width:768px){.site-header__inner{grid-template-columns:auto 1fr!important}.site-header__nav{display:none}.site-header__search-trigger>span{display:none}.site-header__search-trigger kbd{display:none}.site-header__menu-toggle{display:inline-flex}.site-header__brand-sub,.site-header__actions .theme-toggle{display:none}}.site-header__actions{display:flex;align-items:center;gap:var(--spacing-8);justify-self:end}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-6);color:var(--color-text);cursor:pointer;transition:background-color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease}.theme-toggle:hover{background:var(--color-bg-fill-hover);border-color:var(--colors-gray-70)}@media(hover:none)and (pointer:coarse){.theme-toggle{width:44px;height:44px}}.theme-toggle__sun{display:block}.theme-toggle__moon{display:none}:root[data-theme=dark] .theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__moon{display:block}.site-header__nav{display:flex;align-items:center;gap:var(--spacing-32)}@media(max-width:900px){.site-header__nav{display:none}.site-header__inner{grid-template-columns:auto 1fr auto}}.site-header__nav a{font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:-.01em;color:var(--color-text);opacity:1;transition:opacity var(--motion-duration-200) ease;white-space:nowrap}.site-header__nav a:hover{opacity:.6}.site-header__nav a[aria-current=page]{color:var(--color-text-link)}.site-header__nav a[target=_blank]:after{content:"";display:inline-block;width:.85em;height:.85em;margin-left:.35em;vertical-align:-.08em;background:currentColor;opacity:.7;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="8 7 17 7 17 16"/></svg>') no-repeat center / contain;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="8 7 17 7 17 16"/></svg>') no-repeat center / contain}.site-header__search-trigger{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);background:var(--color-bg-fill-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-10);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease}.site-header__search-trigger:hover{background:var(--color-bg-fill-hover);border-color:var(--colors-gray-70)}.site-header__search-trigger kbd{font-family:var(--font-family-default);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-fill);border:1px solid var(--color-border);border-radius:var(--border-radius-6);padding:2px 6px}@media(max-width:768px){.site-header__search-trigger{width:40px;height:40px;padding:0;gap:0;justify-content:center}}.layout--with-sidebar{display:grid;grid-template-columns:256px minmax(0,1fr);gap:var(--spacing-48);max-width:1360px;margin:0 auto;padding:var(--spacing-24) var(--spacing-32);align-items:start}@media(max-width:1024px){.layout--with-sidebar{grid-template-columns:240px minmax(0,1fr);gap:var(--spacing-32)}}@media(max-width:768px){.layout--with-sidebar{grid-template-columns:1fr;padding:var(--spacing-16)}.layout--with-sidebar>.sidebar{display:none}}.home{padding:var(--spacing-24) 0;max-width:760px;margin:0 auto;width:100%}.category-grid{gap:var(--spacing-12);grid-template-columns:repeat(2,minmax(0,336px));justify-content:center}.category-card{min-height:130px;padding:var(--spacing-24);border-radius:var(--border-radius-10)}.hero{text-align:center;margin-bottom:var(--spacing-24);padding:var(--spacing-32) 0 var(--spacing-16)}.hero h1{font-family:var(--font-family-default);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight);margin:0;color:var(--color-text)}@media(min-width:768px){.hero h1{font-size:var(--text-5xl);letter-spacing:-.025em}}.hero__search{margin-top:var(--spacing-20);display:flex;align-items:center;gap:var(--spacing-8);max-width:580px;margin-left:auto;margin-right:auto;background:var(--color-bg-fill-secondary);border:1px solid transparent;border-radius:var(--border-radius-10);padding:12px 16px;transition:background-color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease}.hero__search:focus-within{background:var(--color-bg-surface);border-color:var(--color-text-link);box-shadow:inset 0 0 0 1px var(--color-text-link)}.hero__search-icon{color:var(--color-text-secondary);flex-shrink:0}.hero__search input{flex:1;border:none;background:transparent;font-family:var(--font-family-default);font-size:var(--text-lg);color:var(--color-text);outline:none}.hero__search input::placeholder{color:var(--color-text-secondary)}.hero__search kbd{font-family:var(--font-family-default);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-fill);border:1px solid var(--color-border);border-radius:var(--border-radius-6);padding:2px 6px}.hero__popular{margin-top:var(--spacing-12);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-8) var(--spacing-12);font-size:var(--text-sm);color:var(--color-text-secondary)}.hero__popular>span:first-child{color:var(--color-text-tertiary)}.hero__popular a{color:var(--color-text-secondary);text-decoration:none;border-bottom:none;transition:color var(--motion-duration-200) ease}.hero__popular a:hover{color:var(--color-text)}.category-grid{display:grid;gap:var(--spacing-12);grid-template-columns:1fr}@media(min-width:768px){.category-grid{grid-template-columns:1fr 1fr}}.category-card{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-20);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-12);color:var(--color-text);text-decoration:none;transition:background-color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease,box-shadow var(--motion-duration-200) ease,transform var(--motion-duration-200) ease}.category-card__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-6)}.category-card:hover{border-color:var(--colors-gray-70);box-shadow:0 8px 24px #0000000d,0 2px 6px #0000000a;transform:translateY(-2px)}:root[data-theme=dark] .category-card{background:var(--colors-gray-15)}:root[data-theme=dark] .category-card:hover{background:var(--colors-gray-12);border-color:var(--colors-gray-30);box-shadow:0 8px 24px #0006,0 2px 6px #0000004d}.category-card__icon{flex-shrink:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:36px;line-height:1}.category-card__icon img{width:48px;height:48px;object-fit:contain;display:block}.category-card__body{display:contents}.category-card__body{flex:1;min-width:0}.category-card__title{font-size:var(--text-3xl);font-weight:var(--font-weight-semi-bold);letter-spacing:-.03em;line-height:var(--leading-snug);color:var(--color-text);margin:0}@media(min-width:768px){.category-card__title{font-size:var(--text-3xl);line-height:30px}}.category-card__desc{font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:-.005em;color:var(--color-text-secondary);margin:var(--spacing-4) 0 0}.category-card__meta{font-size:var(--text-sm);line-height:20px;color:var(--color-text-tertiary);margin-top:auto}.article-page{display:grid;grid-template-columns:256px minmax(0,720px) 240px;gap:var(--spacing-48);max-width:1360px;margin:0 auto;padding:var(--spacing-24) var(--spacing-32) var(--spacing-32);align-items:start}@media(max-width:1200px){.article-page{grid-template-columns:240px minmax(0,1fr);gap:var(--spacing-32)}.article-page>.toc{display:none}}@media(max-width:768px){.article-page{grid-template-columns:1fr;gap:var(--spacing-24);padding:var(--spacing-16)}.article-page>.sidebar{display:none}}.sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:var(--spacing-12);border-right:1px solid var(--color-border)}.sidebar__cat{margin-bottom:var(--spacing-12)}.sidebar__cat-title{display:block;font-size:var(--text-sm);line-height:18px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);padding:var(--spacing-20) var(--spacing-12) var(--spacing-8);text-decoration:none;border-bottom:none}.sidebar__cat-title:hover{color:var(--color-text)}.sidebar__groups{display:flex;flex-direction:column;gap:1px;margin:0 0 var(--spacing-12)}.sidebar__group{margin:0}.sidebar__group-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--spacing-8) var(--spacing-12);border-radius:var(--border-radius-6)}.sidebar__group-summary::-webkit-details-marker{display:none}.sidebar__group-summary:hover{background:var(--color-bg-fill-hover)}.sidebar__group-title{font-size:var(--text-base);line-height:20px;font-weight:var(--font-weight-medium);letter-spacing:-.005em;color:var(--color-text);text-transform:none}.sidebar__group[open]>.sidebar__group-summary>.sidebar__group-title{font-weight:var(--font-weight-semi-bold)}.sidebar__group-chevron{color:var(--color-text-secondary);width:14px;height:14px;transition:transform var(--motion-duration-200) ease,color var(--motion-duration-200) ease;flex-shrink:0;margin-top:-2px}.sidebar__group-summary:hover .sidebar__group-chevron{color:var(--color-text)}.sidebar__group[open]>.sidebar__group-summary>.sidebar__group-chevron{transform:rotate(90deg)}.sidebar__link--cat{padding-left:var(--spacing-12);color:var(--color-text-tertiary);font-size:var(--text-xs)}.sidebar__list{list-style:none;padding:0;margin:0}.sidebar__link{display:block;font-size:var(--text-sm);line-height:20px;font-weight:var(--font-weight-medium);letter-spacing:-.005em;color:var(--color-text);padding:var(--spacing-6) var(--spacing-10);margin:0 var(--spacing-8) 1px calc(var(--spacing-8) + var(--spacing-16));border-radius:var(--border-radius-6);text-decoration:none;border-bottom:none;transition:background-color var(--motion-duration-200) ease,color var(--motion-duration-200) ease}.sidebar__link:hover{background:var(--color-bg-fill-hover)}.sidebar__link[aria-current=page]{background:var(--color-bg-fill-secondary);color:var(--color-text);font-weight:var(--font-weight-semi-bold)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-8);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-20)}.article .breadcrumb a,.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;border-bottom:0;transition:color var(--motion-duration-200) ease}.article .breadcrumb a:hover,.breadcrumb a:hover{color:var(--color-text)}.breadcrumb .sep{color:var(--color-text-tertiary)}.breadcrumb [aria-current=page]{color:var(--color-text)}.article{min-width:0;overflow-wrap:break-word}.article>h1{font-family:var(--font-family-default);font-size:var(--text-4xl);font-weight:var(--font-weight-semi-bold);letter-spacing:-.03em;line-height:34px;color:var(--color-text);margin:0 0 var(--spacing-24)}@media(min-width:768px){.article>h1{font-size:var(--text-5xl);line-height:44px;letter-spacing:-.035em;margin-bottom:var(--spacing-32)}}.article .description{font-size:var(--text-xl);line-height:26px;font-weight:var(--font-weight-regular);letter-spacing:-.005em;color:var(--color-text-secondary);margin:0 0 var(--spacing-32)}.article h2{font-family:var(--font-family-default);font-size:var(--text-2xl);font-weight:var(--font-weight-semi-bold);letter-spacing:-.025em;line-height:28px;color:var(--color-text);margin-top:var(--spacing-48);margin-bottom:var(--spacing-16);position:relative}@media(min-width:768px){.article h2{font-size:var(--text-3xl);line-height:32px}}.article h3{font-family:var(--font-family-default);font-size:var(--text-xl);font-weight:var(--font-weight-semi-bold);letter-spacing:-.02em;line-height:24px;color:var(--color-text);margin-top:var(--spacing-32);margin-bottom:var(--spacing-8);position:relative}@media(min-width:768px){.article h3{font-size:var(--text-2xl);line-height:26px}}.article h1 .anchor,.article h2 .anchor,.article h3 .anchor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.article h1 strong,.article h2 strong,.article h3 strong{font-weight:inherit}.article p{font-family:var(--font-family-default);font-size:var(--text-lg);font-weight:var(--font-weight-regular);letter-spacing:-.003em;line-height:26px;color:var(--color-text);margin:0 0 var(--spacing-20)}.article a{color:var(--color-text-link);border-bottom:1px solid currentColor;text-decoration:none;transition:opacity var(--motion-duration-200) ease}.article a:hover{opacity:.75}.article ul,.article ol{margin:var(--spacing-16) 0 var(--spacing-20) var(--spacing-24);padding:0}.article li{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:26px;letter-spacing:-.003em;color:var(--color-text);margin-bottom:var(--spacing-8);padding-left:var(--spacing-4)}.article li::marker{color:var(--color-text-secondary)}.article li>p{margin:0}.article li>p+p{margin-top:var(--spacing-8)}.article code:not(pre code){font-family:var(--font-family-mono);font-size:.92em;background:var(--color-bg-fill-secondary);color:var(--color-text);border:1px solid var(--color-border);padding:1px 6px;border-radius:var(--border-radius-4)}.article pre{font-family:var(--font-family-mono);background:var(--colors-gray-05);color:var(--colors-gray-95);padding:var(--spacing-16);border-radius:var(--border-radius-10);overflow-x:auto;margin:var(--spacing-16) 0;font-size:var(--text-sm);line-height:22px}.article pre code{background:transparent;border:none;padding:0;color:inherit;font-size:inherit}.article blockquote{border-left:3px solid var(--color-border-brand);padding:var(--spacing-12) var(--spacing-20);margin:var(--spacing-24) 0;color:var(--color-text-secondary);background:var(--color-bg-fill-secondary);border-radius:var(--border-radius-8);font-style:normal}.article blockquote p{margin:0;color:inherit}.article hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-32) 0}.article .image{margin:var(--spacing-32) 0}.article .image img,.article .image picture img,.article .image video{max-width:100%;height:auto;border-radius:var(--border-radius-8);border:1px solid var(--color-border);box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d;display:block}:root[data-theme=dark] .article .image img,:root[data-theme=dark] .article .image picture img,:root[data-theme=dark] .article .image video{box-shadow:0 1px 2px #0000004d,0 4px 12px #0006}.article figcaption{font-size:var(--text-sm);line-height:20px;color:var(--color-text-tertiary);font-style:italic;text-align:center;margin-top:var(--spacing-12);letter-spacing:-.003em}.article .callout{display:flex;align-items:flex-start;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);padding-left:var(--spacing-20);border-radius:var(--border-radius-8);border-left:3px solid var(--color-text-brand);background:var(--color-bg-fill-secondary);margin:var(--spacing-24) 0;color:var(--color-text);font-size:var(--text-lg);line-height:26px}.callout__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:26px;color:var(--color-text-link)}.article .callout[data-color=blue_bg] .callout__icon{color:var(--colors-blue-45)}.article .callout[data-color=yellow_bg] .callout__icon,.article .callout[data-color=green_bg] .callout__icon{color:var(--colors-mint-40)}.article .callout[data-color=orange_bg] .callout__icon{color:var(--colors-violet-60)}:root[data-theme=dark] .article .callout[data-color=blue_bg] .callout__icon{color:var(--colors-blue-60)}:root[data-theme=dark] .article .callout[data-color=yellow_bg] .callout__icon,:root[data-theme=dark] .article .callout[data-color=green_bg] .callout__icon{color:var(--colors-mint-85)}:root[data-theme=dark] .article .callout[data-color=orange_bg] .callout__icon{color:var(--colors-violet-60)}.callout__body{flex:1;min-width:0}.article .callout[data-color=blue_bg]{background:var(--colors-blue-90);border-left-color:var(--colors-blue-45)}.article .callout[data-color=yellow_bg],.article .callout[data-color=green_bg]{background:var(--colors-mint-95);border-left-color:var(--colors-mint-40)}.article .callout[data-color=orange_bg]{background:var(--colors-violet-80);border-left-color:var(--colors-violet-60)}:root[data-theme=dark] .article .callout[data-color=blue_bg]{background:var(--colors-blue-35);border-left-color:var(--colors-blue-60)}:root[data-theme=dark] .article .callout[data-color=yellow_bg],:root[data-theme=dark] .article .callout[data-color=green_bg]{background:var(--colors-mint-25);border-left-color:var(--colors-mint-85)}:root[data-theme=dark] .article .callout[data-color=orange_bg]{background:var(--colors-violet-50);border-left-color:var(--colors-violet-60)}@supports (background: color-mix(in srgb,red,blue)){.article .callout[data-color=blue_bg]{background:color-mix(in srgb,var(--colors-blue-90) 50%,var(--color-bg-fill))}.article .callout[data-color=yellow_bg],.article .callout[data-color=green_bg]{background:color-mix(in srgb,var(--colors-mint-95) 60%,var(--color-bg-fill))}.article .callout[data-color=orange_bg]{background:color-mix(in srgb,var(--colors-violet-80) 30%,var(--color-bg-fill))}:root[data-theme=dark] .article .callout[data-color=blue_bg]{background:color-mix(in srgb,var(--colors-blue-35) 18%,var(--color-bg-fill))}:root[data-theme=dark] .article .callout[data-color=yellow_bg],:root[data-theme=dark] .article .callout[data-color=green_bg]{background:color-mix(in srgb,var(--colors-mint-40) 20%,var(--color-bg-fill))}:root[data-theme=dark] .article .callout[data-color=orange_bg]{background:color-mix(in srgb,var(--colors-violet-50) 22%,var(--color-bg-fill))}}.callout__body>*:first-child{margin-top:0}.callout__body>*:last-child{margin-bottom:0}.callout__body p{font-size:inherit;line-height:inherit;margin-bottom:var(--spacing-8)}.callout__body p:last-child{margin-bottom:0}.callout__body strong{font-weight:inherit}.article .bookmark{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--color-border);border-radius:var(--border-radius-10);margin:var(--spacing-16) 0;color:var(--color-text);border-bottom:1px solid var(--color-border);text-decoration:none;transition:border-color var(--motion-duration-200) ease,background-color var(--motion-duration-200) ease}.article .bookmark:hover{border-color:var(--color-text-link);background:var(--color-bg-fill-hover)}.bookmark__title{font-weight:var(--font-weight-semi-bold)}.bookmark__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.bookmark__url{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:4px;word-break:break-all}.bookmark__favicon{width:32px;height:32px;border-radius:var(--border-radius-4);flex-shrink:0}.article .toggle{border:1px solid var(--color-border);border-radius:var(--border-radius-10);padding:var(--spacing-12) var(--spacing-16);margin:var(--spacing-16) 0;background:var(--color-bg-fill)}.article .toggle>summary{cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--text-lg);line-height:26px;letter-spacing:-.003em;list-style:none;position:relative;padding-left:var(--spacing-24)}.article .toggle>summary strong{font-weight:inherit}.article .toggle>summary::-webkit-details-marker{display:none}.article .toggle>summary:before{content:"›";position:absolute;left:var(--spacing-4);top:2px;color:var(--color-text-secondary);font-size:var(--text-xl);line-height:18px;transition:transform var(--motion-duration-200) ease;transform-origin:center}.article .toggle[open]>summary:before{transform:rotate(90deg)}.article .toggle[open]>summary{margin-bottom:var(--spacing-8)}.article .video-embed{position:relative;aspect-ratio:16/9;border-radius:var(--border-radius-10);overflow:hidden;margin:var(--spacing-20) 0;background:var(--color-bg-fill-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.article .video-embed iframe,.article .video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.article .video-embed--gif{aspect-ratio:auto;background:transparent;border:none;box-shadow:none;border-radius:var(--border-radius-6);max-height:60vh;display:flex;justify-content:center}.article .video-embed--gif video{position:static;width:auto;max-width:100%;height:auto;max-height:60vh;background:transparent;pointer-events:none}.article .table-wrap{overflow-x:auto;margin:var(--spacing-16) 0}.article .table-wrap table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--border-radius-10);overflow:hidden;font-size:var(--text-base)}.article .table-wrap td,.article .table-wrap th{border:1px solid var(--color-border);padding:var(--spacing-10) var(--spacing-12);text-align:left;vertical-align:top}.article .table-wrap th{background:var(--color-bg-fill-secondary);font-weight:var(--font-weight-semi-bold)}.article .columns{display:grid;gap:var(--spacing-24);margin:var(--spacing-16) 0}@media(min-width:768px){.article .columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.article .file{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--color-border);border-radius:var(--border-radius-8);margin:var(--spacing-8) 0;background:var(--color-bg-fill);border-bottom:1px solid var(--color-border)}.article .file:hover{border-color:var(--color-text-link)}.notion-unsupported{display:none}.toc{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;padding-left:var(--spacing-16);border-left:1px solid var(--color-border)}.toc__title{font-size:var(--text-sm);font-weight:var(--font-weight-semi-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--spacing-12)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc a{display:block;font-size:var(--text-sm);line-height:20px;font-weight:var(--font-weight-medium);letter-spacing:-.005em;color:var(--color-text-secondary);padding:var(--spacing-6) var(--spacing-8);border-radius:var(--border-radius-4);transition:background-color var(--motion-duration-200) ease,color var(--motion-duration-200) ease}.toc a:hover{background:var(--color-bg-fill-hover);color:var(--color-text)}.toc a.active{background:var(--color-bg-fill-secondary);color:var(--color-text-link)}.toc__item--h3 a{padding-left:var(--spacing-20);font-size:var(--text-xs);color:var(--color-text-tertiary)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);margin-top:var(--spacing-32);padding-top:var(--spacing-24);border-top:1px solid var(--color-border)}.article .article-nav__link{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-12) var(--spacing-16);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-10);color:var(--color-text);text-decoration:none;transition:background-color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease,box-shadow var(--motion-duration-200) ease}.article .article-nav__link:hover{background:var(--color-bg-fill-hover);box-shadow:var(--shadow-soft);opacity:1}:root[data-theme=dark] .article .article-nav__link{background:var(--colors-gray-15)}:root[data-theme=dark] .article .article-nav__link:hover{background:var(--colors-gray-12)}.article-nav__link--prev{grid-column:1}.article-nav__link--next{grid-column:2;text-align:right;align-items:flex-end}.article-nav__dir{font-size:var(--text-sm);color:var(--color-text-secondary)}.article-nav__title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.search-page{max-width:760px;padding:var(--spacing-24) 0;margin:0 auto;width:100%}.search-page__title{font-size:var(--text-4xl);font-weight:var(--font-weight-semi-bold);letter-spacing:-.025em;margin:0 0 var(--spacing-16)}.search-page__form{display:flex;align-items:center;gap:var(--spacing-12);background:var(--color-bg-fill-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-10);padding:var(--spacing-12) var(--spacing-16);margin-bottom:var(--spacing-24)}.search-page__form input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:var(--text-lg);color:var(--color-text)}.search-page__form span{color:var(--color-text-secondary);display:inline-flex}.search-page__hint{color:var(--color-text-tertiary);padding:var(--spacing-24);text-align:center}.search-page__results{display:flex;flex-direction:column;gap:var(--spacing-8)}.search-page__results .search-result{padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--color-border);border-radius:var(--border-radius-8)}.category-landing{max-width:760px;margin:0 auto;padding:var(--spacing-24) 0;width:100%}.category-landing>.breadcrumb{display:none}.category-landing h1{font-size:var(--text-3xl);line-height:30px;font-weight:var(--font-weight-semi-bold);letter-spacing:-.03em;margin:0 0 var(--spacing-24)}@media(min-width:768px){.category-landing h1{font-size:var(--text-5xl);line-height:38px;letter-spacing:-.035em}}.category-landing .description{display:none}.category-section{margin-bottom:var(--spacing-48)}.category-section__title{font-size:var(--text-xl);line-height:24px;font-weight:var(--font-weight-semi-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-12);color:var(--color-text)}.article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-12)}.article-list li{border-bottom:none;margin:0}.article-list a{display:block;padding:var(--spacing-12) var(--spacing-16);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-10);color:var(--color-text);transition:border-color var(--motion-duration-200) ease,background-color var(--motion-duration-200) ease,box-shadow var(--motion-duration-200) ease}.article-list a:hover{background:var(--color-bg-fill-hover);border-color:var(--color-border);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .article-list a{background:var(--colors-gray-15)}:root[data-theme=dark] .article-list a:hover{background:var(--colors-gray-12)}.article-list__title{font-size:var(--text-md);line-height:20px;font-weight:var(--font-weight-semi-bold);letter-spacing:-.01em;color:var(--color-text)}.article-list__desc{font-size:var(--text-base);line-height:20px;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:var(--spacing-4)}.site-footer{margin-top:var(--spacing-48);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.site-footer__inner{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-20);padding:var(--spacing-16) var(--spacing-32);flex-wrap:wrap}.site-footer__links{display:flex;align-items:center;gap:var(--spacing-20);flex-wrap:wrap;justify-content:flex-end}.site-footer__links a{font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;border-bottom:none;transition:color var(--motion-duration-200) ease}.site-footer__links a:hover{color:var(--color-text)}.site-footer__copy{font-size:var(--text-2xs);color:var(--color-text-tertiary);white-space:nowrap}@media(max-width:768px){.site-footer__inner{gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16)}.site-footer__links{gap:var(--spacing-12);justify-content:flex-start}}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full);border:2px solid var(--color-bg-surface)}*::-webkit-scrollbar-thumb:hover{background:var(--colors-gray-70)}.search-modal{position:fixed;inset:10vh 0 auto;margin-inline:auto;margin-block:0;width:min(640px,92vw);max-height:80vh;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-12);box-shadow:var(--shadow-m);padding:0;color:var(--color-text)}.search-modal::backdrop{background:#00000073;backdrop-filter:blur(2px)}.search-modal__form{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-border)}.search-modal__icon{color:var(--color-text-secondary);display:inline-flex}.search-modal input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:var(--text-lg);color:var(--color-text)}.search-modal input::placeholder{color:var(--color-text-tertiary)}.search-modal input::-webkit-search-cancel-button,.search-modal input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-modal__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:background-color var(--motion-duration-200) ease,color var(--motion-duration-200) ease,border-color var(--motion-duration-200) ease}.search-modal__close:hover{background:var(--color-bg-fill-hover);border-color:var(--color-border);color:var(--color-text)}.search-modal__close:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px}.search-modal__results{max-height:480px;overflow-y:auto;padding:var(--spacing-8)}.search-modal__hint{padding:var(--spacing-20);color:var(--color-text-tertiary);text-align:center;font-size:var(--text-base)}.search-result{display:block;padding:var(--spacing-10) var(--spacing-12);border-radius:var(--border-radius-6);color:var(--color-text);text-decoration:none}.search-result:hover{background:var(--color-bg-fill-hover)}.search-result__title{font-weight:var(--font-weight-semi-bold);font-size:var(--text-base)}.search-result__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.search-result__excerpt mark,.search-result__sub-excerpt mark{background:var(--colors-blue-90);color:var(--color-text);padding:0 2px;border-radius:2px}:root[data-theme=dark] .search-result__excerpt mark,:root[data-theme=dark] .search-result__sub-excerpt mark{background:#33aaff40}.search-result__sub{display:flex;align-items:baseline;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-12) var(--spacing-4) var(--spacing-24);margin-left:var(--spacing-8);border-left:1px solid var(--color-border);border-radius:0 var(--border-radius-6) var(--border-radius-6) 0;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);line-height:1.4}.search-result__sub:hover{background:var(--color-bg-fill-hover);color:var(--color-text)}.search-result__sub-arrow{color:var(--color-text-tertiary);flex-shrink:0}.search-result__sub-title{font-weight:var(--font-weight-medium);color:var(--color-text)}.search-result__sub-excerpt{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-left:var(--spacing-6)}.search-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-16);padding:var(--spacing-8) var(--spacing-16);border-top:1px solid var(--color-border);background:var(--color-bg-fill-secondary);font-size:var(--text-2xs);color:var(--color-text-tertiary)}.search-modal__footer kbd{display:inline-block;padding:1px 6px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-4);font-family:inherit;font-size:var(--text-2xs);color:var(--color-text-secondary);margin-right:4px}.mobile-drawer{position:fixed;inset:0;z-index:60;display:flex}.mobile-drawer[hidden]{display:none}.mobile-drawer__backdrop{position:absolute;inset:0;background:#00000073;opacity:0;transition:opacity var(--motion-duration-200) ease}.mobile-drawer__panel{position:relative;width:min(320px,86vw);height:100vh;height:100dvh;background:var(--color-bg-surface);overflow-y:auto;padding:calc(var(--spacing-16) + env(safe-area-inset-top)) var(--spacing-16) calc(var(--spacing-16) + env(safe-area-inset-bottom));transform:translate(-100%);transition:transform var(--motion-duration-200) ease;border-right:1px solid var(--color-border)}.mobile-drawer__panel .sidebar{position:static;top:auto;max-height:none;overflow-y:visible;padding-right:0;border-right:none}.mobile-drawer__theme{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);margin-top:var(--spacing-24);padding:var(--spacing-12);border-top:1px solid var(--color-border)}.mobile-drawer__theme-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.mobile-drawer.is-open .mobile-drawer__backdrop{opacity:1}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}