:root{--color-bg-canvas: #09090b;--color-bg-sidebar: #0e0e11;--color-bg-surface: #131316;--color-bg-elevated: #1a1a1f;--color-bg-input: #0f0f12;--color-bg-hover: #1b1b20;--color-bg-selected: #222229;--color-bg-accent: #ededef;--color-bg-accent-hover: #ffffff;--color-bg-accent-soft: #1c1c21;--color-bg-inverse: #0a0a0b;--color-bg-danger-soft: #2a1414;--color-bg-success-soft: #0f2a1b;--color-bg-overlay: #00000099;--color-bg-prefix-amber: #f0b429;--color-bg-prefix-amber-soft: #2e2410;--color-bg-prefix-cyan: #35d0e0;--color-bg-prefix-cyan-soft: #0d2b30;--color-bg-prefix-green: #4ade80;--color-bg-prefix-green-soft: #0f2a1b;--color-bg-prefix-purple: #a78bfa;--color-bg-prefix-purple-soft: #211a36;--color-bg-prefix-neutral: #b9b9c6;--color-bg-prefix-neutral-soft: #24242b;--color-text-default: #ededef;--color-text-muted: #a1a1aa;--color-text-faint: #63636e;--color-text-inverse: #0a0a0b;--color-text-accent: #ffffff;--color-text-danger: #f87171;--color-text-success: #4ade80;--color-text-prefix-amber: #f0b429;--color-text-prefix-cyan: #35d0e0;--color-text-prefix-green: #4ade80;--color-text-prefix-purple: #a78bfa;--color-text-prefix-neutral: #b9b9c6;--color-border-default: #1f1f25;--color-border-strong: #2c2c34;--color-border-accent: #3f3f48;--color-border-focus: #ededef;--color-border-danger: #f87171;--color-border-danger-soft: #5c2626;--color-border-prefix-amber: #f0b429;--color-border-prefix-cyan: #35d0e0;--color-border-prefix-green: #4ade80;--color-border-prefix-purple: #a78bfa;--color-border-prefix-neutral: #b9b9c6;--font-display: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-pageTitle: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-sectionTitle: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-cardTitle: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-itemTitle: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-lead: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-bodyStrong: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-bodySmall: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-bodySmallStrong: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-caption: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-captionStrong: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-overline: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-initialSmall: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-initial: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-initialLarge: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-monoSmall: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display: 3rem;--text-pageTitle: 1.875rem;--text-sectionTitle: 1.375rem;--text-cardTitle: 1.0625rem;--text-itemTitle: .9375rem;--text-lead: 1.0625rem;--text-body: .875rem;--text-bodyStrong: .875rem;--text-bodySmall: .8125rem;--text-bodySmallStrong: .8125rem;--text-caption: .75rem;--text-captionStrong: .75rem;--text-overline: .6875rem;--text-initialSmall: .5625rem;--text-initial: .6875rem;--text-initialLarge: .9375rem;--text-mono: .8125rem;--text-monoSmall: .75rem;--leading-display: 3.75rem;--leading-pageTitle: 2.5rem;--leading-sectionTitle: 1.875rem;--leading-cardTitle: 1.625rem;--leading-itemTitle: 1.375rem;--leading-lead: 1.875rem;--leading-body: 1.375rem;--leading-bodyStrong: 1.375rem;--leading-bodySmall: 1.25rem;--leading-bodySmallStrong: 1.25rem;--leading-caption: 1.125rem;--leading-captionStrong: 1.125rem;--leading-overline: 1rem;--leading-initialSmall: .8125rem;--leading-initial: .9375rem;--leading-initialLarge: 1.1875rem;--leading-mono: 1.25rem;--leading-monoSmall: 1rem;--tracking-display: -.025em;--tracking-pageTitle: -.02em;--tracking-sectionTitle: -.014em;--tracking-cardTitle: -.012em;--tracking-itemTitle: 0em;--tracking-lead: 0em;--tracking-body: 0em;--tracking-bodyStrong: 0em;--tracking-bodySmall: 0em;--tracking-bodySmallStrong: 0em;--tracking-caption: 0em;--tracking-captionStrong: 0em;--tracking-overline: .055em;--tracking-initialSmall: 0em;--tracking-initial: 0em;--tracking-initialLarge: 0em;--tracking-mono: 0em;--tracking-monoSmall: 0em;--font-weight-display: 700;--font-weight-pageTitle: 700;--font-weight-sectionTitle: 700;--font-weight-cardTitle: 700;--font-weight-itemTitle: 500;--font-weight-lead: 400;--font-weight-body: 400;--font-weight-bodyStrong: 500;--font-weight-bodySmall: 400;--font-weight-bodySmallStrong: 500;--font-weight-caption: 400;--font-weight-captionStrong: 500;--font-weight-overline: 500;--font-weight-initialSmall: 500;--font-weight-initial: 500;--font-weight-initialLarge: 500;--font-weight-mono: 400;--font-weight-monoSmall: 500;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-2: 2px;--spacing-4: 4px;--spacing-5: 5px;--spacing-6: 6px;--spacing-7: 7px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-96: 96px;--size-rail: 3px;--size-iconSmall: 12px;--size-iconCompact: 14px;--size-icon: 16px;--size-iconMedium: 20px;--size-iconLarge: 24px;--size-badge: 20px;--size-avatarSmall: 20px;--size-avatarMedium: 28px;--size-avatarLarge: 40px;--size-avatarXLarge: 64px;--size-brandMarkSmall: 24px;--size-brandMark: 28px;--size-brandMarkLarge: 40px;--size-tileSmall: 28px;--size-tile: 36px;--size-tileLarge: 44px;--size-emptyMark: 60px;--size-composerMin: 72px;--size-figureHeight: 168px;--size-swatchDot: 22px;--size-swatch: 32px;--size-controlSmall: 30px;--size-navItem: 32px;--size-menuItem: 32px;--size-control: 36px;--size-switcher: 44px;--size-accountRow: 48px;--size-topbar: 52px;--size-textareaMin: 112px;--size-menu: 220px;--size-card: 240px;--size-sidebar: 248px;--size-menuWide: 260px;--size-standalone: 400px;--size-dialog: 420px;--size-dialogWide: 460px;--size-standaloneWide: 480px;--size-figure: 520px;--size-dialogForm: 560px;--size-columnNarrow: 680px;--size-column: 760px;--size-container: 1200px;--border-width-default: 1px;--border-width-ring: 1.5px;--border-width-focused: 2px;--border-width-selected: 2px;--opacity-disabled: .5;--opacity-dimmed: .55;--shadow-floating: 0 24px 48px -12px rgba(0, 0, 0, .5);--shadow-dialog: 0 32px 64px -16px rgba(0, 0, 0, .6);--shadow-focusRing: 0 0 0 3px rgba(255, 255, 255, .14)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;min-height:100vh;background:var(--color-bg-canvas);color:var(--color-text-default);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--font-weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}#root,#storybook-root{height:100%;min-height:100%}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}main{padding:2rem}