:root{--bg: #080B12;--text: #CFB3E6;--border-grd1: #6C6499;--border-grd2: #111222;--card-grd1: #1F193D;--card-grd2: #05060D;--radial-center: rgba(173,155,255,.3);--radial-edge: rgba(11,12,22,.3);--shadow: rgba(173,155,255,.5);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}html{height:100vh;overflow-x:hidden;overflow-y:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;max-width:100vw;height:100vh;position:relative;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}body,#root{width:100%;max-width:100vw;height:100vh;box-sizing:border-box}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}@media (max-width: 768px){h1{font-size:clamp(1.5rem,6vw,2.5rem)}}@media (max-width: 480px){body{min-width:280px}h1{font-size:clamp(1.25rem,7vw,2rem)}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.grain-overlay{opacity:.4;mix-blend-mode:multiply;z-index:1}#gradient-canvas{z-index:0}@media (max-width: 768px){.grain-overlay{opacity:.25}}@media (prefers-reduced-motion: reduce){.grain-overlay feTurbulence animate{animation-duration:20s}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:100vw;width:100%;margin:0;padding:0;text-align:center;position:relative;z-index:1;color:#cfb3e6;box-sizing:border-box;overflow-x:hidden}.app-content{position:relative;z-index:2;background:linear-gradient(135deg,#1f193dcc,#05060d99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:clamp(12px,3vw,20px);padding:clamp(1rem,4vw,2rem);border:1px solid transparent;background-clip:padding-box;box-shadow:0 8px 32px #0006,0 0 0 1px #6c64994d;transition:all ease .3s;width:100%;box-sizing:border-box}.app-content:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#6c6499,#111222);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.app-content:hover{box-shadow:0 8px 40px #00000080,0 0 0 1px #ad9bff66,0 4px 80px 10px #ad9bff33;transform:translateY(-2px)}.logo-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center;width:auto;height:auto}.logo{height:clamp(4em,10vw,6em);width:auto;will-change:filter,transform;transition:all .3s ease;opacity:.95;filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.logo:hover{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 12px rgba(0,0,0,.3))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hero-section{padding:clamp(16px,4vw,32px)!important}@media (max-width: 768px){.hero-section{padding:clamp(12px,3vw,24px)!important;min-height:100vh;justify-content:space-evenly}}@media (max-width: 480px){.hero-section{padding:clamp(8px,2vw,16px)!important;gap:clamp(20px,5vw,40px)}}@media (max-height: 600px) and (orientation: landscape){.hero-section{padding:clamp(8px,2vh,16px)!important;min-height:100vh;justify-content:center;gap:clamp(16px,4vh,32px)}}.onboarding-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease-out forwards}.onboarding-modal-overlay.closing{animation:modalFadeIn .2s ease-in reverse forwards}.onboarding-modal{background:#fff1e3;border-radius:12px;padding:2rem;width:52.125rem;height:39.125rem;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;color:#102940;outline:none;display:flex;flex-direction:column;gap:2rem;font-family:Atkinson Hyperlegible,sans-serif;animation:modalSlideIn .4s ease-out forwards}.onboarding-modal.closing{animation:modalSlideOut .25s ease-in forwards}.onboarding-scene{display:flex;flex-direction:column;height:100%;gap:1.5rem}.onboarding-visual{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0;margin:0 -2rem;width:calc(100% + 4rem);padding:0;--onb-scale: clamp(.6, 100vw / 1000, 1)}.onboarding-visual-placeholder{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(260px,48vh,440px);border-radius:12px;overflow:visible}.onboarding-visual-placeholder.no-background{background:transparent}.onboarding-content{flex-shrink:0;position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem}.onboarding-navigation{flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:1rem}.onboarding-progress-text{display:none}.onboarding-progress-bar{width:100%;height:4px;background:#1029401a;border-radius:2px;overflow:hidden}.onboarding-progress-fill{height:100%;background:#1a535c;border-radius:2px;transition:width .3s ease}.onboarding-headline{font-family:Manrope,sans-serif;font-size:36px;font-weight:700;color:#102940;margin:0;line-height:normal;text-align:left}.onboarding-subtext{font-family:Atkinson Hyperlegible,sans-serif;font-size:24px;color:#102940;margin:0;line-height:normal;text-align:left}.onboarding-actions{display:flex;gap:10px;align-items:flex-start;justify-content:flex-end;flex-shrink:0}.onboarding-btn-primary{background:#1a535c;color:#fff1e3;border:none;border-radius:10.19px;padding:18px 24px;font-family:Manrope,sans-serif;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15.7px #f9dbbd99;flex-shrink:0}.onboarding-btn-primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 20px #f9dbbdcc}.onboarding-btn-primary.disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-secondary{background:transparent;border-radius:10.19px;padding:18px 24px;font-family:Manrope,sans-serif;font-size:20px;font-weight:300;cursor:pointer;transition:all .2s ease;flex-shrink:0;outline:none}.onboarding-btn-secondary:hover{box-shadow:0 0 15.7px #302c2933;border:1px solid #1a535c;transform:translateY(-2px)}.onboarding-btn-secondary:focus{outline:none;border:none}.onboarding-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#102940;font-size:16px;gap:.5rem;padding:3rem 2rem}.onboarding-loading p{margin:0;font-size:1.2rem}.onboarding-loading-subtext{font-size:1rem!important;color:#666!important;font-style:italic}.progress-circle-container{position:relative;display:flex;align-items:center;justify-content:center;transform:scale(calc(1.2 * var(--onb-scale, 1))) translateY(20px);width:100%;height:100%}.progress-circle-svg{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(26,83,92,.2))}.progress-circle-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.progress-percentage{font-family:Manrope,sans-serif;font-size:48px;font-weight:700;color:#1a535c;line-height:1;margin-bottom:4px}.progress-label{font-family:Atkinson Hyperlegible,sans-serif;font-size:16px;color:#102940;font-weight:400;opacity:.8}@media (max-width: 768px){.progress-percentage{font-size:36px}.progress-label{font-size:14px}}@media (max-width: 480px){.progress-percentage{font-size:32px}.progress-label{font-size:12px}}@media (max-width: 1024px){#root{max-width:100%;padding:clamp(.5rem,2vw,1.5rem)}.app-content{border-radius:clamp(8px,2vw,16px);padding:clamp(.75rem,3vw,1.5rem)}.logo{height:clamp(4.5em,9vw,6.5em)}}@media (max-width: 768px){#root{padding:clamp(.5rem,2vw,1rem)}.app-content{border-radius:12px;padding:clamp(.75rem,3vw,1.25rem)}.logo{height:clamp(4em,10vw,5.5em)}.logo-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:auto;height:auto}.logo{display:block;margin:0 auto}.onboarding-modal{padding:clamp(20px,4vw,32px);margin:clamp(8px,2vw,10px);max-width:calc(100vw - 20px);border-radius:12px;gap:clamp(20px,4vw,32px)}.onboarding-headline{font-size:clamp(24px,6vw,36px)}.onboarding-subtext{font-size:clamp(18px,4vw,24px)}.onboarding-actions{gap:8px;flex-wrap:wrap}.onboarding-btn-primary,.onboarding-btn-secondary{font-size:clamp(16px,4vw,20px);padding:clamp(14px,3vw,18px) clamp(18px,4vw,24px)}}@media (max-width: 480px){.onboarding-modal{padding:16px;margin:8px;border-radius:12px;gap:20px}.onboarding-headline{font-size:clamp(20px,6vw,28px)}.onboarding-subtext{font-size:clamp(16px,4vw,20px)}.onboarding-actions{gap:8px;flex-direction:column}.onboarding-btn-primary,.onboarding-btn-secondary{font-size:16px;padding:12px 20px;width:100%}}@media (max-height: 600px) and (orientation: landscape){.onboarding-modal{max-height:95vh;padding:16px;gap:16px}.onboarding-headline{font-size:24px}.onboarding-subtext{font-size:18px}.onboarding-actions{gap:8px}.onboarding-btn-primary,.onboarding-btn-secondary{padding:10px 20px;font-size:16px}}@font-face{font-family:Glofin;src:url(/Glofin.otf) format("opentype");font-weight:400;font-style:normal}.confused-learner-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(calc(.8 * var(--onb-scale, 1)));transition:all 0s ease-out}.confused-learner-container.visible{opacity:1;transform:translateY(60px) translate(-14px) scale(calc(2 * var(--onb-scale, 1)))}.learner-figure{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.learner-image{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.floating-image{animation:floatingInSpace 4s ease-in-out infinite}.floating-ipa-symbols{position:absolute;width:100%;height:100%;pointer-events:none}.floating-ipa-symbols .ipa-symbol{position:absolute;font-family:Glofin,Doulos SIL,Charis SIL,Times New Roman,serif;font-size:28px;font-weight:400;color:#1a535c;opacity:0;animation:floatLetter 4s infinite ease-in-out;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga","kern";font-feature-settings:"liga","kern"}.floating-ipa-symbols .ipa-symbol.symbol-1{top:25%;left:25%}.floating-ipa-symbols .ipa-symbol.symbol-2{top:35%;right:25%}.floating-ipa-symbols .ipa-symbol.symbol-3{top:65%;left:20%}.floating-ipa-symbols .ipa-symbol.symbol-4{top:75%;right:20%}.floating-ipa-symbols .ipa-symbol.symbol-5{top:20%;left:70%}.floating-ipa-symbols .ipa-symbol.symbol-6{top:85%;left:70%}.floating-ipa-symbols .ipa-symbol.symbol-7{top:45%;left:5%}.floating-ipa-symbols .ipa-symbol.symbol-8{top:55%;right:5%}.floating-ipa-symbols .ipa-symbol.symbol-9{top:15%;left:40%}.floating-ipa-symbols .ipa-symbol.symbol-10{top:80%;right:40%}.floating-ipa-symbols .ipa-symbol.symbol-11{top:30%;left:5%}.floating-ipa-symbols .ipa-symbol.symbol-12{top:60%;right:5%}.sound-waves-container{position:relative;height:300px;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px) scale(var(--onb-scale, 1));transition:all .6s ease-out}.sound-waves-container.visible{opacity:1;transform:translateY(0) scale(var(--onb-scale, 1))}.full-width-waves{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}.sound-wave{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wave-svg-fullwidth{width:100%;height:100%;max-width:none;will-change:path,opacity;transform:translateZ(0);filter:drop-shadow(0 0 5px rgba(26,83,92,.3))}.wave-svg-fullwidth path{transition:opacity .1s ease;stroke-dasharray:none}.sound-wave.wave-1,.sound-wave.wave-2{top:0}.radio-container-overlay{position:absolute;top:30%;left:20%;z-index:10;opacity:1;transition:opacity .5s ease}.radio-image-overlay{max-width:250px;max-height:250px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .5s ease}.radio-image-overlay.animating{animation:radioTune 2s ease-in-out infinite}.sound-wave.hidden{opacity:0;transform:scale(.8);transition:opacity .5s ease,transform .5s ease}.sound-wave.hidden:not(.wave-3){display:none}.sound-wave.wave-3.hidden{opacity:0}@keyframes radioTune{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}25%{transform:rotate(-2deg) scale(1.02);filter:drop-shadow(0 4px 12px rgba(26,83,92,.2))}75%{transform:rotate(2deg) scale(1.02);filter:drop-shadow(0 4px 12px rgba(26,83,92,.2))}}@keyframes waveEntrance{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sound-wave{animation:waveEntrance .6s ease-out forwards}.sound-wave.wave-1{animation-delay:0s}.sound-wave.wave-2{animation-delay:.3s}.sound-wave.wave-3{animation-delay:.6s}.sound-wave.synced .wave-path{stroke-width:5;filter:drop-shadow(0 0 8px rgba(26,83,92,.5));transition:all .5s ease}.sound-wave.out-of-sync{animation:waveOutOfSync 3s infinite ease-in-out}.sound-wave.wave-1.out-of-sync{animation-name:waveOutOfSync1;animation-delay:0s}.sound-wave.wave-2.out-of-sync{animation-name:waveOutOfSync2;animation-delay:.5s}.sound-wave.wave-3.out-of-sync{animation-name:waveOutOfSync3;animation-delay:1s}.synced .sound-wave{animation:waveSynced 3s infinite ease-in-out}.synced .sound-wave.wave-1,.synced .sound-wave.wave-2,.synced .sound-wave.wave-3{animation-delay:0s}.sound-wave.out-of-sync .wave-path{filter:drop-shadow(0 0 3px rgba(255,0,0,.3));transition:all .5s ease}.sound-wave.synced .wave-path{filter:drop-shadow(0 0 8px rgba(26,83,92,.5));transition:all .5s ease}.ipa-solar-system{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease-in-out;--ipa-scale: .9;--ipa-translateY: -54px;transform-origin:center;overflow:visible}.ipa-solar-system.visible{opacity:1;transform:translateY(var(--ipa-translateY, -54px)) scale(calc(var(--ipa-scale, .9) * var(--onb-scale, 1)));will-change:transform}.solar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.center-language{font-family:Manrope,sans-serif;font-size:24px;font-weight:700;color:#1a535c;text-align:center}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.orbit-path{position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed rgba(26,83,92,.3);border-radius:50%}.inner-orbit{width:160px;height:160px;animation:orbitRotate 8s linear infinite}.middle-orbit{width:240px;height:240px;animation:orbitRotate 12s linear infinite}.outer-orbit{width:320px;height:320px;animation:orbitRotate 16s linear infinite}.planet{position:absolute;width:32px;height:32px;top:-16px;left:50%;margin-left:-16px;transform-origin:50% calc(50% + 80px)}.inner-planet{transform-origin:50% calc(50% + 80px)}.middle-planet{transform-origin:50% calc(50% + 120px)}.outer-planet{transform-origin:50% calc(50% + 160px)}.planet-symbol{width:100%;height:100%;background:#fffffff2;border:2px solid #1a535c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Glofin,Arial Unicode MS,sans-serif;font-size:14px;font-weight:700;color:#1a535c;box-shadow:0 2px 8px #1a535c4d;animation:planetFloat 2s ease-in-out infinite}.inner-orbit .planet:nth-child(2){transform:rotate(0)}.inner-orbit .planet:nth-child(3){transform:rotate(90deg)}.inner-orbit .planet:nth-child(4){transform:rotate(180deg)}.inner-orbit .planet:nth-child(5){transform:rotate(270deg)}.middle-orbit .planet:nth-child(2){transform:rotate(0)}.middle-orbit .planet:nth-child(3){transform:rotate(45deg)}.middle-orbit .planet:nth-child(4){transform:rotate(90deg)}.middle-orbit .planet:nth-child(5){transform:rotate(135deg)}.middle-orbit .planet:nth-child(6){transform:rotate(180deg)}.middle-orbit .planet:nth-child(7){transform:rotate(225deg)}.middle-orbit .planet:nth-child(8){transform:rotate(270deg)}.middle-orbit .planet:nth-child(9){transform:rotate(315deg)}.outer-orbit .planet:nth-child(2){transform:rotate(0)}.outer-orbit .planet:nth-child(3){transform:rotate(30deg)}.outer-orbit .planet:nth-child(4){transform:rotate(60deg)}.outer-orbit .planet:nth-child(5){transform:rotate(90deg)}.outer-orbit .planet:nth-child(6){transform:rotate(120deg)}.outer-orbit .planet:nth-child(7){transform:rotate(150deg)}.outer-orbit .planet:nth-child(8){transform:rotate(180deg)}.outer-orbit .planet:nth-child(9){transform:rotate(210deg)}.outer-orbit .planet:nth-child(10){transform:rotate(240deg)}.outer-orbit .planet:nth-child(11){transform:rotate(270deg)}.outer-orbit .planet:nth-child(12){transform:rotate(300deg)}.outer-orbit .planet:nth-child(13){transform:rotate(330deg)}.language-connection-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem;overflow:hidden}.language-orb{position:relative;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(calc(.7 * var(--onb-scale, 1))) translate(0);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);z-index:2}.language-orb.visible{opacity:1;transform:scale(var(--onb-scale, 1)) translate(0)}.native-orb{background:linear-gradient(135deg,#aed6cf,#88d8a3);box-shadow:0 0 40px #aed6cf99;border:4px solid #1a535c}.target-orb{background:linear-gradient(135deg,#a8e6ff,#74b9ff);box-shadow:0 0 40px #a8e6ff99;border:4px solid #1a535c}.orb-glow{position:absolute;inset:-20px;border-radius:50%;opacity:.4;animation:orbPulse 3s ease-in-out infinite}.native-orb .orb-glow{background:radial-gradient(circle,rgba(174,214,207,.4) 0%,transparent 70%)}.target-orb .orb-glow{background:radial-gradient(circle,rgba(168,230,255,.4) 0%,transparent 70%)}.orb-core{text-align:center;z-index:3;position:relative;padding:20px}.orb-title{font-size:16px;font-weight:700;color:#1a535c;margin:0 0 15px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.symbols-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center}.orb-symbol{width:24px;height:24px;border-radius:50%;background:#fffffff2;border:2px solid #1a535c;font-size:12px;font-weight:700;color:#1a535c;display:flex;align-items:center;justify-content:center;font-family:Glofin,Arial Unicode MS,sans-serif;opacity:0;transform:scale(0);animation:symbolEmerge .8s ease-out forwards}.symbols-container{position:relative;padding:10px;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.native-symbols{background:#aed6cf33;border-color:#aed6cf4d}.target-symbols{background:#f9dbbd33;border-color:#f9dbbd4d}.symbols-glow{position:absolute;inset:-2px;border-radius:14px;opacity:0;animation:containerGlow 2s ease-in-out infinite alternate;z-index:-1}.native-symbols .symbols-glow{background:radial-gradient(circle,rgba(174,214,207,.4) 0%,transparent 70%)}.target-symbols .symbols-glow{background:radial-gradient(circle,rgba(249,219,189,.4) 0%,transparent 70%)}.glowing-symbol{box-shadow:0 0 8px #1a535c80;text-shadow:0 0 4px rgba(255,255,255,.8);animation:symbolEmerge .8s ease-out forwards,symbolGlow 1.5s ease-in-out infinite alternate}@keyframes containerGlow{0%{opacity:0;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}@keyframes symbolGlow{0%{box-shadow:0 0 8px #1a535c80}to{box-shadow:0 0 12px #1a535ccc}}.energy-beam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:200px;opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.energy-beam.active{opacity:1;animation:beamForm 1.5s ease-out forwards}.beam-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(26,83,92,.5))}.beam-path{stroke-dasharray:800;stroke-dashoffset:800;animation:beamDraw 1.5s ease-out forwards}.energy-particle{opacity:0;animation:particleFlow 3s linear infinite}.shared-sounds-emerge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .8s ease-out;z-index:3;width:160px;height:160px}.shared-sounds-emerge.visible{opacity:1;animation:emergenceBloom 1s ease-out forwards}.emergence-core{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#f9dbbd,#d4a574);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px #d4a57499}.core-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(249,219,189,.4) 0%,transparent 70%);animation:corePulse 2s ease-in-out infinite}.emergence-title{font-size:12px;font-weight:700;color:#1a535c;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:2;position:relative}.shared-symbols{background:#f9dbbd33;border-color:#f9dbbd4d}.shared-symbols .symbols-glow{background:radial-gradient(circle,rgba(249,219,189,.4) 0%,transparent 70%)}.connection-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease}.connection-particles.active{opacity:1}.connection-particles .particle{position:absolute;width:3px;height:3px;background:#f9dbbd;border-radius:50%;animation:connectionSparkle 2s linear infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.6}}@keyframes symbolEmerge{0%{opacity:0;transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes beamForm{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes beamDraw{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes particleFlow{0%{opacity:.3;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.5)}}@keyframes emergenceBloom{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 20px #d4a57466}50%{transform:scale(1.05);box-shadow:0 0 30px #d4a574cc}}@keyframes symbolOrbit{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(360deg)}}@keyframes connectionSparkle{0%{opacity:0;transform:scale(0) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-10px)}to{opacity:0;transform:scale(0) translateY(-20px)}}.quest-path-container{position:relative;width:100%;height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;max-width:clamp(560px,70vw,720px);margin:0 auto;opacity:1;transform:translateY(-20px) scale(calc(.8 * var(--onb-scale, 1)));background:radial-gradient(circle at center,rgba(26,83,92,.05) 0%,transparent 70%);border-radius:20px;overflow:visible}.quest-path-svg{filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));background:transparent;border-radius:16px;padding:0;width:100%;height:100%;transform:translateY(-36px)}.quest-path-background{stroke:#e8f4f8;stroke-width:8;filter:drop-shadow(0 0 2px rgba(232,244,248,.5))}.quest-path-main{stroke:#1a535c;stroke-width:4;filter:drop-shadow(0 0 6px rgba(26,83,92,.4));stroke-linecap:round;stroke-linejoin:round}.progress-indicator{fill:#f9dbbd;stroke:#1a535c;stroke-width:3;filter:drop-shadow(0 0 12px #f9dbbd);animation:indicatorPulse 2s ease-in-out infinite alternate}@keyframes indicatorPulse{0%{transform:scale(1);filter:drop-shadow(0 0 4px #f9dbbd)}to{transform:scale(1.1);filter:drop-shadow(0 0 8px #f9dbbd)}}.step-group{opacity:1}.step-circle{fill:#1a535c99;stroke:#f9dbbd;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:filter .3s ease}.step-circle[stroke-width="2"]{fill:#1a535ce6;animation:circleGlow 2.5s ease-in-out}@keyframes circleGlow{0%{stroke:#f9dbbd;stroke-width:2;filter:drop-shadow(0 0 2px rgba(249,219,189,.6))}to{stroke:#fff1e3;stroke-width:3;filter:drop-shadow(0 0 4px rgba(249,219,189,.9))}}.quest-symbol{text-shadow:0 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 2px rgba(255,241,227,.5))}.quest-symbol[opacity="1"]{animation:symbolShine 1.8s ease-in-out infinite}@keyframes symbolShine{0%,to{filter:drop-shadow(0 0 4px #fff1e3);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #fff1e3);transform:scale(1.1)}}.quest-path-svg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#f9dbbd,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,241,227,.8),transparent),radial-gradient(1px 1px at 90px 40px,#f9dbbd,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,241,227,.6),transparent),radial-gradient(2px 2px at 160px 30px,#f9dbbd,transparent);background-repeat:repeat;background-size:200px 100px;opacity:.6;animation:sparkleTwinkle 4s linear infinite;pointer-events:none;z-index:0}@keyframes sparkleTwinkle{0%{opacity:.3;transform:translateY(0) rotate(0)}50%{opacity:.8;transform:translateY(-5px) rotate(180deg)}to{opacity:.3;transform:translateY(0) rotate(360deg)}}@media (max-width: 768px){.quest-path-container{min-height:300px}.quest-path-svg{width:100%;height:100%;padding:8px}.quest-symbol{font-size:18px}}@media (max-width: 480px){.quest-path-container{min-height:240px}.quest-path-svg{width:100%;height:100%;padding:6px}.quest-symbol{font-size:16px}}@media (prefers-reduced-motion: reduce){.quest-path-background,.progress-indicator,.step-circle,.quest-symbol,.step-glow{animation:none!important;transition:none!important}.quest-path-svg:before{animation:none;opacity:.2}}.glowing-document-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(calc(.8 * var(--onb-scale, 1)));transition:all .8s ease-out}.glowing-document-container.visible{opacity:1;transform:scale(var(--onb-scale, 1))}@media (min-width: 1024px){.glowing-document-container{--onb-scale: 1.12}}.document-wrapper{position:relative;margin-bottom:30px}.document-icon{position:relative;z-index:2;transition:all .5s ease}.document-wrapper.glowing .document-icon{animation:documentFloat 3s ease-in-out infinite}.document-body{transition:all .5s ease}.document-wrapper.glowing .document-body{filter:drop-shadow(0 0 10px rgba(249,219,189,.6))}.highlight-section{animation:highlightGlow 2s ease-in-out infinite}.checkmark{animation:checkmarkDraw 1s ease-out .5s forwards;stroke-dasharray:20;stroke-dashoffset:20}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none}.document-wrapper.glowing .glow-ring{animation:glowRing 2s ease-in-out infinite}.ring-1{width:160px;height:160px;border:2px solid rgba(249,219,189,.4);animation-delay:0s}.ring-2{width:200px;height:200px;border:2px solid rgba(249,219,189,.3);animation-delay:.5s}.ring-3{width:240px;height:240px;border:2px solid rgba(249,219,189,.2);animation-delay:1s}.sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.sparkle{position:absolute;font-size:16px;opacity:0;animation:sparkleFloat 2s infinite ease-in-out}.sparkle.sparkle-1{top:20%;left:20%}.sparkle.sparkle-2{top:30%;right:25%}.sparkle.sparkle-3{top:70%;left:15%}.sparkle.sparkle-4{top:80%;right:20%}.sparkle.sparkle-5{top:15%;right:45%}.sparkle.sparkle-6{top:85%;left:55%}.document-status{text-align:center}.status-text{font-size:18px;font-weight:600;color:#1a535c;margin-bottom:5px}.status-subtext{font-size:14px;color:#666}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes floatWave{0%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:.8;transform:translateY(-20px) rotate(10deg)}to{opacity:0;transform:translateY(-40px) rotate(20deg)}}@keyframes floatLetter{0%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:.6;transform:translateY(-15px) rotate(-10deg)}to{opacity:0;transform:translateY(-30px) rotate(-20deg)}}@keyframes floatingInSpace{0%{transform:translateY(0) rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}5%{transform:translateY(-1px) rotate(.1deg);filter:drop-shadow(0 4.2px 8.4px rgba(0,0,0,.105))}10%{transform:translateY(-2px) rotate(.2deg);filter:drop-shadow(0 4.4px 8.8px rgba(0,0,0,.11))}15%{transform:translateY(-3px) rotate(.3deg);filter:drop-shadow(0 4.6px 9.2px rgba(0,0,0,.115))}20%{transform:translateY(-4px) rotate(.4deg);filter:drop-shadow(0 4.8px 9.6px rgba(0,0,0,.12))}25%{transform:translateY(-5px) rotate(.5deg);filter:drop-shadow(0 5px 10px rgba(0,0,0,.125))}30%{transform:translateY(-6px) rotate(.6deg);filter:drop-shadow(0 5.2px 10.4px rgba(0,0,0,.13))}35%{transform:translateY(-7px) rotate(.7deg);filter:drop-shadow(0 5.4px 10.8px rgba(0,0,0,.135))}40%{transform:translateY(-8px) rotate(.8deg);filter:drop-shadow(0 5.6px 11.2px rgba(0,0,0,.14))}45%{transform:translateY(-9px) rotate(.9deg);filter:drop-shadow(0 5.8px 11.6px rgba(0,0,0,.145))}50%{transform:translateY(-10px) rotate(1deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}55%{transform:translateY(-9px) rotate(.9deg);filter:drop-shadow(0 5.8px 11.6px rgba(0,0,0,.145))}60%{transform:translateY(-8px) rotate(.8deg);filter:drop-shadow(0 5.6px 11.2px rgba(0,0,0,.14))}65%{transform:translateY(-7px) rotate(.7deg);filter:drop-shadow(0 5.4px 10.8px rgba(0,0,0,.135))}70%{transform:translateY(-6px) rotate(.6deg);filter:drop-shadow(0 5.2px 10.4px rgba(0,0,0,.13))}75%{transform:translateY(-5px) rotate(.5deg);filter:drop-shadow(0 5px 10px rgba(0,0,0,.125))}80%{transform:translateY(-4px) rotate(.4deg);filter:drop-shadow(0 4.8px 9.6px rgba(0,0,0,.12))}85%{transform:translateY(-3px) rotate(.3deg);filter:drop-shadow(0 4.6px 9.2px rgba(0,0,0,.115))}90%{transform:translateY(-2px) rotate(.2deg);filter:drop-shadow(0 4.4px 8.8px rgba(0,0,0,.11))}95%{transform:translateY(-1px) rotate(.1deg);filter:drop-shadow(0 4.2px 8.4px rgba(0,0,0,.105))}to{transform:translateY(0) rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes glow{0%{text-shadow:none}to{text-shadow:0 0 10px rgba(45,143,71,.5)}}@keyframes symbolAppear{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes symbolPop{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes highlightPulse{0%,to{transform:scale(1);box-shadow:0 0 #2d8f4766}50%{transform:scale(1.1);box-shadow:0 0 10px #2d8f4799}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes drawPath{0%{stroke-dasharray:0,1000}to{stroke-dasharray:1000,0}}@keyframes stoneActivate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes stonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes documentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes highlightGlow{0%,to{fill:#f9dbbd}50%{fill:#ffeaa7}}@keyframes checkmarkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes glowRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-15px) rotate(180deg)}to{opacity:0;transform:translateY(-30px) rotate(360deg)}}@media (max-width: 768px){.symbols-circle{width:250px;height:250px}.ipa-symbol{width:25px;height:25px;font-size:14px}.language-circle{width:150px;height:150px}.quest-path{width:300px;height:150px}}@media (max-width: 480px){.symbols-circle{width:200px;height:200px}.ipa-symbol{width:20px;height:20px;font-size:12px}.language-circle{width:120px;height:120px}.quest-path{width:250px;height:125px}.confused-figure .head{width:50px;height:50px}.confused-figure .body{width:35px;height:40px}}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes sunGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes planetFloat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.solar-title{flex:1;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:24px;font-weight:600;color:#102940;text-align:center;line-height:1.4;padding-left:2rem}.onboarding-loading-subtext{font-size:.9rem;color:#666;margin-top:.5rem}.onboarding-error{text-align:center;padding:2rem}.onboarding-error-subtext{font-size:.9rem;color:#e74c3c;margin:.5rem 0}.onboarding-error-note{font-size:.8rem;color:#666;font-style:italic;margin-top:1rem}.onboarding-progress-tracking{font-size:.8rem;color:#666;margin-left:.5rem}.admin-dashboard{max-width:1200px;margin:0 auto;padding:2rem;font-family:Atkinson Hyperlegible,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #1a535c}.dashboard-header h1{color:#1a535c;font-family:Manrope,sans-serif;font-size:2rem;font-weight:700;margin:0}.refresh-button,.retry-button{background:#1a535c;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-button:hover,.retry-button:hover{background:#2d8f47;transform:translateY(-2px)}.dashboard-section{margin-bottom:3rem;background:#ffffff0d;border-radius:12px;padding:2rem;border:1px solid rgba(26,83,92,.2)}.dashboard-section h2{color:#1a535c;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#f9dbbd1a;border:2px solid #1a535c;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #1a535c33}.stat-card h3{color:#1a535c;font-size:1rem;font-weight:600;margin:0 0 .5rem}.stat-number{color:#2d8f47;font-size:2.5rem;font-weight:700;margin:0;font-family:Manrope,sans-serif}.users-table{overflow-x:auto;border-radius:8px;border:1px solid rgba(26,83,92,.2)}.users-table table{width:100%;border-collapse:collapse;background:#ffffff05}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(26,83,92,.1)}.users-table th{background:#1a535c1a;color:#1a535c;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{color:#102940;font-size:.9rem}.users-table tr:hover{background:#f9dbbd0d}.connection-test{display:flex;flex-direction:column;gap:.5rem}.connection-test p{color:#2d8f47;font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}.dashboard-loading,.dashboard-error{text-align:center;padding:3rem}.dashboard-loading p{color:#1a535c;font-size:1.2rem}.dashboard-error h2{color:#e74c3c;margin-bottom:1rem}.dashboard-error p{color:#666;margin-bottom:1.5rem}@media (max-width: 768px){.admin-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:1fr}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.5rem}}.database-test{max-width:800px;margin:2rem auto;padding:2rem;font-family:Atkinson Hyperlegible,sans-serif;background:#ffffff0d;border-radius:12px;border:1px solid rgba(26,83,92,.2)}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #1a535c}.test-header h2{color:#1a535c;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.test-controls{display:flex;gap:1rem}.test-button{border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.test-button.primary{background:#1a535c;color:#fff}.test-button.primary:hover:not(:disabled){background:#2d8f47;transform:translateY(-2px)}.test-button.secondary{background:transparent;color:#1a535c;border:2px solid #1a535c}.test-button.secondary:hover:not(:disabled){background:#1a535c;color:#fff}.test-button:disabled{opacity:.5;cursor:not-allowed}.test-info{margin-bottom:2rem;padding:1.5rem;background:#f9dbbd1a;border-radius:8px;border-left:4px solid #1a535c}.test-info h3{color:#1a535c;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.test-info ul{margin:0;padding-left:1.5rem}.test-info li{color:#102940;margin-bottom:.5rem;line-height:1.4}.test-info strong{color:#1a535c}.test-results{margin-top:2rem}.test-results h3{color:#1a535c;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.results-container{background:#000;border-radius:8px;padding:1.5rem;min-height:200px;border:1px solid rgba(26,83,92,.3)}.no-results{color:#666;font-style:italic;text-align:center;margin:2rem 0}.results-log{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.result-line{color:#0f0;margin-bottom:.5rem;word-wrap:break-word}@media (max-width: 768px){.database-test{margin:1rem;padding:1rem}.test-header{flex-direction:column;gap:1rem;text-align:center}.test-controls{flex-direction:column;width:100%}.test-button{width:100%}}.test-page{max-width:1200px;margin:2rem auto;padding:2rem;font-family:Atkinson Hyperlegible,sans-serif}.test-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #1a535c}.test-page-header h1{color:#1a535c;font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.test-tabs{display:flex;justify-content:center;gap:1rem}.test-tab{background:transparent;border:2px solid #1a535c;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#1a535c}.test-tab.active{background:#1a535c;color:#fff}.test-tab:hover:not(.active){background:#1a535c1a}.test-page-content{margin:2rem 0}.test-page-info{margin-top:3rem;padding:2rem;background:#f9dbbd1a;border-radius:12px;border-left:4px solid #1a535c}.test-page-info h3{color:#1a535c;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.test-page-info ul{margin:1rem 0;padding-left:1.5rem}.test-page-info li{margin-bottom:.5rem}.test-page-info a{color:#1a535c;text-decoration:none;font-weight:600;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.test-page-info a:hover{background:#1a535c1a;text-decoration:underline}.test-page-info p{color:#102940;line-height:1.5;margin:1rem 0}.test-page-info strong{color:#1a535c}@media (max-width: 768px){.test-page{margin:1rem;padding:1rem}.test-page-header h1{font-size:2rem}.test-tabs{flex-direction:column;align-items:center}.test-tab{width:200px}}.database-selector{margin:2rem 0;text-align:center}.database-selector h3{color:#1a535c;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.database-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.database-option{background:#ffffff0d;border:2px solid rgba(26,83,92,.3);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;min-width:280px;max-width:350px}.database-option:hover{border-color:#1a535c;transform:translateY(-2px);box-shadow:0 8px 25px #1a535c33}.database-option.active{border-color:#2d8f47;background:#2d8f471a}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.option-title{color:#1a535c;font-size:1.1rem;font-weight:600}.option-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.option-badge.recommended{background:#2d8f47;color:#fff}.option-badge.advanced{background:#1a535c;color:#fff}.option-description{color:#666;font-size:.9rem;line-height:1.4}.comparison-section{margin:3rem 0;padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(26,83,92,.2)}.comparison-section h3{color:#1a535c;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.comparison-table{overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(26,83,92,.1)}.comparison-table th{background:#1a535c1a;color:#1a535c;font-weight:600;font-size:.9rem}.comparison-table td{color:#102940;font-size:.9rem}.comparison-table tr:hover{background:#f9dbbd0d}.recommendations-section{margin:3rem 0}.recommendations-section h3{color:#1a535c;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.recommendation-card{padding:2rem;border-radius:12px;border-left:4px solid}.recommendation-card.netlify{background:#2d8f471a;border-left-color:#2d8f47}.recommendation-card.neon{background:#1a535c1a;border-left-color:#1a535c}.recommendation-card h4{color:#1a535c;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.recommendation-card ul{margin:0;padding-left:1.5rem}.recommendation-card li{color:#102940;margin-bottom:.5rem;line-height:1.4}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.complete{background:#2d8f47;color:#fff}.status-badge.incomplete{background:#f39c12;color:#fff}.blobs-info{background:#f9dbbd1a;border-radius:8px;padding:1.5rem;border-left:4px solid #1a535c}.blobs-info h3{color:#1a535c;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.blobs-info ul{margin:0 0 1.5rem;padding-left:1.5rem}.blobs-info li{color:#102940;margin-bottom:.5rem;line-height:1.4}.blobs-info strong{color:#1a535c}.table-note{text-align:center;color:#666;font-style:italic;margin-top:1rem;font-size:.9rem}.dashboard-actions{display:flex;gap:1rem}.synced .wave-path{stroke-width:3;filter:drop-shadow(0 0 5px currentColor)}.enhanced-sound-waves-container{position:relative;width:100%;height:400px;overflow:hidden;opacity:0;transform:translateY(20px) scale(var(--onb-scale, 1));transition:all .8s cubic-bezier(.25,.46,.45,.94);margin:0;padding:0;box-sizing:border-box}.enhanced-sound-waves-container.visible{opacity:1;transform:translateY(0) scale(var(--onb-scale, 1))}.enhanced-sound-waves-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;margin:0;padding:0;box-sizing:border-box}.enhanced-sound-waves-error{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px}.error-content{text-align:center;padding:2rem}.error-content h3{color:#e74c3c;margin:0 0 1rem;font-size:1.2rem}.error-content p{color:#666;margin:.5rem 0}.error-content code{background:#0000001a;padding:.5rem;border-radius:4px;font-family:monospace;font-size:.9rem;display:block;margin:1rem 0}.error-content button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.error-content button:hover{background:#c0392b}.enhanced-sound-waves-loading{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center}.loading-content{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(26,83,92,.3);border-top:3px solid #1a535c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:#666;font-size:.9rem;margin:0}.debug-overlay{position:absolute;top:10px;left:10px;z-index:10;background:#000c;color:#0f0;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;line-height:1.4;pointer-events:none}.debug-stats div{margin-bottom:2px}.phase-indicator{position:absolute;bottom:20px;right:20px;z-index:10;background:#ffffffe6;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-width:120px}.phase-indicator .phase-name{color:#1a535c;margin-bottom:4px;text-align:center}.phase-progress{width:100%;height:3px;background:#1a535c33;border-radius:2px;overflow:hidden}.phase-progress-fill{height:100%;background:#1a535c;border-radius:2px;transition:width .3s ease}.phase-indicator.phase-discord{border-left:4px solid #1a535c}.phase-indicator.phase-discord .phase-progress-fill{background:#1a535c}.phase-indicator.phase-recognition{border-left:4px solid #5d737e}.phase-indicator.phase-recognition .phase-progress-fill{background:#5d737e}.phase-indicator.phase-convergence{border-left:4px solid #cb997e}.phase-indicator.phase-convergence .phase-progress-fill{background:#cb997e}.phase-indicator.phase-harmony{border-left:4px solid #f9dbbd}.phase-indicator.phase-harmony .phase-progress-fill{background:#f9dbbd}.phase-indicator.phase-sustained{border-left:4px solid #f0c987}.phase-indicator.phase-sustained .phase-progress-fill{background:#f0c987}.radio-container-overlay{position:absolute;top:20%;left:10%;z-index:10;opacity:.8;transition:all .5s ease}.radio-image-overlay{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .5s ease}.radio-image-overlay.animating{animation:radioTuneEnhanced 3s ease-in-out infinite}@keyframes radioTuneEnhanced{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}25%{transform:rotate(-3deg) scale(1.05);filter:drop-shadow(0 6px 12px rgba(26,83,92,.3))}50%{transform:rotate(0) scale(1.08);filter:drop-shadow(0 8px 16px rgba(249,219,189,.4))}75%{transform:rotate(3deg) scale(1.05);filter:drop-shadow(0 6px 12px rgba(26,83,92,.3))}}@media (max-width: 768px){.enhanced-sound-waves-container{height:350px}.radio-container-overlay{top:15%;left:5%}.radio-image-overlay{max-width:120px;max-height:120px}.phase-indicator{bottom:10px;right:10px;font-size:10px;padding:6px 10px;min-width:100px}.debug-overlay{font-size:10px;padding:8px}}@media (max-width: 480px){.enhanced-sound-waves-container{height:300px}.radio-image-overlay{max-width:100px;max-height:100px}.phase-indicator{bottom:5px;right:5px;font-size:9px;padding:4px 8px;min-width:80px}}.enhanced-sound-waves-container[data-performance=low] .phase-indicator{display:none}@media (prefers-reduced-motion: reduce){.enhanced-sound-waves-container{transition:opacity .3s ease}.radio-image-overlay.animating{animation:none;transform:none}.loading-spinner{animation:none;border:3px solid #1a535c}}@media (prefers-contrast: high){.phase-indicator{background:#fff;border:2px solid #000000;color:#000}.debug-overlay{background:#000;color:#fff;border:1px solid #ffffff}}@media (max-width: 768px){.database-options{flex-direction:column;align-items:center}.database-option{width:100%;max-width:none}.recommendation-cards{grid-template-columns:1fr}.comparison-table{font-size:.8rem}.comparison-table th,.comparison-table td{padding:.5rem}.dashboard-actions{flex-direction:column;width:100%}}@media (max-width: 768px){.language-connection-container{padding:1rem;transform:scale(.95);gap:8px}.language-orb{width:160px;height:160px}.orb-title{font-size:14px;margin-bottom:10px}.symbols-grid{gap:8px}.orb-symbol{width:20px;height:20px;font-size:11px}.energy-beam{width:460px;height:150px}.shared-sounds-emerge{width:130px;height:130px}}@media (max-width: 480px){.language-connection-container{padding:.5rem;transform:scale(.88)}.language-orb{width:120px;height:120px}.symbols-grid{gap:6px}.orb-symbol{width:18px;height:18px;font-size:10px}.energy-beam{width:320px;height:120px}.shared-sounds-emerge{width:100px;height:100px}.emergence-title{font-size:10px}}@media (max-width: 768px){.language-connection-container{padding:1rem;transform:scale(.9);transform-origin:center;overflow:visible;gap:8px}.language-orb{width:160px;height:160px}.orb-title{font-size:14px;margin-bottom:10px}.symbols-grid{gap:8px}.orb-symbol{width:20px;height:20px;font-size:11px}.symbols-container{padding:8px}.energy-beam{width:460px;height:150px}.shared-sounds-emerge{width:130px;height:130px}}@media (max-width: 480px){.language-connection-container{padding:.5rem;transform:scale(.8);transform-origin:center;justify-content:space-around;overflow:visible;gap:128px}.language-orb{width:120px;height:120px}.orb-title{font-size:12px;margin-bottom:8px}.symbols-grid{gap:6px}.orb-symbol{width:18px;height:18px;font-size:10px}.symbols-container{padding:6px}.energy-beam{width:300px;height:110px}.shared-sounds-emerge{width:100px;height:100px}.emergence-title{font-size:10px}}.sparkles-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sparkle-dot{opacity:.75;filter:drop-shadow(0 0 6px rgba(249,219,189,.6));mix-blend-mode:screen;transform-box:fill-box;transform-origin:center;will-change:transform,opacity;animation-name:sparkleDriftTwinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes sparkleDriftTwinkle{0%{opacity:0;transform:translate(0) scale(.85)}20%{opacity:.9}50%{opacity:.6;transform:translate(var(--dx, 8px),var(--dy, -12px)) scale(1)}80%{opacity:.9}to{opacity:0;transform:translate(0) scale(.85)}}@media (prefers-reduced-motion: reduce){.sparkle-dot{animation:none!important;opacity:.4}}@media (min-width: 1024px){.glowing-document-container .document-wrapper{transform:scale(1.2)!important;transform-origin:center}}