:root{color-scheme:light;--color-paper: oklch(98% .008 174);--color-paper-2: oklch(96% .012 174);--color-paper-3: oklch(93% .016 174);--color-rule: oklch(87% .018 174);--color-rule-2: oklch(69% .025 174);--color-muted: oklch(45% .025 174);--color-neutral: oklch(34% .025 174);--color-ink-2: oklch(28% .025 174);--color-ink: oklch(20% .025 174);--color-accent: oklch(43% .095 174);--color-accent-strong: oklch(35% .085 174);--color-accent-soft: oklch(92% .035 174);--color-accent-ink: oklch(98% .008 174);--color-focus: oklch(44% .14 210);--color-danger: oklch(47% .18 28);--color-danger-soft: oklch(95% .025 28);--color-warning: oklch(48% .12 70);--color-warning-soft: oklch(95% .04 82);--color-info: oklch(44% .12 245);--color-info-soft: oklch(94% .03 245);--color-purple: oklch(46% .13 300);--color-purple-soft: oklch(94% .025 300);--color-overlay: oklch(20% .025 174 / .24);--color-overlay-strong: oklch(20% .025 174 / .58);--color-surface-glass: oklch(99% .006 174 / .94);--color-surface-glass-soft: oklch(99% .006 174 / .78);--font-display: "Avenir Next", "Hiragino Kaku Gothic ProN", "Yu Gothic", ui-sans-serif, sans-serif;--font-body: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", ui-sans-serif, sans-serif;--font-outlier: "SFMono-Regular", Menlo, ui-monospace, monospace;--display-weight: 700;--tracking-display: -.025em;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-display: clamp(2.25rem, 3vw + 1rem, 3.75rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--control-height: 2.75rem;--rule-hair: 1px;--rule-fine: 2px;--radius-card: .625rem;--radius-pill: 999px;--radius-input: .5rem;--shadow-card: 0 1px 2px oklch(20% .025 174 / .07);--shadow-raised: 0 12px 30px oklch(20% .025 174 / .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}html,body{overflow-x:clip}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink)}h1,h2,h3,h4,h5,h6{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;font-weight:var(--display-weight);letter-spacing:var(--tracking-display)}:where(button,a,input,textarea,select,[role=button],[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(button,a,[role=button]){transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}:where(button,a,[role=button]):active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}:where(button,input,textarea,select):disabled,:where([aria-disabled=true]){opacity:.55;cursor:not-allowed}@media(pointer:coarse){:where(button,a,select,[role=button],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])){min-height:var(--control-height)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.15s!important}}
