﻿@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&display=swap";:root{--font-display: Cormorant Garamond, serif;--font-body: Inter, sans-serif;--light-100: #FFFFFF;--accent-primary: #B85B47;--accent-secondary: #457B9D;--dark-900: #0f172a;--labyrinth-line: rgba(255, 255, 255, 0.08);--labyrinth-glow: rgba(184, 91, 71, 0.15);--mouse-x: 50%;--mouse-y: 50%;--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--accent-primary: #B85B47;--accent-secondary: #457B9D;--dark-900: #0A0A0A;--dark-800: #1A1A1A;--light-100: #FFFFFF;--light-200: #F8F9FA;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.12);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.3);--glow-soft: 0 0 24px rgba(255, 255, 255, 0.06);--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);--bg-rgb: 10, 10, 10;--text-rgb: 248, 249, 250;--border-rgb: 255, 255, 255;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--dream-primary: #B85B47;--dream-accent: rgb(198.2, 123.8, 107.8);--echoes-primary: #457B9D;--echoes-accent: rgb(110.8517699115, 160.4314159292, 191.6482300885);--mirror-primary: #8e44ad;--mirror-accent: rgb(175.9232365145, 116.8153526971, 200.6846473029)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes labyrinthShift{0%{transform:translate(0, 0)}100%{transform:translate(20px, 20px)}}@keyframes pulseGlow{0%,100%{opacity:.4}50%{opacity:.7}}@keyframes particlesDrift{0%{transform:translate(0, 0)}100%{transform:translate(-20px, -20px)}}@keyframes titleBreath{0%,100%{text-shadow:0 0 40px hsla(0,0%,100%,.15),0 0 80px rgba(184,91,71,.15),0 2px 8px rgba(0,0,0,.7);transform:scale(1)}50%{text-shadow:0 0 60px hsla(0,0%,100%,.25),0 0 120px rgba(184,91,71,.25),0 4px 16px rgba(0,0,0,.8);transform:scale(1.02)}}@keyframes auraExpand{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes polyhedronFloat{0%,100%{transform:rotate(0deg) translateY(0px) scale(1)}25%{transform:rotate(90deg) translateY(-3px) scale(1.02)}50%{transform:rotate(180deg) translateY(-6px) scale(1.05)}75%{transform:rotate(270deg) translateY(-3px) scale(1.02)}}@keyframes coreGlow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}@keyframes frameFloat{0%,100%{transform:translateY(0) scaleY(1)}33%{transform:translateY(-6px) scaleY(1.02)}66%{transform:translateY(-3px) scaleY(1.01)}}@keyframes keyholeBreath{0%,100%{box-shadow:0 0 30px rgba(184,91,71,.3),inset 0 0 30px rgba(184,91,71,.1);transform:scale(1)}50%{box-shadow:0 0 60px rgba(184,91,71,.5),inset 0 0 40px rgba(184,91,71,.2);transform:scale(1.05)}}@keyframes keyholeRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes shimmer{0%,100%{opacity:.3}50%{opacity:.8}}@keyframes bookFloat{0%,100%{transform:translateY(0px) rotateZ(0deg) scale(1)}25%{transform:translateY(-4px) rotateZ(1deg) scale(1.01)}50%{transform:translateY(-8px) rotateZ(2deg) scale(1.02)}75%{transform:translateY(-4px) rotateZ(1deg) scale(1.01)}}@keyframes pageGlow{0%,100%{opacity:.4;top:18%}50%{opacity:1;top:22%}}@keyframes mobilePolyhedronFloat{0%,100%{transform:rotate(0deg) translateY(0px)}50%{transform:rotate(90deg) translateY(-4px)}}@keyframes mobileCoreGlow{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}@keyframes mobileFrameFloat{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-5px) scaleY(1)}}@keyframes mobileKeyholeBreath{0%,100%{box-shadow:0 0 25px rgba(184,91,71,.25),inset 0 0 20px rgba(184,91,71,.1)}50%{box-shadow:0 0 40px rgba(184,91,71,.4),inset 0 0 25px rgba(184,91,71,.15)}}@keyframes mobileKeyholeRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes mobileBookFloat{0%,100%{transform:translateY(0px) rotateZ(0deg)}50%{transform:translateY(-5px) rotateZ(1deg)}}@keyframes mobilePageGlow{0%,100%{opacity:.3;top:18%}50%{opacity:.7;top:22%}}@keyframes mobilePulse{0%,100%{box-shadow:0 0 8px rgba(184,91,71,.5);transform:scale(1)}50%{box-shadow:0 0 20px rgba(184,91,71,.8);transform:scale(1.08)}}@keyframes pulse{0%,100%{box-shadow:0 0 10px rgba(184,91,71,.6);transform:scale(1)}50%{box-shadow:0 0 25px #b85b47;transform:scale(1.1)}}@keyframes ripple-wave{0%{transform:scale(0.8);opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes rippleExpand{0%{width:20px;height:20px;opacity:1}100%{width:300px;height:300px;opacity:0;border-width:1px}}@keyframes touchPulse{0%{transform:scale(0.5);opacity:.8}50%{transform:scale(1.2);opacity:.5}100%{transform:scale(1);opacity:0}}@keyframes elegantGlow{0%,100%{box-shadow:0 0 20px hsla(0,0%,100%,.1),0 0 40px rgba(184,91,71,.1)}50%{box-shadow:0 0 40px hsla(0,0%,100%,.2),0 0 80px rgba(184,91,71,.2),0 0 120px rgba(184,91,71,.1)}}@keyframes gentleSway{0%,100%{transform:translateX(0px) rotate(0deg)}25%{transform:translateX(2px) rotate(0.5deg)}75%{transform:translateX(-2px) rotate(-0.5deg)}}@keyframes modernFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatGentle{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes pulseSoft{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.touchable,.portal-gate,.no-zoom{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;cursor:pointer;min-width:44px;min-height:44px}.portal-gate{position:relative;overflow:hidden}.portal-gate:active,.portal-gate.touch-active{transform:scale(0.95);opacity:.8;transition:transform .1s ease,opacity .1s ease}@media(hover: none)and (pointer: coarse){.portal-gate:hover{transform:none !important}.portal-gate:hover::before,.portal-gate:hover::after{opacity:1 !important;transform:none !important}}.touch-active{opacity:.8;transform:scale(0.95)}.touchable,.portal-gate{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@supports(-webkit-touch-callout: none){.portal-space{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media(prefers-reduced-motion: reduce){.portal-gate{transition:opacity .1s ease !important}.portal-gate:active{transform:scale(0.98)}}.immersive-controls-container{position:fixed;top:0;right:0;z-index:10000;font-family:var(--font-body, "Inter", sans-serif)}.controls-panel-toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;background:var(--control-bg, rgba(15, 15, 26, 0.8));border:2px solid var(--control-accent, rgba(255, 215, 0, 0.6));border-radius:50%;color:var(--control-text, white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px);z-index:10001;box-shadow:0 4px 20px rgba(0,0,0,.3)}.controls-panel-toggle:hover{transform:scale(1.1);border-color:var(--control-accent-hover, #FFD700);box-shadow:0 6px 25px var(--control-glow, rgba(255, 215, 0, 0.4));background:var(--control-bg-hover, rgba(15, 15, 26, 0.9))}.immersive-controls-panel{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:var(--panel-bg, rgba(10, 10, 20, 0.95));backdrop-filter:blur(20px);border-left:1px solid var(--panel-border, rgba(255, 255, 255, 0.1));box-shadow:-5px 0 30px rgba(0,0,0,.5);transition:right .4s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;z-index:10002;padding:0}.immersive-controls-panel.panel-open{right:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--panel-divider, rgba(255, 255, 255, 0.1));background:var(--panel-header-bg, rgba(255, 255, 255, 0.05))}.panel-header h3{margin:0;color:var(--panel-title, white);font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;color:var(--panel-close, rgba(255, 255, 255, 0.6));font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{color:var(--panel-close-hover, #FFD700);background:hsla(0,0%,100%,.1);transform:rotate(90deg)}.control-section{padding:1.5rem 2rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--section-title, white);font-size:1.1rem;font-weight:600}.section-title i{color:var(--section-icon, #FFD700)}.panel-divider{height:1px;background:var(--panel-divider, rgba(255, 255, 255, 0.1));margin:.5rem 2rem}.volume-control-group{margin-bottom:1.25rem}.volume-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--control-label, rgba(255, 255, 255, 0.9));font-size:.9rem;font-weight:500}.volume-label i{color:var(--control-icon, #FFD700);width:16px}.volume-control{display:flex;align-items:center;gap:1rem}.volume-bar{flex:1;position:relative;height:6px;background:var(--volume-track, rgba(255, 255, 255, 0.2));border-radius:3px;overflow:hidden}.volume-fill{position:absolute;height:100%;background:linear-gradient(90deg, var(--volume-fill-start, #FFD700), var(--volume-fill-end, #FFA500));border-radius:3px;transition:width .2s ease}.volume-slider{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.volume-text{color:var(--volume-text, #FFD700);font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.audio-toggle-btn{width:100%;padding:.875rem 1rem;background:var(--toggle-bg, rgba(255, 215, 0, 0.1));border:2px solid var(--toggle-border, rgba(255, 215, 0, 0.4));border-radius:8px;color:var(--toggle-text, white);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);margin-top:.5rem}.audio-toggle-btn:hover{background:var(--toggle-bg-hover, rgba(255, 215, 0, 0.2));border-color:var(--toggle-border-hover, #FFD700);transform:translateY(-2px)}.audio-toggle-btn.active{background:var(--toggle-active-bg, #FFD700);border-color:gold;color:var(--toggle-active-text, #000)}.audio-toggle-btn.muted{background:var(--toggle-muted-bg, rgba(255, 255, 255, 0.1));border-color:var(--toggle-muted-border, rgba(255, 255, 255, 0.3))}.panel-select-group{margin-bottom:1.5rem}.panel-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--control-label, rgba(255, 255, 255, 0.9));font-size:.9rem;font-weight:500}.panel-label i{color:var(--control-icon, #FFD700);width:16px}.panel-selector{position:relative}.panel-select{width:100%;padding:.75rem 1rem;background:var(--select-bg, rgba(255, 255, 255, 0.1));border:2px solid var(--select-border, rgba(255, 255, 255, 0.2));border-radius:8px;color:var(--select-text, white);font-size:.9rem;cursor:pointer;appearance:none;transition:all .3s ease}.panel-select:focus{outline:none;border-color:var(--select-focus, #FFD700);box-shadow:0 0 0 3px var(--select-glow, rgba(255, 215, 0, 0.2))}.panel-select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--select-arrow, rgba(255, 255, 255, 0.6));pointer-events:none}.panel-select option{background:var(--panel-bg, rgba(10, 10, 20, 0.95));color:var(--control-label, rgba(255, 255, 255, 0.9))}.language-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--hint-text, rgba(255, 255, 255, 0.6));font-size:.8rem}.language-hint i{color:var(--hint-icon, #FFD700)}.audio-hint{position:fixed;bottom:20px;right:20px;background:var(--hint-bg, rgba(255, 215, 0, 0.9));color:var(--hint-text, #000);padding:.75rem 1rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.3);z-index:10000;animation:slideInUp .5s ease}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 768px){.immersive-controls-panel{width:100vw;right:-100vw}.controls-panel-toggle{top:15px;right:15px;width:45px;height:45px;font-size:1.1rem}.control-section{padding:1.25rem 1.5rem}.panel-header{padding:1.25rem 1.5rem}}body[data-barba-namespace=dream-journey] .immersive-controls-container,body:has(.dream-journey) .immersive-controls-container{--control-bg: rgba(5, 5, 10, 0.8);--control-accent: rgba(184, 91, 71, 0.6);--control-accent-hover: #b85b47;--control-text: white;--control-glow: rgba(184, 91, 71, 0.4);--control-bg-hover: rgba(5, 5, 10, 0.9);--panel-bg: rgba(5, 5, 10, 0.95);--panel-border: rgba(184, 91, 71, 0.3);--panel-divider: rgba(184, 91, 71, 0.2);--panel-header-bg: rgba(184, 91, 71, 0.1);--panel-title: white;--panel-close: rgba(255, 255, 255, 0.6);--panel-close-hover: #b85b47;--section-title: white;--section-icon: #b85b47;--control-label: rgba(255, 255, 255, 0.9);--control-icon: #b85b47;--volume-track: rgba(255, 255, 255, 0.2);--volume-fill-start: #b85b47;--volume-fill-end: #8b4513;--volume-text: #b85b47;--toggle-bg: rgba(184, 91, 71, 0.1);--toggle-border: rgba(184, 91, 71, 0.4);--toggle-text: white;--toggle-bg-hover: rgba(184, 91, 71, 0.2);--toggle-border-hover: #b85b47;--toggle-active-bg: #b85b47;--toggle-active-text: white;--toggle-muted-bg: rgba(255, 255, 255, 0.1);--toggle-muted-border: rgba(255, 255, 255, 0.3);--select-bg: rgba(255, 255, 255, 0.1);--select-border: rgba(184, 91, 71, 0.3);--select-text: white;--select-focus: #b85b47;--select-glow: rgba(184, 91, 71, 0.2);--select-arrow: rgba(184, 91, 71, 0.6);--hint-text: rgba(255, 255, 255, 0.6);--hint-icon: #b85b47;--hint-bg: rgba(184, 91, 71, 0.9)}body[data-barba-namespace=photo-studio] .immersive-controls-container,body:has(.studio-container) .immersive-controls-container{--control-bg: rgba(15, 15, 26, 0.8);--control-accent: rgba(255, 215, 0, 0.6);--control-accent-hover: #FFD700;--control-text: white;--control-glow: rgba(255, 215, 0, 0.4);--control-bg-hover: rgba(15, 15, 26, 0.9);--panel-bg: rgba(15, 15, 26, 0.95);--panel-border: rgba(255, 215, 0, 0.3);--panel-divider: rgba(255, 215, 0, 0.2);--panel-header-bg: rgba(255, 215, 0, 0.1);--panel-title: white;--panel-close: rgba(255, 255, 255, 0.6);--panel-close-hover: #FFD700;--section-title: white;--section-icon: #FFD700;--control-label: rgba(255, 255, 255, 0.9);--control-icon: #FFD700;--volume-track: rgba(255, 255, 255, 0.2);--volume-fill-start: #FFD700;--volume-fill-end: #DAA520;--volume-text: #FFD700;--toggle-bg: rgba(255, 215, 0, 0.1);--toggle-border: rgba(255, 215, 0, 0.4);--toggle-text: white;--toggle-bg-hover: rgba(255, 215, 0, 0.2);--toggle-border-hover: #FFD700;--toggle-active-bg: #FFD700;--toggle-active-text: #000;--toggle-muted-bg: rgba(255, 255, 255, 0.1);--toggle-muted-border: rgba(255, 255, 255, 0.3);--select-bg: rgba(255, 255, 255, 0.1);--select-border: rgba(255, 215, 0, 0.3);--select-text: white;--select-focus: #FFD700;--select-glow: rgba(255, 215, 0, 0.2);--select-arrow: rgba(255, 215, 0, 0.6);--hint-text: rgba(255, 255, 255, 0.6);--hint-icon: #FFD700;--hint-bg: rgba(255, 215, 0, 0.9)}body[data-barba-namespace=echo-chamber] .immersive-controls-container,body:has(.echo-container) .immersive-controls-container{--control-bg: rgba(26, 24, 45, 0.8);--control-accent: rgba(232, 168, 124, 0.6);--control-accent-hover: #E8A87C;--control-text: white;--control-glow: rgba(232, 168, 124, 0.4);--control-bg-hover: rgba(26, 24, 45, 0.9);--panel-bg: rgba(26, 24, 45, 0.95);--panel-border: rgba(232, 168, 124, 0.3);--panel-divider: rgba(232, 168, 124, 0.2);--panel-header-bg: rgba(232, 168, 124, 0.1);--panel-title: white;--panel-close: rgba(255, 255, 255, 0.6);--panel-close-hover: #E8A87C;--section-title: white;--section-icon: #E8A87C;--control-label: rgba(255, 255, 255, 0.9);--control-icon: #E8A87C;--volume-track: rgba(255, 255, 255, 0.2);--volume-fill-start: #E8A87C;--volume-fill-end: #B0A8B9;--volume-text: #E8A87C;--toggle-bg: rgba(232, 168, 124, 0.1);--toggle-border: rgba(232, 168, 124, 0.4);--toggle-text: white;--toggle-bg-hover: rgba(232, 168, 124, 0.2);--toggle-border-hover: #E8A87C;--toggle-active-bg: #E8A87C;--toggle-active-text: #1A182D;--toggle-muted-bg: rgba(255, 255, 255, 0.1);--toggle-muted-border: rgba(255, 255, 255, 0.3);--select-bg: rgba(255, 255, 255, 0.1);--select-border: rgba(232, 168, 124, 0.3);--select-text: white;--select-focus: #E8A87C;--select-glow: rgba(232, 168, 124, 0.2);--select-arrow: rgba(232, 168, 124, 0.6);--hint-text: rgba(255, 255, 255, 0.6);--hint-icon: #E8A87C;--hint-bg: rgba(232, 168, 124, 0.9)}@media(prefers-color-scheme: dark){.immersive-controls-container:not([class*=theme-]){--control-bg: rgba(15, 15, 26, 0.8);--control-accent: rgba(255, 215, 0, 0.6);--control-text: white}}.high-contrast-mode .immersive-controls-container{--control-bg: #000000;--control-accent: #ff6b00;--control-text: #ffffff;--panel-bg: #000000;--panel-border: #ff6b00;--panel-title: #ffffff}body .atelier-space,main .atelier-space,.container .atelier-space{opacity:1;visibility:visible;display:block}.atelier-space{position:relative;min-height:100vh;background:radial-gradient(ellipse at 20% 30%, rgba(30, 28, 28, 0.2) 0%, transparent 50%),radial-gradient(ellipse at 80% 70%, rgba(45, 47, 47, 0.15) 0%, transparent 50%),radial-gradient(ellipse at center, #1c1c2e 0%, #12121f 50%, #0d0d15 100%);color:#fff;display:block;padding:2rem 1rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.atelier-space::before{display:none}@media(max-width: 767px){.atelier-space{padding:1.5rem 1rem}}.atelier-header{position:relative;z-index:10;width:100%;max-width:900px;margin:0 auto 3rem;text-align:center;display:block;opacity:1;visibility:visible}@media(max-width: 767px){.atelier-header{margin-bottom:2rem;padding:0 .5rem}}.atelier-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:600;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);opacity:1;visibility:visible;display:block}.atelier-subtitle{font-family:"Cormorant Garamond",serif;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:400;letter-spacing:.08em;color:hsla(0,0%,100%,.9);margin-bottom:1rem;opacity:1;visibility:visible}.atelier-narrative{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;max-width:700px;margin:0 auto;color:hsla(0,0%,100%,.9);opacity:1;visibility:visible}.atelier-choices{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;place-items:center;opacity:1;visibility:visible}@media(min-width: 1200px){.atelier-choices{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px)and (max-width: 1199px){.atelier-choices{grid-template-columns:repeat(2, 1fr);max-width:800px}}@media(max-width: 767px){.atelier-choices{grid-template-columns:1fr;gap:1.5rem;max-width:400px;margin-bottom:2rem}}.atelier-gate{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;cursor:pointer;transition:all .3s ease;padding:1.5rem 1rem;border-radius:16px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15);width:100%;max-width:260px;min-height:280px;opacity:1;visibility:visible;transform:none}@media(max-width: 767px){.atelier-gate{padding:1.2rem .8rem;min-height:250px;max-width:100%;backdrop-filter:blur(4px)}.atelier-gate:active{transform:scale(0.98);background:hsla(0,0%,100%,.12)}}@media(hover: hover){.atelier-gate:hover{transform:translateY(-6px);background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);box-shadow:0 15px 30px rgba(0,0,0,.3)}}.atelier-shape{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;opacity:1;visibility:visible}@media(min-width: 1200px){.atelier-shape{width:200px;height:150px}}@media(max-width: 767px){.atelier-shape{width:70px;height:70px;margin-bottom:.8rem}}.shape-polyhedron{border:none;background:rgba(0,0,0,0)}.shape-polyhedron::before{content:"";position:absolute;width:60px;height:60px;background:linear-gradient(135deg, transparent 45%, rgba(184, 91, 71, 0.3) 50%, transparent 55%),linear-gradient(225deg, transparent 45%, rgba(184, 91, 71, 0.3) 50%, transparent 55%),linear-gradient(315deg, transparent 45%, rgba(184, 91, 71, 0.3) 50%, transparent 55%),linear-gradient(45deg, transparent 45%, rgba(184, 91, 71, 0.3) 50%, transparent 55%);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}@media(min-width: 1200px){.shape-polyhedron::before{width:80px;height:80px}}@media(max-width: 767px){.shape-polyhedron::before{width:50px;height:50px}}.shape-frames{border:none;display:flex;gap:4px;align-items:center;justify-content:center}.shape-frames .frame-inner{width:20px;height:60px;border:2px solid hsla(0,0%,100%,.3);background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 30%, rgba(255, 255, 255, 0.05) 100%);position:relative}.shape-frames .frame-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.5)}@media(min-width: 1200px){.shape-frames .frame-inner{width:35px;height:70px}}@media(max-width: 767px){.shape-frames .frame-inner{width:18px;height:50px}}.shape-keyhole{border:none;background:radial-gradient(circle at center, rgba(184, 91, 71, 0.2) 0%, rgba(184, 91, 71, 0.1) 30%, transparent 60%)}.shape-keyhole::before{content:"";position:absolute;width:50px;height:50px;border:2px solid rgba(184,91,71,.6);border-radius:50%;box-shadow:0 0 20px rgba(184,91,71,.3)}@media(min-width: 1200px){.shape-keyhole::before{width:70px;height:70px}}@media(max-width: 767px){.shape-keyhole::before{width:45px;height:45px}}.shape-keyhole::after{content:"";position:absolute;bottom:15px;width:30px;height:25px;background:rgba(184,91,71,.3);clip-path:polygon(0 0, 100% 0, 80% 100%, 20% 100%)}@media(min-width: 1200px){.shape-keyhole::after{width:35px;height:30px;bottom:18px}}@media(max-width: 767px){.shape-keyhole::after{width:25px;height:20px;bottom:12px}}.shape-book{border:none;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);position:relative;border-radius:8px 12px 12px 8px}.shape-book::before{content:"";position:absolute;left:30%;top:15%;bottom:15%;width:3px;background:linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 80%, transparent 100%);box-shadow:2px 0 8px hsla(0,0%,100%,.2)}.shape-book::after{content:"";position:absolute;right:20%;top:25%;width:25px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;box-shadow:0 8px 0 hsla(0,0%,100%,.3),0 16px 0 hsla(0,0%,100%,.2)}@media(min-width: 1200px){.shape-book::after{width:40px}}@media(max-width: 767px){.shape-book::after{width:20px}}.atelier-gate-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:100%;opacity:1;visibility:visible}.atelier-gate-content h2{font-family:"Cormorant Garamond",serif;font-size:1.2rem;font-weight:500;margin:0;color:#fff}@media(max-width: 767px){.atelier-gate-content h2{font-size:1.1rem}}.gate-subtitle{font-family:"Inter",sans-serif;font-size:.9rem;font-style:italic;color:hsla(0,0%,100%,.8);margin:0}@media(max-width: 767px){.gate-subtitle{font-size:.85rem}}.gate-description{font-family:"Inter",sans-serif;font-size:.8rem;line-height:1.4;color:hsla(0,0%,100%,.75);margin:0}@media(max-width: 767px){.gate-description{font-size:.75rem;line-height:1.3}}.atelier-shop-link{position:relative;z-index:100;margin:2rem auto;display:flex;justify-content:center;width:100%}@media(min-width: 1200px){.atelier-shop-link{position:fixed;bottom:1.5rem;right:1.5rem;margin:0;width:auto}}@media(max-width: 767px){.atelier-shop-link{margin:1.5rem auto}}.shop-gate{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:rgba(184,91,71,.9);border:1.5px solid rgba(184,91,71,.6);border-radius:50px;color:#fff;text-decoration:none;font-family:"Inter",sans-serif;font-size:.85rem;font-weight:500;transition:all .3s ease}@media(max-width: 767px){.shop-gate{padding:1rem 1.5rem;font-size:.9rem}.shop-gate:active{transform:scale(0.95)}}@media(hover: hover){.shop-gate:hover{background:#b85b47;transform:translateY(-2px)}}.atelier-secondary-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;width:100%}.atelier-home-link{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.6);text-decoration:none;position:relative;overflow:hidden;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}.atelier-home-link i{font-size:1.4rem;position:relative;z-index:2;transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.atelier-home-link .home-link-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);background-color:rgba(26,26,26,.9);color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:10}.atelier-home-link .home-link-anim-element{position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgba(184,91,71,.3);border-radius:50%;transform:translate(-50%, -50%);transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;opacity:0;z-index:1}.atelier-home-link:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);color:#fff;transform:translateY(-3px)}.atelier-home-link:hover i{transform:rotate(360deg) scale(1.1)}.atelier-home-link:hover .home-link-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.atelier-home-link:hover .home-link-anim-element{width:150%;height:150%;opacity:1;transition:width .4s ease-out,height .4s ease-out,opacity .2s ease-in}.atelier-home-link:active{transform:scale(0.95);transition:transform .1s ease}body .portal-space,main .portal-space{opacity:1;visibility:visible}.portal-space{position:fixed;inset:0;background:radial-gradient(ellipse at center, #1c1c2e 0%, #12121f 50%, #0d0d15 100%);color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.portal-space::before{display:none}@media(max-width: 767px){.portal-space{padding:.5rem}}.portal-background{position:fixed;inset:0;background:rgba(0,0,0,0);pointer-events:none;z-index:2}.portal-content-wrapper{margin-top:auto;margin-bottom:auto;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;padding:2rem 0}.portal-header{position:relative;z-index:10;text-align:center;margin-bottom:3rem;opacity:1;visibility:visible}@media(max-width: 767px){.portal-header{margin-bottom:2rem}}.portal-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:600;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 767px){.portal-title{margin-bottom:.5rem}}.portal-narrative{font-family:"Cormorant Garamond",serif;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;max-width:700px;margin:0 auto 1rem;color:hsla(0,0%,100%,.9)}.portal-subtitle{font-family:"Inter",sans-serif;font-size:clamp(.85rem,2vw,1rem);font-style:italic;color:hsla(0,0%,100%,.7)}.portal-choices{position:relative;z-index:10;display:flex;gap:3rem;justify-content:center;align-items:center;flex-wrap:wrap;opacity:1;visibility:visible}@media(min-width: 1200px){.portal-choices{gap:4rem}}@media(min-width: 768px)and (max-width: 1199px){.portal-choices{gap:2.5rem}}@media(max-width: 767px){.portal-choices{flex-direction:column;gap:2rem}}.portal-gate{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s ease;gap:1.5rem}.portal-gate::before,.portal-gate::after{display:none}@media(max-width: 767px){.portal-gate{margin:.5rem 0}.portal-gate:active{transform:scale(0.95)}}@media(hover: hover){.portal-gate:hover{transform:translateY(-8px)}.portal-gate:hover .gate-visual::before{transform:scale(1.1)}}.gate-visual{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}@media(min-width: 1200px){.gate-visual{width:140px;height:140px}}@media(max-width: 767px){.gate-visual{width:100px;height:100px}}.gate-dream .gate-visual::before{content:"";position:absolute;width:90px;height:90px;border:2px solid rgba(184,91,71,.7);border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(184, 91, 71, 0.2) 0%, transparent 50%),radial-gradient(circle at 70% 70%, rgba(184, 91, 71, 0.15) 0%, transparent 50%);box-shadow:0 0 30px rgba(184,91,71,.4),inset 0 0 20px rgba(184,91,71,.1);animation:dreamSpin 8s linear infinite;transition:transform .3s ease,box-shadow .3s ease,width .3s ease,height .3s ease}@media(min-width: 1200px){.gate-dream .gate-visual::before{width:110px;height:110px}}@media(max-width: 767px){.gate-dream .gate-visual::before{width:80px;height:80px}}.gate-dream .gate-visual::after{content:"";position:absolute;width:50px;height:50px;background:conic-gradient(from 0deg, transparent 0deg, rgba(184, 91, 71, 0.6) 90deg, transparent 180deg, rgba(184, 91, 71, 0.3) 270deg, transparent 360deg);border-radius:50%;animation:dreamOrbit 4s linear infinite reverse;transition:transform .3s ease,opacity .3s ease,width .3s ease,height .3s ease,animation-duration .3s ease}@media(min-width: 1200px){.gate-dream .gate-visual::after{width:60px;height:60px}}@media(max-width: 767px){.gate-dream .gate-visual::after{width:40px;height:40px}}.gate-echoes .gate-visual::before{content:"";position:absolute;width:70px;height:70px;background:radial-gradient(circle at center, rgba(69, 123, 157, 0.3) 0%, transparent 70%);border:2px solid rgba(69,123,157,.6);border-radius:50%;box-shadow:0 0 25px rgba(69,123,157,.4),inset 0 0 15px rgba(69,123,157,.1);animation:echoPulse 3s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,width .3s ease,height .3s ease,animation-duration .3s ease}@media(min-width: 1200px){.gate-echoes .gate-visual::before{width:90px;height:90px}}@media(max-width: 767px){.gate-echoes .gate-visual::before{width:60px;height:60px}}.gate-echoes .gate-visual::after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(69,123,157,.4);border-radius:50%;animation:echoRipple 6s ease-out infinite;transition:transform .3s ease,opacity .3s ease,width .3s ease,height .3s ease,animation-duration .3s ease}@media(min-width: 1200px){.gate-echoes .gate-visual::after{width:120px;height:120px}}@media(max-width: 767px){.gate-echoes .gate-visual::after{width:90px;height:90px}}.gate-echoes .gate-visual .portal-wave{position:absolute;width:130px;height:130px;border:1px solid rgba(69,123,157,.3);border-radius:50%;animation:echoRipple 6s ease-out infinite 2s}@media(min-width: 1200px){.gate-echoes .gate-visual .portal-wave{width:150px;height:150px}}@media(max-width: 767px){.gate-echoes .gate-visual .portal-wave{width:110px;height:110px}}.gate-mirror .gate-visual::before{content:"";position:absolute;width:80px;height:80px;background:linear-gradient(45deg, transparent 45%, rgba(168, 134, 200, 0.8) 50%, transparent 55%),linear-gradient(-45deg, transparent 45%, rgba(168, 134, 200, 0.6) 50%, transparent 55%);border:2px solid rgba(168,134,200,.7);border-radius:8px;box-shadow:0 0 30px rgba(168,134,200,.5),inset 0 0 20px rgba(168,134,200,.1);animation:mirrorFlip 6s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,width .3s ease,height .3s ease,animation-duration .3s ease}@media(min-width: 1200px){.gate-mirror .gate-visual::before{width:100px;height:100px}}@media(max-width: 767px){.gate-mirror .gate-visual::before{width:70px;height:70px}}.gate-mirror .gate-visual::after{content:"";position:absolute;width:60px;height:60px;background:linear-gradient(45deg, transparent 45%, rgba(168, 134, 200, 0.4) 50%, transparent 55%);border:1px solid rgba(168,134,200,.5);border-radius:4px;animation:mirrorReflect 4s ease-in-out infinite alternate;transition:transform .3s ease,opacity .3s ease,width .3s ease,height .3s ease,animation-duration .3s ease}@media(min-width: 1200px){.gate-mirror .gate-visual::after{width:70px;height:70px}}@media(max-width: 767px){.gate-mirror .gate-visual::after{width:50px;height:50px}}.gate-mirror .gate-visual .mirror-reflection{position:absolute;width:110px;height:110px;border:1px solid rgba(168,134,200,.3);border-radius:12px;animation:mirrorGlow 8s ease-in-out infinite;opacity:.6}@media(min-width: 1200px){.gate-mirror .gate-visual .mirror-reflection{width:130px;height:130px}}@media(max-width: 767px){.gate-mirror .gate-visual .mirror-reflection{width:90px;height:90px}}@keyframes mirrorFlip{0%,100%{transform:perspective(500px) rotateY(0deg) scale(1);box-shadow:0 0 30px rgba(168,134,200,.5),inset 0 0 20px rgba(168,134,200,.1)}25%{transform:perspective(500px) rotateY(10deg) scale(1.02)}50%{transform:perspective(500px) rotateY(0deg) scale(1.05);box-shadow:0 0 40px rgba(168,134,200,.7),inset 0 0 25px rgba(168,134,200,.15)}75%{transform:perspective(500px) rotateY(-10deg) scale(1.02)}}@keyframes mirrorReflect{0%{transform:rotate(0deg) scale(1);opacity:.6}100%{transform:rotate(180deg) scale(1.1);opacity:.9}}@keyframes mirrorGlow{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.8}}@keyframes dreamSpin{0%{transform:rotate(0deg);box-shadow:0 0 30px rgba(184,91,71,.4),inset 0 0 20px rgba(184,91,71,.1)}50%{box-shadow:0 0 40px rgba(184,91,71,.6),inset 0 0 25px rgba(184,91,71,.15)}100%{transform:rotate(360deg);box-shadow:0 0 30px rgba(184,91,71,.4),inset 0 0 20px rgba(184,91,71,.1)}}@keyframes dreamOrbit{0%{transform:rotate(0deg) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.1);opacity:1}100%{transform:rotate(360deg) scale(1);opacity:.8}}@keyframes echoPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes echoRipple{0%{transform:scale(0.8);opacity:.8}50%{opacity:.4}100%{transform:scale(1.2);opacity:0}}.portal-story-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:500;text-align:center;margin-top:1rem;opacity:.9;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap}.gate-dream .portal-story-title{color:rgba(184,91,71,.9)}.gate-echoes .portal-story-title{color:rgba(69,123,157,.9)}.gate-mirror .portal-story-title{color:rgba(168,134,200,.9)}@media(max-width: 767px){.portal-story-title{font-size:1rem;margin-top:.8rem}}@media(hover: hover){.portal-gate:hover .portal-story-title{opacity:1;color:#fff;text-shadow:0 0 10px currentColor}.gate-dream:hover{transform:rotate(5deg) scale(1.03);transition:transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.gate-dream:hover .gate-visual::before{animation-duration:3s;box-shadow:0 0 50px rgba(184,91,71,.8),inset 0 0 30px rgba(184,91,71,.2)}.gate-dream:hover .gate-visual::after{animation-duration:1.5s;opacity:1;transform:scale(1.2)}.gate-echoes:hover{animation:gatePulse 2s ease-in-out infinite;transition:none}.gate-echoes:hover .gate-visual::before{animation-duration:1s;transform:scale(1.1);box-shadow:0 0 45px rgba(69,123,157,.9),inset 0 0 25px rgba(69,123,157,.3)}.gate-echoes:hover .gate-visual::after{animation-duration:2.5s;border-color:rgba(69,123,157,.8);transform:scale(1.3);opacity:0}.gate-echoes:hover .gate-visual .portal-wave{animation-duration:2.5s;animation-delay:.5s;border-color:rgba(69,123,157,.6);transform:scale(1.4);opacity:0}@keyframes gatePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.gate-mirror:hover{transform:perspective(800px) rotateY(10deg) scale(1.03);transition:transform .4s ease-out}.gate-mirror:hover .gate-visual::before{animation-duration:2.5s;box-shadow:0 0 55px rgba(168,134,200,.9),inset 0 0 35px rgba(168,134,200,.25)}.gate-mirror:hover .gate-visual::after{animation-duration:1.5s;opacity:1;border-color:rgba(168,134,200,.8)}.gate-mirror:hover .gate-visual .mirror-reflection{animation-duration:3s;opacity:1;transform:scale(1.15)}}.portal-home-link-container{margin-top:64px;width:100%;display:flex;justify-content:center}@media(max-width: 767px){.portal-home-link-container{margin-top:3rem;margin-bottom:12rem}}.portal-home-link{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.8rem;font-family:"Inter",sans-serif;font-size:1rem;font-weight:500;text-decoration:none;color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;position:relative;overflow:hidden;background-color:rgba(0,0,0,0);transition:color .4s ease,border-color .4s ease;z-index:1;margin-top:4rem;margin-bottom:4rem}.portal-home-link i{font-size:1rem;transition:transform .4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.portal-home-link .home-link-text{position:relative;z-index:2}.portal-home-link .home-link-bg-anim{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, #457B9D, rgb(110.8517699115, 160.4314159292, 191.6482300885), #457B9D);background-size:300% 300%;border-radius:50px;opacity:0;transform:scale(0.8);transition:opacity .4s ease,transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:0;animation:gradientShift 8s ease infinite paused}.portal-home-link:hover{color:#fff;border-color:hsla(0,0%,100%,.5)}.portal-home-link:hover i{transform:rotate(-15deg) scale(1.1)}.portal-home-link:hover .home-link-bg-anim{opacity:1;transform:scale(1);animation-play-state:running}.portal-home-link:active{transform:scale(0.97);transition:transform .1s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}:root{--accent-primary: #b85b47;--accent-gold: #d4af37;--accent-secondary: #457b9d;--accent-emerald: #10b981;--accent-purple: #8b5cf6;--accent-rose: #f43f5e;--light-100: #ffffff;--dark-900: #05050a;--dark-800: #1a1a1a;--parchment: #fdfbf7;--parchment-dark: #3e2723;--velvet-dark: #0f0f1a;--velvet-gold: #c9a96e;--glass-white: rgba(255, 255, 255, 0.95);--glass-dark: rgba(15, 15, 20, 0.95);--font-display: "Cormorant Garamond", serif;--font-title: "Cinzel", serif;--font-body: "Inter", sans-serif;--font-elegant: "Playfair Display", serif;--font-classic: "Source Serif Pro", serif;--transition-base: 0.4s cubic-bezier(0.25, 1, 0.5, 1);--transition-slow: 0.8s cubic-bezier(0.25, 1, 0.5, 1)}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--dark-900);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:has(.dream-journey){overflow:hidden !important;overscroll-behavior:none}.dream-journey{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--dark-900);z-index:1;animation:pageFadeIn 1s ease-in forwards}.dream-section{height:100vh;width:100vw;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-slow),transform var(--transition-slow);visibility:hidden;z-index:1;transform:scale(1.05)}.dream-section.is-active{opacity:1 !important;pointer-events:auto !important;visibility:visible !important;z-index:10;transform:scale(1)}.dream-gradient{background:linear-gradient(135deg, #0f0c29, #302b63, #24243e)}.dream-overlay{position:absolute;inset:0;background-image:url("/images/effects/grain-overlay.webp");opacity:.03;pointer-events:none;z-index:4;mix-blend-mode:overlay}.portal{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--light-100)}.portal__background{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center, #1a1a2e 0%, #000000 100%)}.portal__content{position:relative;z-index:5;padding:2rem;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}.portal__title{font-family:var(--font-title);font-size:clamp(2.5rem,8vw,5rem);font-weight:400;letter-spacing:.05em;margin-bottom:3rem;text-shadow:0 0 30px hsla(0,0%,100%,.3)}.portal__title span{display:block;opacity:0;animation:fadeInUp 1s ease-out forwards}.portal__title span:nth-child(2){animation-delay:.3s;color:var(--accent-gold)}.portal__button{opacity:0;animation:fadeInUp 1s ease-out .8s forwards;font-family:var(--font-body);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;background:rgba(0,0,0,0);color:#fff;padding:1.2rem 4rem;border:1px solid hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease}.portal__button::before{content:"";position:absolute;inset:0;background:var(--light-100);transform:scaleX(0);transform-origin:right;transition:transform .4s ease;z-index:-1}.portal__button:hover{color:#000;border-color:#fff}.portal__button:hover::before{transform:scaleX(1);transform-origin:left}.portal__instructions{opacity:0;animation:fadeInUp 1s ease-out 1.2s forwards;margin-top:4rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.portal__instructions .instruction{display:flex;flex-direction:column;align-items:center;gap:.8rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:1.5rem;border-radius:8px;min-width:140px;backdrop-filter:blur(5px);transition:transform .3s ease}.portal__instructions .instruction:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.06)}.portal__instructions .instruction__icon{font-size:1.5rem;color:var(--accent-gold);margin-bottom:.5rem}.portal__instructions .instruction__text{font-size:.8rem;color:hsla(0,0%,100%,.7);font-weight:300;line-height:1.4}.world__background{position:absolute;inset:0;z-index:1;background-color:#000}.world__background .world__video{width:100%;height:100%;object-fit:cover;opacity:.6}.world__background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:2}.world__content{width:100%;height:100%;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:5vh;box-sizing:border-box}.world__prose-container{width:100%;display:flex;justify-content:center}.world__prose{max-width:800px;width:90%;font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.8;text-align:center;color:hsla(0,0%,100%,.95);font-style:italic;white-space:pre-line;background:rgba(10,10,12,.7);backdrop-filter:blur(12px);padding:2.5rem 3rem;border-top:1px solid hsla(0,0%,100%,.15);border-bottom:1px solid hsla(0,0%,100%,.15);border-radius:4px;position:relative;z-index:20;opacity:0;animation:fadeInUp 1s ease-out .5s forwards;box-sizing:border-box}.world__carousel{width:100%;max-width:1200px;display:flex;justify-content:center;z-index:20;flex-shrink:0;position:relative}.carousel__track-container{position:relative;width:80vw;max-width:900px;height:45vh;min-height:300px;max-height:500px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.carousel__track{display:flex;height:100%;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.carousel__slide{flex:0 0 100%;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.carousel__slide .slide__image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer;pointer-events:auto !important;position:relative;box-sizing:border-box}.carousel__slide .slide__image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .5s ease,filter .5s ease;display:block;margin:0 auto}.carousel__slide .slide__image-container:hover img{transform:scale(1.02)}.carousel__slide .gallery__poem{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:500px;height:auto;max-height:80%;background:rgba(15,15,20,.98);border:1px solid hsla(0,0%,100%,.15);padding:2.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.7);box-sizing:border-box;overflow-y:auto}.carousel__slide .gallery__poem .poem__content{font-family:var(--font-display);font-size:1.2rem;color:#f0f0f0;text-align:center;line-height:1.7;white-space:pre-line;width:100%;overflow-y:auto;padding:.5rem;box-sizing:border-box}.carousel__slide .gallery__poem .poem__close-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:.9rem;z-index:10;flex-shrink:0}.carousel__slide .gallery__poem .poem__close-btn:hover{background:#fff;color:#000}.carousel__slide.is-poem-visible .gallery__poem{opacity:1;visibility:visible;pointer-events:auto !important;margin-left:1rem}.carousel__slide.is-poem-visible .slide__image-container img{filter:blur(8px) brightness(0.6);transform:scale(1.05)}.carousel__slide.is-poem-visible~.carousel__button{opacity:0;pointer-events:none}.carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:110;width:45px;height:45px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.carousel__button--prev{left:15px}.carousel__button--next{right:15px}.carousel__button:hover{background:#fff;color:#000}.world__nav{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:100;background:rgba(10,12,16,.7);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;padding:.5rem .8rem;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:1;transition:all .3s ease;pointer-events:auto !important}.world__nav:hover{background:rgba(10,12,16,.9);border-color:var(--accent-primary);transform:translateX(-50%) translateY(-3px)}.world.poem-open .world__nav{opacity:0;pointer-events:none}.scroll-indicator-minimal{background:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;margin:0}.scroll-indicator-minimal .scroll-arrow{display:block;width:12px;height:12px;border-bottom:2px solid hsla(0,0%,100%,.8);border-right:2px solid hsla(0,0%,100%,.8);transform:rotate(45deg);animation:arrowFlow 2s infinite}.scroll-indicator-minimal .scroll-arrow:nth-child(1){animation-delay:0s}.scroll-indicator-minimal .scroll-arrow:nth-child(2){animation-delay:.2s}.scroll-indicator-minimal .scroll-arrow:nth-child(3){animation-delay:.4s}.scroll-indicator-minimal:hover .scroll-arrow{border-color:var(--accent-primary)}.final-section{position:fixed;inset:0;z-index:10000;background:var(--dark-900);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}.final-section.is-active{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.final-section.is-active .final__background[style*=background-image],.final-section.is-active .dream-overlay{opacity:1}.final-section .final__background{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center, #1a1a2e 0%, #000000 100%);transition:opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);opacity:1}.final-section .final__background[style*=background-image]{background:radial-gradient(ellipse at center, rgb(40, 40, 45) 0%, rgb(10, 10, 12) 100%);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1)}.final-section .dream-journey .final-section .dream-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.75) 100%);opacity:0;transition:opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1)}.final-section .final__content{text-align:center;padding:2rem;color:#fff;position:relative;z-index:10;max-width:800px;width:90%}.final-section .final__content .final-message__title,.final-section .final__content .final-message__text{text-shadow:0 2px 15px rgba(0,0,0,.7)}.final-section .final-message{opacity:0;animation:fadeInUp 1s ease-out .5s forwards}.final-section .final-message__title{font-family:var(--font-title);font-size:clamp(2.5rem,6vw,4rem);font-weight:600;color:var(--accent-gold);text-shadow:0 0 20px var(--accent-gold);margin-bottom:1rem}.final-section .final-message__text{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.7;color:hsla(0,0%,100%,.95);margin-bottom:2.5rem}.final-section .completion-rewards{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:1.5rem}.final-section .completion-rewards .reward-item{display:flex;align-items:center;gap:1rem;font-size:1rem;color:hsla(0,0%,100%,.9)}.final-section .completion-rewards .reward-item i{color:var(--accent-gold);font-size:1.2rem}.final-section .final__actions{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap;max-width:600px;margin-left:auto;margin-right:auto}.final-section .final__actions button,.final-section .final__actions a{flex-basis:250px;flex-grow:1;justify-content:center;padding:1rem 2.5rem;border-radius:50px;text-transform:uppercase;cursor:pointer;background:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.3);font-weight:600;font-family:var(--font-body);font-size:.9rem;letter-spacing:.1em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem}.final-section .final__actions button i,.final-section .final__actions a i{font-size:1rem}.final-section .final__actions button:hover,.final-section .final__actions a:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-3px)}.final-section .final__actions button#final-portal-btn:hover,.final-section .final__actions a#final-portal-btn:hover{background:var(--accent-gold);border-color:var(--accent-gold);color:#000}.final-section .journey-statistics{display:flex;justify-content:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.final-section .journey-statistics .stat-item{display:flex;flex-direction:column;align-items:center}.final-section .journey-statistics .stat-item .stat-value{font-size:1.8rem;font-weight:600;color:var(--accent-gold)}.final-section .journey-statistics .stat-item .stat-label{font-size:.8rem;color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:.1em}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes arrowFlow{0%{opacity:0;transform:rotate(45deg) translate(-5px, -5px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(5px, 5px)}}@media(max-width: 768px){.portal__content{padding:1rem}.portal__title{font-size:2.2rem;margin-bottom:2rem}.portal__title span:nth-child(2){font-size:1.8rem}.portal__button{padding:1rem 2.5rem;font-size:.9rem;letter-spacing:.15em;margin-bottom:2rem}.portal__instructions{margin-top:2rem;gap:.8rem;margin-bottom:1rem}.portal__instructions .instruction{width:90%;flex-direction:row;justify-content:center;padding:1rem 1.2rem}.portal__instructions .instruction .instruction__icon{font-size:1.2rem}.portal__instructions .instruction .instruction__text{font-size:.75rem;text-align:left}.world__background .world__video{display:none !important}.world__background{background:linear-gradient(180deg, #0f172a, #000) !important}.world__content{padding:1rem 0;justify-content:center;gap:2rem;width:100vw;box-sizing:border-box}.carousel__track-container{width:90vw;max-width:100%;height:40vh;border:none;background:rgba(0,0,0,0);box-shadow:none;overflow:hidden}.slide__image-container{padding:0}.slide__image-container img{object-fit:contain}.world__prose-container{width:100%;padding:0}.world__prose{font-size:.8rem;width:90vw;max-width:100%;margin:0 auto;border:none;border-left:2px solid var(--accent-primary);box-sizing:border-box;text-align:center}.carousel__slide .gallery__poem{width:85%;max-width:85%;height:auto;max-height:75%;padding:1.5rem;transform:translate(-50%, -50%);overflow-y:auto;box-sizing:border-box}.carousel__slide .gallery__poem .poem__content{font-size:.8rem;line-height:1.6;padding:0;text-align:center}.carousel__slide .gallery__poem .poem__close-btn{top:8px;right:8px;width:24px;height:24px;font-size:.8rem}.carousel__button{width:40px;height:40px;font-size:.9rem}.carousel__button--prev{left:40px}.carousel__button--next{right:0}.world__nav{bottom:15px !important;padding:.4rem .7rem !important;background:rgba(10,12,16,.85) !important;margin-bottom:.5rem !important}.scroll-indicator-minimal .scroll-arrow{width:10px;height:10px;border-width:2px}.final-section .final__actions{flex-direction:column;gap:1rem}.final-section .final__actions button,.final-section .final__actions a{width:100%;justify-content:center;box-sizing:border-box}.final-section .journey-statistics{gap:1rem}.final-section .journey-statistics .stat-item .stat-value{font-size:1.5rem}.final-section .completion-rewards{padding:1rem}.final-section .completion-rewards .reward-item{flex-direction:column;text-align:center;gap:.5rem}}body[data-bg-theme=mystic]{--accent-primary: #ff7e5f}body[data-bg-theme=mystic] .world__background{background:linear-gradient(135deg, #3e1e1e 0%, #7c2d12 50%, #b85b47 100%) center center/cover !important}body[data-bg-theme=mystic] .dream-journey{background:#3e1e1e !important}body[data-bg-theme=nebula]{--accent-primary: #00bcd4}body[data-bg-theme=nebula] .world__background{background:radial-gradient(circle at center, #16222a 0%, #3a6073 100%) center center/cover !important}body[data-bg-theme=nebula] .dream-journey{background:#16222a !important}body[data-bg-theme=deepsea]{--accent-primary: #2dd4bf}body[data-bg-theme=deepsea] .world__background{background:linear-gradient(to bottom, #0f2027, #203a43, #2c5364) center center/cover !important}body[data-bg-theme=deepsea] .dream-journey{background:#0f2027 !important}body[data-bg-theme=sunset]{--accent-primary: #fbbf24}body[data-bg-theme=sunset] .world__background{background:linear-gradient(to top, #2c0b0e 0%, #631c1c 100%) center center/cover !important}body[data-bg-theme=sunset] .dream-journey{background:#2c0b0e !important}body[data-bg-theme=forest]{--accent-primary: #10b981}body[data-bg-theme=forest] .world__background{background:linear-gradient(135deg, #0f2b1a 0%, #1a472a 50%, #2d5a3d 100%) center center/cover !important}body[data-bg-theme=forest] .dream-journey{background:#0f2b1a !important}body[data-poem-style=parchment] .world__prose,body[data-poem-style=parchment] .carousel__slide .gallery__poem,body[data-poem-style=parchment] .instruction,body[data-poem-style=parchment] .final-message{background-color:#fdfbf7 !important;color:#3e2723 !important;border:1px solid #d7c0ad !important;border-radius:4px !important;box-shadow:0 5px 15px rgba(0,0,0,.15) !important;font-family:"Merriweather",serif !important;font-style:normal !important;text-shadow:none !important}body[data-poem-style=parchment] .world__prose p,body[data-poem-style=parchment] .world__prose span,body[data-poem-style=parchment] .world__prose div,body[data-poem-style=parchment] .world__prose h1,body[data-poem-style=parchment] .world__prose h2,body[data-poem-style=parchment] .world__prose h3,body[data-poem-style=parchment] .world__prose i,body[data-poem-style=parchment] .carousel__slide .gallery__poem p,body[data-poem-style=parchment] .carousel__slide .gallery__poem span,body[data-poem-style=parchment] .carousel__slide .gallery__poem div,body[data-poem-style=parchment] .carousel__slide .gallery__poem h1,body[data-poem-style=parchment] .carousel__slide .gallery__poem h2,body[data-poem-style=parchment] .carousel__slide .gallery__poem h3,body[data-poem-style=parchment] .carousel__slide .gallery__poem i,body[data-poem-style=parchment] .instruction p,body[data-poem-style=parchment] .instruction span,body[data-poem-style=parchment] .instruction div,body[data-poem-style=parchment] .instruction h1,body[data-poem-style=parchment] .instruction h2,body[data-poem-style=parchment] .instruction h3,body[data-poem-style=parchment] .instruction i,body[data-poem-style=parchment] .final-message p,body[data-poem-style=parchment] .final-message span,body[data-poem-style=parchment] .final-message div,body[data-poem-style=parchment] .final-message h1,body[data-poem-style=parchment] .final-message h2,body[data-poem-style=parchment] .final-message h3,body[data-poem-style=parchment] .final-message i{color:#3e2723 !important;font-size:1rem !important}body[data-poem-style=parchment] .world__prose .poem__close-btn,body[data-poem-style=parchment] .carousel__slide .gallery__poem .poem__close-btn,body[data-poem-style=parchment] .instruction .poem__close-btn,body[data-poem-style=parchment] .final-message .poem__close-btn{color:#3e2723 !important;border:1px solid rgba(62,39,35,.3) !important}body[data-poem-style=parchment] .world__prose .poem__close-btn:hover,body[data-poem-style=parchment] .carousel__slide .gallery__poem .poem__close-btn:hover,body[data-poem-style=parchment] .instruction .poem__close-btn:hover,body[data-poem-style=parchment] .final-message .poem__close-btn:hover{background:rgba(62,39,35,.1) !important}body[data-poem-style=gold] .world__prose,body[data-poem-style=gold] .carousel__slide .gallery__poem,body[data-poem-style=gold] .instruction,body[data-poem-style=gold] .final-message{background:rgba(15,15,20,.95) !important;border:1px solid var(--accent-gold) !important;box-shadow:0 0 25px rgba(212,175,55,.15) !important;color:#f0f0f0 !important;font-family:var(--font-display) !important;border-radius:4px !important}body[data-poem-style=gold] .world__prose p,body[data-poem-style=gold] .world__prose span,body[data-poem-style=gold] .world__prose div,body[data-poem-style=gold] .world__prose h1,body[data-poem-style=gold] .world__prose h2,body[data-poem-style=gold] .world__prose h3,body[data-poem-style=gold] .world__prose i,body[data-poem-style=gold] .carousel__slide .gallery__poem p,body[data-poem-style=gold] .carousel__slide .gallery__poem span,body[data-poem-style=gold] .carousel__slide .gallery__poem div,body[data-poem-style=gold] .carousel__slide .gallery__poem h1,body[data-poem-style=gold] .carousel__slide .gallery__poem h2,body[data-poem-style=gold] .carousel__slide .gallery__poem h3,body[data-poem-style=gold] .carousel__slide .gallery__poem i,body[data-poem-style=gold] .instruction p,body[data-poem-style=gold] .instruction span,body[data-poem-style=gold] .instruction div,body[data-poem-style=gold] .instruction h1,body[data-poem-style=gold] .instruction h2,body[data-poem-style=gold] .instruction h3,body[data-poem-style=gold] .instruction i,body[data-poem-style=gold] .final-message p,body[data-poem-style=gold] .final-message span,body[data-poem-style=gold] .final-message div,body[data-poem-style=gold] .final-message h1,body[data-poem-style=gold] .final-message h2,body[data-poem-style=gold] .final-message h3,body[data-poem-style=gold] .final-message i{color:#f0f0f0 !important}body[data-poem-style=gold] .world__prose .instruction__icon,body[data-poem-style=gold] .carousel__slide .gallery__poem .instruction__icon,body[data-poem-style=gold] .instruction .instruction__icon,body[data-poem-style=gold] .final-message .instruction__icon{color:var(--accent-gold) !important}body[data-poem-style=gold] .world__prose .poem__close-btn,body[data-poem-style=gold] .carousel__slide .gallery__poem .poem__close-btn,body[data-poem-style=gold] .instruction .poem__close-btn,body[data-poem-style=gold] .final-message .poem__close-btn{color:var(--accent-gold) !important;border:1px solid var(--accent-gold) !important}body[data-poem-style=gold] .world__prose .poem__close-btn:hover,body[data-poem-style=gold] .carousel__slide .gallery__poem .poem__close-btn:hover,body[data-poem-style=gold] .instruction .poem__close-btn:hover,body[data-poem-style=gold] .final-message .poem__close-btn:hover{background:rgba(212,175,55,.2) !important}body[data-poem-style=minimal] .world__prose,body[data-poem-style=minimal] .carousel__slide .gallery__poem,body[data-poem-style=minimal] .instruction,body[data-poem-style=minimal] .final-message{background:#fff !important;color:#000 !important;border:none !important;border-radius:12px !important;box-shadow:0 10px 30px rgba(0,0,0,.1) !important;font-style:normal !important;text-shadow:none !important}body[data-poem-style=minimal] .world__prose p,body[data-poem-style=minimal] .world__prose span,body[data-poem-style=minimal] .world__prose div,body[data-poem-style=minimal] .world__prose h1,body[data-poem-style=minimal] .world__prose h2,body[data-poem-style=minimal] .world__prose h3,body[data-poem-style=minimal] .world__prose i,body[data-poem-style=minimal] .carousel__slide .gallery__poem p,body[data-poem-style=minimal] .carousel__slide .gallery__poem span,body[data-poem-style=minimal] .carousel__slide .gallery__poem div,body[data-poem-style=minimal] .carousel__slide .gallery__poem h1,body[data-poem-style=minimal] .carousel__slide .gallery__poem h2,body[data-poem-style=minimal] .carousel__slide .gallery__poem h3,body[data-poem-style=minimal] .carousel__slide .gallery__poem i,body[data-poem-style=minimal] .instruction p,body[data-poem-style=minimal] .instruction span,body[data-poem-style=minimal] .instruction div,body[data-poem-style=minimal] .instruction h1,body[data-poem-style=minimal] .instruction h2,body[data-poem-style=minimal] .instruction h3,body[data-poem-style=minimal] .instruction i,body[data-poem-style=minimal] .final-message p,body[data-poem-style=minimal] .final-message span,body[data-poem-style=minimal] .final-message div,body[data-poem-style=minimal] .final-message h1,body[data-poem-style=minimal] .final-message h2,body[data-poem-style=minimal] .final-message h3,body[data-poem-style=minimal] .final-message i{color:#000 !important}body[data-poem-style=minimal] .world__prose .poem__close-btn,body[data-poem-style=minimal] .carousel__slide .gallery__poem .poem__close-btn,body[data-poem-style=minimal] .instruction .poem__close-btn,body[data-poem-style=minimal] .final-message .poem__close-btn{color:#000 !important;background:rgba(0,0,0,.05) !important;border:none !important}body[data-poem-style=minimal] .world__prose .poem__close-btn:hover,body[data-poem-style=minimal] .carousel__slide .gallery__poem .poem__close-btn:hover,body[data-poem-style=minimal] .instruction .poem__close-btn:hover,body[data-poem-style=minimal] .final-message .poem__close-btn:hover{background:rgba(0,0,0,.15) !important}body[data-poem-style=velvet] .world__prose,body[data-poem-style=velvet] .carousel__slide .gallery__poem,body[data-poem-style=velvet] .instruction,body[data-poem-style=velvet] .final-message{background:var(--velvet-dark) !important;border:1px solid var(--velvet-gold) !important;box-shadow:0 10px 40px rgba(201,169,110,.1) !important;color:#e2e8f0 !important;font-family:var(--font-elegant) !important;border-radius:8px !important}body[data-poem-style=velvet] .world__prose p,body[data-poem-style=velvet] .world__prose span,body[data-poem-style=velvet] .world__prose div,body[data-poem-style=velvet] .world__prose h1,body[data-poem-style=velvet] .world__prose h2,body[data-poem-style=velvet] .world__prose h3,body[data-poem-style=velvet] .world__prose i,body[data-poem-style=velvet] .carousel__slide .gallery__poem p,body[data-poem-style=velvet] .carousel__slide .gallery__poem span,body[data-poem-style=velvet] .carousel__slide .gallery__poem div,body[data-poem-style=velvet] .carousel__slide .gallery__poem h1,body[data-poem-style=velvet] .carousel__slide .gallery__poem h2,body[data-poem-style=velvet] .carousel__slide .gallery__poem h3,body[data-poem-style=velvet] .carousel__slide .gallery__poem i,body[data-poem-style=velvet] .instruction p,body[data-poem-style=velvet] .instruction span,body[data-poem-style=velvet] .instruction div,body[data-poem-style=velvet] .instruction h1,body[data-poem-style=velvet] .instruction h2,body[data-poem-style=velvet] .instruction h3,body[data-poem-style=velvet] .instruction i,body[data-poem-style=velvet] .final-message p,body[data-poem-style=velvet] .final-message span,body[data-poem-style=velvet] .final-message div,body[data-poem-style=velvet] .final-message h1,body[data-poem-style=velvet] .final-message h2,body[data-poem-style=velvet] .final-message h3,body[data-poem-style=velvet] .final-message i{color:#e2e8f0 !important}body[data-poem-style=velvet] .world__prose .instruction__icon,body[data-poem-style=velvet] .carousel__slide .gallery__poem .instruction__icon,body[data-poem-style=velvet] .instruction .instruction__icon,body[data-poem-style=velvet] .final-message .instruction__icon{color:var(--velvet-gold) !important}body[data-poem-style=velvet] .world__prose .poem__close-btn,body[data-poem-style=velvet] .carousel__slide .gallery__poem .poem__close-btn,body[data-poem-style=velvet] .instruction .poem__close-btn,body[data-poem-style=velvet] .final-message .poem__close-btn{color:var(--velvet-gold) !important;border:1px solid var(--velvet-gold) !important}body[data-poem-style=velvet] .world__prose .poem__close-btn:hover,body[data-poem-style=velvet] .carousel__slide .gallery__poem .poem__close-btn:hover,body[data-poem-style=velvet] .instruction .poem__close-btn:hover,body[data-poem-style=velvet] .final-message .poem__close-btn:hover{background:rgba(201,169,110,.2) !important}body[data-poem-style=darkglass] .world__prose,body[data-poem-style=darkglass] .carousel__slide .gallery__poem,body[data-poem-style=darkglass] .instruction,body[data-poem-style=darkglass] .final-message{background:var(--glass-dark) !important;backdrop-filter:blur(20px) saturate(180%) !important;border:1px solid hsla(0,0%,100%,.1) !important;box-shadow:0 8px 32px rgba(0,0,0,.3) !important;color:#f8fafc !important;font-family:var(--font-body) !important;border-radius:16px !important}body[data-poem-style=darkglass] .world__prose p,body[data-poem-style=darkglass] .world__prose span,body[data-poem-style=darkglass] .world__prose div,body[data-poem-style=darkglass] .world__prose h1,body[data-poem-style=darkglass] .world__prose h2,body[data-poem-style=darkglass] .world__prose h3,body[data-poem-style=darkglass] .world__prose i,body[data-poem-style=darkglass] .carousel__slide .gallery__poem p,body[data-poem-style=darkglass] .carousel__slide .gallery__poem span,body[data-poem-style=darkglass] .carousel__slide .gallery__poem div,body[data-poem-style=darkglass] .carousel__slide .gallery__poem h1,body[data-poem-style=darkglass] .carousel__slide .gallery__poem h2,body[data-poem-style=darkglass] .carousel__slide .gallery__poem h3,body[data-poem-style=darkglass] .carousel__slide .gallery__poem i,body[data-poem-style=darkglass] .instruction p,body[data-poem-style=darkglass] .instruction span,body[data-poem-style=darkglass] .instruction div,body[data-poem-style=darkglass] .instruction h1,body[data-poem-style=darkglass] .instruction h2,body[data-poem-style=darkglass] .instruction h3,body[data-poem-style=darkglass] .instruction i,body[data-poem-style=darkglass] .final-message p,body[data-poem-style=darkglass] .final-message span,body[data-poem-style=darkglass] .final-message div,body[data-poem-style=darkglass] .final-message h1,body[data-poem-style=darkglass] .final-message h2,body[data-poem-style=darkglass] .final-message h3,body[data-poem-style=darkglass] .final-message i{color:#f8fafc !important}body[data-poem-style=darkglass] .world__prose .instruction__icon,body[data-poem-style=darkglass] .carousel__slide .gallery__poem .instruction__icon,body[data-poem-style=darkglass] .instruction .instruction__icon,body[data-poem-style=darkglass] .final-message .instruction__icon{color:var(--accent-primary) !important}body[data-poem-style=darkglass] .world__prose .poem__close-btn,body[data-poem-style=darkglass] .carousel__slide .gallery__poem .poem__close-btn,body[data-poem-style=darkglass] .instruction .poem__close-btn,body[data-poem-style=darkglass] .final-message .poem__close-btn{color:#f8fafc !important;border:1px solid rgba(248,250,252,.2) !important}body[data-poem-style=darkglass] .world__prose .poem__close-btn:hover,body[data-poem-style=darkglass] .carousel__slide .gallery__poem .poem__close-btn:hover,body[data-poem-style=darkglass] .instruction .poem__close-btn:hover,body[data-poem-style=darkglass] .final-message .poem__close-btn:hover{background:rgba(248,250,252,.1) !important}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.floating-element{animation:float 6s ease-in-out infinite}.shimmer-text{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:1000px 100%;animation:shimmer 3s infinite linear}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.high-contrast-mode{--accent-primary: #ff6b00;--accent-gold: #ffd700;--light-100: #ffffff;--dark-900: #000000}.high-contrast-mode .dream-section{background:#000 !important}.high-contrast-mode .world__prose,.high-contrast-mode .carousel__slide .gallery__poem,.high-contrast-mode .instruction,.high-contrast-mode .final-message{background:#fff !important;color:#000 !important;border:2px solid #000 !important}.journey-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%, 200%);background-color:rgba(0,0,0,.9);color:#fff;padding:12px 24px;border-radius:25px;z-index:9999;font-size:14px;font-weight:500;transition:transform .4s cubic-bezier(0.21, 1.02, 0.73, 1);box-shadow:0 4px 15px rgba(0,0,0,.3);backdrop-filter:blur(5px)}.journey-toast.show{transform:translate(-50%, 0)}.carousel__feedback-bar{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;display:flex;justify-content:center;flex-direction:row;gap:15px;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);z-index:20;box-sizing:border-box}.feedback-btn{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.2);backdrop-filter:blur(3px)}.feedback-btn span{display:none}.feedback-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.4)}.feedback-btn .fas{display:none}.feedback-btn .far{display:inline-block}.feedback-btn.active .far{display:none}.feedback-btn.active .fas{display:inline-block}.feedback-btn.like-btn.active{background:#ff4757;border-color:#ff4757}.feedback-btn.bookmark-btn.active{background:#477dff;border-color:#477dff}@media(min-width: 768px){.feedback-btn{width:auto;min-width:180px;height:44px;border-radius:22px;padding:0 20px;gap:10px;font-size:16px}.feedback-btn span{display:inline-block}}.gallery__poem{z-index:30}.dream-section,.echoes-section,.mirror-section{position:absolute;top:0;left:0;width:100%;height:100vh;height:100svh;overflow:hidden}.dream-section:not(.is-active),.echoes-section:not(.is-active),.mirror-section:not(.is-active){opacity:0;visibility:hidden;display:none;pointer-events:none;transition:opacity 1s ease,visibility 1s ease}.dream-section.is-active,.echoes-section.is-active,.mirror-section.is-active{opacity:1;visibility:visible;display:flex;pointer-events:auto;z-index:10}.dream-section.is-exiting,.echoes-section.is-exiting,.mirror-section.is-exiting{z-index:5}.world__completion-hint{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);backdrop-filter:blur(5px);color:#fff;padding:8px 15px;border-radius:20px;font-size:.85rem;z-index:90;display:none;align-items:center;gap:8px;opacity:.9;border:1px solid hsla(0,0%,100%,.1);transition:opacity .3s ease}.scroll-indicator-minimal{transition:opacity .4s ease}.journey-exit-button{position:absolute;top:20px;left:20px;z-index:1001;width:44px;height:44px;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;backdrop-filter:blur(4px);transition:all .3s ease;opacity:.7}.journey-exit-button:hover{opacity:1;transform:scale(1.1);background:rgba(0,0,0,.4);box-shadow:0 0 15px hsla(0,0%,100%,.1);color:khaki}.final-section.is-active .journey-exit-button{display:none}@media(max-width: 768px){.journey-exit-button{top:15px;left:15px;width:40px;height:40px;font-size:.9rem}}.dream-journey[data-navigation-type=choice-based] .world{flex-direction:column;justify-content:center;gap:1rem;padding-top:3rem;padding-bottom:2rem}.dream-journey[data-navigation-type=choice-based] .world__nav{position:relative;bottom:auto;left:auto;transform:none;border-radius:12px;width:90vw;max-width:800px;padding:1.5rem;margin-bottom:1rem !important;background:rgba(10,10,12,.7);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);display:flex;flex-direction:column;gap:1rem;opacity:0;animation:fadeInUp 1s ease-out .8s forwards}.dream-journey[data-navigation-type=choice-based] .journey-choice-btn{width:100%;padding:1rem 2rem;border-radius:50px;text-transform:uppercase;cursor:pointer;background:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.3);font-weight:600;font-family:var(--font-body);font-size:.9rem;letter-spacing:.1em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-sizing:border-box}.dream-journey[data-navigation-type=choice-based] .journey-choice-btn:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-3px)}@media(max-width: 768px){.dream-journey[data-navigation-type=choice-based] .world{padding-top:3rem;padding-bottom:1rem}.dream-journey[data-navigation-type=choice-based] .world__nav{width:90vw;padding:1rem;margin-bottom:2rem !important}.dream-journey[data-navigation-type=choice-based] .journey-choice-btn{font-size:.8rem;padding:.9rem 1.5rem}}:root{--primary-color: #005A9C;--accent-color: #EAA400;--accent-secondary: #D95800;--tertiary-color: #f9eedc;--dropdown-color: #c3f4c4;--accent-red: #dc2626;--bs-btn-color: var(--text-inverted);--admin-color: #749fe5;--hero-white:#ffffff;--hero-black:#000000;--hero-red:#E4080A;--bg-primary: #F7F7F7;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--text-primary: #1A202C;--text-secondary: #5A6472;--text-muted: #9ca3af;--text-inverted: #ffffff;--text-one-color:#ffffff;--border-primary: #EAEAEA;--border-secondary: rgb(246.75, 246.75, 246.75);--outline-primary: #005A9C;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--form-input-bg: #FFFFFF;--form-input-border: #CBD5E1;--form-input-color: #1A202C;--form-input-placeholder: #64748B;--form-input-hover: #94A3B8;--form-input-focus: #3B82F6;--form-input-disabled-bg: #F1F5F9;--form-input-disabled-color: #94A3B8;--card-bg-enhanced: #FFFFFF;--card-border: #E2E8F0;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--text-label: #1A202C;--text-value: #475569;--newsletter-input-bg: #FFFFFF;--newsletter-input-color: #1A202C;--newsletter-input-border: #CBD5E1;--newsletter-input-placeholder: #64748B;--contact-method-bg: rgba(255, 255, 255, 0.95);--contact-method-border: #E2E8F0;--contact-method-hover-bg: #FFFFFF;--frame-bg: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--frame-border: rgba(229, 231, 235, 0.6);--frame-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);--about-hero-overlay: rgba(0, 0, 0, 0.3);--about-hero-text: #ffca74;--about-hero-text-shadow: rgba(0, 0, 0, 0.2);--header-bg: rgba(255, 255, 255, 0.98);--header-border: #E2E8F0;--header-link-color: #1A202C;--header-link-hover: var(--primary-color);--header-dropdown-bg: #FFFFFF;--header-dropdown-border: #E2E8F0;--header-button-text: #FFFFFF;--button-gradient: linear-gradient( 90deg, #37ad62, white, #ef4444 );--footer-bg: #F8FAFC;--footer-border: #E2E8F0;--footer-text: #1A202C;--footer-text-secondary: #64748B;--footer-card-bg: #FFFFFF;--footer-input-bg: #FFFFFF;--footer-input-border: #CBD5E1;--primary-hover: rgb(0, 54.6923076923, 94.8);--accent-hover: rgb(172.8, 121.1076923077, 0);--accent-secondary-hover: rgb(155.8, 63.1815668203, 0);--focus-ring-color: rgba(0, 90, 156, 0.25);--focus-ring-width: 3px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-primary: 0 10px 25px -5px rgba(0, 90, 156, 0.2);--shadow-accent: 0 10px 25px -5px rgba(234, 164, 0, 0.2);--primary-rgb: 0, 90, 156;--accent-rgb: 234, 164, 0;--accent-secondary-rgb: 217, 88, 0;--success-rgb: 16, 185, 129;--error-rgb: 239, 68, 68;--bg-primary-rgb: 247, 247, 247;--bg-secondary-rgb: 255, 255, 255;--transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 0.75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--container-padding: 1.5rem;--section-padding: 4rem 1.5rem;--navbar-height: 4rem;--sidebar-width: 280px;--primary-darker-5: rgb(0, 75.2884615385, 130.5);--primary-darker-10: rgb(0, 60.5769230769, 105);--primary-hover: rgb(0, 104.7115384615, 181.5);--primary-hover: rgb(0, 104.7115384615, 181.5);--bs-secondary-color: var(--text-secondary);--primary-rgb: 0, 90, 156;--color-success: #10b981;--success-rgb: 16, 185, 129;--success-darker-5: rgb(13.9701492537, 161.5298507463, 112.6343283582);--success-darker-10: rgb(11.9402985075, 138.0597014925, 96.2686567164);--success-hover: rgb(18.0298507463, 208.4701492537, 145.3656716418);--bs-modal-bg: var(--bg-card);--font-family-home: futura-pt, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif}html[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-elevated: #334155;--tertiary-color: #334155;--dropdown-color: #3c723e;--admin-color: #749fe5;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: rgb(170.6585365854, 186.8780487805, 206.3414634146);--text-inverted: #1A202C;--border-primary: #475569;--border-secondary: rgb(81.2869318182, 97.3153409091, 120.2130681818);--outline-primary: #EAA400;--primary-color: #EAA400;--accent-color: #005A9C;--primary-hover: rgb(172.8, 121.1076923077, 0);--accent-hover: rgb(0, 54.6923076923, 94.8);--focus-ring-color: rgba(234, 164, 0, 0.25);--form-input-bg: #1e293b;--form-input-border: #475569;--form-input-color: #F8FAFC;--form-input-placeholder: #94A3B8;--form-input-hover: #64748B;--form-input-focus: #60A5FA;--form-input-disabled-bg: #0f172a;--form-input-disabled-color: #64748B;--newsletter-input-bg: #1e293b;--newsletter-input-color: #F8FAFC;--newsletter-input-border: #475569;--newsletter-input-placeholder: #94A3B8;--contact-method-bg: rgba(30, 41, 59, 0.95);--contact-method-border: #334155;--contact-method-hover-bg: #1e293b;--frame-bg: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);--frame-border: rgba(255, 255, 255, 0.12);--frame-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);--card-bg-enhanced: #1e293b;--card-border: #334155;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2);--text-label: #F8FAFC;--text-value: #CBD5E1;--about-hero-overlay: rgba(0, 0, 0, 0.6);--about-hero-text: #F8FAFC;--about-hero-text-shadow: rgba(0, 0, 0, 0.6);--button-gradient: linear-gradient( 90deg, #2476d4, #facc15, #ef4444 );--header-bg: rgba(15, 23, 42, 0.98);--header-border: #334155;--header-link-color: #F8FAFC;--header-link-hover: var( --accent-secondary);--header-dropdown-bg: #1e293b;--header-dropdown-border: #334155;--header-button-text: #FFFFFF;--footer-bg: #0f172a;--footer-border: #334155;--footer-text: #F8FAFC;--footer-text-secondary: #94A3B8;--footer-card-bg: #1e293b;--footer-input-bg: #1e293b;--footer-input-border: #475569;--auth-bg-card: rgba(15, 23, 42, 0.7);--auth-border-primary: rgba(255, 255, 255, 0.1);--auth-text-primary: #f8fafc;--auth-text-secondary: #cbd5e1;--auth-backdrop-filter: blur(12px);--primary-rgb: 234, 164, 0;--accent-rgb: 0, 90, 156;--bg-primary-rgb: 15, 23, 42;--bg-secondary-rgb: 30, 41, 59;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2);--shadow-primary: 0 10px 25px -5px rgba(234, 164, 0, 0.3);--shadow-accent: 0 10px 25px -5px rgba(0, 90, 156, 0.3);--bs-body-bg: var(--bg-primary);--bs-body-color: var(--text-primary);--bs-border-color: var(--border-primary);--bs-dropdown-bg: var(--bg-card);--bs-dropdown-link-color: var(--text-primary);--bs-dropdown-link-hover-color: var(--primary-color);--bs-dropdown-link-hover-bg: var(--bg-secondary);--bs-dropdown-divider-bg: var(--border-primary);--bs-offcanvas-bg: var(--bg-secondary);--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif}@keyframes focus-pulse{0%,100%{opacity:1}50%{opacity:.7}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{to{transform:scale(1);opacity:1}}@keyframes spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}body[data-font-theme=display]{--font-body: var(--font-display, "Merriweather", serif);--font-display: var(--font-display, "Merriweather", serif)}body[data-font-theme=classic]{--font-body: "Georgia", "Times New Roman", Times, serif;--font-display: "Georgia", "Times New Roman", Times, serif}body[data-font-theme=humanist]{--font-body: "Verdana", "Geneva", sans-serif;--font-display: "Verdana", "Geneva", sans-serif}body[data-font-theme=mono]{--font-body: "Courier New", Courier, monospace;--font-display: "Courier New", Courier, monospace}body[data-card-style=opaque] .studio-content,body[data-card-style=opaque] .echo-content{background:var(--light-dark, var(--echo-dark, #1A182D));border-color:var(--light-primary, var(--echo-primary));backdrop-filter:none}body[data-card-style=opaque] .studio-content::before,body[data-card-style=opaque] .studio-content::after,body[data-card-style=opaque] .echo-content::before,body[data-card-style=opaque] .echo-content::after{display:none}body[data-card-style=minimal] .studio-content,body[data-card-style=minimal] .echo-content{background:rgba(0,0,0,0);border-color:var(--light-glow, var(--echo-glow));backdrop-filter:none;box-shadow:none}body[data-card-style=minimal] .studio-content::before,body[data-card-style=minimal] .studio-content::after,body[data-card-style=minimal] .echo-content::before,body[data-card-style=minimal] .echo-content::after{display:none}:root{--echo-primary: #E8A87C;--echo-secondary: #B0A8B9;--echo-dark: #1A182D;--echo-glow: rgba(232, 168, 124, 0.3);--echo-overlay: rgba(26, 24, 45, 0.85)}@keyframes echoPulse{0%,100%{transform:scale(1);opacity:.7;box-shadow:0 0 10px var(--echo-glow)}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 25px var(--echo-glow)}}@keyframes echoFloat{0%,100%{transform:translate(0, 0)}50%{transform:translate(10px, -15px)}}@keyframes sonarWave{0%{transform:scale(0.3);opacity:.8}100%{transform:scale(1.5);opacity:0}}.echo-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(160deg, var(--echo-dark) 20%, #2a264a 100%);pointer-events:none}.echo-background::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%, var(--echo-glow) 0%, transparent 40%),radial-gradient(circle at 80% 70%, rgba(176, 168, 185, 0.1) 0%, transparent 40%);animation:echoFloat 22s ease-in-out infinite}.echo-container-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0)}.echo-container{min-height:100vh;position:relative}.echo-chamber{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;position:relative;box-sizing:border-box}@media(max-width: 768px){.echo-chamber{padding:4rem 1.5rem}}@media(max-width: 480px){.echo-chamber{padding:4rem 1rem}}.echo-chamber .echo-content{will-change:transform,opacity;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.echo-chamber.is-active .echo-content{border-color:var(--echo-primary);box-shadow:0 0 30px var(--echo-glow)}.echo-content{background:var(--echo-overlay);border:2px solid rgba(232,168,124,.4);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:700px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.3);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width: 769px){.echo-content{backdrop-filter:blur(15px)}}@media(max-width: 768px){.echo-content{padding:2rem 1.5rem;max-width:100%;background:rgba(26,24,45,.95)}}@media(max-width: 480px){.echo-content{padding:1.5rem 1.25rem}}.chamber-title{font-family:var(--font-display, "Merriweather", serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg, var(--echo-primary), var(--echo-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.2;filter:drop-shadow(0 2px 8px var(--echo-glow));order:1}@media(max-width: 480px){.chamber-title{font-size:1.5rem}}.echo-subtitle{font-size:clamp(1rem,1.6vw,1.3rem);color:hsla(0,0%,100%,.9);margin:.875rem 0 1.75rem 0;font-weight:300;letter-spacing:.3px;line-height:1.5}.chamber-description{color:var(--text-secondary, #E0E0E0);line-height:1.6;font-size:.95rem;margin:.75rem 0;text-align:center;order:3}.echo-portal-animation{width:150px;height:120px;margin:1.5rem auto;order:2}.echo-portal-animation .portal-svg{width:100%;height:100%}.echo-portal-animation .resonance-circle{fill:none;stroke:var(--echo-primary);stroke-width:.5;opacity:0;transform-origin:50% 50%;animation:none}.motion-full .echo-portal-animation .resonance-circle{animation:sonarWave 3s ease-out infinite}.echo-portal-animation .resonance-circle:nth-child(2){animation-delay:1s}.echo-portal-animation .resonance-circle:nth-child(3){animation-delay:2s}.btn-echo{display:block;padding:.875rem 1.75rem;background:linear-gradient(135deg, #E8A87C, rgb(224.3831168831, 139.1883116883, 80.6168831169));color:var(--echo-dark);text-decoration:none;border-radius:50px;font-weight:600;font-size:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.6px;margin:1.5rem auto 0;max-width:260px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 6px 25px var(--echo-glow);border:2px solid var(--echo-primary);position:relative;overflow:hidden;order:5}@media(max-width: 480px){.btn-echo{font-size:.85rem;padding:.8rem 1.5rem;max-width:240px}}.btn-echo::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .6s ease}.btn-echo:hover{box-shadow:0 8px 30px rgba(232,168,124,.5);transform:translateY(-2px)}.btn-echo:hover::before{left:100%}.btn-echo:active{transform:scale(0.96)}.echo-intro .chamber-title{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:.875rem}@media(max-width: 480px){.echo-intro .chamber-title{font-size:1.85rem}}.echo-intro .echo-content{min-height:70vh;justify-content:center}.scroll-indicator{text-align:center;margin-top:2rem;color:hsla(0,0%,100%,.6);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;order:3}.scroll-indicator i{font-size:1.35rem;color:var(--echo-primary);animation:echoFloat 2s ease-in-out infinite}.chamber-feedback{position:absolute;top:25px;right:25px;display:flex;gap:12px;z-index:100;opacity:.8;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.chamber-feedback{position:relative;top:auto;right:auto;justify-content:center;order:4;margin:1.5rem 0;gap:10px}}.echo-chamber:hover .chamber-feedback,.echo-chamber.is-active .chamber-feedback{opacity:1}.feedback-btn{background:rgba(232,168,124,.1);border:2px solid rgba(232,168,124,.4);border-radius:50px;padding:12px 18px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:10px;font-size:15px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}@media(min-width: 769px){.feedback-btn{backdrop-filter:blur(15px)}}@media(max-width: 768px){.feedback-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}.feedback-btn i{font-size:1.05rem;margin:0}.feedback-btn .feedback-count{display:none}.feedback-btn.like-btn{width:auto;padding:0 1.1rem}.feedback-btn.like-btn .feedback-count{display:inline-block;margin-left:7px;font-size:.85rem;font-weight:700}}@media(max-width: 480px){.feedback-btn{width:40px;height:40px}.feedback-btn i{font-size:.95rem}.feedback-btn.like-btn{padding:8px 12px}.feedback-btn.like-btn .feedback-count{font-size:.75rem}}.feedback-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%, -50%);transition:width .4s ease,height .4s ease;z-index:0}.feedback-btn:hover{background:rgba(232,168,124,.3);border-color:var(--echo-primary);transform:translateY(-3px);box-shadow:0 8px 20px var(--echo-glow)}.feedback-btn:hover::before{width:200%;height:200%}.feedback-btn:active{transform:scale(0.94)}.feedback-btn.active{background:var(--echo-primary);color:var(--echo-dark);border-color:var(--echo-primary);box-shadow:0 6px 20px var(--echo-glow);transform:scale(1.03)}.feedback-btn i,.feedback-btn span{position:relative;z-index:1}.feedback-count{font-weight:600;font-size:13px;min-width:22px;text-align:center}.echo-progress{position:fixed;top:50%;left:2.5rem;transform:translateY(-50%);z-index:100;width:auto;max-width:200px;display:flex;align-items:center;gap:1.5rem}@media(max-width: 900px){.echo-progress{display:none}}.echo-progress .progress-bar{width:4px;height:180px;background:hsla(0,0%,100%,.15);border-radius:3px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.2);margin:0;order:1}.echo-progress .progress-bar .progress-fill{width:100%;height:0;background:linear-gradient(180deg, var(--echo-primary), var(--echo-secondary));border-radius:3px;transition:height .5s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 15px var(--echo-glow)}.echo-progress .progress-chambers{display:flex;flex-direction:column;gap:.5rem;width:auto;margin:0;order:2}.echo-progress .progress-chambers .progress-chamber{font-size:.85rem;color:hsla(0,0%,100%,.5);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);text-align:left;font-weight:500;letter-spacing:.3px;cursor:pointer;position:relative;padding-left:20px}.echo-progress .progress-chambers .progress-chamber::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:hsla(0,0%,100%,.5);border-radius:50%;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.echo-progress .progress-chambers .progress-chamber:hover{color:#fff}.echo-progress .progress-chambers .progress-chamber.active{color:var(--echo-primary);font-weight:700;text-shadow:0 0 10px var(--echo-glow);transform:scale(1.05)}.echo-progress .progress-chambers .progress-chamber.active::before{background:var(--echo-primary);transform:translateY(-50%) scale(1.3);box-shadow:0 0 10px var(--echo-glow)}.echo-origin-btn{position:fixed;top:2.5rem;left:2.5rem;z-index:101;width:45px;height:45px;background:rgba(26,24,45,.5);border:2px solid rgba(232,168,124,.7);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 769px){.echo-origin-btn{backdrop-filter:blur(10px)}}@media(max-width: 768px){.echo-origin-btn{top:1.5rem;left:1.5rem;width:40px;height:40px}}.echo-origin-btn i{position:relative;z-index:2}.echo-origin-btn .origin-pulse{position:absolute;width:100%;height:100%;background:var(--echo-primary);border-radius:50%;z-index:1;opacity:.7;animation:echoPulse 2.5s infinite ease-in-out}.echo-origin-btn:hover{transform:scale(1.1);border-color:rgb(224.3831168831,139.1883116883,80.6168831169);box-shadow:0 8px 30px var(--echo-glow)}.echo-origin-btn:hover .origin-pulse{animation-play-state:paused;background:hsl(24.4444444444,70.1298701299%,79.8039215686%)}.echo-content--wall .echo-wall-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;width:100%;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(232,168,124,.3)}@media(max-width: 768px){.echo-content--wall .echo-wall-container{grid-template-columns:repeat(2, 1fr);gap:.75rem}}@media(max-width: 480px){.echo-content--wall .echo-wall-container{grid-template-columns:repeat(2, 1fr)}}.echo-content--wall .echo-card{width:100%;padding-top:100%;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:rgba(26,24,45,.7);border:2px solid rgba(232,168,124,.4);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.echo-content--wall .echo-card .echo-card-text{position:absolute;top:0;left:0;width:100%;height:100%;padding:.75rem;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow:hidden;margin:0;font-size:.9rem;font-style:italic;color:hsla(0,0%,100%,.4);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}@media(max-width: 768px){.echo-content--wall .echo-card .echo-card-text{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}}.echo-content--wall .echo-card .echo-card-meta{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:.75rem;font-weight:600;color:var(--echo-secondary);text-transform:capitalize;opacity:.6}.echo-content--wall .echo-card:hover,.echo-content--wall .echo-card:focus,.echo-content--wall .echo-card:active{background:var(--echo-primary);border-color:var(--echo-primary);transform:scale(1.05);box-shadow:0 0 30px var(--echo-glow);z-index:10}.echo-content--wall .echo-card:hover .echo-card-text,.echo-content--wall .echo-card:focus .echo-card-text,.echo-content--wall .echo-card:active .echo-card-text{color:var(--echo-dark);-webkit-line-clamp:4;line-clamp:4}.echo-content--wall .echo-card:hover .echo-card-meta,.echo-content--wall .echo-card:focus .echo-card-meta,.echo-content--wall .echo-card:active .echo-card-meta{color:rgb(6.7826086957,6.2608695652,11.7391304348);opacity:1}.comment-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:rgba(26,24,45,.7);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 769px){.comment-modal{backdrop-filter:blur(20px)}}.comment-modal.active{opacity:1;pointer-events:all}.comment-content{background:var(--echo-overlay);border:3px solid var(--echo-primary);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px var(--echo-glow);width:90%;max-width:550px;padding:2.5rem;color:#fff;transform:scale(0.9);opacity:0;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.comment-content{background:rgba(26,24,45,.98)}}.comment-modal.active .comment-content{transform:scale(1);opacity:1}@media(max-width: 480px){.comment-content{padding:1.5rem;width:95%}}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.comment-header h3{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg, var(--echo-primary), var(--echo-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.comment-header .close-comment{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%}.comment-header .close-comment:hover{color:var(--echo-primary);background:rgba(232,168,124,.1);transform:rotate(90deg)}@media(max-width: 480px){.comment-header{margin-bottom:1.5rem}.comment-header h3{font-size:1.25rem}.comment-header .close-comment{font-size:1.75rem}}.comment-textarea{width:100%;min-height:140px;background:rgba(0,0,0,.3);border:2px solid rgba(232,168,124,.4);border-radius:12px;padding:1rem 1.25rem;color:#fff;font-family:var(--font-body, "Lato", sans-serif);font-size:1rem;resize:vertical;box-sizing:border-box;transition:all .3s ease;caret-color:var(--echo-primary)}.comment-textarea:focus{outline:none;border-color:var(--echo-primary);box-shadow:0 0 20px var(--echo-glow);background:rgba(0,0,0,.4)}.comment-textarea::placeholder{color:hsla(0,0%,100%,.4)}@media(max-width: 480px){.comment-textarea{min-height:100px;font-size:.95rem}}.comment-chars{text-align:right;font-size:.85rem;color:hsla(0,0%,100%,.5);margin-top:.75rem}.comment-actions{display:flex;justify-content:flex-end;gap:1.2rem;margin-top:2rem}.comment-actions .comment-submit,.comment-actions .comment-cancel{padding:.875rem 2rem;font-family:var(--font-body, "Lato", sans-serif);font-weight:600;font-size:.95rem;border-radius:50px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid}.comment-actions .comment-submit{background:linear-gradient(135deg, #E8A87C, rgb(224.3831168831, 139.1883116883, 80.6168831169));border-color:var(--echo-primary);color:var(--echo-dark);box-shadow:0 4px 15px var(--echo-glow)}.comment-actions .comment-submit:hover{box-shadow:0 6px 20px rgba(232,168,124,.7);transform:translateY(-2px)}.comment-actions .comment-cancel{background:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.7)}.comment-actions .comment-cancel:hover{background:hsla(0,0%,100%,.1);border-color:#fff;color:#fff}@media(max-width: 480px){.comment-actions{margin-top:1.5rem;gap:.75rem}.comment-actions .comment-submit,.comment-actions .comment-cancel{padding:.7rem 1.25rem;font-size:.8rem}}.feedback-toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);z-index:3000;padding:1rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.95rem;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 10px 30px rgba(0,0,0,.3);background:var(--echo-overlay, rgba(26, 24, 45, 0.85));border:2px solid var(--echo-primary, #E8A87C);color:var(--echo-primary, #E8A87C)}@media(min-width: 769px){.feedback-toast{backdrop-filter:blur(10px)}}.feedback-toast.success{border-color:var(--echo-primary, #E8A87C);color:var(--echo-primary, #E8A87C)}.feedback-toast.error{border-color:#e74c3c;color:#e74c3c}.feedback-toast.show{bottom:30px}.global-loading-screen{background:var(--echo-dark, #1A182D);color:var(--echo-primary, #E8A87C)}.global-loading-screen p{color:var(--echo-secondary, #B0A8B9)}.sonic-loader{position:relative;width:100px;height:60px}.sonic-loader .loader-wave{position:absolute;bottom:0;width:15px;height:100%;background:var(--echo-primary);box-shadow:0 0 15px var(--echo-glow);border-radius:3px;animation:bounceLoader 1.2s infinite ease-in-out}.sonic-loader .loader-wave:nth-child(1){left:0;animation-delay:0s}.sonic-loader .loader-wave:nth-child(2){left:20px;animation-delay:.2s}.sonic-loader .loader-wave:nth-child(3){left:40px;animation-delay:.4s}.sonic-loader .loader-wave:nth-child(4){left:60px;animation-delay:.6s}.sonic-loader .loader-wave:nth-child(5){left:80px;animation-delay:.8s}@keyframes bounceLoader{0%,40%,100%{transform:scaleY(0.4)}20%{transform:scaleY(1)}}@media(min-width: 769px){.echo-content .chamber-title{margin-top:3rem}.studio-content .studio-title{margin-top:3rem}}:root{--light-primary: #FFD700;--light-secondary: #000080;--light-accent: #DAA520;--light-glow: rgba(255, 215, 0, 0.4);--light-white: white;--light-dark: #0F0F1A;--light-overlay: rgba(15, 15, 26, 0.85)}body[data-font-theme=display]{--font-body: var(--font-display, "Merriweather", serif);--font-display: var(--font-display, "Merriweather", serif)}body[data-font-theme=classic]{--font-body: "Georgia", "Times New Roman", Times, serif;--font-display: "Georgia", "Times New Roman", Times, serif}body[data-font-theme=humanist]{--font-body: "Verdana", "Geneva", sans-serif;--font-display: "Verdana", "Geneva", sans-serif}body[data-font-theme=mono]{--font-body: "Courier New", Courier, monospace;--font-display: "Courier New", Courier, monospace}body[data-card-style=opaque] .studio-content,body[data-card-style=opaque] .echo-content{background:var(--light-dark, var(--echo-dark, #1A182D));border-color:var(--light-primary, var(--echo-primary));backdrop-filter:none}body[data-card-style=opaque] .studio-content:hover,body[data-card-style=opaque] .echo-content:hover{border-color:var(--light-primary);box-shadow:0 0 30px var(--light-glow)}body[data-card-style=minimal] .studio-content,body[data-card-style=minimal] .echo-content{background:rgba(0,0,0,0);border-color:var(--light-glow, var(--echo-glow));backdrop-filter:none;box-shadow:none}body[data-card-style=minimal] .studio-content::before,body[data-card-style=minimal] .echo-content::before{content:"";position:absolute;inset:0;background:var(--light-glow);transform:scale(0);opacity:0;transition:transform .4s ease,opacity .4s ease;z-index:-1;border-radius:14px}body[data-card-style=minimal] .studio-content:hover,body[data-card-style=minimal] .echo-content:hover{border-color:var(--light-primary)}body[data-card-style=minimal] .studio-content:hover::before,body[data-card-style=minimal] .echo-content:hover::before{transform:scale(1);opacity:1}@keyframes auroraRotate{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes lightPulse{0%,100%{transform:scale(1);opacity:.7;box-shadow:0 0 10px var(--light-glow)}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 25px var(--light-glow)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes float-1{0%,100%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(-12px, -18px) rotate(1deg)}}@keyframes lightFocusPulse{0%{transform:scale(0.33);opacity:.8}60%{opacity:.2}100%{transform:scale(1.2);opacity:0}}@keyframes lightRipple{0%{transform:scale(0.3);opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes lightCorePulse{0%,100%{transform:scale(0.9);opacity:.7}50%{transform:scale(1);opacity:1}}.studio-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg, var(--light-dark) 0%, #000030 100%);pointer-events:none}.studio-background::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%, var(--light-glow) 0%, transparent 50%),radial-gradient(circle at 70% 60%, rgba(218, 165, 32, 0.3) 0%, transparent 50%);animation:none}body.motion-full .studio-background::before{animation:float-1 20s ease-in-out infinite}.studio-container-wrapper{position:absolute;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0)}.studio-container{min-height:100vh;position:relative}.studio-exposure{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;position:relative;box-sizing:border-box}@media(max-width: 768px){.studio-exposure{padding:4rem 1.5rem}}@media(max-width: 480px){.studio-exposure{padding:4rem 1rem}}.studio-exposure .studio-content{will-change:transform,opacity;transition:opacity .6s,transform .6s}body.motion-reduced .studio-exposure .studio-content{transition:none}.studio-exposure.is-active .studio-content{border-color:var(--light-primary);box-shadow:0 0 30px var(--light-glow)}.studio-content{background:var(--light-overlay);border:2px solid rgba(255,215,0,.4);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:700px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.3);position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}@media(min-width: 769px){.studio-content{backdrop-filter:blur(15px)}}@media(max-width: 768px){.studio-content{padding:2rem 1.5rem;max-width:100%;background:rgba(15,15,26,.95)}}@media(max-width: 480px){.studio-content{padding:1.5rem 1.25rem}}.studio-content::after{content:"";position:absolute;top:50%;left:50%;width:250%;height:250%;z-index:-1;background:conic-gradient(transparent, var(--light-glow), transparent 15%);animation:none}.studio-content::before{content:"";position:absolute;z-index:-1;animation:none}body.motion-full[data-card-style=default] .studio-content::after{animation:auroraRotate 20s linear infinite}body.motion-full[data-card-style=default] .studio-content::before{top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 215, 0, 0.03) 50%, transparent 70%);pointer-events:none;animation:shimmer 10s linear infinite}.studio-title{font-family:var(--font-display, "Merriweather", serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg, var(--light-primary), var(--light-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.2;filter:drop-shadow(0 2px 8px var(--light-glow));order:1}@media(max-width: 480px){.studio-title{font-size:1.5rem}}.studio-subtitle{font-size:clamp(1rem,1.6vw,1.3rem);color:hsla(0,0%,100%,.9);margin:.875rem 0 1.75rem 0;font-weight:300;letter-spacing:.3px;line-height:1.5}.studio-description{color:var(--text-secondary, #E0E0E0);line-height:1.6;font-size:.95rem;margin:.75rem 0;text-align:center;order:3}.btn-studio{display:block;padding:.875rem 1.75rem;background:linear-gradient(135deg, var(--light-primary), var(--light-accent));color:var(--light-dark);text-decoration:none;border-radius:50px;font-weight:600;font-size:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.6px;margin:1.5rem auto 0;max-width:260px;transition:all .4s;box-shadow:0 6px 25px var(--light-glow);border:2px solid var(--light-primary);position:relative;overflow:hidden;order:5}@media(max-width: 480px){.btn-studio{font-size:.85rem;padding:.8rem 1.5rem;max-width:240px}}.btn-studio::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transform:translateX(-100%);transition:none}body.motion-full .btn-studio:hover::before{transform:translateX(100%);transition:transform .6s ease}.btn-studio:hover{box-shadow:0 8px 30px rgba(255,215,0,.5);transform:translateY(-2px)}.btn-studio:active{transform:scale(0.96)}.studio-intro .intro-content-wrapper{text-align:center;order:1}.studio-intro .intro-content-wrapper .studio-title{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:.875rem}@media(max-width: 480px){.studio-intro .intro-content-wrapper .studio-title{font-size:1.85rem}}.studio-intro .studio-content{min-height:70vh;justify-content:center}.studio-scroll-indicator{text-align:center;margin-top:2rem;color:hsla(0,0%,100%,.6);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;order:3}.studio-scroll-indicator i{font-size:1.35rem;color:var(--light-primary);animation:none}body.motion-full .studio-scroll-indicator i{animation:float-1 2s ease-in-out infinite}.exposure-feedback{position:absolute;top:25px;right:25px;display:flex;gap:12px;z-index:100;opacity:.8;transition:all .4s}@media(max-width: 768px){.exposure-feedback{position:relative;top:auto;right:auto;justify-content:center;order:4;margin:1.5rem 0;gap:10px}}.studio-exposure:hover .exposure-feedback,.studio-exposure.is-active .exposure-feedback{opacity:1}.feedback-btn{background:rgba(255,215,0,.1);border:2px solid rgba(255,215,0,.4);border-radius:50px;padding:12px 18px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px;font-size:15px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}@media(min-width: 769px){.feedback-btn{backdrop-filter:blur(15px)}}@media(max-width: 768px){.feedback-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}.feedback-btn i{font-size:1.05rem;margin:0}.feedback-btn .feedback-count{display:none}.feedback-btn.like-btn{width:auto;padding:0 1.1rem}.feedback-btn.like-btn .feedback-count{display:inline-block;margin-left:7px;font-size:.85rem;font-weight:700}}@media(max-width: 480px){.feedback-btn{width:40px;height:40px}.feedback-btn i{font-size:.95rem}.feedback-btn.like-btn{padding:8px 12px}.feedback-btn.like-btn .feedback-count{font-size:.75rem}}.feedback-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%, -50%);transition:width .4s ease,height .4s ease}.feedback-btn:hover{background:rgba(255,215,0,.3);border-color:var(--light-primary);transform:translateY(-3px);box-shadow:0 8px 20px var(--light-glow)}.feedback-btn:hover::before{width:200%;height:200%}.feedback-btn:active{transform:scale(0.94)}.feedback-btn.active{background:var(--light-primary);color:var(--light-dark);border-color:var(--light-primary);box-shadow:0 6px 20px var(--light-glow);transform:scale(1.03)}.feedback-btn i,.feedback-btn .feedback-count{position:relative;z-index:1}.studio-progress{position:fixed;top:50%;left:2.5rem;transform:translateY(-50%);z-index:100;width:auto;max-width:200px;display:flex;align-items:center;gap:1.5rem}@media(max-width: 900px){.studio-progress{display:none}}.studio-progress .progress-bar{width:4px;height:180px;background:hsla(0,0%,100%,.15);border-radius:3px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.2);margin:0;order:1}.studio-progress .progress-bar .progress-fill{width:100%;height:0;background:linear-gradient(180deg, var(--light-primary), var(--light-accent));border-radius:3px;transition:height .5s;box-shadow:0 0 15px var(--light-glow)}.studio-progress .progress-exposures{display:flex;flex-direction:column;gap:.5rem;width:auto;margin:0;order:2}.studio-progress .progress-exposures .progress-exposure{font-size:.85rem;color:hsla(0,0%,100%,.5);transition:all .4s;text-align:left;font-weight:500;letter-spacing:.3px;cursor:pointer;position:relative;padding-left:20px}.studio-progress .progress-exposures .progress-exposure::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:hsla(0,0%,100%,.5);border-radius:50%;transition:all .4s}.studio-progress .progress-exposures .progress-exposure:hover{color:#fff}.studio-progress .progress-exposures .progress-exposure.active{color:var(--light-primary);font-weight:700;text-shadow:0 0 10px var(--light-glow);transform:scale(1.05)}.studio-progress .progress-exposures .progress-exposure.active::before{background:var(--light-primary);transform:translateY(-50%) scale(1.3);box-shadow:0 0 10px var(--light-glow)}.studio-origin-btn{position:fixed;top:2.5rem;left:2.5rem;z-index:101;width:45px;height:45px;background:rgba(15,15,26,.5);border:2px solid rgba(255,215,0,.7);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s}@media(min-width: 769px){.studio-origin-btn{backdrop-filter:blur(10px)}}@media(max-width: 768px){.studio-origin-btn{top:1.5rem;left:1.5rem;width:40px;height:40px}}.studio-origin-btn i{position:relative;z-index:2}.studio-origin-btn .origin-pulse{position:absolute;width:100%;height:100%;background:var(--light-primary);border-radius:50%;z-index:1;opacity:.7;animation:none}body.motion-full .studio-origin-btn .origin-pulse{animation:lightPulse 2.5s infinite ease-in-out}.studio-origin-btn:hover{transform:scale(1.1);border-color:var(--light-accent);box-shadow:0 8px 30px var(--light-glow)}.studio-origin-btn:hover .origin-pulse{animation-play-state:paused;background:var(--light-accent)}.studio-content--lightbox .lightbox-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;width:100%;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(255,215,0,.3)}@media(max-width: 768px){.studio-content--lightbox .lightbox-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}@media(max-width: 480px){.studio-content--lightbox .lightbox-grid{grid-template-columns:repeat(2, 1fr)}}.studio-content--lightbox .lightbox-slide{width:100%;padding-top:100%;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:rgba(15,15,26,.7);border:2px solid rgba(255,215,0,.4);transition:all .4s}.studio-content--lightbox .lightbox-slide .slide-content{position:absolute;inset:0;padding:.75rem;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow:hidden}.studio-content--lightbox .lightbox-slide .slide-meta{font-size:.75rem;font-weight:600;color:var(--light-accent);text-transform:capitalize}.studio-content--lightbox .lightbox-slide .slide-text{font-size:.9rem;font-style:italic;color:hsla(0,0%,100%,.4);margin:.5rem 0 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 768px){.studio-content--lightbox .lightbox-slide .slide-text{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}}.studio-content--lightbox .lightbox-slide:hover,.studio-content--lightbox .lightbox-slide:focus,.studio-content--lightbox .lightbox-slide:active{background:var(--light-primary);border-color:var(--light-primary);transform:scale(1.05);box-shadow:0 0 30px var(--light-glow);z-index:10}.studio-content--lightbox .lightbox-slide:hover .slide-meta,.studio-content--lightbox .lightbox-slide:hover .slide-text,.studio-content--lightbox .lightbox-slide:focus .slide-meta,.studio-content--lightbox .lightbox-slide:focus .slide-text,.studio-content--lightbox .lightbox-slide:active .slide-meta,.studio-content--lightbox .lightbox-slide:active .slide-text{color:var(--light-dark)}.studio-modal{position:fixed;inset:0;z-index:2000;background:rgba(15,15,26,.7);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .4s}@media(min-width: 769px){.studio-modal{backdrop-filter:blur(20px)}}.studio-modal.active{opacity:1;pointer-events:all}.studio-modal-content{background:var(--light-overlay);border:3px solid var(--light-primary);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px var(--light-glow);width:90%;max-width:550px;padding:2.5rem;color:var(--light-white, white);transform:scale(0.9);opacity:0;transition:all .4s}@media(max-width: 768px){.studio-modal-content{background:rgba(15,15,26,.98)}}.studio-modal.active .studio-modal-content{transform:scale(1);opacity:1}@media(max-width: 480px){.studio-modal-content{padding:1.5rem;width:95%}}.studio-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.studio-modal-header h3{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg, var(--light-primary), var(--light-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.studio-modal-header .studio-modal-close{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%}.studio-modal-header .studio-modal-close:hover{color:var(--light-primary);background:rgba(255,215,0,.1);transform:rotate(90deg)}@media(max-width: 480px){.studio-modal-header{margin-bottom:1.5rem}.studio-modal-header h3{font-size:1.25rem}.studio-modal-header .studio-modal-close{font-size:1.75rem}}.studio-modal-textarea{width:100%;min-height:140px;background:rgba(0,0,0,.3);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:1rem 1.25rem;color:#fff;font-family:var(--font-body, "Lato", sans-serif);font-size:1rem;resize:vertical;box-sizing:border-box;transition:all .3s ease;caret-color:var(--light-primary)}.studio-modal-textarea:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 20px var(--light-glow);background:rgba(0,0,0,.4)}.studio-modal-textarea::placeholder{color:hsla(0,0%,100%,.4)}@media(max-width: 480px){.studio-modal-textarea{min-height:100px;font-size:.95rem}}.studio-modal-chars{text-align:right;font-size:.85rem;color:hsla(0,0%,100%,.5);margin-top:.75rem}.studio-modal-actions{display:flex;justify-content:flex-end;gap:1.2rem;margin-top:2rem}.studio-modal-actions .studio-modal-submit,.studio-modal-actions .studio-modal-cancel{padding:.875rem 2rem;font-family:var(--font-body, "Lato", sans-serif);font-weight:600;font-size:.95rem;border-radius:50px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s;border:2px solid}.studio-modal-actions .studio-modal-submit{background:linear-gradient(135deg, var(--light-primary), var(--light-accent));border-color:var(--light-primary);color:var(--light-dark);box-shadow:0 4px 15px var(--light-glow)}.studio-modal-actions .studio-modal-submit:hover{box-shadow:0 6px 20px rgba(255,215,0,.7);transform:translateY(-2px)}.studio-modal-actions .studio-modal-cancel{background:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.7)}.studio-modal-actions .studio-modal-cancel:hover{background:hsla(0,0%,100%,.1);border-color:#fff;color:#fff}@media(max-width: 480px){.studio-modal-actions{margin-top:1.5rem;gap:.75rem}.studio-modal-actions .studio-modal-submit,.studio-modal-actions .studio-modal-cancel{padding:.7rem 1.25rem;font-size:.8rem}}.feedback-toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);z-index:3000;padding:1rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.95rem;transition:all .5s;box-shadow:0 10px 30px rgba(0,0,0,.3);background:var(--light-overlay, rgba(15, 15, 26, 0.85));border:2px solid var(--light-primary, #FFD700);color:var(--light-primary, #FFD700)}@media(min-width: 769px){.feedback-toast{backdrop-filter:blur(10px)}}.feedback-toast.success{border-color:var(--light-primary, #FFD700);color:var(--light-primary, #FFD700)}.feedback-toast.error{border-color:#e74c3c;color:#e74c3c}.feedback-toast.show{bottom:30px}.global-loading-screen{background:var(--light-dark, #0F0F1A);color:var(--light-primary, #FFD700);animation:none}.global-loading-screen p{color:var(--light-accent, #DAA520);font-size:1rem;letter-spacing:1px;text-transform:uppercase;margin-top:1rem}body.motion-full .global-loading-screen{animation:fadeOutLoadingScreen 3.5s 2.5s 1 forwards}@keyframes fadeOutLoadingScreen{from{opacity:1}to{opacity:0;pointer-events:none}}.light-loader{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.light-loader .loader-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--light-primary, #FFD700);box-shadow:0 0 15px var(--light-glow);opacity:0;animation:none}.light-loader .loader-ring:nth-child(2){animation-delay:1s}.light-loader .loader-ring:nth-child(3){animation-delay:2s}body.motion-full .light-loader .loader-ring{animation:lightFocusPulse 3s ease-out infinite}.sonic-loader,.desktop-only,.mobile-only,.desktop-background,.mobile-background{display:none !important}.studio-svg-animation{width:150px;height:120px;margin:1.5rem auto;order:2}.studio-svg-animation .studio-svg{width:100%;height:100%}.studio-svg-animation .light-ripple-circle{fill:none;stroke:var(--light-primary);stroke-width:.5;opacity:0;transform-origin:50% 50%;animation:none}.studio-svg-animation .light-ripple-circle:nth-child(2){animation-delay:1s}.studio-svg-animation .light-ripple-circle:nth-child(3){animation-delay:2s}.studio-svg-animation .light-core{fill:var(--light-primary);transform-origin:50% 50%;animation:none}body.motion-full .studio-svg-animation .light-ripple-circle{animation:lightRipple 3s ease-out infinite}body.motion-full .studio-svg-animation .light-core{animation:lightCorePulse 4s ease-in-out infinite}body.motion-reduced .studio-content,body.motion-reduced .btn-studio,body.motion-reduced .btn-studio::before,body.motion-reduced .feedback-btn,body.motion-reduced .feedback-btn::before,body.motion-reduced .progress-bar .progress-fill,body.motion-reduced .progress-exposure,body.motion-reduced .progress-exposure::before,body.motion-reduced .studio-origin-btn,body.motion-reduced .lightbox-slide,body.motion-reduced .studio-modal,body.motion-reduced .studio-modal-content,body.motion-reduced .studio-modal-close,body.motion-reduced .studio-modal-textarea,body.motion-reduced .studio-modal-submit,body.motion-reduced .studio-modal-cancel,body.motion-reduced .feedback-toast{transition:none !important}@media(min-width: 769px){.echo-content .chamber-title{margin-top:3rem}.studio-content .studio-title{margin-top:3rem}}html{scroll-behavior:smooth;scroll-padding-top:100px}.studio-origin-btn-mobile{position:fixed;top:1.5rem;left:1.5rem;z-index:101;width:45px;height:45px;background:var(--light-overlay, rgba(15, 15, 26, 0.8));border:2px solid rgba(255,215,0,.7);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;text-decoration:none;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.studio-origin-btn-mobile:active{transform:scale(0.95);background:var(--light-primary);color:var(--light-dark)}.lesson-container{max-width:900px;margin:0 auto;padding:6rem 1.5rem 4rem 1.5rem;color:var(--text-secondary);position:relative;z-index:2}@media(min-width: 769px){.lesson-container{padding-top:8rem}}.lesson-header{margin-bottom:2.5rem;text-align:center}.lesson-title{font-family:var(--font-display, "Merriweather", serif);font-size:clamp(2.2rem,5vw,3rem);font-weight:700;color:#fff;margin-bottom:2rem;line-height:1.2;background:linear-gradient(135deg, var(--light-primary), var(--light-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;filter:drop-shadow(0 2px 10px var(--light-glow))}.lesson-image-container{max-width:100%;margin-left:auto;margin-right:auto;border-radius:16px;overflow:hidden;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 30px rgba(0,0,0,.3);margin-bottom:2.5rem}.lesson-image-container .lesson-image{width:100%;height:auto;display:block}.lesson-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;max-width:720px;margin:0 auto;padding:1.5rem 0;border-top:1px solid rgba(255,215,0,.2);border-bottom:1px solid rgba(255,215,0,.2);color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:500}.meta-item i{color:var(--light-accent);font-size:.9rem}.toc-container{max-width:900px;margin:0 auto 2.5rem auto;background:var(--light-overlay, rgba(15, 15, 26, 0.8));border:1px solid rgba(255,215,0,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.toc-container.is-open{border-color:rgba(255,215,0,.5);box-shadow:0 0 30px var(--light-glow)}.toc-container.is-open .toc-toggle-btn{border-bottom-color:rgba(255,215,0,.2)}.toc-container.is-open .toc-chevron{transform:rotate(180deg)}.toc-container.is-open .toc-content{max-height:1000px;padding:1.5rem 1.75rem}.toc-toggle-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.75rem;background:rgba(0,0,0,0);border:none;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer;color:var(--light-primary);transition:all .3s ease}.toc-toggle-btn:hover{background:rgba(255,215,0,.05)}.toc-toggle-btn .toc-toggle-title{font-family:var(--font-display, "Merriweather", serif);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.toc-toggle-btn .toc-chevron{font-size:1rem;transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}.toc-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4, 0, 0.2, 1),padding .4s cubic-bezier(0.4, 0, 0.2, 1);padding:0 1.75rem}.toc-list{list-style-type:decimal;list-style-position:inside;padding:0;margin:0;color:var(--light-accent)}.toc-item{margin-bottom:.75rem}.toc-item:last-child{margin-bottom:0}.toc-link{color:var(--text-secondary);text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s ease}.toc-link:hover{color:var(--light-primary);text-decoration:underline}.lesson-content{font-size:1.1rem;line-height:1.8}.lesson-content .lesson-introduction{font-size:1.2rem;font-style:italic;color:var(--text-primary);line-height:1.7;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.lesson-content .section-introduction{font-size:1.1rem;font-style:italic;color:var(--text-secondary);margin-bottom:1.5rem}.lesson-content .lesson-section{margin-bottom:2.5rem}.lesson-content .lesson-subsection{margin-top:2rem;margin-bottom:2rem}.lesson-content h2,.lesson-content h3,.lesson-content h4{font-family:var(--font-display, "Merriweather", serif);color:#fff;margin-top:1rem;margin-bottom:1.25rem;line-height:1.3}.lesson-content h2{font-size:1.9rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-accent);background:linear-gradient(135deg, var(--light-primary), var(--light-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;filter:drop-shadow(0 1px 5px var(--light-glow))}.lesson-content h3{font-size:1.5rem;color:var(--light-primary)}.lesson-content h4{font-size:1.25rem;color:var(--light-accent)}.lesson-content p{margin-bottom:1.5rem}.lesson-content a{color:var(--light-primary);text-decoration:none;border-bottom:2px solid var(--light-accent);transition:all .3s ease}.lesson-content a:hover{color:var(--light-dark);background:var(--light-primary);border-bottom-color:var(--light-primary)}.lesson-content ul,.lesson-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.lesson-content li{margin-bottom:.75rem;padding-left:.5rem}.lesson-content ul li{list-style-type:none;position:relative}.lesson-content ul li::before{content:"•";color:var(--light-primary);position:absolute;left:-1.25rem;font-size:1.2rem;line-height:1.8}.lesson-content strong{color:var(--text-primary);font-weight:700}.lesson-content .table-container{width:100%;overflow-x:auto;margin:2rem 0;border:1px solid rgba(255,215,0,.3);border-radius:8px;background:rgba(15,15,26,.5)}.lesson-content table{width:100%;border-collapse:collapse;font-size:.95rem}.lesson-content table th,.lesson-content table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,215,0,.2)}.lesson-content table th{font-family:var(--font-display, "Merriweather", serif);font-size:1rem;color:var(--light-primary);background:rgba(255,215,0,.05)}.lesson-content table tr:last-child td{border-bottom:none}.lesson-content table td{line-height:1.6;color:var(--text-secondary)}.lesson-content table td:first-child{font-weight:600;color:var(--text-primary)}.lesson-content .lesson-example-gallery{display:flex;flex-wrap:wrap;gap:.75rem;width:100%;margin:1.5rem 0 2rem 0}.lesson-content .gallery-item-link{flex:1;min-width:150px;text-decoration:none;display:block;border-radius:8px;overflow:hidden;border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease}.lesson-content .gallery-item-link:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px var(--light-glow);border-color:var(--light-primary);z-index:2}.lesson-content .gallery-item-image{width:100%;padding-top:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .4s ease}.gallery-item-link:hover .lesson-content .gallery-item-image{transform:scale(1.05)}.lesson-progress-bar-container{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(255,215,0,.1);z-index:1000}.lesson-progress-bar{height:100%;width:0%;background:linear-gradient(90deg, var(--light-primary), var(--light-accent));box-shadow:0 0 10px var(--light-glow);transition:width .1s ease-out}.lesson-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,26,.85);backdrop-filter:blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:zoom-out}.lesson-lightbox.is-visible{opacity:1}.lesson-lightbox .lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .3s ease;z-index:9002}.lesson-lightbox .lightbox-close:hover{transform:rotate(90deg) scale(1.1);color:var(--light-primary)}.lesson-lightbox .lightbox-content{width:90%;height:90%;display:flex;align-items:center;justify-content:center;z-index:9001}.lesson-lightbox .lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;border:2px solid var(--light-primary);box-shadow:0 0 50px var(--light-glow)}.lesson-breadcrumbs{width:100%;margin-bottom:2rem;font-size:.95rem;font-weight:500}.lesson-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.lesson-breadcrumbs li{display:flex;align-items:center;color:var(--text-secondary)}.lesson-breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--text-muted)}.lesson-breadcrumbs a{color:var(--light-accent);text-decoration:none;border-bottom:none;display:flex;align-items:center;gap:.35rem;transition:color .3s ease}.lesson-breadcrumbs a:hover{color:var(--light-primary);background:none;text-decoration:underline}.lesson-breadcrumbs i{font-size:.9rem}.lesson-comments-container{margin-top:4rem;padding-top:2rem;border-top:2px solid rgba(255,215,0,.3)}.lesson-comments-container h2{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.comment-form{background:rgba(40,40,43,.4);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.comment-form p{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-top:0}.comment-textarea{width:100%;min-height:100px;background:rgba(41,39,39,.952);border:2px solid rgba(255,215,0,.4);border-radius:8px;padding:.75rem 1rem;color:#fff;font-family:var(--font-body, "Lato", sans-serif);font-size:1rem;resize:vertical;transition:all .3s ease}.comment-textarea:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 20px var(--light-glow);background:rgba(0,0,0,.4)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.comment-char-counter{font-size:.85rem;color:var(--text-muted)}.comment-submit-btn{padding:.75rem 1.5rem;font-family:var(--font-body, "Lato", sans-serif);font-weight:600;font-size:.9rem;border-radius:50px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid var(--light-primary);background:linear-gradient(135deg, var(--light-primary), var(--light-accent));color:var(--light-dark);box-shadow:0 4px 20px var(--light-glow)}.comment-submit-btn:hover{background:linear-gradient(135deg, var(--light-accent), var(--light-primary));transform:translateY(-3px);box-shadow:0 6px 25px rgba(255,215,0,.6)}.comment-submit-btn:disabled{background:var(--text-muted);border-color:var(--text-muted);color:var(--light-dark);box-shadow:none;cursor:not-allowed;transform:none}.comment-status{padding:1rem 1.5rem;margin-bottom:2rem;border-radius:8px;font-weight:500}.comment-status.success{background:rgba(64,224,208,.1);border:1px solid var(--sonic-accent, #40E0D0);color:var(--sonic-accent, #40E0D0)}.comment-status.error{background:rgba(231,76,60,.1);border:1px solid #e74c3c;color:#e74c3c}.comment-list{display:flex;flex-direction:column;gap:1.5rem}.comment-card{background:rgba(40,40,43,.4);border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:1.5rem}.comment-author{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--light-primary);font-size:1rem;margin-bottom:1rem}.comment-author i{font-size:1.2rem}.comment-author .comment-date{margin-left:auto;font-weight:400;font-size:.85rem;color:var(--text-muted)}.comment-body{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.comment-body p{margin:0}.no-comments{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}.comment-login-prompt{background:var(--light-overlay, rgba(15, 15, 26, 0.8));border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:2rem}.comment-login-prompt p{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-top:0;margin-bottom:1.5rem}.comment-login-prompt .comment-submit-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}body.reading-mode-active{height:auto !important;min-height:100vh !important;width:100%;margin:0;padding:0;overflow-y:scroll !important;background-color:#0f0f1a !important}html:has(body.reading-mode-active){background-color:#0f0f1a !important}body.reading-mode-active main,body.reading-mode-active .lesson-container,body.reading-mode-active .lesson-content{background:rgba(0,0,0,0) !important;box-shadow:none !important;border:none !important;height:auto !important;overflow:visible !important}body.reading-mode-active .studio-background,body.reading-mode-active .lesson-progress-bar-container,body.reading-mode-active .lesson-breadcrumbs,body.reading-mode-active .lesson-header,body.reading-mode-active .toc-container,body.reading-mode-active .lesson-comments-container,body.reading-mode-active .studio-origin-btn-mobile{display:none !important}body.reading-mode-active .lesson-container{padding-top:4rem;padding-bottom:4rem;max-width:100% !important;width:100%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}body.reading-mode-active .lesson-content{font-size:1.4rem;line-height:1.8;max-width:720px;margin:0 auto;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box;color:#fff;font-family:"Georgia","Times New Roman",Times,serif;text-shadow:0 0 5px hsla(0,0%,100%,.1)}body.reading-mode-active[data-font-theme=mono] .lesson-content{font-family:"Courier New",Courier,monospace}body.reading-mode-active[data-font-theme=humanist] .lesson-content{font-family:"Open Sans",sans-serif}body.reading-mode-active .lesson-content h2,body.reading-mode-active .lesson-content h3,body.reading-mode-active .lesson-content h4{font-family:"Georgia","Times New Roman",Times,serif;color:#fff !important;border-bottom:1px solid hsla(0,0%,100%,.2);background:none;-webkit-text-fill-color:initial;margin-top:2.5rem}body.reading-mode-active .lesson-content p,body.reading-mode-active .lesson-content li{color:#e0e0e0}body.reading-mode-active .lesson-content a{color:gold;border-bottom-color:rgba(255,215,0,.3)}body.reading-mode-active .lesson-example-gallery{display:none}.lesson-subsection-title{font-family:var(--font-display, "Merriweather", serif);font-size:1.5rem;color:var(--light-primary);margin-top:2.5rem;margin-bottom:1.25rem;line-height:1.3}.language-lesson-page .table-container{background:rgba(10,10,20,.7);border:1px solid rgba(173,216,230,.3);backdrop-filter:blur(5px)}.language-lesson-page table{font-size:1rem;width:100%;border-collapse:collapse}.language-lesson-page table th,.language-lesson-page table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid rgba(173,216,230,.2)}.language-lesson-page table th{font-family:var(--font-body, "Lato", sans-serif);font-size:.9rem;font-weight:700;color:#fff;background:rgba(173,216,230,.1);text-transform:uppercase;letter-spacing:.05em}.language-lesson-page table tr:last-child td{border-bottom:none}.language-lesson-page table tr:nth-child(even){background:hsla(0,0%,100%,.02)}.language-lesson-page table td{line-height:1.6;color:var(--text-secondary);transition:background-color .2s ease}.language-lesson-page table td:first-child{font-weight:600;color:var(--light-primary);font-family:var(--font-display, "Merriweather", serif);font-style:italic;width:15%}.language-lesson-page table tr:hover td{background-color:rgba(173,216,230,.05)}@media(max-width: 768px){body.reading-mode-active .lesson-container{padding-top:2rem;padding-left:1.25rem;padding-right:1.25rem}body.reading-mode-active .lesson-content{font-size:1.1rem;line-height:1.7;max-width:100%;padding-left:0;padding-right:0;color:#fff;letter-spacing:.1px;text-shadow:0 0 5px hsla(0,0%,100%,.1)}body.reading-mode-active .lesson-content h2{font-size:1.5rem}body.reading-mode-active .lesson-content h3{font-size:1.3rem}.language-lesson-page .lesson-subsection-title{font-size:1.3rem;margin-top:2rem}.language-lesson-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(173,216,230,.2);border-radius:8px}.language-lesson-page table{font-size:.9rem;width:auto;min-width:600px}.language-lesson-page table th,.language-lesson-page table td{padding:.75rem 1rem;white-space:nowrap}.language-lesson-page table th{position:sticky;top:0;z-index:2;background:rgba(173,216,230,.1)}.language-lesson-page table td:first-child{position:sticky;left:0;z-index:1;background:#0f0f1a;border-right:1px solid rgba(173,216,230,.2)}.language-lesson-page table th:first-child{position:sticky;left:0;top:0;z-index:3}}/*# sourceMappingURL=immersive.css.map */
