@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--section-count: 22;--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #f093fb;--text-color: #ffffff;--bg-dark: #0a0a0a;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-dark);color:var(--text-color);overflow-x:hidden;overflow-y:scroll;line-height:1.6;scroll-behavior:smooth;height:calc(var(--section-count) * 100vh)}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=rtl] .text-section{text-align:right}html[dir=rtl] .text-section h1,html[dir=rtl] .text-section h2,html[dir=rtl] .text-section p{direction:rtl;text-align:right}html[dir=rtl] .cta-section{flex-direction:row-reverse}html[dir=rtl] .welcome-info,html[dir=rtl] .welcome-info p{direction:rtl;text-align:right}html[dir=rtl] .kwami-label{left:calc(100vw - 2rem - 180px);right:auto}html[dir=rtl] .kwami-logo-svg{transform:scaleX(-1)}html[dir=rtl] .kwami-label:hover .kwami-logo-svg{transform:scaleX(-1) scale(1.05)}html[dir=rtl] .right-header{right:calc(100vw - 1.5rem - 200px);left:auto}.mode-switcher{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;background:#0a0a0a80;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px;z-index:10000;gap:4px;position:relative}.mode-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff9;font-size:.9rem;font-weight:600;z-index:1}.mode-btn .mode-emoji{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mode-btn .mode-label{transition:color .3s ease}.mode-btn:hover{color:#ffffffe6}.mode-btn:hover .mode-emoji{transform:scale(1.2)}.mode-btn.active{color:#fff}.mode-btn.active .mode-emoji{filter:drop-shadow(0 0 8px var(--color-primary))}.mode-slider{position:absolute;top:4px;left:4px;width:calc(33.333% - 3px);height:calc(100% - 8px);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:16px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 10px #0000004d}.mode-switcher[data-active=voice] .mode-slider{transform:translate(0)}.mode-switcher[data-active=music] .mode-slider{transform:translate(calc(100% + 4px))}.mode-switcher[data-active=video] .mode-slider{transform:translate(calc(200% + 8px))}@media(max-width:1024px){.mode-switcher{top:1.5rem}.mode-btn{padding:.5rem 1rem;font-size:.85rem}.mode-btn .mode-emoji{font-size:1.1rem}}@media(max-width:640px){.mode-switcher{top:1rem;padding:3px;border-radius:16px}.mode-btn{padding:.4rem .6rem;gap:.3rem}.mode-btn .mode-label{display:none}.mode-btn .mode-emoji{font-size:1.3rem}.mode-slider{border-radius:13px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0acc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:6px;transition:background .8s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-secondary),var(--color-primary))}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(10,10,10,.8)}#app{display:flex;min-height:100vh;width:100%}.content-left{position:fixed;left:0;top:0;width:50%;height:100vh;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;z-index:10;overflow:hidden}.text-section{position:fixed;top:0;left:0;right:50%;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem;opacity:0;pointer-events:none;transform:translateY(100vh) rotateX(-15deg);transform-origin:center center;transition:all .8s cubic-bezier(.4,0,.2,1);perspective:1000px;z-index:1;will-change:transform,opacity}.text-section.text-section-empty{opacity:1;pointer-events:none}.text-section.active{opacity:1;pointer-events:auto;transform:translateY(0) rotateX(0);z-index:10}.text-section.exiting{opacity:0;pointer-events:none;transform:translateY(-100vh) rotateX(15deg);z-index:5}.text-section.entering{opacity:0;pointer-events:none;transform:translateY(100vh) rotateX(-15deg);z-index:1}.section-number{font-size:clamp(6rem,15vw,12rem);font-weight:700;line-height:.9;opacity:.2;margin-bottom:0rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite;font-variant-numeric:tabular-nums;letter-spacing:-.05em;user-select:none;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;text-transform:uppercase;font-feature-settings:"tnum" 1,"zero" 1;transition:background .3s cubic-bezier(.4,0,.2,1)}.section-hash{font-size:.6em;opacity:1;-webkit-text-fill-color:initial;color:var(--color-primary)}.text-section h1,.text-section h2{font-size:clamp(2rem,3vw,4rem);font-weight:700;margin-bottom:2.5rem;line-height:1.2;font-family:Orbitron,Rajdhani,Courier New,monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.2)}.text-section h1 .emoji,.text-section h2 .emoji{display:inline-block}.text-section h1 .gradient-text,.text-section h2 .gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;background-size:200% 200%;transition:background .3s cubic-bezier(.4,0,.2,1)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-section p{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:1.5rem;color:#fffc;opacity:0;transform:translateY(20px);animation:fade-slide-in .6s ease forwards}.text-section p.main-description{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;color:#fffffff2;margin-bottom:2rem;line-height:1.6;letter-spacing:.01em}.animate-text{opacity:1}@keyframes fade-slide-in{to{opacity:1;transform:translateY(0)}}.animated-text-chars span{display:inline-block;opacity:0;transform:translateY(8px);animation:charFadeIn .6s ease-out forwards}@keyframes charFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cta-section{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.section-action{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.action-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0a0a0a59;color:#ffffffeb;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);text-transform:none}.action-button:hover,.action-button:focus-visible{border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000059,0 0 18px #667eea59}.action-button:focus-visible{outline:none}.action-button.triggered{box-shadow:0 0 30px #ec489966}.action-feedback{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);padding:.35rem .8rem;font-size:.75rem;letter-spacing:.02em;border-radius:999px;background:#0a0a0ad9;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;pointer-events:none;animation:action-pop 1.25s ease forwards}@keyframes action-pop{0%{opacity:0;transform:translate(-50%,12px)}20%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #667eea66}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.cta-button.secondary{background:transparent;border:2px solid var(--color-primary);box-shadow:none}.cta-button.secondary:hover{background:#667eea1a;box-shadow:0 4px 15px #667eea4d}.logo-small{margin-top:2rem;opacity:.7;display:flex;align-items:center;justify-content:flex-start;animation:pulse-glow 2s ease-in-out infinite}.logo-small svg{filter:drop-shadow(0 0 20px rgba(102,126,234,.5));animation:logo-breathe 3s ease-in-out infinite}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-blob{transform-origin:center}.logo-stop1{stop-color:var(--color-primary);transition:stop-color .8s ease}.logo-stop2{stop-color:var(--color-secondary);transition:stop-color .8s ease}.logo-stop3{stop-color:var(--color-accent);transition:stop-color .8s ease}.content-right{position:fixed;right:0;top:0;width:100%;height:100vh;z-index:0;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:width .8s ease,right .8s ease}.content-right.page-00{width:100%;right:0}.right-header{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:30000;pointer-events:auto;transition:left .6s cubic-bezier(.4,0,.2,1),right .6s cubic-bezier(.4,0,.2,1)}.header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 2px 8px #0006;opacity:.7}.header-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 25px var(--color-primary);opacity:1}.header-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.candy-emoji{display:inline-block;animation:candyRotate 22s linear infinite}@keyframes candyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hamburger-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;opacity:1;padding:0}.hamburger-menu-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 25px var(--color-primary)}.hamburger-menu-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.hamburger-icon{display:flex;flex-direction:column;gap:3px;width:18px;height:14px;justify-content:center;align-items:center}.hamburger-line{width:100%;height:2px;background:currentColor;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#ffffffe6}.hamburger-menu-btn.active .hamburger-line:nth-child(1){transform:translateY(5px) rotate(45deg)}.hamburger-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-menu-btn.active .hamburger-line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.right-header>*:not(.hamburger-menu-btn){transition:all .35s cubic-bezier(.4,0,.2,1)}.right-header>.header-btn:nth-last-child(2){transition-delay:0s}.right-header>.header-btn:nth-last-child(3){transition-delay:.05s}.right-header>.header-btn:nth-last-child(4){transition-delay:.1s}.right-header>.header-theme-toggle{transition-delay:.15s}.right-header>.language-switcher{transition-delay:.2s}.header-hidden{opacity:0!important;pointer-events:none!important;transform:translate(-20px)!important}.right-header>.header-btn:nth-last-child(2).header-hidden{transition-delay:0s}.right-header>.header-btn:nth-last-child(3).header-hidden{transition-delay:.05s}.right-header>.header-btn:nth-last-child(4).header-hidden{transition-delay:.1s}.right-header>.header-theme-toggle.header-hidden{transition-delay:.15s}.right-header>.language-switcher.header-hidden{transition-delay:.2s}.bottom-tabs{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:9999;pointer-events:auto;background:#0a0a0a99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:25px;padding:.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #00000080;width:min(calc(100vw - 48px),480px);justify-content:space-between;flex-wrap:nowrap}.tab-btn{padding:.6rem 1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;background:transparent;color:#ffffffb3;border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.tab-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 12px #0000004d}.tab-anim-voice{animation:voicePulse .45s ease}.tab-anim-music{animation:musicTwist .55s ease}.tab-anim-video{animation:videoFlip .5s ease}@keyframes voicePulse{0%{transform:scale(1);box-shadow:0 0 #fff6}40%{transform:scale(1.08);box-shadow:0 0 18px #ffffff59}to{transform:scale(1);box-shadow:0 0 #fff0}}@keyframes musicTwist{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-6deg) scale(.98)}60%{transform:rotate(8deg) scale(1.03)}to{transform:rotate(0) scale(1)}}@keyframes videoFlip{0%{transform:perspective(400px) rotateX(0)}40%{transform:perspective(400px) rotateX(-18deg)}70%{transform:perspective(400px) rotateX(12deg)}to{transform:perspective(400px) rotateX(0)}}@media(max-width:900px){.bottom-tabs{width:calc(100vw - 32px);bottom:16px}}@media(max-width:640px){.bottom-tabs{flex-wrap:wrap;gap:.4rem;padding:.4rem;bottom:12px}.tab-btn{flex:1 1 calc(33% - .5rem);justify-content:center}}#kwami-container{width:100%;height:100%;position:absolute;inset:0;pointer-events:auto}#kwami-container canvas{width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.kwami-label{position:fixed;top:2rem;left:2rem;font-size:1.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2em;pointer-events:auto;cursor:pointer;z-index:10000;display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .3s ease,left .6s cubic-bezier(.4,0,.2,1),right .6s cubic-bezier(.4,0,.2,1)}.kwami-label:hover{opacity:.8}.kwami-label:hover .kwami-logo-svg{transform:scale(1.05)}.kwami-label span{color:#fff}.kwami-logo-svg{height:32px;width:auto;min-width:120px;transition:transform .6s cubic-bezier(.4,0,.2,1)}@keyframes pulse-glow{0%,to{opacity:.5;text-shadow:0 0 10px rgba(102,126,234,.5)}50%{opacity:.9;text-shadow:0 0 20px rgba(102,126,234,.8)}}@media(max-width:1024px){#app{flex-direction:column}.content-left{width:100%;height:100vh;padding:2rem 2rem 4rem;z-index:50}.content-right{position:fixed;width:100%;height:100vh;top:0;bottom:0;background:transparent;z-index:100;padding-right:0}.right-header{top:1rem;right:1rem;gap:.5rem}html[dir=rtl] .right-header{right:calc(100vw - 1rem - 150px);left:auto}.header-btn{width:40px;height:40px;font-size:20px;border-radius:11px}.hamburger-menu-btn{width:40px;height:40px;border-radius:11px}#kwami-container{width:100%;height:100%}.sidebar-navigation{z-index:101}.text-section{right:0;padding:8rem 1rem 2rem;justify-content:flex-start}.kwami-label{top:1rem;left:1rem;font-size:1.3rem}html[dir=rtl] .kwami-label{left:calc(100vw - 1rem - 150px);right:auto}html[dir=rtl] .kwami-logo-svg{transform:scaleX(-1)}html[dir=rtl] .kwami-label:hover .kwami-logo-svg{transform:scaleX(-1) scale(1.05)}.kwami-logo-svg{height:24px;min-width:90px}.logo-small{margin-top:1.5rem}.logo-small svg{width:80px;height:80px}}@media(max-width:640px){.text-section{right:0;padding-top:6rem}.section-number{font-size:4rem}.text-section h1,.text-section h2{font-size:2rem}.text-section p{font-size:1rem}.text-section p.main-description{font-size:1.15rem;margin-bottom:1.2rem}.cta-button{padding:.8rem 1.5rem;font-size:.9rem}.logo-small svg{width:70px;height:70px}.right-header{top:1rem;right:1rem;gap:.5rem}html[dir=rtl] .right-header{right:calc(100vw - 1rem - 150px);left:auto}.header-btn{width:38px;height:38px;font-size:19px;border-radius:10px;background:#0a0a0ab3}.hamburger-menu-btn{width:38px;height:38px;border-radius:10px;background:#0a0a0ab3}.bottom-tabs{bottom:8px!important;left:50%!important;right:auto;transform:translate(-50%)!important;padding:.4rem}.tab-btn{padding:.5rem 1rem;font-size:.85rem}}.sidebar-navigation{position:fixed;right:1.5rem;left:auto;top:50%;transform:translateY(-50%);z-index:14000;display:flex;flex-direction:column;align-items:center;pointer-events:auto;transition:opacity .35s ease,transform .35s ease,right .35s ease,left .35s ease}.sidebar-navigation.inside-welcome-layer{z-index:150;filter:drop-shadow(0 0 20px rgba(0,0,0,.4))}.sidebar-navigation[data-side=rtl]{right:auto;left:1.5rem}.sidebar-navigation.is-repositioning{opacity:0;pointer-events:none;transform:translateY(-50%) translate(16px)}.sidebar-navigation[data-side=rtl].is-repositioning{transform:translateY(-50%) translate(-16px)}.sphere-container{display:flex;flex-direction:column;gap:.45rem;align-items:center;--wave-delay-step: 70ms;--wave-start-offset: -12px;--wave-overshoot-offset: 4px}.sidebar-navigation[data-side=rtl] .sphere-container{--wave-start-offset: 12px;--wave-overshoot-offset: -4px}.sphere-container.wave-enter .nav-sphere{opacity:0;transform:translateY(var(--wave-start-offset, -12px)) scale(.6);animation:nav-sphere-wave .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--wave-delay, 0ms)}@keyframes nav-sphere-wave{0%{opacity:0;transform:translateY(var(--wave-start-offset, -12px)) scale(.6)}70%{opacity:1;transform:translateY(var(--wave-overshoot-offset, 4px)) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-sphere{width:14px;height:14px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;padding:0;position:relative;box-shadow:0 2px 8px #0000004d;will-change:transform,width,height,box-shadow}.nav-sphere:hover{transform:scale(1.3);box-shadow:0 4px 16px #0006}.nav-sphere.active{width:24px;height:24px;box-shadow:0 6px 24px #667eea99;animation:sphere-pulse 2s ease-in-out infinite}@keyframes sphere-pulse{0%,to{box-shadow:0 6px 24px #667eea99,0 0 30px #667eea4d}50%{box-shadow:0 8px 32px #667eeacc,0 0 50px #667eea80}}@media(max-width:1024px){.sidebar-navigation{right:.8rem;top:50%}.sidebar-navigation[data-side=rtl]{left:.8rem;right:auto}.sphere-container{gap:.4rem}.nav-sphere{width:12px;height:12px}.nav-sphere.active{width:20px;height:20px}}@media(max-width:640px){.sidebar-navigation{right:.5rem}.sidebar-navigation[data-side=rtl]{left:.5rem;right:auto}.sphere-container{gap:.35rem}.nav-sphere{width:10px;height:10px}.nav-sphere.active{width:18px;height:18px}}#cursor-light{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(102,126,234,.25) 0%,rgba(118,75,162,.15) 25%,rgba(240,147,251,.08) 50%,transparent 70%);transition:opacity .3s ease,background .8s cubic-bezier(.4,0,.2,1);opacity:0;mix-blend-mode:screen;filter:blur(40px);will-change:transform,opacity,background}#cursor-light.active{opacity:1}@keyframes cursor-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}#cursor-light.active{animation:cursor-pulse 3s ease-in-out infinite}@media(max-width:1024px){#cursor-light{display:none}}.scroll-indicator{position:fixed;bottom:2rem;left:25%;transform:translate(-50%);color:#ffffff80;font-size:2rem;animation:bounce 2s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes rotate{to{transform:rotate(360deg)}}.loading{animation:rotate 2s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}#song-title-display{position:relative;white-space:nowrap;padding:0 1rem;box-sizing:border-box}#song-title-display:hover{color:#fffc}#song-title-display:hover .title-letter{text-decoration:underline}.title-letter{display:inline-block;transform-origin:center bottom;will-change:transform}@media(max-width:900px){#song-title-display{bottom:70px!important;font-size:.7rem}}@media(max-width:640px){#song-title-display{bottom:60px!important;font-size:.65rem}}.header-theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;opacity:.7;flex-shrink:0}.header-theme-toggle:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 25px var(--color-primary);opacity:1}.header-theme-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.header-theme-toggle .theme-toggle-icon{font-size:1.1rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.header-theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.1)}.language-switcher{position:relative;z-index:30001;pointer-events:auto;flex-shrink:0}.lang-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0;min-width:36px;width:36px;height:36px;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;opacity:.7;color:#ffffffe6;font-size:.9rem;font-weight:600}.lang-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 25px var(--color-primary);opacity:1}.lang-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.lang-icon{font-size:1.2rem;line-height:1}.current-lang{font-size:.85rem;letter-spacing:.05em}.lang-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0a0a0a99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.3rem;box-shadow:0 4px 16px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:30002}.lang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu.open-upward{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem;transform:translateY(10px)}.lang-menu.open-upward.open{transform:translateY(0)}.lang-menu::-webkit-scrollbar{width:6px}.lang-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.lang-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .2s ease}.lang-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lang-option{display:block;width:100%;padding:.7rem 1rem;background:transparent;color:#ffffffb3;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem;font-weight:500;white-space:nowrap}.lang-option:hover{background:#ffffff1a;color:#fff;transform:scale(1.02)}.lang-option:active{background:#ffffff26}@media(max-width:1024px){.lang-btn{padding:.5rem .75rem;height:40px;font-size:.95rem}}@media(max-width:640px){.lang-btn{padding:.4rem .65rem;height:38px;font-size:.85rem}}body.light-mode{--bg-dark: #ffffff;--text-color: #0a0a0a;background:#fff}body.light-mode .content-left{background:transparent}body.light-mode .content-right{background:#fff}body.light-mode .page-content{color:#000000e6}body.light-mode h1,body.light-mode h2,body.light-mode h3{color:#000000f2}body.light-mode p,body.light-mode li{color:#000000d9}body.light-mode .header-btn{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a}body.light-mode .header-btn:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px var(--color-primary)}body.light-mode .header-theme-toggle{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a}body.light-mode .header-theme-toggle:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px var(--color-primary)}body.light-mode .lang-btn{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);color:#000000d9;box-shadow:0 2px 8px #0000001a}body.light-mode .lang-btn:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px var(--color-primary)}body.light-mode .hamburger-menu-btn{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a}body.light-mode .hamburger-menu-btn:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px var(--color-primary)}body.light-mode .hamburger-line{color:#000000d9}body.light-mode .lang-menu{background:#f5f5f5cc;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #00000026}body.light-mode .lang-option{color:#000000b3}body.light-mode .lang-option:hover{background:#00000014;color:#000}body.light-mode .mode-switcher{background:#f5f5f5b3;border:1px solid rgba(0,0,0,.1)}body.light-mode .mode-btn{color:#0009}body.light-mode .mode-btn:hover{color:#000000e6}body.light-mode .mode-btn.active{color:#000}body.light-mode .bottom-tabs{background:#f5f5f580;border:1px solid rgba(0,0,0,.08)}body.light-mode .tab-btn{color:#0009}body.light-mode .tab-btn:hover{background:#0000000d;color:#000000e6}body.light-mode .tab-btn.active{color:#000;background:#ffffff80}body.light-mode .action-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026}body.light-mode .action-button:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}body.light-mode #song-title-display{color:#000c;text-shadow:0 1px 3px rgba(0,0,0,.1)}body.light-mode .scroll-indicator{color:#00000080}body.light-mode code{background:#0000000d;color:#000000e6}body.light-mode a{color:var(--color-primary)}body.light-mode a:hover{color:var(--color-secondary)}.loader-container{position:fixed;top:0;left:0;z-index:100;background-color:#000;background:radial-gradient(circle at center,#0a0a0a,#050505 45%,#000);overflow:visible;text-align:center;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;margin:0;padding:0;transition:opacity 3s ease}.welcome-kwami-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;cursor:pointer;z-index:50;animation:fadeInScale 1s ease-out,floatAnimation 3s ease-in-out infinite;transition:transform .3s ease}.welcome-kwami-container:hover{transform:translate(-50%,-50%)}.welcome-info{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;text-align:center!important;flex-direction:column;align-items:center;gap:.5rem;max-width:90%;width:auto;padding:0 2rem;color:#fffffff2;z-index:60;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;isolation:isolate}.info-line{margin:.2rem 0;font-size:1.05rem;font-weight:500;line-height:1.5;letter-spacing:.08em;font-family:Rajdhani,Orbitron,Courier New,monospace;text-transform:uppercase;color:#fffffff2;text-shadow:0 0 8px rgba(255,255,255,.2),0 0 15px rgba(255,255,255,.1);text-align:center!important}.info-line.heading{font-size:1.5rem;font-weight:700;letter-spacing:.12em;margin-bottom:.8rem;font-family:Orbitron,Rajdhani,Courier New,monospace;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.2);text-align:center!important}.info-line.subtle{font-size:.92rem;opacity:.85;font-weight:400;letter-spacing:.1em;text-shadow:0 0 6px rgba(255,255,255,.15),0 0 12px rgba(255,255,255,.1);text-align:center!important}.info-line span{display:inline-block;opacity:0;transform:translateY(8px);animation:infoType .6s ease-out forwards}.welcome-info.text-paused .info-line span{animation:none!important;opacity:0!important;transform:translateY(10px)}.skip-welcome-container{margin-top:1.5rem;margin-bottom:-1rem;padding-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;pointer-events:auto;opacity:0}.skip-welcome-checkbox{width:18px;height:18px;cursor:pointer;appearance:none;-webkit-appearance:none;border:2px solid rgba(255,255,255,.4);border-radius:4px;background:transparent;position:relative;transition:all .3s ease;flex-shrink:0}.skip-welcome-checkbox:hover{border-color:#fff9;box-shadow:0 0 8px #fff3,0 0 15px #ffffff1a}.skip-welcome-checkbox:checked{background:#ffffffe6;border-color:#ffffffe6;box-shadow:0 0 8px #ffffff4d,0 0 15px #fff3}.skip-welcome-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:13px;font-weight:700;line-height:1}.skip-welcome-label{font-family:Rajdhani,Orbitron,Courier New,monospace;font-size:1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fffc;cursor:pointer;transition:color .3s ease;user-select:none;text-shadow:0 0 6px rgba(255,255,255,.1),0 0 12px rgba(255,255,255,.05)}.skip-welcome-label:hover{color:#fffffff2}.skip-welcome-checkbox:checked+.skip-welcome-label{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3),0 0 15px rgba(255,255,255,.2)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes floatAnimation{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}@keyframes infoType{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in-leave-active{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#mainSVG{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.8);width:100vw;height:100vh;z-index:2;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .8s ease}#mainSVG.hidden{display:none}#mainSVG.visible{display:block;visibility:visible;opacity:1}.ell,#ai{fill:none}#version{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:.7rem;font-family:Orbitron,Rajdhani,Courier New,monospace;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fffc;opacity:.8;text-shadow:0 0 6px rgba(255,255,255,.2),0 0 12px rgba(255,255,255,.1)}.welcome-theme-toggle{position:fixed;bottom:2rem;right:calc(2.5rem + 80px);z-index:200;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:50%;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;opacity:.7}.welcome-theme-toggle:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 20px #00000080,0 0 25px #ffffff4d;opacity:1}.welcome-theme-toggle:active{transform:translateY(0) scale(.92);box-shadow:0 2px 8px #0006}.theme-toggle-icon{font-size:1.2rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.welcome-theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.1)}.welcome-language-switcher{position:fixed;bottom:2rem;right:2rem;z-index:200;pointer-events:auto}.welcome-language-switcher .lang-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;min-width:80px;height:40px;background:#0a0a0a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;opacity:.7;color:#ffffffe6;font-size:.9rem;font-weight:600;white-space:nowrap;box-sizing:border-box}.welcome-language-switcher .lang-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 25px #ffffff4d;opacity:1}.welcome-language-switcher .lang-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.welcome-language-switcher .lang-icon{font-size:1.2rem;line-height:1}.welcome-language-switcher .current-lang{font-size:.85rem;letter-spacing:.05em;white-space:nowrap}.welcome-language-switcher .lang-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0a0a0a99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.3rem;box-shadow:0 4px 16px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:250}.welcome-language-switcher .lang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.welcome-language-switcher .lang-menu.open-upward{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem;transform:translateY(10px)}.welcome-language-switcher .lang-menu.open-upward.open{transform:translateY(0)}.welcome-language-switcher .lang-menu::-webkit-scrollbar{width:6px}.welcome-language-switcher .lang-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.welcome-language-switcher .lang-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .2s ease}.welcome-language-switcher .lang-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.welcome-language-switcher .lang-option{display:block;width:100%;padding:.7rem 1rem;background:transparent;color:#ffffffb3;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem;font-weight:500;white-space:nowrap}.welcome-language-switcher .lang-option:hover{background:#ffffff1a;color:#fff;transform:scale(1.02)}.welcome-language-switcher .lang-option:active{background:#ffffff26}@media(max-width:1024px){.welcome-language-switcher{top:1.5rem;right:1rem;bottom:auto}.welcome-language-switcher .lang-btn{padding:.5rem .8rem}.welcome-theme-toggle{top:1.5rem;right:calc(1.5rem + 80px);left:auto;bottom:auto;width:38px;height:38px}.theme-toggle-icon{font-size:1.1rem}}@media(max-width:640px){.welcome-language-switcher{top:1rem;right:.5rem}.welcome-language-switcher .lang-btn{padding:.45rem .85rem;font-size:.8rem;min-width:70px;height:36px;gap:.4rem}.welcome-language-switcher .lang-icon{font-size:1rem}.welcome-language-switcher .current-lang{font-size:.75rem}.welcome-theme-toggle{top:1rem;right:calc(1rem + 70px);left:auto;width:36px;height:36px}.theme-toggle-icon{font-size:1rem}}@media(max-width:768px){.welcome-kwami-container{width:500px;height:500px}.welcome-info{bottom:12%;max-width:95%;padding:0 1rem}.info-line{font-size:.98rem}.info-line.heading{font-size:1.25rem}}@media(max-width:480px){.welcome-kwami-container{width:420px;height:420px}.welcome-info{bottom:14%;max-width:95%;padding:0 .5rem}.info-line{font-size:.92rem}.info-line.heading{font-size:1.1rem}.welcome-language-switcher{right:.4rem}.welcome-language-switcher .lang-btn{padding:.4rem .7rem;font-size:.75rem;min-width:60px;height:32px;gap:.35rem}.welcome-language-switcher .lang-icon{font-size:.9rem}.welcome-language-switcher .current-lang{font-size:.7rem}.welcome-theme-toggle{right:calc(.8rem + 60px);left:auto;width:32px;height:32px}}.welcome-loader-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .8s ease;pointer-events:none}.welcome-loader-overlay.fade-out{opacity:0}.welcome-loader-image{width:auto;height:60%;max-height:60%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}@media(max-width:768px){.welcome-loader-overlay{width:500px;height:500px}}@media(max-width:480px){.welcome-loader-overlay{width:420px;height:420px}.welcome-loader-image{height:55%;max-height:55%}}body.light-mode .loader-container{background-color:#fff;background:radial-gradient(circle at center,#f5f5f5,#fafafa 45%,#fff)}body.light-mode .info-line{color:#000000f2;text-shadow:0 0 8px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.05)}body.light-mode .info-line.heading{color:#000;text-shadow:0 0 10px rgba(0,0,0,.15),0 0 20px rgba(0,0,0,.1),0 0 30px rgba(0,0,0,.05)}body.light-mode .info-line.subtle{opacity:.7;text-shadow:0 0 6px rgba(0,0,0,.08),0 0 12px rgba(0,0,0,.04)}body.light-mode .skip-welcome-checkbox{border:2px solid rgba(0,0,0,.3)}body.light-mode .skip-welcome-checkbox:hover{border-color:#00000080;box-shadow:0 0 8px #00000026,0 0 15px #00000014}body.light-mode .skip-welcome-checkbox:checked{background:#000000d9;border-color:#000000d9;box-shadow:0 0 8px #0003,0 0 15px #0000001f}body.light-mode .skip-welcome-checkbox:checked:after{color:#fff}body.light-mode .skip-welcome-label{color:#000000bf;text-shadow:0 0 6px rgba(0,0,0,.05),0 0 12px rgba(0,0,0,.02)}body.light-mode .skip-welcome-label:hover{color:#000000e6}body.light-mode .skip-welcome-checkbox:checked+.skip-welcome-label{color:#000;text-shadow:0 0 8px rgba(0,0,0,.15),0 0 15px rgba(0,0,0,.1)}body.light-mode #version{color:#000000b3;text-shadow:0 0 6px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.05)}body.light-mode .welcome-language-switcher .lang-btn{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);color:#000000d9;box-shadow:0 2px 8px #0000001a}body.light-mode .welcome-language-switcher .lang-btn:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px #0000001a}body.light-mode .welcome-language-switcher .lang-menu{background:#f5f5f5cc;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #00000026}body.light-mode .welcome-language-switcher .lang-option{color:#000000b3}body.light-mode .welcome-language-switcher .lang-option:hover{background:#00000014;color:#000;transform:scale(1.02)}body.light-mode .welcome-theme-toggle{background:#f5f5f599;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a}body.light-mode .welcome-theme-toggle:hover{background:#ffffffe6;border-color:#0003;box-shadow:0 6px 20px #00000026,0 0 25px #0000001a}body.light-mode .welcome-loader-image{filter:drop-shadow(0 0 20px rgba(0,0,0,.2)) brightness(.9)}.skip-link{position:absolute;top:-100px;left:0;z-index:100000;padding:16px 24px;background:#6366f1;color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:0 0 8px;transition:top .3s ease}.skip-link:focus{top:0;outline:3px solid white;outline-offset:2px}a:focus,button:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:3px solid #6366f1;outline-offset:3px;transition:outline .2s ease}.content-left a:focus,.content-left button:focus{outline-color:#a5b4fc;box-shadow:0 0 0 3px #6366f14d}.sphere:focus{outline:3px solid #6366f1;outline-offset:5px;transform:scale(1.3);box-shadow:0 0 20px #6366f199}.tab-btn:focus{outline:3px solid #6366f1;outline-offset:2px;background:#6366f133}.tab-btn.active:focus{outline-color:#fff;background:#fff3}.action-button:focus{outline:3px solid #a5b4fc;outline-offset:3px;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}@keyframes focusPulse{0%,to{box-shadow:0 0 #6366f1b3}50%{box-shadow:0 0 0 8px #6366f100}}*:focus-visible{animation:focusPulse 2s infinite}body.keyboard-navigation *:focus{outline:3px solid #6366f1!important;outline-offset:3px!important}body:not(.keyboard-navigation) *:focus:not(:focus-visible){outline:none}.keyboard-hint{position:fixed;bottom:20px;right:20px;z-index:1000;padding:12px 20px;background:#6366f1f2;color:#fff;border-radius:8px;font-size:14px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.keyboard-hint.show{opacity:1;transform:translateY(0)}.keyboard-hint:before{content:"⌨️ ";margin-right:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(prefers-contrast:high){.skip-link,.action-button,.tab-btn{border:2px solid currentColor}*:focus{outline-width:4px;outline-offset:4px}.sphere{border:2px solid white}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skip-link,.action-button,.tab-btn,.sphere{transition:none}.animate-text{animation:none;opacity:1!important;transform:none!important}}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:768px){button,a,.tab-btn,.action-button,.sphere{min-width:44px;min-height:44px;padding:12px}.sphere:after{content:"";position:absolute;inset:-10px}}#language-switcher:focus-within{outline:3px solid #6366f1;outline-offset:3px;border-radius:8px}#language-switcher select:focus{outline:3px solid #a5b4fc;outline-offset:2px}.section-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-notification .error-close:focus{outline:3px solid white;outline-offset:2px}video:focus{outline:3px solid #6366f1;outline-offset:3px}.content-left:focus-within{box-shadow:inset 4px 0 #6366f1}@media print{.skip-link,.keyboard-hint,#cursor-light,.sidebar-navigation{display:none}a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}.content-left,.content-right{width:100%!important;position:static!important}}@media(prefers-color-scheme:light){.skip-link{background:#1e1b4b;color:#fff}*:focus{outline-color:#4338ca}}.no-focus-outline{outline:none!important}.focus-visible-only:focus:not(:focus-visible){outline:none}.focus-visible-only:focus-visible{outline:3px solid #6366f1;outline-offset:3px}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:#000000e6;color:#fff;font-size:14px;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000;margin-bottom:8px}[aria-live=polite],[aria-live=assertive]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.keyboard-shortcuts{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;padding:32px;background:#0a0a0af2;border:2px solid #6366f1;border-radius:16px;color:#fff;max-width:500px;opacity:0;pointer-events:none;transition:opacity .3s ease}.keyboard-shortcuts.show{opacity:1;pointer-events:auto}.keyboard-shortcuts h2{margin-top:0;color:#a5b4fc}.keyboard-shortcuts kbd{display:inline-block;padding:4px 8px;background:#1e1b4b;border:1px solid #6366f1;border-radius:4px;font-family:monospace;font-size:14px;margin:0 4px}.keyboard-shortcuts ul{list-style:none;padding:0}.keyboard-shortcuts li{padding:8px 0;display:flex;justify-content:space-between;align-items:center}.keyboard-shortcuts .close-btn{margin-top:16px;width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.keyboard-shortcuts .close-btn:hover{background:#4f46e5}.keyboard-shortcuts .close-btn:focus{outline:3px solid white;outline-offset:2px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-title{height:2em;width:60%;margin-bottom:1em}.skeleton-button{height:44px;width:150px;border-radius:8px}.skeleton-image{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-blob{width:100%;height:100%;border-radius:50%}.loading-container{position:relative;min-height:200px}.loading-overlay{position:absolute;inset:0;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px)}.loading-hidden{display:none}.loading-spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner-small{width:24px;height:24px;border-width:3px}.loading-spinner-large{width:64px;height:64px;border-width:5px}.loading-dots{display:flex;gap:8px;align-items:center;justify-content:center}.loading-dot{width:12px;height:12px;background:#6366f1;border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-container{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-indeterminate{width:30%;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-text{margin-top:16px;color:#ffffffb3;font-size:14px;text-align:center;animation:pulse 2s ease-in-out infinite}.loading-text:after{content:"...";display:inline-block;width:20px;text-align:left;animation:loading-ellipsis 1.5s infinite}@keyframes loading-ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.lazy-image{position:relative;overflow:hidden;background:#ffffff0d}.lazy-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.lazy-image img{opacity:0;transition:opacity .3s ease}.lazy-image.loaded:before{display:none}.lazy-image.loaded img{opacity:1}.media-loading{position:relative}.media-loading:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.media-loaded:after{display:none}.blob-loading{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blob-loading-spinner{width:80px;height:80px;border:6px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.blob-loading-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:16px;animation:pulse 2s ease-in-out infinite}.fade-in{animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-fast{animation:fade-in .3s ease-out}.fade-in-slow{animation:fade-in 1s ease-out}.stagger-children>*{opacity:0;animation:fade-in .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.button-loading{position:relative;color:transparent!important;pointer-events:none}.button-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.skeleton-section{padding:40px 20px;max-width:800px}.skeleton-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.skeleton-section-content{display:flex;flex-direction:column;gap:12px}.skeleton-section-content .skeleton-text{width:100%}.skeleton-section-content .skeleton-text:nth-child(3n){width:85%}.skeleton-section-content .skeleton-text:nth-child(5n){width:70%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}canvas.loading{opacity:.5;filter:blur(10px);transition:opacity .5s ease,filter .5s ease}canvas.loaded{opacity:1;filter:blur(0)}.text-section.loading{opacity:.3;pointer-events:none}.text-section.loaded{opacity:1;animation:fade-in .5s ease-out}.tab-btn.loading{opacity:.5;cursor:wait}@media(max-width:768px){.loading-spinner{width:40px;height:40px}.blob-loading-spinner{width:60px;height:60px}.skeleton-section{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.skeleton,.loading-spinner,.loading-dot,.progress-bar:after,.button-loading:after{animation:none}.loading-text:after{animation:none;content:"..."}.fade-in{animation:none;opacity:1;transform:none}}@media(prefers-contrast:high){.skeleton{background:#fff3}.loading-spinner{border-width:5px}.progress-bar{background:#fff}}@media(max-width:768px){button,a,.tab-btn,.action-button,.sphere,.header-btn{min-width:44px;min-height:44px;touch-action:manipulation}.bottom-tabs,.right-header{gap:16px;padding:16px}.action-button{padding:16px 24px;font-size:16px;min-height:52px}.tab-btn{padding:12px 20px;font-size:16px}}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:0;pointer-events:none}.touch-feedback:active:after{width:200px;height:200px;opacity:1;transition:width .6s ease,height .6s ease,opacity 0s}@media(max-width:768px){button,.action-button,.tab-btn,.sphere{position:relative;overflow:hidden}button:active,.action-button:active,.tab-btn:active,.sphere:active{transform:scale(.95);transition:transform .1s ease}}.swipe-indicator{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9;font-size:14px;animation:swipe-hint 2s ease-in-out infinite;pointer-events:none;z-index:100}.swipe-indicator-arrow{font-size:24px;animation:swipe-arrow 1.5s ease-in-out infinite}@keyframes swipe-hint{0%,to{opacity:.6}50%{opacity:1}}@keyframes swipe-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}body.interacted .swipe-indicator{opacity:0;transition:opacity .5s ease}.pull-to-refresh{position:fixed;top:-60px;left:50%;transform:translate(-50%);width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#6366f1e6;color:#fff;font-size:14px;transition:top .3s ease;z-index:1000}.pull-to-refresh.active{top:0}@media(max-width:768px){.sidebar-navigation{inset:auto 0 80px;width:100%;height:60px;flex-direction:row;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:10px;background:#0a0a0acc;backdrop-filter:blur(10px)}.sphere-container{flex-direction:row!important;gap:12px;padding:0 10px}.sphere{width:32px;height:32px;flex-shrink:0}.content-left,.content-right{width:100%;height:50vh;position:static}.content-left{padding:20px 20px 160px}.content-right{height:50vh;position:fixed;bottom:140px;left:0;right:0;z-index:1}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0a0af2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;padding:12px 8px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.tab-btn span:first-child{font-size:24px}}@supports (padding: env(safe-area-inset-bottom)){@media(max-width:768px){.bottom-tabs{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.sidebar-navigation{bottom:calc(80px + env(safe-area-inset-bottom))}.content-right{bottom:calc(140px + env(safe-area-inset-bottom))}.content-left{padding-bottom:calc(160px + env(safe-area-inset-bottom))}}}.swipeable{touch-action:pan-y;-webkit-overflow-scrolling:touch}.swipeable-x{touch-action:pan-x}.draggable{touch-action:none;cursor:grab}.draggable:active{cursor:grabbing}@media(max-width:768px){canvas{cursor:pointer;touch-action:manipulation}.content-right{padding:20px}canvas.touch-active{filter:brightness(1.2);transition:filter .1s ease}}@media(max-width:768px){h1{font-size:32px;line-height:1.2}h2{font-size:24px;line-height:1.3}p{font-size:16px;line-height:1.6}.main-description{font-size:18px}.section-number{font-size:14px}}@media(max-width:768px){.content-left{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.text-section{scroll-snap-align:start;scroll-snap-stop:always}}@media(max-width:768px){.loading-spinner{width:40px;height:40px}.loading-text{font-size:14px}.blob-loading-spinner{width:60px;height:60px}}@media(max-width:768px)and (orientation:landscape){.content-left,.content-right{width:50%;height:100vh;position:fixed}.content-left{left:0;padding-bottom:80px}.content-right{right:0;bottom:0}.sidebar-navigation{left:0;bottom:0;width:60px;height:100%;flex-direction:column}.sphere-container{flex-direction:column!important}.bottom-tabs{left:auto;right:0;width:60px;flex-direction:column;height:100%;padding:12px 8px}}@media(max-width:768px){body{overscroll-behavior-y:none}}@media(max-width:768px){canvas,.action-button,.tab-btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}*{-webkit-tap-highlight-color:rgba(99,102,241,.3)}button,a,.action-button,.tab-btn{-webkit-tap-highlight-color:rgba(99,102,241,.5)}@media(max-width:768px)and (prefers-reduced-motion:no-preference){.text-section{transition:transform .3s ease,opacity .3s ease}.text-section.active{transform:scale(1);opacity:1}.text-section:not(.active){transform:scale(.95);opacity:.5}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.right-header{padding-top:calc(16px + env(safe-area-inset-top))}}.pull-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);width:40px;height:40px;border-radius:50%;background:#6366f1cc;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:transform .3s ease;z-index:1001}.pull-indicator.active{transform:translate(-50%) translateY(10px)}@media(max-width:768px){.sphere,.tab-btn,.action-button,canvas{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}}