@charset "utf-8";*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Helvetica","Arial",sans-serif;color:white;background:radial-gradient(circle at 20% 15%,rgba(60,120,255,0.10),transparent 20%),radial-gradient(circle at 80% 10%,rgba(120,90,255,0.08),transparent 18%),radial-gradient(circle at 50% 50%,rgba(90,160,255,0.05),transparent 20%),linear-gradient(180deg,#00084a 0%,#000033 60%,#000022 100%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,0.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.012) 1px,transparent 1px);background-size:64px 64px;opacity:0.2}.page-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;z-index:1}.top-row{display:flex;justify-content:flex-end;align-items:center;min-height:54px}.social-login-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;letter-spacing:0;min-width:112px}.die_with_memories{padding:14px 24px;background:linear-gradient(180deg,#001055,#000033);border-radius:8px;border:1px solid rgba(150,200,255,0.2);color:white;cursor:pointer;box-shadow:0 0 12px rgba(255,255,255,0.2),0 0 25px rgba(120,180,255,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease}.die_with_memories:hover{transform:translateY(-2px)}.hero-center{flex:1;display:flex;align-items:center;justify-content:center}.hero-stack{display:flex;flex-direction:column;align-items:center;gap:30px;transform:translateY(60px)}.center-link{text-decoration:none}.button-center{width:300px;height:300px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(120,180,255,0.08),transparent 45%),linear-gradient(180deg,rgba(0,16,90,0.98),rgba(0,0,45,0.98));position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;--avatar-mouth-open:0}.button-center::after{content:none}.glow-button{box-shadow:0 0 18px rgba(255,255,255,0.20),0 0 40px rgba(120,180,255,0.22),0 0 75px rgba(120,180,255,0.12);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.glow-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 24px rgba(255,255,255,0.24),0 0 55px rgba(120,180,255,0.30),0 0 95px rgba(120,180,255,0.16)}.center-logo-image{width:82px;height:82px;object-fit:contain;padding:9px;position:absolute;top:22px;left:50%;z-index:6;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.94),rgba(230,242,255,0.82) 58%,rgba(20,42,115,0.35) 100%);filter:brightness(1.05) contrast(1.03) drop-shadow(0 0 8px rgba(255,255,255,0.08)) drop-shadow(0 0 18px rgba(120,180,255,0.16));transform:translateX(-50%);animation:logoBadgeFloat 4.8s ease-in-out infinite}.center-hologram-bg{position:absolute;top:0;left:50%;width:auto;height:100%;max-width:none;object-fit:contain;object-position:center top;opacity:0.68;z-index:1;pointer-events:none;mix-blend-mode:screen;transform:translateX(-50%);filter:saturate(1.25) contrast(1.12) brightness(1.05) drop-shadow(0 0 18px rgba(120,180,255,0.24));animation:hologramImageIdle 6.2s ease-in-out infinite}.avatar-3d-stage{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transform:translateZ(0);transition:opacity 320ms ease}.avatar-3d-stage::before,.avatar-3d-stage::after{content:"";position:absolute;inset:8px 12px;pointer-events:none;border-radius:16px;z-index:2}.avatar-3d-stage::before{background:repeating-linear-gradient( 180deg,rgba(170,245,255,0.24) 0,rgba(170,245,255,0.24) 1px,rgba(0,18,55,0) 2px,rgba(0,18,55,0) 5px );opacity:0.44;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 48%,black 0 42%,transparent 72%)}.avatar-3d-stage::after{background:radial-gradient(ellipse at 50% 38%,rgba(98,225,255,0.28),transparent 42%),radial-gradient(ellipse at 50% 50%,transparent 36%,rgba(53,206,255,0.16) 50%,transparent 70%);filter:blur(5px);mix-blend-mode:screen;opacity:0.82}.avatar-3d-stage canvas{display:block;width:100% !important;height:100% !important}.button-center.three-avatar-ready .avatar-3d-stage{opacity:1}.button-center.three-avatar-ready .center-hologram-bg{opacity:0}.button-center.three-avatar-ready .image-avatar-overlay{display:none}.button-center.three-avatar-ready .center-logo-image{display:none}.center-talk-mouth{display:none}.center-orbit,.center-ai-core,.center-scan{position:absolute;pointer-events:none}.ai-avatar{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.avatar-head{position:relative;width:148px;height:214px;margin-top:36px;border-radius:46% 46% 48% 48% / 32% 32% 58% 58%;background:radial-gradient(ellipse at 50% 20%,rgba(150,230,255,0.22),transparent 38%),radial-gradient(ellipse at 50% 58%,rgba(4,16,82,0.64),rgba(2,8,44,0.38) 62%,transparent 100%);border:1px solid rgba(135,225,255,0.52);box-shadow:inset 0 0 22px rgba(105,220,255,0.18),inset 0 -18px 32px rgba(20,80,190,0.16),0 0 24px rgba(95,210,255,0.28),0 0 52px rgba(80,160,255,0.12);overflow:hidden;transform-origin:50% 72%;animation:avatarIdleMove 6.2s ease-in-out infinite}.avatar-glow,.avatar-grid,.avatar-scanline{position:absolute;inset:0;pointer-events:none}.avatar-glow{background:radial-gradient(circle at 50% 52%,rgba(95,225,255,0.22),transparent 46%),linear-gradient(90deg,transparent 0%,rgba(160,235,255,0.10) 50%,transparent 100%);mix-blend-mode:screen}.avatar-grid{opacity:0.52;background:repeating-linear-gradient(0deg,rgba(155,235,255,0.22) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(155,235,255,0.16) 0 1px,transparent 1px 11px);mask-image:radial-gradient(ellipse at center,black 52%,transparent 82%)}.avatar-scanline{background:linear-gradient(to bottom,transparent,rgba(210,250,255,0.28),transparent);height:46%;opacity:0.4;transform:translateY(-120%);animation:avatarScan 4.8s ease-in-out infinite}.avatar-eye{position:absolute;top:92px;width:36px;height:13px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(195,245,255,0.96),rgba(55,190,255,0.35) 62%,transparent 75%);box-shadow:0 0 8px rgba(120,225,255,0.38),0 0 18px rgba(85,195,255,0.18);overflow:hidden}.avatar-eye-left{left:34px;transform:rotate(2deg)}.avatar-eye-right{right:34px;transform:rotate(-2deg)}.avatar-pupil{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:rgba(2,10,50,0.74);box-shadow:0 0 8px rgba(190,245,255,0.5);transform:translate(-50%,-50%);animation:avatarLook 7.5s ease-in-out infinite}.avatar-eyelid{position:absolute;inset:-2px;background:linear-gradient(180deg,rgba(2,10,55,0.96),rgba(5,28,95,0.94));transform:translateY(-120%);animation:avatarBlink 6.8s infinite}.avatar-nose{position:absolute;left:50%;top:102px;width:24px;height:48px;border-radius:50% 50% 48% 48%;border-left:1px solid rgba(155,235,255,0.26);border-right:1px solid rgba(155,235,255,0.18);box-shadow:0 0 14px rgba(80,190,255,0.12);transform:translateX(-50%)}.avatar-mouth{position:absolute;left:50%;top:158px;width:52px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(25,150,220,0.62),rgba(0,8,40,0.78));box-shadow:inset 0 0 10px rgba(0,8,35,0.82),0 0 12px rgba(100,225,255,0.34);transform:translate(-50%,-50%) scaleX(calc(0.74+(var(--avatar-mouth-open) * 0.24))) scaleY(calc(0.22+(var(--avatar-mouth-open) * 1.14)));transform-origin:center;transition:transform 42ms linear,opacity 120ms ease;overflow:hidden;opacity:0.86}.avatar-mouth-inner{position:absolute;inset:3px 7px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,2,18,0.92),rgba(0,6,34,0.72))}.avatar-mouth-glow{position:absolute;left:50%;top:50%;width:70px;height:28px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(165,245,255,0.44),transparent 66%);opacity:calc(0.22+(var(--avatar-mouth-open) * 0.72));transform:translate(-50%,-50%);mix-blend-mode:screen}.button-center[data-avatar-state="listening"] .avatar-head{box-shadow:inset 0 0 24px rgba(105,220,255,0.24),0 0 28px rgba(95,220,255,0.36),0 0 68px rgba(80,160,255,0.2)}.button-center[data-avatar-state="thinking"] .avatar-head{animation:avatarThinkingMove 1.6s ease-in-out infinite}.button-center[data-avatar-state="thinking"] .avatar-scanline{animation-duration:1.4s;opacity:0.72}.button-center[data-avatar-state="speaking"] .avatar-head{animation:avatarSpeakingMove 1.05s ease-in-out infinite;filter:brightness(1.12) saturate(1.15)}.button-center[data-avatar-state="speaking"] .center-hologram-bg{animation:hologramImageTalk 1.05s ease-in-out infinite;filter:saturate(1.35) contrast(1.18) brightness(1.18) drop-shadow(0 0 26px rgba(120,220,255,0.34))}.image-avatar-overlay{z-index:5;display:block;animation:avatarOverlayIdle 6.2s ease-in-out infinite;transform-origin:50% 60%}.image-avatar-overlay .avatar-eye{top:122px;width:38px;height:18px;border-radius:999px;background:transparent;box-shadow:none;overflow:hidden;clip-path:ellipse(48% 34% at 50% 52%)}.image-avatar-overlay .avatar-eye-left{left:99px;transform:rotate(1deg)}.image-avatar-overlay .avatar-eye-right{right:99px;transform:rotate(-1deg)}.image-avatar-overlay .avatar-eyelid{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 46%,rgba(15,86,142,0.7),rgba(4,22,76,0.92) 62%,rgba(2,10,42,0.96) 100%),repeating-linear-gradient(90deg,rgba(125,225,255,0.16) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 7px rgba(105,220,255,0.16),0 0 8px rgba(70,185,255,0.12);opacity:0;transform:scaleY(0);transform-origin:center;mix-blend-mode:normal;animation:imageEyeBlink 6.8s infinite}.image-avatar-overlay .avatar-mouth{left:50%;top:214px;width:50px;height:15px;background:linear-gradient(180deg,rgba(122,230,255,0.66),rgba(2,15,56,0.86));opacity:calc(0.44+(var(--avatar-mouth-open) * 0.54));mix-blend-mode:screen;transform:translate(-50%,-50%) scaleX(calc(0.74+(var(--avatar-mouth-open) * 0.28))) scaleY(calc(0.16+(var(--avatar-mouth-open) * 1.18)))}.image-avatar-overlay .avatar-mouth-inner{inset:4px 8px;background:radial-gradient(ellipse at center,rgba(0,5,34,0.9),rgba(0,10,48,0.58))}.image-avatar-overlay .avatar-mouth-glow{opacity:calc(0.14+(var(--avatar-mouth-open) * 0.82))}.button-center[data-avatar-state="thinking"] .image-avatar-overlay{animation:avatarOverlayThinking 1.6s ease-in-out infinite}.button-center[data-avatar-state="speaking"] .image-avatar-overlay{animation:avatarOverlayTalk 1.05s ease-in-out infinite}.center-orbit{display:none}.orbit-1{width:180px;height:180px;animation:orbitSpin 9s linear infinite}.orbit-2{width:140px;height:140px;animation:orbitSpinReverse 7s linear infinite}.orbit-3{width:100px;height:100px;animation:orbitSpin 5s linear infinite}.center-ai-core{width:110px;height:110px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(120,180,255,0.14),transparent 70%);filter:blur(6px);z-index:2;animation:corePulse 2.8s ease-in-out infinite}.center-scan{inset:0;z-index:4;background:linear-gradient( to bottom,transparent 0%,rgba(160,220,255,0.06) 45%,rgba(255,255,255,0.10) 50%,rgba(160,220,255,0.06) 55%,transparent 100% );transform:translateY(-110%);animation:scanSweep 4.2s linear infinite;mix-blend-mode:screen}.ask-wrapper{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:nowrap}.input-wrapper{position:relative;width:300px;display:flex;align-items:stretch}.with-mic{width:100%;height:45px;padding:0 15px;border-radius:8px;border:1px solid rgba(150,200,255,0.2);background:#000033;color:white;outline:none;box-shadow:0 0 10px rgba(255,255,255,0.08),0 0 18px rgba(120,180,255,0.10)}.with-mic::placeholder{color:rgba(255,255,255,0.78)}.vip-submit-btn{height:45px;min-width:80px;display:flex;align-items:center;justify-content:center;padding:0 22px;margin-top:-1px}.ask-panel{display:flex;flex-direction:column;align-items:center;gap:14px}.mode-switch{display:flex;align-items:center;justify-content:center;gap:12px}.mode-btn{min-width:120px;height:45px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px}.active-mode{border:1px solid rgba(190,230,255,0.38);box-shadow:0 0 16px rgba(255,255,255,0.22),0 0 34px rgba(120,180,255,0.22)}.voice-choice{width:min(360px,calc(100vw - 36px));display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.82);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}.voice-choice span{flex:0 0 auto}.voice-select{min-width:0;flex:1;height:38px;padding:0 12px;border-radius:8px;border:1px solid rgba(170,215,255,0.18);color:#fff;background:linear-gradient(180deg,rgba(3,12,82,0.98),rgba(0,0,45,0.98));box-shadow:0 0 10px rgba(255,255,255,0.08),0 0 18px rgba(120,180,255,0.08);outline:none}.voice-select:focus{border-color:rgba(190,230,255,0.38);box-shadow:0 0 14px rgba(255,255,255,0.16),0 0 28px rgba(120,180,255,0.18)}.voice-select option{color:#001}.voice-transcript-bubble{max-width:360px;min-height:48px;padding:12px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(3,12,82,0.98),rgba(0,0,45,0.98));border:1px solid rgba(170,215,255,0.14);color:white;text-align:center;box-shadow:0 0 12px rgba(255,255,255,0.12),0 0 22px rgba(120,180,255,0.12)}.speech-bubble{position:relative;max-width:440px;padding:15px 16px;background:linear-gradient(180deg,rgba(3,12,82,0.98),rgba(0,0,45,0.98));border-radius:12px;border:1px solid rgba(170,215,255,0.14);color:white;text-align:center;box-shadow:0 0 12px rgba(255,255,255,0.14),0 0 26px rgba(120,180,255,0.14)}.text-mode-hidden{display:none}.bottom-nav{text-align:center}.bottom-nav ul{list-style:none;padding:0}.bottom-nav li{display:inline-block;margin:0 10px}.bottom-nav a{color:white;text-decoration:none}.copyright{margin-top:10px;opacity:0.8}@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(0.95);opacity:0.45}50%{transform:translate(-50%,-50%) scale(1.08);opacity:0.9}}@keyframes scanSweep{0%{transform:translateY(-110%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(110%);opacity:0}}@keyframes logoFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-6px)}}@keyframes logoBadgeFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes avatarIdleMove{0%,100%{transform:rotate(-0.8deg) translateY(0)}50%{transform:rotate(0.8deg) translateY(-4px)}}@keyframes avatarThinkingMove{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(1.4deg) translateY(-2px)}}@keyframes avatarSpeakingMove{0%,100%{transform:rotate(-0.9deg) translateY(0) scale(1)}50%{transform:rotate(0.9deg) translateY(-3px) scale(1.012)}}@keyframes avatarScan{0%{transform:translateY(-130%);opacity:0}18%{opacity:0.52}82%{opacity:0.52}100%{transform:translateY(190%);opacity:0}}@keyframes avatarBlink{0%,6%,100%{transform:translateY(-120%)}7.5%,10%{transform:translateY(0)}11.5%,58%{transform:translateY(-120%)}59.5%,61%{transform:translateY(0)}62.5%{transform:translateY(-120%)}}@keyframes imageEyeBlink{0%,6%,100%{opacity:0;transform:scaleY(0)}7.3%,9.2%{opacity:0.96;transform:scaleY(1)}10.6%,58%{opacity:0;transform:scaleY(0)}59.2%,60.5%{opacity:0.96;transform:scaleY(1)}62%{opacity:0;transform:scaleY(0)}}@keyframes avatarLook{0%,100%{transform:translate(-50%,-50%)}24%{transform:translate(-72%,-48%)}48%{transform:translate(-44%,-52%)}72%{transform:translate(-58%,-46%)}}.button-center::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient( to bottom,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 2px,transparent 4px,transparent 8px ),linear-gradient( to bottom,transparent 0%,rgba(255,255,255,0.08) 48%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.08) 52%,transparent 100% );animation:scanPass 4s linear infinite;pointer-events:none;z-index:4}@keyframes hologramFlicker{0%,100%{opacity:0.95}48%{opacity:0.88}50%{opacity:1}52%{opacity:0.9}}@keyframes scanPass{0%{transform:translateY(-120%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(120%);opacity:0}}@keyframes hologramTalkPulse{0%,100%{opacity:0.66;transform:translateX(-50%) scale(1)}50%{opacity:0.78;transform:translateX(-50%) scale(1.012)}}@keyframes hologramImageIdle{0%,100%{transform:translateX(-50%) translateY(0) rotate(-0.45deg)}50%{transform:translateX(-50%) translateY(-4px) rotate(0.45deg)}}@keyframes hologramImageThinking{0%,100%{transform:translateX(-50%) translateY(0) rotate(-0.8deg)}50%{transform:translateX(-50%) translateY(-2px) rotate(0.8deg)}}@keyframes hologramImageTalk{0%,100%{transform:translateX(-50%) translateY(0) rotate(-0.6deg) scale(1)}50%{transform:translateX(-50%) translateY(-3px) rotate(0.6deg) scale(1.012)}}@keyframes avatarOverlayIdle{0%,100%{transform:translateY(0) rotate(-0.45deg)}50%{transform:translateY(-4px) rotate(0.45deg)}}@keyframes avatarOverlayThinking{0%,100%{transform:translateY(0) rotate(-0.8deg)}50%{transform:translateY(-2px) rotate(0.8deg)}}@keyframes avatarOverlayTalk{0%,100%{transform:translateY(0) rotate(-0.6deg) scale(1)}50%{transform:translateY(-3px) rotate(0.6deg) scale(1.012)}}@keyframes hologramMouthTalk{0%{transform:translate(-50%,-50%) scaleX(0.88) scaleY(0.24)}50%{transform:translate(-50%,-50%) scaleX(1.05) scaleY(0.72)}100%{transform:translate(-50%,-50%) scaleX(0.96) scaleY(0.36)}}.hologram-logo{mix-blend-mode:screen;opacity:0.85;filter:drop-shadow(0 0 15px rgba(108,246,255,0.45)) drop-shadow(0 0 35px rgba(120,180,255,0.35)) drop-shadow(0 0 70px rgba(120,180,255,0.25));animation:logoFloat 4.8s ease-in-out infinite,hologramFlicker 2.2s infinite}.ai-speaking .hologram-logo{animation:logoFloat 4.8s ease-in-out infinite,hologramFlicker 1.2s infinite;filter:drop-shadow(0 0 20px rgba(108,246,255,0.5)) drop-shadow(0 0 40px rgba(120,180,255,0.4)) drop-shadow(0 0 60px rgba(120,180,255,0.25))}.center-orbit{transition:all 0.3s ease}.ai-active .center-orbit{transform:translate(-50%,-50%) scale(1.05);opacity:0.9}.ai-speaking .center-orbit{transform:translate(-50%,-50%) scale(1.1);opacity:1;box-shadow:0 0 25px rgba(108,246,255,0.5)}