:root{--gb-red-700: #c2385c;--gb-red-600: #e35d7a;--gb-red-500: #f17e98;--gb-red-100: #fbe2e9;--gb-red-050: #fdf2f5;--gb-ink: #3a2b31;--gb-gray-700: #5a4a50;--gb-gray-600: #8b7e85;--gb-gray-500: #a99ba1;--gb-gray-400: #c9bcc2;--gb-gray-300: #e6dadf;--gb-gray-200: #f4e8ec;--gb-gray-100: #faf1f4;--gb-white: #ffffff;--color-surface-page: var(--gb-gray-200);--color-surface-card: var(--gb-white);--color-surface-muted: var(--gb-gray-100);--color-surface-accent: var(--gb-red-600);--color-surface-accent-soft: var(--gb-red-050);--color-surface-accent-wash: var(--gb-red-100);--color-surface-ink: var(--gb-ink);--color-surface-overlay: rgba(58, 43, 49, .45);--color-text-primary: var(--gb-ink);--color-text-secondary: var(--gb-gray-700);--color-text-muted: var(--gb-gray-600);--color-text-placeholder: var(--gb-gray-500);--color-text-accent: var(--gb-red-600);--color-text-accent-strong: var(--gb-red-700);--color-text-on-accent: var(--gb-white);--color-text-inverse: var(--gb-white);--color-border: var(--gb-gray-300);--color-border-strong: var(--gb-gray-400);--color-border-accent: var(--gb-red-600);--gb-amber-700: #8a5a00;--gb-amber-300: #e7c690;--gb-amber-050: #fdf6ec;--color-surface-warning-soft: var(--gb-amber-050);--color-border-warning: var(--gb-amber-300);--color-text-warning: var(--gb-amber-700);--radius-xs: 6px;--radius-sm: 9px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(150, 80, 100, .08), 0 1px 1px rgba(150, 80, 100, .05);--shadow-md: 0 4px 14px rgba(150, 80, 100, .12), 0 1px 3px rgba(150, 80, 100, .07);--shadow-lg: 0 12px 34px rgba(150, 80, 100, .16), 0 3px 8px rgba(150, 80, 100, .08);--font-sans: "Zen Maru Gothic", "Noto Sans JP", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-display-sm: 22px;--font-size-display-md: 24px;--font-size-display-lg: 40px;--line-height-body: 1.8;--line-height-heading: 1.3;--line-height-tight: 1.2;--letter-spacing-tight: -.01em;--letter-spacing-wide: .08em;--letter-spacing-wider: .2em;--space-1: 4px;--space-2: 5px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 18px;--space-layout-1: 24px;--space-layout-2: 32px;--space-layout-3: 48px;--space-layout-4: 64px;--motion-duration-instant: .3s;--motion-duration-fast: .6s;--motion-ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-16);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center}main{min-height:0}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-width:100%}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{width:0;height:0}.no-scrollbar{scrollbar-width:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}