@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a0a0a;--bg-secondary: #2d1212;--bg-chat: #0d0505;--bg-gradient: linear-gradient(135deg, #1a0a0a 0%, #2d1212 50%, #1f0f0f 100%);--accent-primary: #dc2626;--accent-secondary: #ef4444;--accent-gold: #fbbf24;--accent-gold-light: #fcd34d;--accent-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gold-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--success: #22c55e;--danger: #ef4444;--warning: #fbbf24;--timer-safe: #22c55e;--timer-warning: #fbbf24;--timer-danger: #ef4444;--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--bubble-sent: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--bubble-received: #2d2d2d;--bubble-system: rgba(251, 191, 36, .15);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--option-bg: rgba(220, 38, 38, .1);--option-border: rgba(220, 38, 38, .3);--option-hover: rgba(220, 38, 38, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:#fff}button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}button{font-family:inherit;background:none;border:none;color:inherit}#root{min-height:100vh}*{box-sizing:border-box}:root{--fs-xs: clamp(.65rem, 1.5vw, .75rem);--fs-sm: clamp(.75rem, 2vw, .875rem);--fs-base: clamp(.875rem, 2.5vw, 1rem);--fs-md: clamp(1rem, 3vw, 1.15rem);--fs-lg: clamp(1.1rem, 3.5vw, 1.35rem);--fs-xl: clamp(1.25rem, 4vw, 1.6rem);--fs-2xl: clamp(1.5rem, 5vw, 2rem);--fs-3xl: clamp(2rem, 6vw, 2.75rem);--fs-emoji: clamp(2.5rem, 10vw, 4.5rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 1.5vw, .75rem);--space-md: clamp(.75rem, 2vw, 1rem);--space-lg: clamp(1rem, 3vw, 1.5rem);--space-xl: clamp(1.5rem, 4vw, 2rem);--space-2xl: clamp(2rem, 5vw, 3rem);--red-primary: #dc2626;--red-dark: #b91c1c;--gold-primary: #fbbf24;--gold-dark: #f59e0b;--bg-dark: #0d0505;--bg-darker: #0a0303}.messenger-app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:min(100%,700px);margin:0 auto;background:linear-gradient(180deg,var(--bg-dark) 0%,#1a0808 100%);position:relative;overflow:hidden}@media(max-width:359px){.messenger-app{font-size:14px}}@media(min-width:600px){.messenger-app{height:95vh;margin:2.5vh auto;border-radius:24px;border:1px solid rgba(251,191,36,.25);box-shadow:0 0 60px #dc262626,0 20px 40px #0006}}@media(min-width:900px){.messenger-app{max-width:550px;height:90vh;margin:5vh auto;border-radius:32px;box-shadow:0 0 80px #dc262633,0 0 120px #fbbf2414,0 30px 60px #00000080}}@media(min-width:1200px){.messenger-app{max-width:520px;height:85vh}}@media(min-width:1600px){.messenger-app{max-width:580px;height:80vh}}.messenger-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#1a0505f2,#2d0c0cf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(251,191,36,.25);flex-shrink:0;z-index:100;gap:var(--space-sm)}@media(min-width:600px){.messenger-header{border-radius:24px 24px 0 0}}@media(min-width:900px){.messenger-header{border-radius:32px 32px 0 0}}.header-profile{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.profile-avatar{width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);min-width:clamp(40px,10vw,56px);background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,4vw,1.75rem);box-shadow:0 0 clamp(12px,3vw,25px) #fbbf2466}.profile-info{min-width:0;overflow:hidden}.profile-info h1{font-size:var(--fs-lg);font-weight:700;color:var(--gold-primary);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-text{font-size:var(--fs-xs);color:#fff9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.header-score{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#dc262640,#b91c1c33);border:1px solid rgba(251,191,36,.35);border-radius:50px;flex-shrink:0}.score-icon{font-size:var(--fs-base)}.score-num{font-size:var(--fs-base);font-weight:700;color:var(--gold-primary)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages-list{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}@media(min-width:600px){.messages-list{padding:var(--space-lg);gap:var(--space-md)}}.message-row{display:flex;gap:var(--space-xs);animation:msgIn .3s ease-out}.message-row.user{flex-direction:row-reverse}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{width:clamp(28px,7vw,40px);height:clamp(28px,7vw,40px);min-width:clamp(28px,7vw,40px);background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,1rem);box-shadow:0 0 10px #fbbf244d}.msg-bubble{max-width:min(80%,300px);padding:var(--space-sm) var(--space-md);border-radius:clamp(14px,3vw,20px);position:relative}@media(min-width:600px){.msg-bubble{max-width:min(75%,320px)}}.msg-bubble p{margin:0;line-height:1.5;white-space:pre-line;font-size:var(--fs-base)}.msg-time{display:block;font-size:var(--fs-xs);color:#fff6;margin-top:var(--space-xs);text-align:right}.msg-bubble.bot,.msg-bubble.system{background:#2d2d2d;border-bottom-left-radius:4px;color:#fff}.msg-bubble.system{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3)}.msg-bubble.user{background:linear-gradient(135deg,var(--red-primary) 0%,var(--red-dark) 100%);border-bottom-right-radius:4px;color:#fff}.msg-bubble.success{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.4);color:#4ade80}.msg-bubble.error{background:linear-gradient(135deg,#ef444433,#dc262626);border:1px solid rgba(239,68,68,.4);color:#f87171}.msg-bubble.score{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid rgba(251,191,36,.4);color:var(--gold-primary)}.question-card{background:linear-gradient(135deg,#fbbf241f,#f59e0b0f);border:2px solid rgba(251,191,36,.35);border-radius:clamp(18px,4vw,28px);padding:var(--space-lg);max-width:min(90%,350px);text-align:center;animation:cardPop .4s cubic-bezier(.34,1.56,.64,1)}@media(min-width:600px){.question-card{padding:var(--space-xl);max-width:min(85%,380px)}}@keyframes cardPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.q-emoji{font-size:var(--fs-emoji);display:block;margin-bottom:var(--space-sm);filter:drop-shadow(0 0 clamp(10px,2vw,20px) rgba(251,191,36,.3))}.q-text{font-size:var(--fs-md);font-weight:600;color:#fff;margin:0 0 var(--space-md) 0;line-height:1.4}.q-timer{display:flex;justify-content:center}.timer-circle{position:relative;width:clamp(44px,12vw,65px);height:clamp(44px,12vw,65px)}.timer-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-circle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--fs-lg);font-weight:700;color:var(--gold-primary)}.options-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(180deg,transparent 0%,rgba(220,38,38,.12) 100%);border-top:1px solid rgba(251,191,36,.2);flex-shrink:0}@media(min-width:600px){.options-bar{gap:var(--space-md);padding:var(--space-md) var(--space-lg)}}.opt-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm);background:linear-gradient(135deg,#dc26262e,#b91c1c1f);border:1px solid rgba(220,38,38,.35);border-radius:clamp(12px,2.5vw,18px);cursor:pointer;transition:all .2s ease;color:#fff;font-family:inherit}@media(min-width:600px){.opt-btn{padding:var(--space-md);gap:var(--space-sm)}}.opt-btn:hover{background:linear-gradient(135deg,#dc262652,#b91c1c42);border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 8px 20px #dc262640}.opt-btn:active{transform:scale(.98)}.opt-letter{font-size:clamp(1rem,4vw,1.5rem)}.opt-text{font-size:var(--fs-sm);font-weight:600;text-align:left;flex:1;line-height:1.3}.action-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);flex-shrink:0}@media(min-width:600px){.action-bar{padding:var(--space-xl) var(--space-lg);gap:var(--space-lg)}}.complete-card{text-align:center;padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(251,191,36,.3);border-radius:clamp(16px,3vw,24px);width:100%;max-width:min(90%,360px)}@media(min-width:600px){.complete-card{padding:var(--space-xl)}}.complete-emoji{font-size:clamp(2.5rem,8vw,4rem);display:block;margin-bottom:var(--space-sm)}.complete-card h3{margin:0 0 var(--space-xs) 0;font-size:var(--fs-xl);color:#fff}.complete-card p{margin:0;color:var(--gold-primary);font-weight:600;font-size:var(--fs-base)}.complete-card.final .final-score{font-size:var(--fs-3xl);margin:var(--space-sm) 0 var(--space-md) 0}.breakdown{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdown-item{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:#ffffff0d;border-radius:clamp(8px,1.5vw,12px);font-size:var(--fs-sm)}.breakdown-item span:last-child{color:var(--gold-primary);font-weight:600}.action-btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:50px;font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all .25s ease;font-family:inherit}@media(min-width:600px){.action-btn{padding:var(--space-md) var(--space-2xl);font-size:var(--fs-md)}}.action-btn.gold{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-darker);box-shadow:0 4px clamp(15px,3vw,25px) #fbbf2466}.action-btn.gold:hover{transform:translateY(-3px);box-shadow:0 8px clamp(20px,4vw,35px) #fbbf2480}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#fbbf2440;border-radius:2px}.messages-list::-webkit-scrollbar-thumb:hover{background:#fbbf2473}@media(max-height:500px)and (orientation:landscape){.messenger-header{padding:var(--space-xs) var(--space-md)}.profile-avatar{width:36px;height:36px;min-width:36px;font-size:1rem}.question-card{padding:var(--space-sm)}.q-emoji{font-size:2rem}.options-bar{padding:var(--space-xs);gap:var(--space-xs)}.opt-btn{padding:var(--space-xs)}}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.loading-spinner{font-size:4rem;animation:spin 1s ease-in-out infinite}@keyframes spin{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.loading-screen p{color:var(--gold-primary);font-size:var(--fs-base)}.input-bar{display:flex;gap:var(--space-sm);padding:var(--space-md);background:#1a0505f2;border-top:1px solid rgba(251,191,36,.2)}.input-bar input{flex:1;padding:var(--space-sm) var(--space-md);background:#ffffff1a;border:1px solid rgba(251,191,36,.3);border-radius:50px;color:#fff;font-family:inherit;font-size:var(--fs-base);outline:none}.input-bar input:focus{border-color:var(--gold-primary)}.input-bar input::placeholder{color:#ffffff80}.input-bar button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);border:none;border-radius:50px;color:var(--bg-darker);font-weight:700;font-family:inherit;cursor:pointer;transition:transform .2s ease}.input-bar button:hover{transform:scale(1.05)}.action-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);flex-shrink:0}.action-bar .action-btn{flex:1;min-width:100px;max-width:200px}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background:linear-gradient(180deg,var(--bg-darker) 0%,#1a0808 50%,var(--bg-dark) 100%)}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-logo{font-size:4rem;display:block;margin-bottom:var(--space-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-header h1{font-size:var(--fs-3xl);background:linear-gradient(135deg,var(--gold-primary) 0%,#fff 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth-header p{color:#fff9;font-size:var(--fs-sm);margin-top:var(--space-xs)}.auth-form{width:100%;max-width:320px;text-align:center}.auth-form h2{font-size:var(--fs-md);color:var(--gold-primary);margin-bottom:var(--space-lg)}.auth-input{width:100%;padding:var(--space-md) var(--space-lg);background:#ffffff1a;border:2px solid rgba(251,191,36,.3);border-radius:50px;color:#fff;font-size:var(--fs-base);text-align:center;outline:none;transition:all .3s ease}.auth-input:focus{border-color:var(--gold-primary);background:#ffffff26}.auth-input::placeholder{color:#fff6}.auth-error{color:var(--red-primary);font-size:var(--fs-sm);margin:var(--space-sm) 0}.auth-btn{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:50px;font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:var(--space-md)}.auth-btn.login{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-darker)}.auth-btn.login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fbbf244d}.auth-btn.register{background:transparent;border:2px solid var(--gold-primary);color:var(--gold-primary)}.auth-btn.register:hover{background:#fbbf241a}.auth-divider{display:flex;align-items:center;width:100%;max-width:320px;margin:var(--space-xl) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#fff3}.auth-divider span{padding:0 var(--space-md);color:#fff6;font-size:var(--fs-sm)}.dashboard-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--space-xl);background:linear-gradient(180deg,var(--bg-darker) 0%,#1a0808 100%)}.dashboard-header{text-align:center;margin-bottom:var(--space-xl)}.dash-logo{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.dashboard-header h1{font-size:var(--fs-2xl);color:var(--gold-primary);margin:0}.user-card{width:100%;max-width:350px;background:linear-gradient(145deg,#dc262633,#b91c1c4d);border:2px solid rgba(251,191,36,.3);border-radius:20px;padding:var(--space-xl);margin-bottom:var(--space-xl)}.user-info{display:flex;flex-direction:column;gap:var(--space-md)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row .label{color:#ffffffb3;font-size:var(--fs-sm)}.info-row .value{color:#fff;font-weight:600;font-size:var(--fs-base)}.info-row.points .value.gold{color:var(--gold-primary);font-size:var(--fs-lg)}.dashboard-actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:350px}.dash-btn{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:50px;font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:all .3s ease}.dash-btn.rules{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.dash-btn.rules:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.dash-btn.start{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-darker);font-size:var(--fs-lg)}.dash-btn.start:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.rules-screen{min-height:100vh;padding:var(--space-xl);background:linear-gradient(180deg,var(--bg-darker) 0%,#1a0808 100%);overflow-y:auto}.rules-screen h1{color:var(--gold-primary);font-size:var(--fs-xl);text-align:center;margin-bottom:var(--space-xl)}.rules-section{background:#ffffff0d;border:1px solid rgba(251,191,36,.2);border-radius:15px;padding:var(--space-lg);margin-bottom:var(--space-md)}.rules-section h3{color:var(--gold-primary);font-size:var(--fs-md);margin:0 0 var(--space-md) 0}.rules-section ul{list-style:none;padding:0;margin:0}.rules-section li{color:#fffc;font-size:var(--fs-sm);padding:var(--space-xs) 0;line-height:1.5}.rules-back-btn{display:block;width:100%;max-width:300px;margin:var(--space-xl) auto 0;padding:var(--space-md);background:transparent;border:2px solid var(--gold-primary);border-radius:50px;color:var(--gold-primary);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .3s ease}.rules-back-btn:hover{background:#fbbf241a}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:min(100%,500px);margin:0 auto;background:linear-gradient(180deg,#0d0505,#1a0808,#0d0505);position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}@media(min-width:600px){.app-container{height:95vh;margin:2.5vh auto;border-radius:24px;border:2px solid rgba(251,191,36,.3);box-shadow:0 0 60px #dc262633,0 20px 40px #00000080}}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{text-align:center;background:linear-gradient(145deg,#dc262626,#b91c1c40);border:2px solid rgba(251,191,36,.4);border-radius:24px;padding:2.5rem;width:100%;max-width:320px}.login-icon{font-size:4rem;display:block;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.login-logo{width:120px;height:120px;border-radius:50%;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 30px #fbbf2466}.header-logo{width:48px;height:48px;border-radius:50%;box-shadow:0 0 15px #fbbf244d}.login-card h1{font-size:2rem;background:linear-gradient(135deg,#fbbf24,#fff,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.login-card p{color:#ffffffb3;font-size:.9rem;margin-bottom:1.5rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:1rem 1.5rem;background:#ffffff1a;border:2px solid rgba(251,191,36,.3);border-radius:50px;color:#fff;font-size:1rem;text-align:center;outline:none;transition:all .3s ease}.login-card input:focus{border-color:#fbbf24;background:#ffffff26}.login-card input::placeholder{color:#fff6}.login-card button,.login-btn{padding:1rem 2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50px;color:#0d0505;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.login-card button:hover,.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a0505f2,#2d0c0cf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(251,191,36,.3);flex-shrink:0}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{font-size:2rem}.header-left h1{font-size:1.1rem;color:#fbbf24;margin:0}.header-status{font-size:.75rem;color:#fff9;display:block}.header-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#dc262640,#b91c1c33);border:1px solid rgba(251,191,36,.4);border-radius:50px;font-weight:700;color:#fbbf24}.chat-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;gap:.75rem}.message{display:flex;gap:.5rem;animation:msgIn .3s ease-out}.message.user{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.message.user .msg-avatar{background:linear-gradient(135deg,#dc2626,#b91c1c)}.msg-bubble{max-width:75%;padding:.75rem 1rem;border-radius:18px;background:#2d2d2d}.message.user .msg-bubble{background:linear-gradient(135deg,#dc2626,#b91c1c);border-bottom-right-radius:4px}.message:not(.user) .msg-bubble{border-bottom-left-radius:4px}.msg-emoji{font-size:1.25rem;margin-right:.5rem}.msg-bubble p{margin:0;line-height:1.5;white-space:pre-line}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%)}.action-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50px;color:#0d0505;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.input-area{display:flex;gap:.75rem;padding:1rem;background:#1a0505f2;border-top:1px solid rgba(251,191,36,.2)}.input-area input{flex:1;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(251,191,36,.3);border-radius:50px;color:#fff;font-size:1rem;outline:none}.input-area input:focus{border-color:#fbbf24}.input-area button{padding:.75rem 1.25rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50px;color:#0d0505;font-weight:700;cursor:pointer}.quiz-area{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1rem}.quiz-timer{width:60px;height:60px;background:linear-gradient(135deg,#dc26264d,#b91c1c33);border:3px solid #fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fbbf24}.quiz-question{text-align:center;background:linear-gradient(135deg,#fbbf241f,#f59e0b0f);border:2px solid rgba(251,191,36,.35);border-radius:20px;padding:1.5rem;width:100%;max-width:320px}.q-emoji{font-size:3.5rem;display:block;margin-bottom:.5rem}.q-text{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.quiz-options{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:320px}.option-btn{padding:1rem;background:linear-gradient(135deg,#dc26262e,#b91c1c1f);border:2px solid rgba(220,38,38,.35);border-radius:12px;color:#fff;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease}.option-btn:hover:not(:disabled){border-color:#fbbf24;background:linear-gradient(135deg,#dc262652,#b91c1c42)}.option-btn.correct{background:linear-gradient(135deg,#22c55e4d,#16a34a40);border-color:#22c55e}.option-btn.wrong{background:linear-gradient(135deg,#ef44444d,#dc262640);border-color:#ef4444}.quiz-progress{font-size:.85rem;color:#fff9}.complete-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.complete-icon{font-size:4rem;display:block;margin-bottom:1rem}.complete-screen h2{font-size:1.75rem;color:#fbbf24;margin:0 0 .5rem}.complete-screen p{color:#fffc;font-size:1rem}.dashboard-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem;overflow-y:auto;width:100%;min-height:0}.dashboard-card{background:linear-gradient(145deg,#dc262626,#b91c1c40);border:2px solid rgba(251,191,36,.4);border-radius:20px;padding:1.5rem 2rem;text-align:center;width:100%;max-width:300px}.user-info p{margin:.5rem 0;color:#ffffffe6;font-size:1rem}.user-info strong{color:#fbbf24}.dashboard-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px}.dash-btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.dash-btn.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0d0505;box-shadow:0 4px 20px #fbbf2466}.dash-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fbbf2480}.dash-btn.secondary{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.dash-btn.secondary:hover{border-color:#fbbf24;color:#fbbf24}.dash-btn.tertiary{background:linear-gradient(135deg,#dc26264d,#b91c1c66);border:2px solid rgba(220,38,38,.5);color:#fff}.dash-btn.tertiary:hover{border-color:#fbbf24;background:linear-gradient(135deg,#dc262680,#b91c1c99)}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.back-btn:hover{border-color:#fbbf24;color:#fbbf24}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{position:relative;max-width:95vw;max-height:95vh;background:#1a0808;border-radius:16px;overflow:hidden;border:2px solid rgba(251,191,36,.4)}.modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#000000b3;border:2px solid #fbbf24;border-radius:50%;color:#fbbf24;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:#fbbf24;color:#0d0505}.modal-image{max-width:100%;max-height:90vh;display:block}.quiz-prompts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);min-height:300px;gap:var(--space-lg)}.prompt-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg);background:#0006;border-radius:16px;border:1px solid rgba(251,191,36,.3);animation:fadeInUp .5s ease;max-width:90%}.prompt-message.correct{background:#22c55e26;border-color:#22c55e80}.prompt-message.wrong{background:#ef444426;border-color:#ef444480}.prompt-emoji{font-size:var(--fs-3xl);margin-bottom:var(--space-sm)}.prompt-message p{color:var(--gold-primary);font-size:var(--fs-md);margin:0;line-height:1.5}.prompt-message.correct p{color:#22c55e}.prompt-message.wrong p{color:#ef4444}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-btn{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:25px;font-size:var(--fs-md);font-weight:600;cursor:pointer;margin-bottom:var(--space-sm);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.start-btn.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7f1d1d;box-shadow:0 4px 15px #fbbf244d}.start-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2480}.start-btn.secondary{background:transparent;color:#fbbf24;border:2px solid rgba(251,191,36,.5)}.start-btn.secondary:hover{background:#fbbf241a;border-color:#fbbf24}.back-link{margin-top:var(--space-md);background:transparent;border:none;color:#fbbf24b3;font-size:var(--fs-sm);cursor:pointer}.back-link:hover{color:#fbbf24}