:root{--color-white: #FFFFFF;--color-black: #0A0A0A;--color-button-text: #FFFFFF;--color-gray: #6E6E6E;--color-sepia: #C3A985;--color-cta: #1A2A40;--color-cta-hover: #0F1A2B;--color-text-primary: #0A0A0A;--color-text-secondary: #6E6E6E;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #EFEFEF;--color-border: #E0E0E0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--z-dropdown: 100;--z-modal: 1000;--font-header: "Cormorant Garamond", serif;--font-body: "Montserrat", sans-serif;--font-decorative: "Lemon Tuesday", cursive}@media(prefers-color-scheme:dark){:root{--color-white: #0A0A0A;--color-black: #FFFFFF;--color-button-text: #FFFFFF;--color-gray: #A0A0A0;--color-sepia: #D4A574;--color-cta: #6BA3E8;--color-cta-hover: #8BB8F0;--color-text-primary: #FFFFFF;--color-text-secondary: #B8B8B8;--color-bg-primary: #0A0A0A;--color-bg-secondary: #1A1A1A;--color-bg-tertiary: #2A2A2A;--color-border: #3A3A3A}}.translation-article{padding:var(--spacing-xxl) 0}.article-header{text-align:center;margin:calc(var(--spacing-xxl) * -1) calc(50% - 50vw) var(--spacing-xxl);padding:var(--spacing-xxl) calc(50vw - 50%);background-size:200px 200px,100%;background-attachment:fixed,scroll;background-position:center,0 0;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal)}@media(prefers-color-scheme:light){.article-header{background:url(/svgs/hash-pattern.svg),linear-gradient(135deg,#fffffff2,#ffffffeb);border-bottom:1px solid rgba(195,169,133,.1)}}@media(prefers-color-scheme:dark){.article-header{background:url(/svgs/hash-pattern.svg),linear-gradient(135deg,#1a1a1af2,#1a1a1aeb);border-bottom:1px solid var(--color-border)}}.article-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);position:relative;z-index:1}.article-header .subtitle-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;position:relative;z-index:1}.article-header .article-subtitle{font-size:var(--font-size-lg);color:var(--color-sepia);margin:0}.article-header .article-translator{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;font-weight:500}.article-header .scroll-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:var(--color-sepia);padding:var(--spacing-sm);position:relative;z-index:1}.article-header .scroll-button svg{width:24px;height:24px;stroke:var(--color-sepia)}.article-header .scroll-button:hover svg{animation:bounce 1s ease-in-out infinite}.video-section{margin-bottom:0}.video-section .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg)}.video-section .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-lg)}.lyrics-section{margin:0;padding-top:112px}.lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.lyrics-header h2{margin:0}.lyrics-container{display:grid;gap:var(--spacing-md)}.lyrics-container.lyrics-with-original{grid-template-columns:1fr 1fr;grid-auto-flow:row;grid-auto-rows:auto}.lyrics-container.lyrics-translation-only{grid-template-columns:1fr}.lyrics-container.lyrics-translation-only .lyrics-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.lyrics-container h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-sepia)}@media(max-width:768px){.lyrics-container{gap:var(--spacing-sm)}.lyrics-container h3{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}}@media(max-width:600px){.lyrics-container{gap:var(--spacing-xs)}.lyrics-container h3{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);font-size:var(--font-size-md)}}.lyrics-original-header,.lyrics-translation-header{grid-column:auto;margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-sepia)}.lyrics-original-line,.lyrics-translation-line{display:block}.lyrics-with-original.hide-original{grid-template-columns:1fr}.lyrics-with-original.hide-original .lyrics-original-header,.lyrics-with-original.hide-original .lyrics-original-line{display:none}.lyrics-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.lyric-line{margin:0;padding:var(--spacing-sm);border-left:3px solid var(--color-sepia);padding-left:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.lyric-line:empty,.lyric-line.whitespace-only{padding:var(--spacing-lg) var(--spacing-sm);border:none}@media(max-width:768px){.lyric-line{padding:var(--spacing-xs);padding-left:var(--spacing-sm);font-size:var(--font-size-sm)}.lyric-line:empty{padding:var(--spacing-md) var(--spacing-xs)}}@media(max-width:600px){.lyric-line{padding:.25rem var(--spacing-xs);padding-left:var(--spacing-sm);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.lyric-line:empty{padding:var(--spacing-sm) var(--spacing-xs)}}.cta-section{text-align:center;margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);transition:border-color var(--transition-normal)}.not-found{text-align:center;padding:var(--spacing-xxl) 0}.not-found h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.not-found p{margin-bottom:var(--spacing-xl)}@media(max-width:768px){.article-header h1{font-size:var(--font-size-3xl)}.lyrics-header{flex-direction:column;gap:var(--spacing-md)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}:global(.toggle-button){background-color:transparent;color:var(--color-cta);border:2px solid var(--color-cta);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal)}:global(.toggle-button):hover{transform:translateY(-2px)}@media(prefers-color-scheme:light){:global(.toggle-button):hover{background-color:#1a2a400d}}@media(prefers-color-scheme:dark){:global(.toggle-button):hover{background-color:#4a8fd826}}:global(.toggle-button):active{transform:translateY(0)}