.lang-toggle{display:flex;align-items:center;gap:2px;background:#8b7de81f;border:1px solid rgba(139,125,232,.18);border-radius:14px;padding:2px 10px;font-size:.75rem;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-smooth);letter-spacing:.03em}.lang-toggle:hover{border-color:#8b7de866;background:#8b7de833;color:var(--color-text)}.lang-divider{color:#8b7de84d;font-size:.7rem;pointer-events:none}.lang-active{color:var(--color-gold);font-weight:600}:root,[data-theme=light]{--color-bg: #FAFAFA;--color-bg-alt: #F2F0EB;--color-bg-card: #FFFFFF;--color-bg-dark: #E8E6E0;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-light: #9B9B9B;--color-accent: #C9A96E;--color-accent-light: #E0D5C0;--color-accent-bg: rgba(201, 169, 110, .06);--color-accent-border: rgba(201, 169, 110, .25);--gray-alpha-100: rgba(0, 0, 0, .05);--gray-alpha-200: rgba(0, 0, 0, .08);--gray-alpha-300: rgba(0, 0, 0, .1);--gray-alpha-400: rgba(0, 0, 0, .12);--gray-alpha-500: rgba(0, 0, 0, .21);--gray-alpha-600: rgba(0, 0, 0, .3);--color-border: var(--gray-alpha-200);--color-border-light: var(--gray-alpha-100);--shadow-card: 0 1px 1px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .04);--shadow-popover: 0 1px 1px rgba(0, 0, 0, .02), 0 4px 8px -4px rgba(0, 0, 0, .04), 0 16px 24px -8px rgba(0, 0, 0, .06);--shadow-modal: 0 1px 1px rgba(0, 0, 0, .02), 0 8px 16px -4px rgba(0, 0, 0, .04), 0 24px 32px -8px rgba(0, 0, 0, .06);--nav-height: 64px;--max-width: 1200px;--border-radius: 4px;--border-radius-sm: 2px;--border-radius-lg: 8px;--font-display: "Noto Serif SC", serif;--font-serif: "Noto Serif SC", serif;--font-sans: "Noto Sans SC", sans-serif;--transition-instant: 0ms;--transition-fast: .15s;--transition-smooth: .2s;--transition-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.1);--color-primary: var(--color-accent);--color-primary-dark: var(--color-accent);--color-primary-light: var(--color-accent-light);--color-primary-glow: transparent;--color-primary-deep: #A88D4E;--color-star: var(--color-accent);--color-star-dark: var(--color-accent);--color-star-light: var(--color-accent-light);--color-star-glow: transparent;--color-gold: var(--color-accent);--color-gold-light: var(--color-accent-light);--color-gold-glow: transparent;--color-nebula: var(--color-accent);--color-nebula-light: var(--color-accent-light);--color-constellation: var(--color-text-secondary);--color-cosmos: var(--color-bg-alt);--color-accent-dark: #A88D4E;--color-accent-glow: transparent;--color-rose: var(--color-accent);--color-rose-dark: #A88D4E;--color-rose-light: var(--color-accent-light);--color-rose-glow: transparent;--color-heart: var(--color-accent);--color-dialogue-bg: var(--color-bg-alt);--color-choice-hover: var(--color-accent-bg);--color-bg-card-solid: #FFFFFF;--color-bg-elevated: #FFFFFF}[data-theme=dark]{--color-bg: #1A1A1E;--color-bg-alt: #222228;--color-bg-card: #28282E;--color-bg-dark: #141418;--color-text: #F0EDF5;--color-text-secondary: #A0A0A8;--color-text-light: #787880;--color-accent-bg: rgba(201, 169, 110, .08);--color-accent-border: rgba(201, 169, 110, .3);--gray-alpha-100: rgba(255, 255, 255, .05);--gray-alpha-200: rgba(255, 255, 255, .08);--gray-alpha-300: rgba(255, 255, 255, .1);--gray-alpha-400: rgba(255, 255, 255, .12);--gray-alpha-500: rgba(255, 255, 255, .21);--gray-alpha-600: rgba(255, 255, 255, .3);--color-border: var(--gray-alpha-200);--color-border-light: var(--gray-alpha-100);--shadow-card: 0 1px 1px rgba(0, 0, 0, .08), 0 2px 2px rgba(0, 0, 0, .12);--shadow-popover: 0 1px 1px rgba(0, 0, 0, .06), 0 4px 8px -4px rgba(0, 0, 0, .12), 0 16px 24px -8px rgba(0, 0, 0, .16);--shadow-modal: 0 1px 1px rgba(0, 0, 0, .06), 0 8px 16px -4px rgba(0, 0, 0, .12), 0 24px 32px -8px rgba(0, 0, 0, .16);--color-bg-card-solid: #1A1A1A;--color-bg-elevated: #1A1A1A;--color-dialogue-bg: var(--color-bg-alt)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:var(--nav-height)}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}a:hover{color:var(--color-accent)}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-text);line-height:1.35}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-card),0 0 0 4px var(--color-accent);border-radius:var(--border-radius-sm);transition:box-shadow var(--transition-instant)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-hero{position:relative;padding:96px 0 64px;text-align:center}.page-hero h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--color-text);margin-bottom:12px;letter-spacing:.04em}.page-hero .subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:560px;margin:0 auto}.section{padding:96px 0}.section-alt{background:var(--color-bg-alt)}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:.03em}.section-title .decorative-line{width:40px;height:2px;background:var(--color-accent);margin:14px auto 0}.section-title p{font-size:.95rem;color:var(--color-text-secondary);max-width:520px;margin:16px auto 0}.card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:all var(--transition-fast) var(--ease-out)}.card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-popover)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 640px){:root{--nav-height: 56px}.page-hero{padding:64px 0 40px}.section{padding:64px 0}.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}.section-title{margin-bottom:36px}.section-title h2{font-size:1.5rem}}