body{font-family:August BOLD,sans-serif;color:black;margin:0;padding:0;overflow:hidden;position:relative}body:before{content:"";background:rgba(255,255,255,.3);z-index:-1}.background-container,body:before{position:fixed;top:0;left:0;width:100%;height:100%}.background-container{z-index:-2}.background-video{display:block}.background-image,.background-video{width:100%;height:100%;object-fit:cover}.background-image{display:none}@media (max-width:768px){.background-video{display:none}.background-image{display:block}}#enter-button{position:fixed;top:20px;right:240px;background:#0057ff;color:white;padding:10px 20px;text-decoration:none;font-family:August BOLD,sans-serif;border-radius:10px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 6px rgba(0,0,0,.1);border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;z-index:10;height:25px}#enter-button:hover{background:#003ecb;box-shadow:0 6px 10px rgba(0,0,0,.2);transform:scale(1.05)}#enter-button:active{background:#0057ff;animation:bounce .5s ease}#enter-button:before{content:"🎨";font-size:1rem;display:inline-block;vertical-align:middle}@keyframes bounce{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.side-links{position:fixed;top:50%;left:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:30px;z-index:10}.side-link{text-decoration:none;display:flex;align-items:center;transition:transform .3s ease}.side-link:hover{transform:scale(1.1)}.icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;font-size:3rem;text-align:center;line-height:5rem}.icon-image{width:4rem;height:4rem;display:inline-block;object-fit:contain;vertical-align:middle}#hero{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:-1}.hero-image{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:150%;height:105%;max-width:120vw;max-height:120vh;object-fit:contain;opacity:.7;transition:all .3s ease}@media (max-width:768px){.background-video{display:none}.background-image{display:block}.hero-image{content:url(/assets/helenai_m.png);width:80%;height:auto;max-width:100%;max-height:100%;position:absolute;top:55%;left:55%;transform:translate(-50%,-50%)}#enter-button{top:10px;background:#0057ff;color:white;padding:5px 15px;text-decoration:none;font-family:August BOLD,sans-serif;border-radius:8px;font-size:1rem;font-weight:700;z-index:10;align-items:center;justify-content:center;max-width:120px;width:auto;transition:all .3s ease}#enter-button,.side-links{position:fixed;left:50%;transform:translateX(-50%);display:flex}.side-links{bottom:5px;top:auto;flex-direction:row;gap:32px;z-index:9998}.side-link{transform:none}.icon,.icon-image{width:2.2rem;height:2.2rem;font-size:1.8rem}body:before{background:rgba(255,255,255,.3)}}.powered-by{position:fixed;bottom:10px;right:10px;color:white;font-size:14px;font-family:Roboto,sans-serif;z-index:100}.powered-by a{color:#a0a0ff;text-decoration:none;transition:color .3s ease}.powered-by a:hover{color:#ffffff;text-decoration:underline}@media (max-width:768px){.powered-by{bottom:45px;left:50%;right:auto;transform:translateX(-50%);text-align:center;width:auto;font-size:12px}}#comic-button{position:fixed;top:20px;right:20px;background:linear-gradient(45deg,#ff5b8f,#ff8e6e);color:white;padding:10px 25px;text-decoration:none;font-family:August BOLD,sans-serif;border-radius:15px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px rgba(255,91,143,.4);border:2px solid #ffcbe0;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;z-index:10;animation:float 3s ease-in-out infinite;height:25px}#comic-button:hover{background:linear-gradient(45deg,#ff8e6e,#ff5b8f);box-shadow:0 6px 15px rgba(255,91,143,.6);transform:scale(1.05) rotate(-2deg)}#comic-button:active{animation:wobble .5s ease}#comic-button:before{content:"📚";font-size:1.2rem;display:inline-block;vertical-align:middle}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}#chat-button{position:fixed;bottom:60px;right:20px;background:#ff4081;color:white;padding:12px 18px;text-decoration:none;font-family:August BOLD,sans-serif;border-radius:20px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.2);display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;z-index:9999;height:30px}#chat-button:hover{background:#e91e63;box-shadow:0 6px 12px rgba(0,0,0,.3);transform:scale(1.05)}#chat-button:active{animation:pulse .5s ease}#chat-button:before{content:"💬";font-size:1rem;display:inline-block;vertical-align:middle;margin-right:5px}.volume-button{position:fixed;top:30px;left:30px;z-index:9999;width:50px;height:50px;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5));border:none;border-radius:50%;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);outline:none}.volume-button:hover{background:linear-gradient(135deg,rgba(30,215,96,.8),rgba(30,215,96,.6));transform:scale(1.1) rotate(5deg);box-shadow:0 6px 25px rgba(30,215,96,.4),0 0 0 1px rgba(30,215,96,.3),inset 0 1px 0 rgba(255,255,255,.2)}.volume-button:active{transform:scale(.95);transition:transform .1s ease}.volume-button:focus{outline:2px solid rgba(30,215,96,.5);outline-offset:2px}@media (max-width:768px){.volume-button{display:none}}.video-loading-indicator{position:fixed;bottom:30px;right:30px;z-index:9998;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);animation:slideInUp .3s ease-out;max-width:250px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:white;font-family:August BOLD,sans-serif}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:rgba(30,215,96,.8);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:14px;font-weight:500;color:rgba(255,255,255,.9);text-align:center}.loading-progress{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;position:relative}.loading-progress-bar{height:100%;background:linear-gradient(90deg,rgba(30,215,96,.8),rgba(30,215,96,1));border-radius:2px;transition:width .3s ease;position:relative}.loading-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.loading-percentage{font-size:12px;font-weight:700;color:rgba(30,215,96,.9);text-align:center;min-width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.video-loading-indicator{bottom:20px;right:20px;left:20px;max-width:none;padding:15px}.loading-content{gap:10px}.loading-spinner{width:25px;height:25px;border-width:2px}.loading-text{font-size:13px}.loading-percentage{font-size:11px}}.spotify-player{position:fixed;bottom:30px;left:30px;z-index:9999;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1)}.spotify-player.collapsed{width:320px;height:152px;padding:12px}.spotify-player.collapsed,.spotify-player.expanded{background:linear-gradient(135deg,rgba(30,215,96,.1),rgba(0,0,0,.3))}.spotify-player.expanded{width:400px;height:470px;padding:15px}.spotify-player:hover{transform:scale(1.02) translateY(-3px);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(30,215,96,.3),inset 0 1px 0 rgba(255,255,255,.2)}.spotify-toggle{display:none;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 15px;background:rgba(0,0,0,.3);border:none;color:white;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;border-radius:8px;margin-bottom:8px}.spotify-player.expanded .spotify-toggle{display:flex}.spotify-toggle:hover{background:rgba(30,215,96,.2)}.spotify-toggle:focus{background:rgba(30,215,96,.25);outline:2px solid rgba(30,215,96,.5);outline-offset:-2px}.spotify-icon{font-size:16px;margin-right:8px}.spotify-text{flex:1 1;text-align:left}.spotify-arrow{font-size:10px;opacity:.7;transition:transform .3s ease}.spotify-expand-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:white;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.spotify-expand-btn:hover{background:rgba(30,215,96,.8);opacity:1;transform:scale(1.1)}.spotify-player.expanded .spotify-expand-btn{display:none}.spotify-content{flex:1 1;padding-top:15px;animation:fadeIn .3s ease-in-out}.spotify-content iframe{border-radius:12px;width:100%;height:100%;border:none;box-shadow:0 4px 20px rgba(0,0,0,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#enter-button{left:10px;right:auto;transform:none}#comic-button,#enter-button{top:10px;font-size:.9rem;padding:6px 15px;height:20px}#comic-button{right:10px;animation:none}#chat-button{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);top:auto;right:auto;font-size:.9rem;padding:6px 15px;height:20px}#chat-button:active{animation:none!important}.spotify-player{top:80px;bottom:auto;left:50%;transform:translateX(-50%);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 25px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05);opacity:.95;transition:all .3s ease}.spotify-player.collapsed{width:180px;height:50px}.spotify-player.collapsed,.spotify-player.expanded{background:linear-gradient(135deg,rgba(30,215,96,.08),rgba(0,0,0,.2))}.spotify-player.expanded{width:calc(100vw - 40px);max-width:350px;height:420px;padding:12px}.spotify-player:hover{transform:translateX(-50%) scale(1.01);opacity:1}.spotify-toggle{display:flex!important;height:50px;padding:0 15px;font-size:13px;background:transparent!important;margin-bottom:0}.spotify-icon{font-size:18px;margin-right:8px}.spotify-expand-btn{display:none!important}.spotify-content{padding-top:12px;display:none}.spotify-player.expanded .spotify-content{display:block}.spotify-content iframe{border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.15)}}.loading-indicator{position:fixed;bottom:20px;right:20px;background-color:rgba(0,0,0,.5);color:white;border-radius:20px;padding:8px 16px;font-size:12px;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 5px rgba(0,0,0,.2);letter-spacing:1px}.loading-indicator:after{content:"";position:relative;width:6px;height:6px;margin-left:8px;border-radius:50%;background-color:white;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.3);opacity:.2}50%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:.2}}@media (max-width:768px){.loading-indicator{bottom:50px;font-size:10px;padding:6px 12px}}