html body{margin:0;font-family:Noto Sans JP,sans-serif}:root{color-scheme:light dark;--color-primary-50: #f5f3ff;--color-primary-100: #ede9fe;--color-primary-200: #ddd6fe;--color-primary-300: #c4b5fd;--color-primary-400: #a78bfa;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--color-accent-400: #818cf8;--color-accent-500: #6366f1;--color-accent-600: #4f46e5;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-info: #0ea5e9;--color-bg-page: #fafafa;--color-bg-surface: #ffffff;--color-bg-raised: #f4f4f5;--color-text-primary: #27272a;--color-text-secondary: #71717a;--color-text-disabled: #d1d1d6;--color-text-on-dark: #ffffff;--color-border-default: #e4e4e7;--color-border-focus: #8b5cf6;--color-theme: #8b5cf6;--color-theme-light: #f5f3ff;--color-theme-dark: #6d28d9;--logo-outline: none}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-primary-50: #1e1b2e;--color-primary-100: #2a2440;--color-primary-200: #362d54;--color-primary-300: #4a3d75;--color-primary-400: #9d84f0;--color-primary-500: #a78bfa;--color-primary-600: #8b5cf6;--color-primary-700: #7c3aed;--color-primary-800: #6d28d9;--color-primary-900: #5b21b6;--color-accent-400: #a5b4fc;--color-accent-500: #818cf8;--color-accent-600: #6366f1;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #38bdf8;--color-bg-page: #121016;--color-bg-surface: #1c1a22;--color-bg-raised: #26232d;--color-text-primary: #f4f2f7;--color-text-secondary: #b6b0c4;--color-text-disabled: #5f5a6d;--color-text-on-dark: #ffffff;--color-border-default: #35313f;--color-border-focus: #a78bfa;--color-theme: #a78bfa;--color-theme-light: #241f30;--color-theme-dark: #7c3aed;--logo-outline: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 0 3px rgba(255, 255, 255, .8))}}:root[data-theme=light]{color-scheme:light;--color-primary-50: #f5f3ff;--color-primary-100: #ede9fe;--color-primary-200: #ddd6fe;--color-primary-300: #c4b5fd;--color-primary-400: #a78bfa;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--color-accent-400: #818cf8;--color-accent-500: #6366f1;--color-accent-600: #4f46e5;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-info: #0ea5e9;--color-bg-page: #fafafa;--color-bg-surface: #ffffff;--color-bg-raised: #f4f4f5;--color-text-primary: #27272a;--color-text-secondary: #71717a;--color-text-disabled: #d1d1d6;--color-text-on-dark: #ffffff;--color-border-default: #e4e4e7;--color-border-focus: #8b5cf6;--color-theme: #8b5cf6;--color-theme-light: #f5f3ff;--color-theme-dark: #6d28d9;--logo-outline: none}:root[data-theme=dark]{color-scheme:dark;--color-primary-50: #1e1b2e;--color-primary-100: #2a2440;--color-primary-200: #362d54;--color-primary-300: #4a3d75;--color-primary-400: #9d84f0;--color-primary-500: #a78bfa;--color-primary-600: #8b5cf6;--color-primary-700: #7c3aed;--color-primary-800: #6d28d9;--color-primary-900: #5b21b6;--color-accent-400: #a5b4fc;--color-accent-500: #818cf8;--color-accent-600: #6366f1;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #38bdf8;--color-bg-page: #121016;--color-bg-surface: #1c1a22;--color-bg-raised: #26232d;--color-text-primary: #f4f2f7;--color-text-secondary: #b6b0c4;--color-text-disabled: #5f5a6d;--color-text-on-dark: #ffffff;--color-border-default: #35313f;--color-border-focus: #a78bfa;--color-theme: #a78bfa;--color-theme-light: #241f30;--color-theme-dark: #7c3aed;--logo-outline: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 0 3px rgba(255, 255, 255, .8))}:root{--action-tile-bg: var(--color-bg-surface);--action-tile-border: 2px solid var(--color-theme);--action-tile-border-radius: 8px;--action-tile-hover-bg: var(--color-theme-light);--action-tile-label-color: var(--color-theme);--action-tile-gap: 12px;--action-tile-width: 130px;--action-tile-height: 130px}