*.json (DTCG). * * Default theme: mint-dark (Creo Design System default) * Switch theme via `[data-theme="{id}"]` attribute on any ancestor. * fleetstage 後方互換: `.dark` / `[data-theme="dark"]` = mint-dark、 * `[data-theme="light"]` = mint-light。 * * NOTE: :root block は category (depth / editor-mode / frame / layout 等) * 別に分割して emit する (Chrome CSS parser の prop-count 閾値回避)。 */ :root{--color-surface-scrim: oklch(0 0 0 / .4);--color-surface-scrim-modal: oklch(0 0 0 / .5)}:root{--density-default-padding-scale: 1;--density-default-gap-scale: 1;--density-default-min-height-scale: 1;--density-comfortable-padding-scale: 1.25;--density-comfortable-gap-scale: 1.25;--density-comfortable-min-height-scale: 1.1;--density-compact-padding-scale: .85;--density-compact-gap-scale: .85;--density-compact-min-height-scale: .95;--density-cozy-padding-scale: .7;--density-cozy-gap-scale: .7;--density-cozy-min-height-scale: .85}:root{--depth-flat: 0;--depth-raised: .25rem;--depth-elevated: .5rem;--depth-floating: 1rem;--depth-modal: 2rem}:root{--editor-mode-axis-global: var(--color-brand-secondary);--editor-mode-axis-utility: var(--color-text-tertiary);--editor-mode-axis-past: var(--color-semantic-info);--editor-mode-axis-future: var(--color-brand-primary);--editor-mode-overlay-backdrop-opacity: 0;--editor-mode-panel-field-label: var(--color-text-secondary);--editor-mode-panel-field-value: var(--color-text-primary);--editor-mode-panel-separator: var(--color-surface-border-subtle);--editor-mode-panel-field-gap: .5rem;--editor-mode-panel-group-gap: 1rem;--editor-mode-region-bg-color: var(--color-surface-bg-base);--editor-mode-region-bg-opacity: .92;--editor-mode-region-border: var(--color-surface-border);--editor-mode-region-padding: .75rem;--editor-mode-region-top-height: 2.75rem;--editor-mode-region-bottom-height: 2.75rem;--editor-mode-region-left-width: 15rem;--editor-mode-region-right-width: 17.5rem;--editor-mode-selection-outline-hover: var(--color-brand-primary-subtle);--editor-mode-selection-outline-active: var(--color-brand-primary);--editor-mode-selection-outline-width: .125rem;--editor-mode-selection-outline-offset: .125rem}:root{--focus-ring-width: .125rem;--focus-ring-offset: .125rem;--focus-ring-halo-width: .25rem;--focus-ring-style: solid}:root{--frame-perspective-default: 1400px;--frame-perspective-shallow: 50rem;--frame-perspective-deep: 2400px}:root{--layout-container-xs: 30rem;--layout-container-s: 40rem;--layout-container-m: 48rem;--layout-container-l: 1024px;--layout-container-xl: 1280px;--layout-gap-tight: var(--spacing-xs);--layout-gap-sibling: var(--spacing-m);--layout-gap-section: var(--margin-l);--layout-gap-page: var(--margin-xl);--layout-grid-col-min-xs: 7.5rem;--layout-grid-col-min-s: 10rem;--layout-grid-col-min-m: 13.75rem;--layout-grid-col-min-l: 17.5rem;--layout-grid-col-min-xl: 20rem;--layout-target-tap: 2.75rem;--layout-target-focus: 2rem;--layout-target-hit: 1.5rem}:root{--margin-xs: .5rem;--margin-s: 1rem;--margin-m: 1.125rem;--margin-l: 2.5rem;--margin-xl: 4rem}:root{--motion-duration-instant: 80ms;--motion-duration-fast: .16s;--motion-duration-normal: .22s;--motion-duration-slow: .32s;--motion-duration-lazy: .48s;--motion-easing-linear: linear;--motion-easing-in: cubic-bezier(.4, 0, 1, 1);--motion-easing-out: cubic-bezier(0, 0, .2, 1);--motion-easing-in-out: cubic-bezier(.4, 0, .2, 1);--motion-easing-spring: cubic-bezier(.2, .8, .2, 1);--motion-mapping-hover-duration: var(--motion-duration-fast);--motion-mapping-hover-easing: var(--motion-easing-out);--motion-mapping-press-duration: var(--motion-duration-instant);--motion-mapping-press-easing: var(--motion-easing-in);--motion-mapping-toggle-duration: var(--motion-duration-normal);--motion-mapping-toggle-easing: var(--motion-easing-in-out);--motion-mapping-focus-ring-duration: var(--motion-duration-instant);--motion-mapping-focus-ring-easing: var(--motion-easing-out);--motion-mapping-dropdown-duration: var(--motion-duration-fast);--motion-mapping-dropdown-easing: var(--motion-easing-out);--motion-mapping-modal-enter-duration: var(--motion-duration-slow);--motion-mapping-modal-enter-easing: var(--motion-easing-out);--motion-mapping-modal-exit-duration: var(--motion-duration-normal);--motion-mapping-modal-exit-easing: var(--motion-easing-in);--motion-mapping-page-transition-duration: var(--motion-duration-normal);--motion-mapping-page-transition-easing: var(--motion-easing-in-out);--motion-mapping-frame-morph-duration: var(--motion-duration-slow);--motion-mapping-frame-morph-easing: var(--motion-easing-spring);--motion-mapping-skeleton-shimmer-duration: var(--motion-duration-lazy);--motion-mapping-skeleton-shimmer-easing: var(--motion-easing-linear);--motion-mapping-progress-indeterminate-duration: var(--motion-duration-lazy);--motion-mapping-progress-indeterminate-easing: var(--motion-easing-linear)}:root{--radius-none: 0;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .9375rem;--radius-l: 1.375rem;--radius-xl: 1.75rem;--radius-full: 9999px}:root{--shadow-none: none;--shadow-s: 0 1px 2px 0 rgba(32, 36, 46, .06);--shadow-m: 0 4px 6px -1px rgba(32, 36, 46, .08), 0 2px 4px -2px rgba(32, 36, 46, .06);--shadow-l: 0 10px 15px -3px rgba(32, 36, 46, .1), 0 4px 6px -4px rgba(32, 36, 46, .08);--shadow-xl: 0 20px 25px -5px rgba(32, 36, 46, .12), 0 8px 10px -6px rgba(32, 36, 46, .08)}:root{--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: 1.125rem;--spacing-l: 1.5rem;--spacing-xl: 2rem}:root{--typography-body-lead: var(--typography-size-xl);--typography-body-default: var(--typography-size-m);--typography-body-emphasis: var(--typography-size-m);--typography-body-helper: var(--typography-size-s);--typography-body-caption: var(--typography-size-xs);--typography-display-xs: 1.5rem;--typography-display-s: 2rem;--typography-display-m: 2.75rem;--typography-display-l: 3.5rem;--typography-display-xl: 4.5rem;--typography-family-sans: "Creo Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Yu Gothic UI", "Meiryo UI", Roboto, "Noto Sans JP", sans-serif;--typography-family-mono: "JetBrainsMono Nerd Font", "FiraCode Nerd Font", "CaskaydiaCove Nerd Font", "Iosevka Nerd Font", "0xProto Nerd Font", "IBM Plex Mono", "JetBrains Mono", "SF Mono", "Cascadia Code", "Cascadia Mono", "Fira Code", "Consolas", "Yu Gothic UI", monospace;--typography-family-mono-legible: "AtkinsonHyperlegibleMono Nerd Font", "Atkinson Hyperlegible Mono", "Hack Nerd Font", "Hack", "JetBrainsMono Nerd Font", "JetBrains Mono", monospace;--typography-family-mono-retro: "DepartureMono Nerd Font", "Departure Mono", "Gohu Nerd Font", "GohuFont", "3270 Nerd Font", "3270 Medium", "Terminus Nerd Font", "Terminus", "JetBrainsMono Nerd Font", monospace;--typography-family-mono-corporate: "IBM Plex Mono Nerd Font", "IBM Plex Mono", "AdwaitaMono Nerd Font", "Adwaita Mono", "JetBrainsMono Nerd Font", "JetBrains Mono", monospace;--typography-family-mono-display: "ShareTechMono Nerd Font", "Share Tech Mono", "VictorMono Nerd Font", "Victor Mono", "JetBrainsMono Nerd Font", "JetBrains Mono", monospace;--typography-family-display: "Creo Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Yu Gothic UI", "Noto Sans JP", sans-serif;--typography-family-icon: "Symbols Nerd Font Mono", "Symbols Nerd Font", "JetBrainsMono Nerd Font", "FiraCode Nerd Font", "CaskaydiaCove Nerd Font", "Iosevka Nerd Font", "0xProto Nerd Font", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--typography-family-app: "JetBrainsMono Nerd Font Mono", "JetBrainsMono Nerd Font", "JetBrains Mono", "PlemolJP", "Noto Sans JP", monospace;--typography-family-read: "PlemolJP", "Noto Sans JP", "JetBrainsMono Nerd Font Mono", monospace;--typography-family-editor: "iAWriterDuoS Nerd Font Mono", "iAWriterDuoS Nerd Font", "iA Writer Duo S", "PlemolJP", "Noto Sans JP", monospace;--typography-family-editor-mono: "iAWriterMonoS", "iA Writer Mono S", "PlemolJP", "Noto Sans JP", monospace;--typography-family-editor-quattro: "iAWriterQuattroS", "iA Writer Quattro S", "PlemolJP", "Noto Sans JP", sans-serif;--typography-family-terminal: "JetBrainsMono Nerd Font Mono", "JetBrainsMono Nerd Font", "JetBrains Mono", "PlemolJP", "Noto Sans JP", monospace;--typography-icon-xs: 1rem;--typography-icon-s: 1.5rem;--typography-icon-m: 2.5rem;--typography-icon-l: 4rem;--typography-icon-xl: 6rem;--typography-line-height-tight: 1.25;--typography-line-height-normal: 1.5;--typography-line-height-relaxed: 1.75;--typography-size-xs: .75rem;--typography-size-s: .875rem;--typography-size-m: 1rem;--typography-size-l: 1.125rem;--typography-size-xl: 1.25rem;--typography-title-hero: var(--typography-display-xl);--typography-title-page: var(--typography-display-m);--typography-title-section: var(--typography-display-s);--typography-title-subsection: var(--typography-display-xs);--typography-title-card: var(--typography-size-xl);--typography-weight-regular: 400;--typography-weight-medium: 500;--typography-weight-semibold: 600;--typography-weight-bold: 700}:root{--color-brand-primary: oklch(.75 .12 160);--color-brand-primary-hover: oklch(.8 .13 160);--color-brand-primary-active: oklch(.7 .11 160);--color-brand-primary-subtle: oklch(.25 .05 160);--color-brand-secondary: oklch(.7 .12 300);--color-brand-secondary-hover: oklch(.75 .13 300);--color-brand-secondary-active: oklch(.65 .11 300);--color-brand-secondary-subtle: oklch(.25 .05 300);--color-semantic-success: oklch(.7 .15 145);--color-semantic-success-hover: oklch(.75 .16 145);--color-semantic-success-active: oklch(.65 .14 145);--color-semantic-success-subtle: oklch(.25 .06 145);--color-semantic-success-text: oklch(.8 .12 145);--color-semantic-warning: oklch(.75 .14 85);--color-semantic-warning-hover: oklch(.8 .15 85);--color-semantic-warning-active: oklch(.7 .13 85);--color-semantic-warning-subtle: oklch(.25 .06 85);--color-semantic-warning-text: oklch(.85 .1 85);--color-semantic-error: oklch(.7 .18 25);--color-semantic-error-hover: oklch(.75 .19 25);--color-semantic-error-active: oklch(.65 .17 25);--color-semantic-error-subtle: oklch(.25 .06 25);--color-semantic-error-text: oklch(.85 .12 25);--color-semantic-info: oklch(.7 .12 240);--color-semantic-info-hover: oklch(.75 .13 240);--color-semantic-info-active: oklch(.65 .11 240);--color-semantic-info-subtle: oklch(.25 .05 240);--color-semantic-info-text: oklch(.85 .1 240);--color-surface-bg-base: oklch(.15 .02 260);--color-surface-bg-subtle: oklch(.18 .02 260);--color-surface-bg-emphasis: oklch(.28 .02 260);--color-surface-surface: oklch(.2 .02 260);--color-surface-border: oklch(.3 .02 260);--color-surface-border-subtle: oklch(.25 .015 260);--color-text-primary: oklch(.95 .01 260);--color-text-secondary: oklch(.75 .01 260);--color-text-tertiary: oklch(.6 .01 260);--color-text-disabled: oklch(.45 .01 260);--color-text-inverse: oklch(.15 .02 260);--color-shadow-base: oklch(0 0 0 / .3);--color-shadow-strong: oklch(0 0 0 / .5);--color-gradient-hero: linear-gradient(135deg, oklch(.2 .04 160) 0%, oklch(.18 .03 175) 50%, oklch(.22 .05 165) 100%);--color-focus-ring-color: oklch(.85 .14 160);--color-focus-ring-halo: oklch(.85 .14 160 / .18)}[data-theme=contrast-dark]{--color-brand-primary: oklch(.62 .16 270);--color-brand-primary-hover: oklch(.67 .17 270);--color-brand-primary-active: oklch(.57 .15 270);--color-brand-primary-subtle: oklch(.24 .06 270);--color-brand-secondary: oklch(.72 .18 335);--color-brand-secondary-hover: oklch(.77 .19 335);--color-brand-secondary-active: oklch(.67 .17 335);--color-brand-secondary-subtle: oklch(.24 .06 335);--color-semantic-success: oklch(.7 .14 160);--color-semantic-success-hover: oklch(.75 .15 160);--color-semantic-success-active: oklch(.65 .13 160);--color-semantic-success-subtle: oklch(.24 .05 160);--color-semantic-success-text: oklch(.82 .1 160);--color-semantic-warning: oklch(.75 .13 85);--color-semantic-warning-hover: oklch(.8 .14 85);--color-semantic-warning-active: oklch(.7 .12 85);--color-semantic-warning-subtle: oklch(.24 .05 85);--color-semantic-warning-text: oklch(.85 .1 85);--color-semantic-error: oklch(.68 .17 15);--color-semantic-error-hover: oklch(.73 .18 15);--color-semantic-error-active: oklch(.63 .16 15);--color-semantic-error-subtle: oklch(.24 .06 15);--color-semantic-error-text: oklch(.83 .12 15);--color-semantic-info: oklch(.8 .1 195);--color-semantic-info-hover: oklch(.85 .11 195);--color-semantic-info-active: oklch(.75 .09 195);--color-semantic-info-subtle: oklch(.24 .04 195);--color-semantic-info-text: oklch(.88 .08 195);--color-surface-bg-base: oklch(.16 .06 280);--color-surface-bg-subtle: oklch(.19 .06 280);--color-surface-bg-emphasis: oklch(.28 .05 280);--color-surface-surface: oklch(.2 .06 280);--color-surface-border: oklch(.32 .04 280);--color-surface-border-subtle: oklch(.26 .03 280);--color-text-primary: oklch(.95 .01 280);--color-text-secondary: oklch(.75 .01 280);--color-text-tertiary: oklch(.58 .01 280);--color-text-disabled: oklch(.42 .01 280);--color-text-inverse: oklch(.95 .01 280);--color-shadow-base: oklch(0 0 0 / .4);--color-shadow-strong: oklch(0 0 0 / .6);--color-focus-ring-color: oklch(.78 .2 270);--color-focus-ring-halo: oklch(.78 .2 270 / .2);--color-gradient-hero: linear-gradient(135deg, oklch(.2 .08 280) 0%, oklch(.18 .06 300) 50%, oklch(.22 .08 335) 100%)}[data-theme=contrast-light]{--color-brand-primary: oklch(.52 .18 270);--color-brand-primary-hover: oklch(.47 .19 270);--color-brand-primary-active: oklch(.42 .2 270);--color-brand-primary-subtle: oklch(.94 .05 270);--color-brand-secondary: oklch(.62 .2 335);--color-brand-secondary-hover: oklch(.57 .21 335);--color-brand-secondary-active: oklch(.52 .22 335);--color-brand-secondary-subtle: oklch(.95 .05 335);--color-semantic-success: oklch(.6 .16 160);--color-semantic-success-hover: oklch(.55 .17 160);--color-semantic-success-active: oklch(.5 .18 160);--color-semantic-success-subtle: oklch(.95 .04 160);--color-semantic-success-text: oklch(.35 .12 160);--color-semantic-warning: oklch(.78 .15 85);--color-semantic-warning-hover: oklch(.73 .16 85);--color-semantic-warning-active: oklch(.68 .17 85);--color-semantic-warning-subtle: oklch(.96 .05 85);--color-semantic-warning-text: oklch(.4 .12 85);--color-semantic-error: oklch(.6 .2 15);--color-semantic-error-hover: oklch(.55 .21 15);--color-semantic-error-active: oklch(.5 .22 15);--color-semantic-error-subtle: oklch(.95 .04 15);--color-semantic-error-text: oklch(.4 .15 15);--color-semantic-info: oklch(.6 .12 195);--color-semantic-info-hover: oklch(.55 .13 195);--color-semantic-info-active: oklch(.5 .14 195);--color-semantic-info-subtle: oklch(.95 .04 195);--color-semantic-info-text: oklch(.35 .1 195);--color-surface-bg-base: oklch(.98 .008 280);--color-surface-bg-subtle: oklch(.96 .01 280);--color-surface-bg-emphasis: oklch(.88 .015 280);--color-surface-surface: oklch(1 0 0);--color-surface-border: oklch(.86 .015 280);--color-surface-border-subtle: oklch(.91 .01 280);--color-text-primary: oklch(.18 .02 280);--color-text-secondary: oklch(.38 .02 280);--color-text-tertiary: oklch(.52 .01 280);--color-text-disabled: oklch(.68 .01 280);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.2 .03 280 / .1);--color-shadow-strong: oklch(.2 .03 280 / .2);--color-focus-ring-color: oklch(.4 .22 270);--color-focus-ring-halo: oklch(.4 .22 270 / .2);--color-gradient-hero: linear-gradient(135deg, oklch(.94 .04 270) 0%, oklch(.96 .03 300) 50%, oklch(.92 .05 335) 100%)}[data-theme=mint-dark]{--color-brand-primary: oklch(.75 .12 160);--color-brand-primary-hover: oklch(.8 .13 160);--color-brand-primary-active: oklch(.7 .11 160);--color-brand-primary-subtle: oklch(.25 .05 160);--color-brand-secondary: oklch(.7 .12 300);--color-brand-secondary-hover: oklch(.75 .13 300);--color-brand-secondary-active: oklch(.65 .11 300);--color-brand-secondary-subtle: oklch(.25 .05 300);--color-semantic-success: oklch(.7 .15 145);--color-semantic-success-hover: oklch(.75 .16 145);--color-semantic-success-active: oklch(.65 .14 145);--color-semantic-success-subtle: oklch(.25 .06 145);--color-semantic-success-text: oklch(.8 .12 145);--color-semantic-warning: oklch(.75 .14 85);--color-semantic-warning-hover: oklch(.8 .15 85);--color-semantic-warning-active: oklch(.7 .13 85);--color-semantic-warning-subtle: oklch(.25 .06 85);--color-semantic-warning-text: oklch(.85 .1 85);--color-semantic-error: oklch(.7 .18 25);--color-semantic-error-hover: oklch(.75 .19 25);--color-semantic-error-active: oklch(.65 .17 25);--color-semantic-error-subtle: oklch(.25 .06 25);--color-semantic-error-text: oklch(.85 .12 25);--color-semantic-info: oklch(.7 .12 240);--color-semantic-info-hover: oklch(.75 .13 240);--color-semantic-info-active: oklch(.65 .11 240);--color-semantic-info-subtle: oklch(.25 .05 240);--color-semantic-info-text: oklch(.85 .1 240);--color-surface-bg-base: oklch(.15 .02 260);--color-surface-bg-subtle: oklch(.18 .02 260);--color-surface-bg-emphasis: oklch(.28 .02 260);--color-surface-surface: oklch(.2 .02 260);--color-surface-border: oklch(.3 .02 260);--color-surface-border-subtle: oklch(.25 .015 260);--color-text-primary: oklch(.95 .01 260);--color-text-secondary: oklch(.75 .01 260);--color-text-tertiary: oklch(.6 .01 260);--color-text-disabled: oklch(.45 .01 260);--color-text-inverse: oklch(.15 .02 260);--color-shadow-base: oklch(0 0 0 / .3);--color-shadow-strong: oklch(0 0 0 / .5);--color-gradient-hero: linear-gradient(135deg, oklch(.2 .04 160) 0%, oklch(.18 .03 175) 50%, oklch(.22 .05 165) 100%);--color-focus-ring-color: oklch(.85 .14 160);--color-focus-ring-halo: oklch(.85 .14 160 / .18)}[data-theme=mint-light]{--color-brand-primary: oklch(.85 .14 160);--color-brand-primary-hover: oklch(.8 .15 160);--color-brand-primary-active: oklch(.75 .16 160);--color-brand-primary-subtle: oklch(.95 .05 160);--color-brand-secondary: oklch(.65 .15 300);--color-brand-secondary-hover: oklch(.6 .16 300);--color-brand-secondary-active: oklch(.55 .17 300);--color-brand-secondary-subtle: oklch(.95 .05 300);--color-semantic-success: oklch(.75 .18 145);--color-semantic-success-hover: oklch(.7 .19 145);--color-semantic-success-active: oklch(.65 .2 145);--color-semantic-success-subtle: oklch(.95 .05 145);--color-semantic-success-text: oklch(.35 .12 145);--color-semantic-warning: oklch(.8 .16 85);--color-semantic-warning-hover: oklch(.75 .17 85);--color-semantic-warning-active: oklch(.7 .18 85);--color-semantic-warning-subtle: oklch(.95 .06 85);--color-semantic-warning-text: oklch(.4 .12 85);--color-semantic-error: oklch(.65 .2 25);--color-semantic-error-hover: oklch(.6 .21 25);--color-semantic-error-active: oklch(.55 .22 25);--color-semantic-error-subtle: oklch(.95 .05 25);--color-semantic-error-text: oklch(.4 .15 25);--color-semantic-info: oklch(.7 .15 240);--color-semantic-info-hover: oklch(.65 .16 240);--color-semantic-info-active: oklch(.6 .17 240);--color-semantic-info-subtle: oklch(.95 .04 240);--color-semantic-info-text: oklch(.4 .12 240);--color-surface-bg-base: oklch(.99 0 0);--color-surface-bg-subtle: oklch(.97 .005 260);--color-surface-bg-emphasis: oklch(.9 .01 260);--color-surface-surface: oklch(1 0 0);--color-surface-border: oklch(.88 .01 260);--color-surface-border-subtle: oklch(.92 .005 260);--color-text-primary: oklch(.2 .02 260);--color-text-secondary: oklch(.4 .02 260);--color-text-tertiary: oklch(.55 .01 260);--color-text-disabled: oklch(.7 .01 260);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.2 .02 260 / .08);--color-shadow-strong: oklch(.2 .02 260 / .15);--color-focus-ring-color: oklch(.45 .16 160);--color-focus-ring-halo: oklch(.45 .16 160 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.92 .08 160) 0%, oklch(.94 .06 175) 50%, oklch(.9 .1 165) 100%)}[data-theme=oldschool-dark]{--color-brand-primary: oklch(.68 .12 145);--color-brand-primary-hover: oklch(.73 .13 145);--color-brand-primary-active: oklch(.63 .11 145);--color-brand-primary-subtle: oklch(.24 .04 145);--color-brand-secondary: oklch(.75 .16 55);--color-brand-secondary-hover: oklch(.8 .17 55);--color-brand-secondary-active: oklch(.7 .15 55);--color-brand-secondary-subtle: oklch(.24 .05 55);--color-semantic-success: oklch(.68 .12 140);--color-semantic-success-hover: oklch(.73 .13 140);--color-semantic-success-active: oklch(.63 .11 140);--color-semantic-success-subtle: oklch(.24 .04 140);--color-semantic-success-text: oklch(.8 .1 140);--color-semantic-warning: oklch(.78 .13 75);--color-semantic-warning-hover: oklch(.83 .14 75);--color-semantic-warning-active: oklch(.73 .12 75);--color-semantic-warning-subtle: oklch(.24 .05 75);--color-semantic-warning-text: oklch(.85 .1 75);--color-semantic-error: oklch(.68 .16 20);--color-semantic-error-hover: oklch(.73 .17 20);--color-semantic-error-active: oklch(.63 .15 20);--color-semantic-error-subtle: oklch(.24 .05 20);--color-semantic-error-text: oklch(.83 .12 20);--color-semantic-info: oklch(.7 .1 220);--color-semantic-info-hover: oklch(.75 .11 220);--color-semantic-info-active: oklch(.65 .09 220);--color-semantic-info-subtle: oklch(.24 .04 220);--color-semantic-info-text: oklch(.82 .08 220);--color-surface-bg-base: oklch(.16 .02 80);--color-surface-bg-subtle: oklch(.19 .02 80);--color-surface-bg-emphasis: oklch(.28 .02 80);--color-surface-surface: oklch(.2 .02 80);--color-surface-border: oklch(.32 .02 80);--color-surface-border-subtle: oklch(.26 .015 80);--color-text-primary: oklch(.92 .01 80);--color-text-secondary: oklch(.72 .01 80);--color-text-tertiary: oklch(.55 .01 80);--color-text-disabled: oklch(.42 .01 80);--color-text-inverse: oklch(.15 .02 80);--color-shadow-base: oklch(0 0 0 / .35);--color-shadow-strong: oklch(0 0 0 / .55);--color-focus-ring-color: oklch(.82 .14 145);--color-focus-ring-halo: oklch(.82 .14 145 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.2 .03 80) 0%, oklch(.18 .02 70) 50%, oklch(.22 .04 90) 100%)}[data-theme=oldschool-light]{--color-brand-primary: oklch(.55 .14 145);--color-brand-primary-hover: oklch(.5 .15 145);--color-brand-primary-active: oklch(.45 .16 145);--color-brand-primary-subtle: oklch(.94 .04 145);--color-brand-secondary: oklch(.7 .18 55);--color-brand-secondary-hover: oklch(.65 .19 55);--color-brand-secondary-active: oklch(.6 .2 55);--color-brand-secondary-subtle: oklch(.95 .05 55);--color-semantic-success: oklch(.6 .14 140);--color-semantic-success-hover: oklch(.55 .15 140);--color-semantic-success-active: oklch(.5 .16 140);--color-semantic-success-subtle: oklch(.94 .04 140);--color-semantic-success-text: oklch(.35 .1 140);--color-semantic-warning: oklch(.78 .14 75);--color-semantic-warning-hover: oklch(.73 .15 75);--color-semantic-warning-active: oklch(.68 .16 75);--color-semantic-warning-subtle: oklch(.96 .05 75);--color-semantic-warning-text: oklch(.42 .1 75);--color-semantic-error: oklch(.62 .18 20);--color-semantic-error-hover: oklch(.57 .19 20);--color-semantic-error-active: oklch(.52 .2 20);--color-semantic-error-subtle: oklch(.95 .04 20);--color-semantic-error-text: oklch(.4 .13 20);--color-semantic-info: oklch(.64 .11 220);--color-semantic-info-hover: oklch(.59 .12 220);--color-semantic-info-active: oklch(.54 .13 220);--color-semantic-info-subtle: oklch(.95 .03 220);--color-semantic-info-text: oklch(.38 .1 220);--color-surface-bg-base: oklch(.98 .02 100);--color-surface-bg-subtle: oklch(.96 .03 100);--color-surface-bg-emphasis: oklch(.88 .04 100);--color-surface-surface: oklch(.99 .01 100);--color-surface-border: oklch(.86 .02 90);--color-surface-border-subtle: oklch(.91 .015 90);--color-text-primary: oklch(.22 .02 80);--color-text-secondary: oklch(.42 .02 80);--color-text-tertiary: oklch(.55 .01 80);--color-text-disabled: oklch(.7 .01 80);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.25 .02 80 / .1);--color-shadow-strong: oklch(.25 .02 80 / .2);--color-focus-ring-color: oklch(.38 .16 145);--color-focus-ring-halo: oklch(.38 .16 145 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.94 .05 100) 0%, oklch(.92 .04 90) 50%, oklch(.9 .06 110) 100%)}[data-theme=sora-dark]{--color-brand-primary: oklch(.7 .1 230);--color-brand-primary-hover: oklch(.75 .11 230);--color-brand-primary-active: oklch(.65 .09 230);--color-brand-primary-subtle: oklch(.22 .04 230);--color-brand-secondary: oklch(.72 .12 50);--color-brand-secondary-hover: oklch(.77 .13 50);--color-brand-secondary-active: oklch(.67 .11 50);--color-brand-secondary-subtle: oklch(.22 .04 50);--color-semantic-success: oklch(.68 .14 155);--color-semantic-success-hover: oklch(.73 .15 155);--color-semantic-success-active: oklch(.63 .13 155);--color-semantic-success-subtle: oklch(.22 .05 155);--color-semantic-success-text: oklch(.78 .11 155);--color-semantic-warning: oklch(.73 .12 70);--color-semantic-warning-hover: oklch(.78 .13 70);--color-semantic-warning-active: oklch(.68 .11 70);--color-semantic-warning-subtle: oklch(.22 .05 70);--color-semantic-warning-text: oklch(.83 .09 70);--color-semantic-error: oklch(.68 .16 15);--color-semantic-error-hover: oklch(.73 .17 15);--color-semantic-error-active: oklch(.63 .15 15);--color-semantic-error-subtle: oklch(.22 .05 15);--color-semantic-error-text: oklch(.83 .11 15);--color-semantic-info: oklch(.68 .1 250);--color-semantic-info-hover: oklch(.73 .11 250);--color-semantic-info-active: oklch(.63 .09 250);--color-semantic-info-subtle: oklch(.22 .04 250);--color-semantic-info-text: oklch(.83 .08 250);--color-surface-bg-base: oklch(.12 .025 240);--color-surface-bg-subtle: oklch(.15 .025 240);--color-surface-bg-emphasis: oklch(.25 .025 240);--color-surface-surface: oklch(.17 .025 240);--color-surface-border: oklch(.28 .02 240);--color-surface-border-subtle: oklch(.23 .015 240);--color-text-primary: oklch(.94 .01 240);--color-text-secondary: oklch(.73 .01 240);--color-text-tertiary: oklch(.58 .01 240);--color-text-disabled: oklch(.43 .01 240);--color-text-inverse: oklch(.92 .01 240);--color-shadow-base: oklch(0 0 0 / .35);--color-shadow-strong: oklch(0 0 0 / .55);--color-focus-ring-color: oklch(.82 .13 230);--color-focus-ring-halo: oklch(.82 .13 230 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.15 .04 240) 0%, oklch(.13 .03 250) 50%, oklch(.18 .05 230) 100%)}[data-theme=sora-light]{--color-brand-primary: oklch(.75 .12 230);--color-brand-primary-hover: oklch(.7 .13 230);--color-brand-primary-active: oklch(.65 .14 230);--color-brand-primary-subtle: oklch(.95 .04 230);--color-brand-secondary: oklch(.75 .15 50);--color-brand-secondary-hover: oklch(.7 .16 50);--color-brand-secondary-active: oklch(.65 .17 50);--color-brand-secondary-subtle: oklch(.95 .05 50);--color-semantic-success: oklch(.72 .16 155);--color-semantic-success-hover: oklch(.67 .17 155);--color-semantic-success-active: oklch(.62 .18 155);--color-semantic-success-subtle: oklch(.95 .04 155);--color-semantic-success-text: oklch(.38 .1 155);--color-semantic-warning: oklch(.82 .14 70);--color-semantic-warning-hover: oklch(.77 .15 70);--color-semantic-warning-active: oklch(.72 .16 70);--color-semantic-warning-subtle: oklch(.96 .05 70);--color-semantic-warning-text: oklch(.42 .11 70);--color-semantic-error: oklch(.65 .18 15);--color-semantic-error-hover: oklch(.6 .19 15);--color-semantic-error-active: oklch(.55 .2 15);--color-semantic-error-subtle: oklch(.95 .04 15);--color-semantic-error-text: oklch(.4 .13 15);--color-semantic-info: oklch(.68 .13 250);--color-semantic-info-hover: oklch(.63 .14 250);--color-semantic-info-active: oklch(.58 .15 250);--color-semantic-info-subtle: oklch(.95 .03 250);--color-semantic-info-text: oklch(.38 .11 250);--color-surface-bg-base: oklch(.98 .005 230);--color-surface-bg-subtle: oklch(.96 .008 230);--color-surface-bg-emphasis: oklch(.88 .015 230);--color-surface-surface: oklch(1 0 0);--color-surface-border: oklch(.86 .012 230);--color-surface-border-subtle: oklch(.91 .008 230);--color-text-primary: oklch(.18 .02 240);--color-text-secondary: oklch(.38 .02 240);--color-text-tertiary: oklch(.52 .01 240);--color-text-disabled: oklch(.68 .01 240);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.2 .02 240 / .1);--color-shadow-strong: oklch(.2 .02 240 / .18);--color-focus-ring-color: oklch(.42 .16 230);--color-focus-ring-halo: oklch(.42 .16 230 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.9 .06 230) 0%, oklch(.92 .04 245) 50%, oklch(.88 .08 220) 100%)}.dark,[data-theme=dark]{--color-brand-primary: oklch(.75 .12 160);--color-brand-primary-hover: oklch(.8 .13 160);--color-brand-primary-active: oklch(.7 .11 160);--color-brand-primary-subtle: oklch(.25 .05 160);--color-brand-secondary: oklch(.7 .12 300);--color-brand-secondary-hover: oklch(.75 .13 300);--color-brand-secondary-active: oklch(.65 .11 300);--color-brand-secondary-subtle: oklch(.25 .05 300);--color-semantic-success: oklch(.7 .15 145);--color-semantic-success-hover: oklch(.75 .16 145);--color-semantic-success-active: oklch(.65 .14 145);--color-semantic-success-subtle: oklch(.25 .06 145);--color-semantic-success-text: oklch(.8 .12 145);--color-semantic-warning: oklch(.75 .14 85);--color-semantic-warning-hover: oklch(.8 .15 85);--color-semantic-warning-active: oklch(.7 .13 85);--color-semantic-warning-subtle: oklch(.25 .06 85);--color-semantic-warning-text: oklch(.85 .1 85);--color-semantic-error: oklch(.7 .18 25);--color-semantic-error-hover: oklch(.75 .19 25);--color-semantic-error-active: oklch(.65 .17 25);--color-semantic-error-subtle: oklch(.25 .06 25);--color-semantic-error-text: oklch(.85 .12 25);--color-semantic-info: oklch(.7 .12 240);--color-semantic-info-hover: oklch(.75 .13 240);--color-semantic-info-active: oklch(.65 .11 240);--color-semantic-info-subtle: oklch(.25 .05 240);--color-semantic-info-text: oklch(.85 .1 240);--color-surface-bg-base: oklch(.15 .02 260);--color-surface-bg-subtle: oklch(.18 .02 260);--color-surface-bg-emphasis: oklch(.28 .02 260);--color-surface-surface: oklch(.2 .02 260);--color-surface-border: oklch(.3 .02 260);--color-surface-border-subtle: oklch(.25 .015 260);--color-text-primary: oklch(.95 .01 260);--color-text-secondary: oklch(.75 .01 260);--color-text-tertiary: oklch(.6 .01 260);--color-text-disabled: oklch(.45 .01 260);--color-text-inverse: oklch(.15 .02 260);--color-shadow-base: oklch(0 0 0 / .3);--color-shadow-strong: oklch(0 0 0 / .5);--color-gradient-hero: linear-gradient(135deg, oklch(.2 .04 160) 0%, oklch(.18 .03 175) 50%, oklch(.22 .05 165) 100%);--color-focus-ring-color: oklch(.85 .14 160);--color-focus-ring-halo: oklch(.85 .14 160 / .18)}[data-theme=light]{--color-brand-primary: oklch(.85 .14 160);--color-brand-primary-hover: oklch(.8 .15 160);--color-brand-primary-active: oklch(.75 .16 160);--color-brand-primary-subtle: oklch(.95 .05 160);--color-brand-secondary: oklch(.65 .15 300);--color-brand-secondary-hover: oklch(.6 .16 300);--color-brand-secondary-active: oklch(.55 .17 300);--color-brand-secondary-subtle: oklch(.95 .05 300);--color-semantic-success: oklch(.75 .18 145);--color-semantic-success-hover: oklch(.7 .19 145);--color-semantic-success-active: oklch(.65 .2 145);--color-semantic-success-subtle: oklch(.95 .05 145);--color-semantic-success-text: oklch(.35 .12 145);--color-semantic-warning: oklch(.8 .16 85);--color-semantic-warning-hover: oklch(.75 .17 85);--color-semantic-warning-active: oklch(.7 .18 85);--color-semantic-warning-subtle: oklch(.95 .06 85);--color-semantic-warning-text: oklch(.4 .12 85);--color-semantic-error: oklch(.65 .2 25);--color-semantic-error-hover: oklch(.6 .21 25);--color-semantic-error-active: oklch(.55 .22 25);--color-semantic-error-subtle: oklch(.95 .05 25);--color-semantic-error-text: oklch(.4 .15 25);--color-semantic-info: oklch(.7 .15 240);--color-semantic-info-hover: oklch(.65 .16 240);--color-semantic-info-active: oklch(.6 .17 240);--color-semantic-info-subtle: oklch(.95 .04 240);--color-semantic-info-text: oklch(.4 .12 240);--color-surface-bg-base: oklch(.99 0 0);--color-surface-bg-subtle: oklch(.97 .005 260);--color-surface-bg-emphasis: oklch(.9 .01 260);--color-surface-surface: oklch(1 0 0);--color-surface-border: oklch(.88 .01 260);--color-surface-border-subtle: oklch(.92 .005 260);--color-text-primary: oklch(.2 .02 260);--color-text-secondary: oklch(.4 .02 260);--color-text-tertiary: oklch(.55 .01 260);--color-text-disabled: oklch(.7 .01 260);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.2 .02 260 / .08);--color-shadow-strong: oklch(.2 .02 260 / .15);--color-focus-ring-color: oklch(.45 .16 160);--color-focus-ring-halo: oklch(.45 .16 160 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.92 .08 160) 0%, oklch(.94 .06 175) 50%, oklch(.9 .1 165) 100%)}@media (prefers-color-scheme: light){:root:not([data-theme]):not(.dark):not([data-theme=mint-dark]){--color-brand-primary: oklch(.85 .14 160);--color-brand-primary-hover: oklch(.8 .15 160);--color-brand-primary-active: oklch(.75 .16 160);--color-brand-primary-subtle: oklch(.95 .05 160);--color-brand-secondary: oklch(.65 .15 300);--color-brand-secondary-hover: oklch(.6 .16 300);--color-brand-secondary-active: oklch(.55 .17 300);--color-brand-secondary-subtle: oklch(.95 .05 300);--color-semantic-success: oklch(.75 .18 145);--color-semantic-success-hover: oklch(.7 .19 145);--color-semantic-success-active: oklch(.65 .2 145);--color-semantic-success-subtle: oklch(.95 .05 145);--color-semantic-success-text: oklch(.35 .12 145);--color-semantic-warning: oklch(.8 .16 85);--color-semantic-warning-hover: oklch(.75 .17 85);--color-semantic-warning-active: oklch(.7 .18 85);--color-semantic-warning-subtle: oklch(.95 .06 85);--color-semantic-warning-text: oklch(.4 .12 85);--color-semantic-error: oklch(.65 .2 25);--color-semantic-error-hover: oklch(.6 .21 25);--color-semantic-error-active: oklch(.55 .22 25);--color-semantic-error-subtle: oklch(.95 .05 25);--color-semantic-error-text: oklch(.4 .15 25);--color-semantic-info: oklch(.7 .15 240);--color-semantic-info-hover: oklch(.65 .16 240);--color-semantic-info-active: oklch(.6 .17 240);--color-semantic-info-subtle: oklch(.95 .04 240);--color-semantic-info-text: oklch(.4 .12 240);--color-surface-bg-base: oklch(.99 0 0);--color-surface-bg-subtle: oklch(.97 .005 260);--color-surface-bg-emphasis: oklch(.9 .01 260);--color-surface-surface: oklch(1 0 0);--color-surface-border: oklch(.88 .01 260);--color-surface-border-subtle: oklch(.92 .005 260);--color-text-primary: oklch(.2 .02 260);--color-text-secondary: oklch(.4 .02 260);--color-text-tertiary: oklch(.55 .01 260);--color-text-disabled: oklch(.7 .01 260);--color-text-inverse: oklch(.98 0 0);--color-shadow-base: oklch(.2 .02 260 / .08);--color-shadow-strong: oklch(.2 .02 260 / .15);--color-focus-ring-color: oklch(.45 .16 160);--color-focus-ring-halo: oklch(.45 .16 160 / .18);--color-gradient-hero: linear-gradient(135deg, oklch(.92 .08 160) 0%, oklch(.94 .06 175) 50%, oklch(.9 .1 165) 100%)}}:root{--color-primary: var(--color-brand-primary);--color-primary-hover: var(--color-brand-primary-hover);--color-primary-active: var(--color-brand-primary-active);--color-primary-subtle: var(--color-brand-primary-subtle);--color-secondary: var(--color-brand-secondary);--color-accent: var(--color-brand-accent);--color-success: var(--color-semantic-success);--color-warning: var(--color-semantic-warning);--color-error: var(--color-semantic-error);--color-danger: var(--color-semantic-error);--color-info: var(--color-semantic-info);--color-bg: var(--color-surface-bg-base);--color-bg-subtle: var(--color-surface-bg-subtle);--color-surface: var(--color-surface-surface);--color-surface-muted: var(--color-surface-bg-subtle);--color-border: var(--color-surface-border);--color-fg: var(--color-text-primary);--color-text: var(--color-text-primary);--color-muted: var(--color-text-secondary);--color-subtle: var(--color-text-tertiary);--space-1: var(--spacing-xs);--space-2: var(--spacing-s);--space-3: var(--spacing-m);--space-4: var(--spacing-l);--space-5: var(--spacing-xl);--spacing-sm: var(--spacing-s);--spacing-md: var(--spacing-m);--spacing-lg: var(--spacing-l);--margin-sm: var(--margin-s);--margin-md: var(--margin-m);--margin-lg: var(--margin-l);--radius-sm: var(--radius-s);--radius-md: var(--radius-m);--radius-lg: var(--radius-l);--shadow-sm: var(--shadow-s);--shadow-md: var(--shadow-m);--shadow-lg: var(--shadow-l);--typography-size-sm: var(--typography-size-s);--typography-size-md: var(--typography-size-m);--typography-size-lg: var(--typography-size-l);--typography-display-sm: var(--typography-display-s);--typography-display-md: var(--typography-display-m);--typography-display-lg: var(--typography-display-l);--bs-spacer: var(--spacing-m);--border-radius: var(--radius-m);--border-radius-sm: var(--radius-s);--border-radius-lg: var(--radius-l);--border-radius-xl: var(--radius-xl);--border-radius-pill: var(--radius-full);--border-radius-circle: var(--radius-full);--tblr-border-radius: var(--radius-m);--font-size-base: var(--typography-size-m);--font-size-sm: var(--typography-size-s);--font-size-lg: var(--typography-size-l);--font-size-xs: var(--typography-size-xs);--font-family-base: var(--typography-family-sans);--font-family-mono: var(--typography-family-mono);--font-family-serif: var(--typography-family-sans);--font-weight-normal: var(--typography-weight-regular);--font-weight-medium: var(--typography-weight-medium);--font-weight-bold: var(--typography-weight-semibold);--shadow: var(--shadow-m);--box-shadow: var(--shadow-m);--box-shadow-sm: var(--shadow-s);--box-shadow-lg: var(--shadow-l)}:root{--vp-bg: var(--color-surface-bg-base, #0b1120);--vp-bg-elev: var(--color-surface-bg-subtle, #121a2e);--vp-bg-soft: var(--color-surface-bg-emphasis, #1a2340);--vp-surface: var(--color-surface-surface, #141d33);--vp-fg: var(--color-text-primary, #e8eaed);--vp-fg-muted: var(--color-text-secondary, #a6adbb);--vp-fg-dim: var(--color-text-tertiary, #8b93a3);--vp-fg-inverse: var(--color-text-inverse, #0b1120);--vp-accent: var(--color-brand-primary, #88c0d0);--vp-accent-hover: var(--color-brand-primary-hover, #9fb8d9);--vp-accent-subtle: var(--color-brand-primary-subtle, rgba(136, 192, 208, .12));--vp-accent-2: var(--color-brand-secondary, #b4c8e0);--vp-border: var(--color-surface-border, rgba(255, 255, 255, .08));--vp-border-subtle: var(--color-surface-border-subtle, rgba(255, 255, 255, .06));--vp-radius: var(--radius-m, 12px);--vp-radius-lg: var(--radius-l, 20px);--vp-shadow: var(--shadow-l, 0 12px 32px rgba(0, 0, 0, .35));--vp-font-sans: "TLT-墨東レラ-３", "TLT-BokutohRera-3", "Rera", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;--vp-font-mono: "Fira Code", "SF Mono", Menlo, Consolas, monospace;--vp-font-display: "TLT-Paper Clip Nova Solid", "TLO-Paper Clip Nova Solid", "Paper Clip Nova", var(--vp-font-sans);--vp-brand-size: 28.6px;--vp-title-c1: #6fd3cf;--vp-title-c2: #617de6;--vp-title-c3: #db6dc2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--vp-bg);color:var(--vp-fg);font-family:var(--vp-font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1040px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;background:color-mix(in srgb,var(--vp-bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--vp-border);z-index:100}.site-header .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:64px;padding-top:14px;padding-bottom:14px}.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.header-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:12px}.header-corner{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}.brand{grid-column:2;justify-self:center;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--vp-fg);font-weight:600}.brand-name{font-family:var(--vp-font-display);font-size:var(--vp-brand-size);font-weight:400;letter-spacing:.02em;background:linear-gradient(100deg,var(--vp-title-c1) 0%,var(--vp-title-c2) 50%,var(--vp-title-c3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-icon{width:26px;height:26px;color:var(--vp-accent)}.site-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}.site-nav>a{color:var(--vp-fg-muted);text-decoration:none;font-size:15px;transition:color .15s}.site-nav>a:hover{color:var(--vp-fg)}.adventure-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:transparent;border:1px solid var(--vp-border);color:var(--vp-fg-muted);font-family:var(--vp-font-mono);font-size:12px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.adventure-toggle:hover{color:var(--vp-fg);border-color:var(--vp-accent)}.adventure-icon{width:15px;height:15px}.adventure-text{text-transform:uppercase}.adventure-state{min-width:30px;text-align:center;padding:1px 6px;border-radius:999px;font-size:11px;background:var(--vp-bg-soft);color:var(--vp-fg-dim)}.adventure-toggle.is-on{color:var(--vp-fg);border-color:color-mix(in srgb,var(--vp-accent) 45%,transparent)}.adventure-toggle.is-on .adventure-icon{color:var(--vp-accent)}.adventure-toggle.is-on .adventure-state{background:var(--vp-accent-subtle);color:var(--vp-accent)}.locale-switcher{position:relative;display:inline-flex;font-family:var(--vp-font-mono)}.locale-trigger{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:transparent;border:1px solid var(--vp-border);color:var(--vp-fg-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.locale-trigger:hover,.locale-trigger.is-open{color:var(--vp-fg);border-color:var(--vp-accent)}.locale-caret{font-size:10px;opacity:.7}.locale-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:134px;background:var(--vp-surface);border:1px solid var(--vp-border);border-radius:var(--vp-radius);box-shadow:var(--vp-shadow);overflow:hidden;z-index:200}.locale-item{display:flex;align-items:baseline;gap:8px;width:100%;padding:9px 14px;background:transparent;border:none;color:var(--vp-fg-muted);font-size:13px;text-align:left;cursor:pointer;transition:color .15s,background .15s}.locale-item:hover{color:var(--vp-fg);background:var(--vp-bg-soft)}.locale-item.is-active{color:var(--vp-accent)}.locale-item-label{font-family:var(--vp-font-mono);font-weight:600}.locale-item-name{font-size:12px;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;border:1px solid transparent;cursor:pointer}.btn small{font-size:11px;font-weight:500;opacity:.7;margin-left:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--vp-accent);color:var(--vp-fg-inverse)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--vp-accent-hover)}.btn-secondary{background:transparent;color:var(--vp-fg);border-color:var(--vp-border)}.btn-secondary:hover{background:var(--vp-bg-soft);border-color:var(--vp-accent)}.btn-ghost{background:transparent;color:var(--vp-fg-muted);padding:8px 14px;font-size:14px}.btn-ghost:hover{color:var(--vp-fg);background:var(--vp-bg-soft)}.hero{padding:96px 0 64px;text-align:center;background:radial-gradient(circle at 50% 0%,var(--vp-accent-subtle) 0%,transparent 60%),var(--color-gradient-hero, linear-gradient(180deg, var(--vp-bg) 0%, var(--vp-bg) 100%))}.hero-support{display:inline-block;margin-bottom:20px;padding:5px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vp-accent) 35%,transparent);background:var(--vp-accent-subtle);color:var(--vp-accent);font-family:var(--vp-font-mono);font-size:13px;font-weight:600;letter-spacing:.02em}.hero-title{font-family:var(--vp-font-display);font-size:clamp(28px,4.4vw,44px);font-weight:400;line-height:1.2;letter-spacing:.01em;margin-bottom:8px}.hero-accent{background:linear-gradient(135deg,var(--vp-accent),var(--vp-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--vp-fg);font-size:clamp(16px,2.2vw,20px);font-weight:500;letter-spacing:.02em;margin-bottom:24px;opacity:.85}.hero-lead{color:var(--vp-fg-muted);font-size:18px;max-width:640px;margin:0 auto 36px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.hero-meta{color:var(--vp-fg-muted);font-size:14px}.hero-meta a{color:var(--vp-accent);text-decoration:none}.hero-meta a:hover{text-decoration:underline}section{padding:72px 0}section h2{font-size:32px;letter-spacing:-.01em;margin-bottom:36px;text-align:center}.features{background:var(--vp-bg-elev);border-top:1px solid var(--vp-border);border-bottom:1px solid var(--vp-border)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature{background:var(--vp-bg-soft);border:1px solid var(--vp-border);border-radius:var(--vp-radius-lg);padding:28px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-2px);border-color:var(--vp-accent)}.feature-icon{width:34px;height:34px;color:var(--vp-accent);display:block;margin-bottom:14px}.feature h3{font-size:18px;margin-bottom:8px;color:var(--vp-fg);transition:font-family .15s}.feature h3.is-code{font-family:var(--vp-font-mono);font-size:16px;letter-spacing:-.01em}.feature p{color:var(--vp-fg-muted);font-size:15px;line-height:1.6}.feature h3 small{color:var(--vp-accent);font-size:12px;font-weight:500;margin-left:8px}.signin{text-align:center}.signin p{color:var(--vp-fg-muted);max-width:560px;margin:0 auto 24px}.install{background:var(--vp-bg-elev);border-top:1px solid var(--vp-border)}.install-cmd{background:var(--vp-bg);border:1px solid var(--vp-border);border-radius:var(--vp-radius);padding:20px 24px;overflow-x:auto;font-family:var(--vp-font-mono);font-size:14px;color:var(--vp-fg);max-width:720px;margin:0 auto 16px;text-align:left}.install-cmd code{color:inherit;font-family:inherit}.install-note{text-align:center;color:var(--vp-fg-muted);font-size:14px}.install-note a{color:var(--vp-accent);text-decoration:none}.install-note a:hover{text-decoration:underline}.site-footer{background:var(--vp-bg);border-top:1px solid var(--vp-border);padding:48px 0 32px}.footer-closer{text-align:center;padding-bottom:44px;border-bottom:1px solid var(--vp-border-subtle);margin-bottom:40px}.footer-tagline{font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--vp-accent),var(--vp-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.footer-tagsub{margin-top:8px;color:var(--vp-fg-muted);font-size:15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}@media (max-width: 720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand{font-size:18px;font-weight:600;margin-bottom:8px}.footer-copy,.footer-license{color:var(--vp-fg-muted);font-size:13px}.site-footer h4{font-size:13px;font-weight:600;color:var(--vp-fg);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.site-footer a{display:block;color:var(--vp-fg-muted);font-size:14px;text-decoration:none;padding:4px 0;transition:color .15s}.site-footer a:hover{color:var(--vp-fg)}