*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#999;font-family:system-ui,-apple-system,sans-serif;cursor:default;-webkit-font-smoothing:antialiased}#app{width:100%;height:100%;position:relative}canvas#visual{position:absolute;top:0;left:0;width:100vw;height:100vh;display:block}#entry{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;background:#0a0a0a;transition:opacity 1.5s ease}#entry.hidden{opacity:0;pointer-events:none}.entry-card{display:flex;flex-direction:column;align-items:center;gap:0;max-width:380px;padding:32px 28px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;animation:card-breathe 4s ease-in-out infinite}@keyframes card-breathe{0%,to{border-color:#ffffff0f;box-shadow:0 0 30px #b43c3200,0 0 60px #b43c3200}50%{border-color:#ffffff1f;box-shadow:0 0 30px #b43c320a,0 0 60px #b43c3205}}.entry-description{font-size:15px;line-height:1.7;text-align:center;color:#666;letter-spacing:.01em;margin-bottom:12px;animation:text-breathe 4s ease-in-out infinite}@keyframes text-breathe{0%,to{opacity:.7}50%{opacity:1}}.entry-description:last-of-type{margin-bottom:4px}#begin-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:240px;margin-top:8px;padding:12px 24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#999;font:inherit;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s;animation:btn-pulse 3s ease-in-out infinite}#begin-btn svg{flex-shrink:0}#begin-btn:hover{border-color:#ffffff40;color:#ccc;animation:none}#begin-btn.denied{border-color:#c8503c4d;color:#c8786499;animation:none}@keyframes btn-pulse{0%,to{border-color:#ffffff1a;color:#999}50%{border-color:#c8503c40;color:#bbb}}.entry-status{font-size:12px;color:#555;text-align:center;margin-top:8px;margin-bottom:4px;transition:color .3s}.entry-status:empty{display:none}.cam-guide{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px;margin-bottom:6px}.cam-guide-browser{position:relative;width:220px;background:#1a1a1a;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff0f}.cam-guide-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#2c2c2e;border-bottom:1px solid rgba(255,255,255,.06);position:relative;font-size:9px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.cam-guide-url{color:#ffffff73;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-guide-aa{color:#fff9;font-weight:700;font-size:11px;cursor:default}.cam-guide-reload{color:#ffffff4d;font-size:11px}.cam-guide-dots{color:#fff6;font-size:14px;line-height:1}.cam-guide-lock,.cam-guide-settings{color:#ffffff80;display:flex;align-items:center}.cam-guide-cam-icon{color:#c86450cc;display:flex;align-items:center;position:relative}.cam-guide-tap-ring{position:absolute;width:24px;height:24px;border-radius:50%;background:#c8645066;pointer-events:none;opacity:0;transform:scale(0)}.ios-ring,.android-ring,.desktop-ring{left:6px;top:50%;margin-top:-12px;animation:tapRing 5s .8s infinite}@keyframes tapRing{0%,16%{opacity:0;transform:scale(0)}20%{opacity:.8;transform:scale(.7)}26%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(0)}}.cam-guide-panel{padding:0;max-height:0;opacity:0;overflow:hidden;background:#2c2c2e;transition:none}.ios-panel,.android-panel,.desktop-panel{animation:panelSlide 5s .8s infinite}@keyframes panelSlide{0%,24%{max-height:0;opacity:0;padding:0 10px}32%{max-height:80px;opacity:1;padding:8px 10px}72%{max-height:80px;opacity:1;padding:8px 10px}80%{max-height:0;opacity:0;padding:0 10px}to{max-height:0;opacity:0;padding:0 10px}}.cam-guide-panel-header{font-size:8px;color:#ffffff59;margin-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.cam-guide-panel-row{display:flex;align-items:center;gap:6px;font-size:10px;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.cam-guide-panel-icon{font-size:12px}.cam-guide-toggle{margin-left:auto;width:28px;height:16px;background:#ffffff26;border-radius:8px;position:relative;animation:toggleOn 5s .8s infinite}.cam-guide-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:none;animation:knobSlide 5s .8s infinite}@keyframes toggleOn{0%,44%{background:#ffffff26}50%,72%{background:#50c864b3}80%,to{background:#ffffff26}}@keyframes knobSlide{0%,44%{left:2px}50%,72%{left:14px}80%,to{left:2px}}.cam-guide-panel-btn{margin-left:auto;font-size:9px;padding:3px 8px;border-radius:4px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.allow-btn{background:#c8645033;color:#c87864cc;animation:allowPulse 5s .8s infinite}@keyframes allowPulse{0%,32%{background:#c8645033;transform:scale(1)}46%{background:#c8645080;transform:scale(1.1)}52%{background:#50c86466;color:#8cdc8ce6;transform:scale(1)}72%{background:#50c86466;color:#8cdc8ce6}80%,to{background:#c8645033;color:#c87864cc;transform:scale(1)}}.cam-guide-label{font-size:12px;color:#c86450b3;text-align:center}.cam-guide-label strong{color:#c87864e6}.entry-status.error{color:#c86450b3}.entry-footer{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:11px;color:#444;letter-spacing:.02em}.entry-footer a{color:#555;text-decoration:none;transition:color .2s}.entry-footer a:hover{color:#888}.entry-disclaimer{display:block;margin-top:4px;font-size:9px;color:#333}#presence-msg{position:absolute;top:40px;left:0;width:100%;text-align:center;font-size:12px;color:#555;z-index:5;opacity:0;transition:opacity 2s ease;pointer-events:none}#presence-msg.visible{opacity:1}#presence-msg.fade-out{opacity:0}.audio-controls{position:absolute;bottom:58px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:12px}.audio-controls.hidden{display:none}.audio-toggle{background:none;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#ffffff59;cursor:pointer;transition:color .3s,border-color .3s,opacity .3s}.audio-toggle:hover{color:#fff9;border-color:#ffffff26}.audio-toggle .icon-off,.audio-toggle.muted .icon-on{display:none}.audio-toggle.muted .icon-off{display:block}.audio-toggle.muted{opacity:.35;color:#fff3;border-color:#ffffff0a}.audio-toggle svg{display:block}#pulse-btn:not(.muted) .icon-on{animation:heartbeat 1.2s ease-in-out infinite;transform-origin:center}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}#music-btn:not(.muted) .icon-on .bar{animation:bar-wave 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}#music-btn:not(.muted) .icon-on .bar:nth-child(1){animation-delay:0s}#music-btn:not(.muted) .icon-on .bar:nth-child(2){animation-delay:-.6s}#music-btn:not(.muted) .icon-on .bar:nth-child(3){animation-delay:-1.2s}#music-btn:not(.muted) .icon-on .bar:nth-child(4){animation-delay:-1.8s}#music-btn:not(.muted) .icon-on .bar:nth-child(5){animation-delay:-2.4s}@keyframes bar-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.experience-footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:10px 16px 12px;z-index:5;font-size:10px;color:#fff3;letter-spacing:.01em;line-height:1.6;pointer-events:auto}.experience-footer.hidden{display:none}.experience-footer a{color:#ffffff4d;text-decoration:none;transition:color .2s}.experience-footer a:hover{color:#fff9}.footer-cta{opacity:0;max-height:0;overflow:hidden;transition:opacity 3s ease,max-height 2s ease;text-align:center;pointer-events:none;margin-bottom:4px}.footer-cta.visible{opacity:1;max-height:60px;pointer-events:auto}.cta-text{font-size:11px;color:#ffffff59;letter-spacing:.01em}.cta-text a{color:#ffffff80;text-decoration:none;transition:color .2s}.cta-text a:hover{color:#ffffffbf}.footer-links{margin-top:2px;color:#ffffff26}.footer-links a{color:#fff3}@media (max-width: 480px){.entry-card{max-width:340px;padding:24px 20px}.entry-description{font-size:14px}.experience-footer{font-size:9px;padding:6px 12px 8px;line-height:1.5}.cta-text{font-size:9px}.audio-controls{bottom:48px}}@media (max-height: 440px) and (orientation: landscape){.experience-footer{font-size:8px;padding:4px 12px 6px;line-height:1.4}.footer-cta,.footer-links{display:none}.audio-controls{bottom:32px}.audio-toggle{width:28px;height:28px}}@media (min-width: 1024px){html,body{min-height:100%;height:auto;overflow-y:auto;overflow-x:hidden}#app{min-height:calc(100vh + 96px);height:auto}canvas#visual{position:fixed;top:0;left:0;width:100vw;height:100vh}#entry{position:fixed;width:100vw;height:100vh}#presence-msg,.audio-controls{position:fixed}.experience-footer{position:absolute;top:calc(100vh + 20px);bottom:auto;padding-bottom:20px}}