:root{--color-brand:#ff3d7f;--color-brand-hover:#ff1a65;--color-brand-soft:#ffe0ec;--tier-s:#ff4757;--tier-a:#ff8c42;--tier-b:#ffcc33;--tier-c:#4ecdc4;--tier-d:#6c8eff;--tier-f:#9d7eff;--bg-base:#fafaf7;--bg-surface:#ffffff;--bg-elevated:#ffffff;--bg-muted:#f2f2ee;--border-subtle:#e8e8e2;--border-default:#d4d4ce;--text-primary:#1a1a1a;--text-secondary:#5c5c57;--text-muted:#9b9b96;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px rgba(26,26,26,0.04);--shadow-md:0 4px 12px rgba(26,26,26,0.06),0 2px 4px rgba(26,26,26,0.04);--shadow-lg:0 12px 32px rgba(26,26,26,0.08),0 4px 8px rgba(26,26,26,0.04);--shadow-brand:0 8px 24px rgba(255,61,127,0.25);--shadow-brand-hover:0 12px 32px rgba(255,61,127,0.32);--gradient-brand:linear-gradient(135deg,#ff3d7f,#9d7eff);--gradient-rainbow:linear-gradient(90deg,#ff4757,#ff8c42,#ffcc33,#4ecdc4,#6c8eff,#9d7eff);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-display:var(--font-space-grotesk),"Space Grotesk",system-ui,sans-serif;--font-body:var(--font-inter),"Inter",system-ui,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:44px;--text-5xl:60px;--text-6xl:80px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--z-toolbar:50;--z-dropdown:100;--z-drawer:200;--z-modal:300;--z-toast:400}[data-theme=dark]{--bg-base:#0f0f0e;--bg-surface:#1a1a18;--bg-elevated:#232320;--bg-muted:#2a2a26;--border-subtle:#2e2e2a;--border-default:#3d3d38;--text-primary:#f5f5f0;--text-secondary:#a8a8a2;--text-muted:#6e6e68;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--shadow-brand:0 8px 24px rgba(255,61,127,0.35);--shadow-brand-hover:0 12px 32px rgba(255,61,127,0.45);--color-brand-soft:rgba(255,61,127,0.16)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}ol,ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}html[lang=ja] body,html[lang=ko] body{line-height:1.7}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}