@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;min-height:100vh;background:#071a10;color:#fff;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#071a10,#0a2218 40%,#071520)}.header{padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10;flex-shrink:0}.logo-wrap{display:flex;align-items:center;gap:.6rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 0 10px #f59e0b99)}.logo-text{font-family:Fredoka One,cursive;font-size:1.5rem;background:linear-gradient(135deg,#fbbf24,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1.1}.logo-sub{font-size:.6rem;color:#fff6;letter-spacing:1.5px;text-transform:uppercase;display:block}.header-right{display:flex;align-items:center;gap:.6rem}.listen-pill{display:flex;align-items:center;gap:.4rem;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);border-radius:50px;padding:.3rem .75rem;font-size:.78rem;font-weight:800;color:#fb7185}.listen-dot{width:7px;height:7px;border-radius:50%;background:#f43f5e;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.timer-wrap{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.timer-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.timer-num{font-family:Fredoka One,cursive;font-size:.9rem;position:relative;z-index:1}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .75rem 1.5rem;gap:.8rem;width:100%}.tejendra-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem}.tejendra-face{width:62px;height:62px;background:linear-gradient(135deg,#fef9c3,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;box-shadow:0 0 0 3px #fbbf2466,0 6px 20px #0000004d;transition:box-shadow .4s ease}.is-speaking .tejendra-face{box-shadow:0 0 0 3px #4ade8099,0 0 20px #4ade804d,0 6px 20px #0000004d}.is-listening .tejendra-face{box-shadow:0 0 0 3px #f43f5e99,0 0 20px #f43f5e4d,0 6px 20px #0000004d}.tejendra-name{font-family:Fredoka One,cursive;font-size:.88rem;color:#fbbf24}.sound-waves{display:flex;align-items:center;gap:3px;margin-top:3px;height:20px}.wave{width:4px;background:#4ade80;border-radius:2px;height:8px;animation:waveUp .5s ease-in-out infinite alternate}@keyframes waveUp{0%{height:4px;opacity:.5}to{height:18px;opacity:1}}.scene-wrap{position:relative;width:100%;max-width:820px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px #fbbf2473,0 0 0 5px #fbbf241f,0 20px 50px #00000073;flex-shrink:0;height:min(52vw,360px)}.scene-label{position:absolute;top:.65rem;left:.65rem;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fbbf24;font-family:Fredoka One,cursive;font-size:clamp(.75rem,2.5vw,.95rem);padding:.25rem .85rem;border-radius:50px;border:1px solid rgba(251,191,36,.3);z-index:2}.scene-img{width:100%;height:100%;object-fit:cover;display:block}.subtitle-tejendra{width:100%;max-width:820px;min-height:54px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:14px;padding:.6rem 1rem;display:flex;align-items:center;gap:.6rem;flex-shrink:0}.subtitle-child{width:100%;max-width:820px;min-height:46px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:14px;padding:.5rem 1rem;display:flex;align-items:center;gap:.6rem;flex-shrink:0;visibility:hidden}.subtitle-child.visible{visibility:visible}.sub-icon{font-size:1.2rem;flex-shrink:0}.sub-text{font-size:clamp(.8rem,2.5vw,.95rem);font-weight:700;line-height:1.4;color:#d1fae5}.subtitle-child .sub-text{color:#a5f3fc}.sub-idle{color:#ffffff4d;font-style:italic;font-weight:600}.fact-strip{width:100%;max-width:820px;min-height:48px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:12px;padding:.55rem 1rem;display:flex;align-items:center;gap:.6rem;flex-shrink:0;transition:opacity .4s ease}.fact-strip.visible{opacity:1}.fact-strip.hidden{opacity:0;pointer-events:none}.fact-emoji{font-size:1.4rem;flex-shrink:0}.fact-strip-text{font-size:clamp(.78rem,2.3vw,.9rem);font-weight:800;color:#fef9c3;line-height:1.4}.facts-summary{width:100%;max-width:820px;background:#0a1e14e6;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.facts-title{font-family:Fredoka One,cursive;font-size:1rem;color:#fbbf24;margin-bottom:.2rem}.facts-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;font-weight:700;color:#d1fae5;line-height:1.4}.controls{display:flex;flex-direction:column;align-items:center;gap:.65rem}.btn-start{display:flex;align-items:center;gap:.65rem;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;border:none;border-radius:50px;padding:clamp(.75rem,3vw,1rem) clamp(1.5rem,6vw,2.8rem);font-family:Fredoka One,cursive;font-size:clamp(1rem,4vw,1.25rem);cursor:pointer;box-shadow:0 6px 24px #22c55e66;transition:transform .15s ease,box-shadow .15s ease}.btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e80}.btn-start:active{transform:scale(.97)}.btn-end{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;border:none;border-radius:50px;padding:clamp(.7rem,2.5vw,.9rem) clamp(1.4rem,5vw,2.2rem);font-family:Fredoka One,cursive;font-size:clamp(.95rem,3.5vw,1.1rem);cursor:pointer;box-shadow:0 6px 20px #f43f5e66;transition:transform .15s ease}.btn-end:hover{transform:translateY(-2px)}.ended-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ended-stars{font-size:2rem;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.ended-title{font-family:Fredoka One,cursive;font-size:clamp(1.3rem,5vw,1.8rem);color:#fbbf24}.ended-sub{color:#ffffff8c;font-size:.88rem}.error-box{background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);color:#fda4af;padding:.55rem 1rem;border-radius:10px;font-size:.85rem;font-weight:700;max-width:380px;text-align:center}.hint-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.hint-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.3rem .75rem;font-size:clamp(.72rem,2.2vw,.8rem);font-weight:700;color:#ffffff8c}@media (max-width:480px){.main{padding:.6rem .6rem 1.2rem;gap:.65rem}.header{padding:.6rem 1rem}.tejendra-face{width:54px;height:54px;font-size:1.6rem}.scene-wrap{border-radius:14px;height:min(56vw,280px)}}