.intro-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease-in-out;z-index:9999;overflow:hidden}.intro-container.visible{opacity:1}.intro-container.fade-out{opacity:0}.intro-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.bg-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#0a1628,#0d2137,#0f2847,#0d2137,#0a1628)}.bg-particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:particleFloat 5s ease-in-out infinite}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:glowPulse 4s ease-in-out infinite}.glow-1{width:600px;height:600px;background:radial-gradient(circle,#1e88e5 0%,transparent 70%);top:-200px;left:-100px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,#f9a825 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:2s}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.intro-main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px;margin-top:-80px}.logos-container{display:flex;align-items:center;gap:50px}.logo-wrapper{background:#fffffff2;padding:35px 50px;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 100px #1e88e533;opacity:0;transform:translateY(30px) scale(.9);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.logo-wrapper.visible{opacity:1;transform:translateY(0) scale(1)}.logo-wrapper:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 30px 80px #0006,0 0 120px #1e88e54d}.main-logo{height:140px;width:auto;max-width:350px;object-fit:contain;display:block}.logo-divider{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:scaleY(0);transition:all .6s ease-out}.logo-divider.visible{opacity:1;transform:scaleY(1)}.divider-line{width:2px;height:30px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.6),transparent)}.divider-dot{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fffc;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 20px #ffffff80}50%{box-shadow:0 0 40px #fff}}.intro-title-section{display:flex;flex-direction:column;align-items:center;gap:15px;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.intro-title-section.visible{opacity:1;transform:translateY(0)}.title-decoration{display:flex;align-items:center;gap:20px}.deco-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.deco-diamond{color:#f9a825;font-size:14px;text-shadow:0 0 20px rgba(249,168,37,.8);animation:diamondGlow 2s ease-in-out infinite}@keyframes diamondGlow{0%,to{text-shadow:0 0 20px rgba(249,168,37,.5)}50%{text-shadow:0 0 40px rgba(249,168,37,1)}}.intro-main-title{font-size:56px;font-weight:700;color:#fff;letter-spacing:12px;text-transform:uppercase;margin:0;text-shadow:0 0 40px rgba(30,136,229,.6),0 4px 20px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff,#b3d4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-tagline{font-size:20px;color:#fffc;letter-spacing:4px;text-transform:uppercase;margin:0;opacity:0;transform:translateY(15px);transition:all .8s ease-out}.intro-tagline.visible{opacity:1;transform:translateY(0)}.intro-skip-btn{position:absolute;bottom:40px;right:40px;padding:12px 28px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;font-size:14px;letter-spacing:2px;cursor:pointer;border-radius:30px;transition:all .3s ease;z-index:100}.intro-skip-btn:hover{background:#ffffff1a;border-color:#fff9;color:#fff;transform:translate(5px)}.corner-accent{position:absolute;width:100px;height:100px;border:2px solid rgba(255,255,255,.1);z-index:5}.corner-accent.top-left{top:30px;left:30px;border-right:none;border-bottom:none}.corner-accent.top-right{top:30px;right:30px;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:30px;left:30px;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:30px;right:30px;border-left:none;border-top:none}.start-prompt{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:30px;cursor:pointer;animation:pulse-start 2s ease-in-out infinite}.start-icon{width:120px;height:120px;background:#ffffff1a;border:3px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;padding-left:10px;transition:all .3s ease}.start-prompt:hover .start-icon{background:#fff3;border-color:#fff;transform:scale(1.1);box-shadow:0 0 50px #ffffff4d}.start-prompt p{color:#fffc;font-size:18px;letter-spacing:3px;text-transform:uppercase}@keyframes pulse-start{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1024px){.logos-container{flex-direction:column;gap:30px}.logo-divider{flex-direction:row}.divider-line{width:30px;height:2px;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent)}.main-logo{height:100px}.intro-main-title{font-size:42px;letter-spacing:8px}.intro-tagline{font-size:16px;letter-spacing:3px}}@media (max-width: 600px){.logo-wrapper{padding:20px 30px}.main-logo{height:70px}.intro-main-title{font-size:28px;letter-spacing:4px}.intro-tagline{font-size:12px;letter-spacing:2px;text-align:center;padding:0 20px}.deco-line{width:40px}.corner-accent{width:50px;height:50px}}.author-info-overlay{position:absolute;top:24px;left:85px;z-index:10;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);pointer-events:none;animation:fadeIn .8s ease-out}.author-name{font-size:1.8rem;font-weight:600;margin:0 0 4px;letter-spacing:.5px;font-family:Georgia,serif}.author-lifespan{font-size:1rem;margin:0 0 8px;opacity:.8;font-weight:300;letter-spacing:1px}.author-title{font-size:.9rem;margin:0;opacity:.7;font-style:italic;max-width:280px;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#101020;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-root{width:100%;height:100vh;display:flex;flex-direction:column}.scene-container{flex:1}.control-panel{padding:16px;background:#0006;display:flex;flex-direction:column;gap:12px}.recorder-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.mic-button{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(145deg,#00d4ff,#00a0c6);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 4px 20px #00d4ff66}.mic-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 30px #00d4ff99}.mic-button:active:not(:disabled),.mic-button.recording{transform:scale(.95);background:linear-gradient(145deg,#ff4040,#c00);box-shadow:0 4px 20px #ff404099}.mic-button.processing{background:linear-gradient(145deg,#666,#444);cursor:wait}.mic-button:disabled{opacity:.6;cursor:not-allowed}.mic-icon{width:36px;height:36px;fill:#fff}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,64,64,.8);animation:pulse 1s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.mic-hint{font-size:.9rem;color:#ffffffb3;margin:0;text-align:center}.status-panel{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.status-panel .error{color:#ff7d7d;font-weight:600}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);z-index:10}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.8) 100%);z-index:9}.corner-decoration{position:absolute;width:80px;height:80px;border:2px solid rgba(0,255,255,.3);z-index:11}.corner-decoration.top-left{top:30px;left:30px;border-right:none;border-bottom:none}.corner-decoration.top-right{top:30px;right:30px;border-left:none;border-bottom:none}.corner-decoration.bottom-left{bottom:30px;left:30px;border-right:none;border-top:none}.corner-decoration.bottom-right{bottom:30px;right:30px;border-left:none;border-top:none}.intro-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:20;display:flex;align-items:center;gap:30px}.intro-bracket{font-size:8rem;color:#00ffff4d;font-weight:100;animation:bracketPulse 2s ease-in-out infinite}.intro-content{display:flex;flex-direction:column;align-items:center}.intro-title{font-size:4rem;font-weight:200;color:#fff;text-shadow:0 0 10px rgba(0,255,255,1),0 0 30px rgba(0,255,255,.8),0 0 60px rgba(0,255,255,.5);margin:0;letter-spacing:.3em;font-family:Courier New,monospace;animation:titleFlicker .1s ease-in-out infinite alternate}.intro-divider{display:flex;align-items:center;gap:20px;margin:20px 0}.intro-divider span:first-child,.intro-divider span:last-child{width:100px;height:1px;background:linear-gradient(90deg,transparent,#00ffff,transparent)}.intro-icon{color:#0ff;font-size:1rem;animation:iconRotate 4s linear infinite}.intro-subtitle{font-size:1rem;color:#00ffffe6;letter-spacing:.5em;font-family:Courier New,monospace;margin:0}.intro-version{font-size:.7rem;color:#f0f9;letter-spacing:.3em;margin-top:15px;font-family:Courier New,monospace}@keyframes titleFlicker{0%{opacity:1}50%{opacity:.95}to{opacity:1}}@keyframes bracketPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(1.02)}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skip-button{position:absolute;bottom:40px;right:40px;padding:12px 24px;background:transparent;border:1px solid rgba(0,255,255,.5);color:#0ff;font-size:.9rem;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;letter-spacing:.15em;z-index:20}.skip-button:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff1a}.author-select-screen{width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e);padding:40px;box-sizing:border-box;overflow-y:auto}.author-select-header{text-align:center;margin-bottom:48px}.author-select-header h1{font-size:2.5rem;color:#fff;margin:0 0 12px}.author-select-header p{font-size:1.1rem;color:#fff9;margin:0}.preload-progress{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.preload-bar{width:300px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.preload-fill{height:100%;background:linear-gradient(90deg,#0ff,#0af);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #00ffff80}.preload-text{font-size:.85rem;color:#0ffc;font-family:Courier New,monospace}.authors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1000px;margin:0 auto}.author-card{cursor:pointer;transition:transform .3s ease}.author-card:hover{transform:translateY(-8px)}.author-photo-container{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#1a1a2e;border:3px solid rgba(0,255,255,.3);transition:border-color .3s ease,box-shadow .3s ease}.author-card:hover .author-photo-container{border-color:#0ff;box-shadow:0 0 20px #0ff6}.author-photo{width:100%;height:100%;object-fit:cover}.author-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00ffff4d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.author-card:hover .author-overlay{opacity:1}.author-select-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.author-name{text-align:center;font-size:1.1rem;color:#fff;margin:16px 0 0}.avatar-screen{width:100%;height:100vh;position:relative;overflow:hidden}.back-button{position:absolute;top:20px;left:20px;width:50px;height:50px;border-radius:50%;border:2px solid rgba(0,255,255,.5);background:#001428cc;color:#0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#0ff3;border-color:#0ff;box-shadow:0 0 20px #00ffff80;transform:scale(1.1)}.back-button svg{fill:currentColor}.scene-container.full{width:100%;height:100%;position:relative}.scene-container.full:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7) 90%,rgba(0,0,0,.9) 100%);z-index:1}.scene-container.full:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,5,15,.5) 0%,transparent 15%,transparent 85%,rgba(0,5,15,.5) 100%);z-index:1}.floating-mic-container{position:absolute;bottom:750px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.floating-mic{position:absolute;bottom:180px;left:50%;transform:translate(-50%);z-index:10}.kiosk-button{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:2px solid rgba(0,255,255,.5);background:#001428cc;color:#0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kiosk-button:hover{background:#0ff3;border-color:#0ff;box-shadow:0 0 20px #00ffff80;transform:scale(1.1)}.kiosk-button svg{width:24px;height:24px}.kiosk-corners{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.corner-hint{position:absolute;width:60px;height:60px;pointer-events:auto}.corner-hint.top-left{top:0;left:0}.corner-hint.top-right{top:0;right:0}.corner-hint.bottom-right{bottom:0;right:0}.corner-hint.bottom-left{bottom:0;left:0}.app-root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.mic-status-text{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#001428d9;border-radius:30px;border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.95rem;font-weight:500;letter-spacing:.03em;white-space:nowrap;transition:all .3s ease}.mic-status-text.recording{border-color:#ff4040cc;background:#280000d9}.mic-status-text.processing{border-color:#ffc800cc;background:#281e00d9}.mic-status-text .status-pulse{width:10px;height:10px;background:#ff4040;border-radius:50%;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.avatar-status{display:none}.scene-container.full canvas{cursor:pointer}.sponsor-logos{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:30px;z-index:100;padding:15px 30px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 30px #0000004d;animation:fadeInUp 1s ease-out .5s both}.sponsor-logo{height:60px;width:auto;object-fit:contain;filter:none;transition:transform .3s ease}.sponsor-logo:hover{transform:scale(1.05)}.sponsor-divider{width:2px;height:50px;background:linear-gradient(to bottom,transparent,#ccc,transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}