body{background:linear-gradient(135deg,#fdfbfb,#ebedee);color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#010407;box-shadow:0 4px 8px #0003;color:#fff;font-size:22px;font-weight:700;padding:15px 40px;position:relative;z-index:100}.app-header,.header-container{align-items:center;display:flex;justify-content:space-between}.header-container{width:100%}.logo{font-size:1.5rem;font-weight:700}.desktop-nav{display:flex;gap:20px}.desktop-nav a{border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:background .3s}.desktop-nav a:hover{background:#fff3}.hamburger{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:101}.mobile-nav-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:98}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{background-color:#010407;display:flex;flex-direction:column;height:100vh;left:-250px;padding-top:70px;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:99}.mobile-nav.open{transform:translateX(250px)}.mobile-nav a{color:#fff;font-size:1.1rem;padding:15px 25px;text-decoration:none;transition:background-color .3s}.mobile-nav a:hover{background-color:#ffffff1a}.features-list li:before{content:"✨ "}button{font-size:1.1rem;padding:12px 24px;transition:all .3s ease}.page li{background:#fff}@media (max-width:768px){.app-header{padding:15px 20px}.desktop-nav{display:none}.hamburger{display:block}.center-page{padding:2rem 1rem}.center-page h2{font-size:2rem}.features-wrapper{padding:1rem}}@media (min-width:769px){.mobile-nav,.mobile-nav-overlay{display:none}}.main-content{flex:1 1;padding:2rem}.start-page{margin:0 auto;max-width:800px;padding:2rem;text-align:center}.start-page h2{color:#1a1a2e;font-size:2.5rem;margin-bottom:1.5rem}.start-page p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.features{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;padding:2rem}.features ul{list-style:none;padding:0;text-align:left}.features li{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;padding:.75rem 0}.start-page button{background-color:#4a6fa5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.start-page button:hover{background-color:#3a5a8f;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.center-page{padding:3rem}.center-page h2{color:#1e88e5;font-size:2rem;margin-bottom:1.5rem}.center-page button{background-color:#1e88e5;box-shadow:0 4px 12px #0000001a;padding:12px 24px;transition:background .3s ease}.center-page button:hover{background-color:#1565c0;transform:scale(1.02)}.assistant-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:2rem}.avatar-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.avatar-img{box-shadow:0 0 25px #008aff66;height:140px;transition:transform .3s ease-in-out;width:140px}.avatar-img,video.avatar-img{border-radius:50%;object-fit:cover}.voice-bars{display:flex;gap:6px}.voice-bars .bar{animation:bounceBar .8s ease-in-out infinite;background-color:#00bcd4;border-radius:4px;height:24px;width:6px}.voice-bars .bar:first-child{animation-delay:0s}.voice-bars .bar:nth-child(2){animation-delay:.1s}.voice-bars .bar:nth-child(3){animation-delay:.2s}.voice-bars .bar:nth-child(4){animation-delay:.3s}.voice-bars .bar:nth-child(5){animation-delay:.4s}@keyframes bounceBar{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.6)}}.controls{margin-bottom:1rem;text-align:center}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.start-btn{background-color:#1e88e5;color:#fff}.stop-btn{background-color:#e53935;color:#fff}.start-btn:hover{background-color:#1565c0}.stop-btn:hover{background-color:#c62828}.status-text{color:#555;font-weight:700;margin-top:10px}.chat-box{background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a;max-width:600px;padding:1.5rem;width:100%}.chat-box p{font-size:1rem;line-height:1.5;margin:.5rem 0}.avatar-wrapper{gap:1.5rem;margin-top:1rem}.avatar-wrapper,.center-page{align-items:center;display:flex;justify-content:center}.center-page{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f1f1f1;flex:1 1;flex-direction:column;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.center-page h2{animation:fadeIn 1s ease-in-out;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 2px 10px #0009}.center-page p{animation:fadeIn 1.4s ease-in-out;font-size:1.2rem;line-height:1.8;margin-bottom:2rem;max-width:700px;opacity:.9}.features-wrapper{animation:slideIn 1.6s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #fff3;border-radius:12px;box-shadow:0 12px 24px #0003;margin-bottom:2rem;padding:1.5rem 2rem}.features-list{color:#f8f8f8;font-size:1.1rem;line-height:2;list-style:none;padding:0;text-align:left}.features-list li:before{content:\"✨ \";margin-right:8px}.center-page button{animation:bounceIn 2s;background-color:#ff6f61;border:none;border-radius:8px;box-shadow:0 8px 16px #0000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 28px;transition:background .3s ease,transform .2s ease}.center-page button:hover{background-color:#e64a19;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.page{background:linear-gradient(120deg,#fdfbfb,#ebedee);box-sizing:border-box;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.page h2{color:#1e88e5;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.page button{background-color:#e53935;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:10px 20px;transition:background .3s ease,transform .2s ease}.page button:hover{background-color:#c62828;transform:translateY(-1px)}.page ul{list-style:none;padding:0}.page li{background:linear-gradient(145deg,#fff,#f0f0f0);border-left:6px solid #1e88e5;border-radius:12px;box-shadow:0 6px 14px #00000014;margin-bottom:1rem;padding:1rem 1.5rem}.page audio{border-radius:6px;margin-top:12px;outline:none;width:100%}.page li:hover{transform:scale(1.02)}.page strong{color:#333}.hi{color:#fff;font-size:xx-large}
/*# sourceMappingURL=main.527a8ace.css.map*/