.voting-leaderboard-list.optimized .topic-list-item{animation:fadeInSlide .4s ease-out forwards;opacity:0;transform:translateX(-20px)}@keyframes fadeInSlide{to{opacity:1;transform:translateX(0)}}.voting-leaderboard-list.optimized .topic-list-item:hover{transform:translateX(4px) scale(1.01);transition:transform .2s ease}.voting-leaderboard-list.optimized .selection-indicator{transform:scaleY(0);transition:transform .3s ease}.voting-leaderboard-list.optimized .selection-indicator.active{transform:scaleY(1)}.voting-leaderboard-list.optimized .vote-btn-list:hover:not(:disabled){transform:scale(1.05);transition:transform .15s ease}.voting-leaderboard-list.optimized .vote-btn-list:active{transform:scale(.95)}.voting-leaderboard-list.optimized *{will-change:auto}.voting-leaderboard-list.optimized .topic-list-item:hover{will-change:transform}.voting-leaderboard-list{background:linear-gradient(180deg,#0f172af2,#1e293bfa 50%,#0f172af2);border-radius:24px 24px 0 0;box-shadow:0 -16px 48px #0006,inset 0 1px 0 #ffffff14;margin:0 auto;max-width:1200px;overflow:hidden;padding:40px 32px 60px;position:relative;width:100%}.voting-leaderboard-list:before{background:radial-gradient(ellipse at 20% 10%,#6366f10f 0,#0000 50%),radial-gradient(ellipse at 80% 90%,#ec48990a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.list-header{margin-bottom:32px;position:relative;z-index:1}.header-main{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;margin-bottom:24px}.title-area{flex:1 1}.list-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#e2e8f0 50%,#94a3b8);background-clip:text;-webkit-background-clip:text;display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.title-icon{filter:drop-shadow(0 3px 6px rgba(255,215,0,.3));font-size:32px}.title-stats{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px}.countdown-section{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:160px;padding:16px 20px}.countdown-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.countdown-display{align-items:center;display:flex;gap:8px}.countdown-icon{font-size:16px}.countdown-time{color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;font-weight:700;text-shadow:0 2px 4px #0000004d}.current-topic-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e4d;border-radius:16px;padding:20px 24px}.banner-content{text-align:center}.banner-label{color:#86efac;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.banner-text{color:#f1f5f9;font-size:16px;font-weight:500;line-height:1.5}.topics-list-container{margin-bottom:32px;position:relative;z-index:1}.topics-list-items{display:flex;flex-direction:column;gap:12px}.topic-list-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid #6366f126;border-radius:16px;box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff0d;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-list-item.rank-1{background:linear-gradient(135deg,#ffd70014,#1e293bcc);border-color:#ffd70066;box-shadow:0 6px 20px #ffd70026,inset 0 1px 0 #ffffff1a}.topic-list-item.rank-2{background:linear-gradient(135deg,#c0c0c00f,#1e293bcc);border-color:#c0c0c066}.topic-list-item.rank-3{background:linear-gradient(135deg,#cd7f320f,#1e293bcc);border-color:#cd7f3266}.topic-list-item.selected{background:linear-gradient(135deg,#22c55e1f,#1e293bcc);border-color:#22c55e99;box-shadow:0 6px 20px #22c55e33,inset 0 1px 0 #ffffff1a}.item-rank{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:48px}.rank-number{color:#94a3b8;font-size:14px;font-weight:700;line-height:1}.rank-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:20px}.topic-list-item.rank-1 .rank-number{color:#fef3c7}.topic-list-item.rank-2 .rank-number{color:#f8fafc}.topic-list-item.rank-3 .rank-number{color:#fed7aa}.item-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.topic-title-list{color:#e2e8f0;font-size:16px;font-weight:600;line-height:1.4;margin:0}.topic-list-item.rank-1 .topic-title-list{color:#fef3c7}.topic-list-item.rank-2 .topic-title-list{color:#f8fafc}.topic-list-item.rank-3 .topic-title-list{color:#fed7aa}.topic-meta-list{align-items:center;display:flex;gap:12px}.vote-count-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:12px;color:#94a3b8;font-size:14px;font-weight:600;padding:4px 12px}.leading-tag{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid #ffd7004d;border-radius:8px;color:#fef3c7;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.item-action{flex-shrink:0}.vote-btn-list{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#6366f10f);border:1px solid #6366f14d;border-radius:12px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;min-width:90px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.vote-btn-list:hover:not(:disabled){background:linear-gradient(135deg,#6366f140,#6366f11f);border-color:#6366f180;box-shadow:0 6px 16px #6366f14d;color:#fff;transform:translateY(-2px)}.vote-btn-list.voted{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e80;color:#86efac}.vote-btn-list.voting{background:linear-gradient(135deg,#6366f126,#6366f114);color:#a5b4fc;cursor:not-allowed}.vote-btn-list:disabled{cursor:not-allowed;opacity:.6}.btn-icon-list{font-size:14px}.btn-spinner-list{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.selection-indicator{background:linear-gradient(180deg,#22c55e,#22c55ecc);border-radius:0 2px 2px 0;bottom:0;left:0;position:absolute;top:0;transform-origin:top;width:4px}.topic-list-item:before{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.topic-list-item:hover:before{left:100%}.topic-list-item:hover{border-color:#6366f14d;box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #ffffff14}.topic-list-item.rank-1:hover{border-color:#ffd70099;box-shadow:0 8px 24px #ffd70033,inset 0 1px 0 #ffffff1f}.connection-status-list{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.status-spinner-list{animation:spin 1.5s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1cc;height:40px;margin-bottom:20px;width:40px}.status-text-list{color:#94a3b8;font-size:16px;font-weight:500;letter-spacing:1px}.empty-state-list{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon-list{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:48px;margin-bottom:20px}.empty-title-list{color:#e2e8f0;font-size:20px;font-weight:600;margin-bottom:8px}.empty-subtitle-list{color:#94a3b8;font-size:14px;line-height:1.6}.list-footer{position:relative;text-align:center;z-index:1}.footer-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:32px;justify-content:center;margin:0 auto;max-width:400px;padding:16px}.stats-item{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;gap:6px}.stats-icon{font-size:14px}@media (max-width:1200px){.voting-leaderboard-list{padding:32px 24px 50px}.list-title{font-size:26px}.header-main{gap:24px}}@media (max-width:768px){.voting-leaderboard-list{border-radius:20px 20px 0 0;padding:24px 16px 40px}.header-main{align-items:stretch;flex-direction:column;gap:20px}.countdown-section{align-items:center;min-width:auto}.list-title{font-size:24px;justify-content:center}.title-area{text-align:center}.topic-list-item{gap:16px;padding:16px 20px}.item-rank{min-width:40px}.topic-title-list{font-size:15px}.vote-btn-list{min-width:80px;padding:8px 16px}.footer-stats{flex-direction:column;gap:12px;padding:12px}}@media (max-width:480px){.voting-leaderboard-list{padding:20px 12px 32px}.list-title{flex-direction:column;font-size:22px;gap:8px}.topic-list-item{flex-direction:column;gap:12px;padding:14px 16px;text-align:center}.item-rank{flex-direction:row;gap:8px;min-width:auto}.item-content{text-align:center}.topic-meta-list{justify-content:center}.vote-btn-list{min-width:100px;padding:10px 20px}.countdown-time{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,20%{opacity:0}40%{opacity:.5}60%{opacity:1}80%{opacity:.5}to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.bubble-container{animation:fadeIn .5s ease-out;margin:16px 0;max-width:500px;position:relative}.bubble{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 8px 32px #0000004d;color:#fff;font-size:18px;font-weight:400;line-height:1.6;padding:24px 32px;position:relative;transition:all .4s ease}.bubble:hover{box-shadow:0 12px 40px #0006;transform:translateY(-4px) scale(1.02)}.bubble.left{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6 50%,#a855f7e6);border-bottom-left-radius:12px;margin-left:0;margin-right:auto}.bubble.right{background:linear-gradient(135deg,#ec4899e6,#f56565e6 50%,#fb923ce6);border-bottom-right-radius:12px;margin-left:auto;margin-right:0}.bubble.left:before{border:16px solid #0000;border-right-color:#6366f1e6;left:-32px}.bubble.left:before,.bubble.right:before{bottom:12px;content:"";height:0;position:absolute;width:0}.bubble.right:before{border:16px solid #0000;border-left-color:#ec4899e6;right:-32px}.typing-indicator{align-items:center;display:flex;gap:8px;justify-content:center;padding:16px 0}.typing-dot{animation:typing 1.4s infinite;background:#fffc;border-radius:50%;height:12px;width:12px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.message-content.streaming:after{animation:blink 1s infinite;color:#fffc;content:"▋";font-weight:700;margin-left:4px}.timestamp{font-size:12px;font-weight:300;margin-top:8px;opacity:.6}.timestamp.left{text-align:left}.timestamp.right{text-align:right}@media (max-width:768px){.bubble-container{margin:12px 0;max-width:400px}.bubble{border-radius:28px;font-size:16px;padding:20px 28px}.bubble.left:before,.bubble.right:before{border-width:12px}.bubble.left:before{left:-24px}.bubble.right:before{right:-24px}.typing-dot{height:10px;width:10px}}@media (max-width:480px){.bubble-container{max-width:320px}.bubble{border-radius:24px;font-size:15px;padding:18px 24px}.timestamp{font-size:11px;margin-top:6px}.typing-dot{height:8px;width:8px}.bubble.left:before,.bubble.right:before{border-width:10px}.bubble.left:before{left:-20px}.bubble.right:before{right:-20px}}.virtual-spacer{pointer-events:none;width:100%}.messages-list{min-height:100%;position:relative}.chat-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:0;position:relative}.chat-container:hover{box-shadow:none;transform:none}.avatars-container,.chat-header{display:none}.messages-area{contain:layout style paint;display:flex;flex:1 1;flex-direction:column;gap:20px;height:500px;max-height:500px;overflow-x:hidden;overflow-y:auto;padding:20px 15px;position:relative;scroll-behavior:smooth;scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#1e293b1a;border-radius:3px}.messages-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f166,#8b5cf666);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.messages-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f199,#8b5cf699);transform:scaleX(1.2)}.messages-area.centered{align-items:center;justify-content:center}.messages-area.scrollable{align-items:stretch;justify-content:flex-start}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:30px;opacity:.4}.empty-state h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#9ca3af);background-clip:text;-webkit-background-clip:text;color:#9ca3af;font-size:24px;font-weight:600;margin-bottom:16px}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.empty-state h4{color:#9ca3af}}.empty-state p{color:#6b7280;font-size:18px;font-weight:300;line-height:1.6;max-width:400px}.topic-announcement{align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid #22c55e33;border-radius:20px;box-shadow:0 4px 12px #22c55e1a;margin:10px 0;max-width:600px;padding:24px 32px;text-align:center}.topic-announcement .topic-text{color:#10b981;font-size:18px;font-weight:600;line-height:1.4}.connecting-indicator{align-items:center;align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293733;border-radius:20px;display:flex;gap:16px;justify-content:center;margin:40px 0;padding:40px}.connecting-spinner{animation:spin 1s linear infinite;border:3px solid #9ca3af4d;border-radius:50%;border-top-color:#60a5fa;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connecting-text{color:#9ca3af;font-size:18px;font-weight:500}.message-row{align-items:flex-start;align-self:center;display:flex;margin:0;max-width:700px;position:relative;width:100%}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}.avatar-wrapper{display:none}.messages-area:before{background:linear-gradient(180deg,#0f172acc,#0000);top:0}.messages-area:after,.messages-area:before{content:"";height:20px;left:0;pointer-events:none;position:sticky;right:0;z-index:10}.messages-area:after{background:linear-gradient(0deg,#0f172acc,#0000);bottom:0}@media (max-width:1200px){.messages-area{gap:18px;height:450px;max-height:450px;padding:18px 12px}.empty-state-icon{font-size:70px}.empty-state h4{font-size:22px}.topic-announcement{padding:20px 28px}}@media (max-width:968px){.messages-area{gap:16px;height:400px;max-height:400px;padding:16px 10px}.empty-state{padding:30px 15px}.empty-state-icon{font-size:60px;margin-bottom:20px}.empty-state h4{font-size:20px}.empty-state p{font-size:16px}.topic-announcement{margin:8px 0;padding:18px 24px}.topic-announcement .topic-text{font-size:16px}.message-row{max-width:100%}}@media (max-width:640px){.messages-area{gap:12px;height:350px;max-height:350px;padding:12px 8px}.messages-area::-webkit-scrollbar{width:4px}.empty-state{padding:20px 10px}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h4{font-size:18px}.empty-state p{font-size:14px}.topic-announcement{padding:16px 20px}.connecting-indicator{padding:30px 20px}}@media (max-width:480px){.messages-area{gap:10px;height:300px;max-height:300px;padding:10px 5px}.empty-state{padding:15px 8px}.topic-announcement{padding:14px 18px}.connecting-indicator{padding:25px 15px}}@media (max-width:768px){.messages-area{gap:15px;height:400px;max-height:400px;padding:15px 10px}.message-row{margin:0 5px}.empty-state h4{font-size:18px}.connecting-text,.empty-state p{font-size:14px}}@media (max-width:480px){.messages-area{gap:10px;height:350px;max-height:350px;padding:10px 5px}.empty-state h4{font-size:16px}.empty-state p{font-size:13px}}.scroll-to-bottom-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border:2px solid #6366f14d;border-radius:50px;bottom:20px;box-shadow:0 8px 20px #6366f14d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:120px;padding:12px 16px;position:absolute;right:20px;transition:all .3s ease;z-index:10}.scroll-to-bottom-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f180;box-shadow:0 12px 30px #6366f166,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.scroll-to-bottom-btn:active{box-shadow:0 6px 15px #6366f14d,inset 0 1px 0 #fff3;transform:translateY(0)}.scroll-icon{animation:bounce 2s infinite;font-size:16px}.scroll-text{white-space:nowrap}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@media (max-width:768px){.scroll-to-bottom-btn{bottom:15px;font-size:13px;min-width:100px;padding:10px 14px;right:15px}}@media (max-width:480px){.scroll-to-bottom-btn{bottom:10px;font-size:12px;min-width:80px;padding:8px 12px;right:10px}.scroll-text{display:none}}.language-switcher{display:inline-block;position:relative}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid #37415180;border-radius:12px;box-shadow:0 4px 12px #0003;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px;transition:all .3s ease}.language-button:hover{background:#1f2937e6;border-color:#6366f180;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.language-button:active{transform:translateY(0)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f2;border:1px solid #3741514d;border-radius:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #3741514d;margin-top:8px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:center;background:none;border:none;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#6366f133;color:#f3f4f6}.language-option.active{background:#6366f14d;color:#f9fafb;font-weight:600}.flag-emoji{font-size:18px;text-align:center;width:20px}.dropdown-arrow{color:#9ca3af;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}@media (max-width:768px){.language-button{font-size:13px;padding:8px 12px}.dropdown-menu{min-width:120px}.language-option{font-size:13px;padding:12px 16px}.flag-emoji{font-size:16px;width:18px}}@media (max-width:480px){.language-button{font-size:12px;padding:6px 10px}.dropdown-menu{right:-10px}.language-option{padding:10px 14px}}.config-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f2;border:1px solid #3741514d;border-radius:12px;bottom:20px;box-shadow:0 8px 25px #0000004d;color:#e5e7eb;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;left:20px;max-width:320px;padding:16px;position:fixed;z-index:1000}.config-container.hidden{display:none}.config-item{line-height:1.4;margin-bottom:6px}.config-item:last-child{margin-bottom:0}.config-item strong{color:#10b981;font-weight:600}.config-value{color:#9ca3af;word-break:break-all}@media (max-width:768px){.config-container{bottom:16px;font-size:11px;left:16px;max-width:280px;padding:12px}}@media (max-width:480px){.config-container{bottom:12px;font-size:10px;left:12px;max-width:240px;padding:10px}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(.5deg)}50%{transform:translateY(-5px) rotate(0deg)}75%{transform:translateY(-3px) rotate(-.5deg)}}@keyframes aura-pulse{0%,to{filter:blur(15px);opacity:.3;transform:scale(1)}50%{filter:blur(20px);opacity:.6;transform:scale(1.2)}}.advanced-avatar-container{align-items:center;animation:float-gentle 6s ease-in-out infinite;display:flex;flex-direction:column;padding:20px;position:relative}.avatar-canvas-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:15px;position:relative}.pixel-canvas{cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative;transition:all .3s ease;z-index:2}.pixel-canvas:hover{filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));transform:scale(1.05)}.avatar-aura{animation:aura-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#6366f166 0,#8b5cf64d 30%,#ec489933 60%,#0000 80%);border-radius:50%;height:180px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px;z-index:1}.advanced-name-tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #ffffff1a;color:#f1f5f9;cursor:pointer;font-size:13px;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-align:center;text-shadow:0 2px 4px #00000080;transition:all .3s ease}.advanced-name-tag:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.advanced-name-tag:hover{box-shadow:0 12px 30px #0006,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 4px 8px #0009;transform:translateY(-2px) scale(1.05)}.advanced-name-tag:hover:before{transform:translateX(100%)}@media (max-width:1200px){.advanced-avatar-container{padding:18px}.pixel-canvas{transform:scale(.9)}.pixel-canvas:hover{transform:scale(.95)}.avatar-aura{height:160px;width:160px}.advanced-name-tag{font-size:12px;padding:7px 14px}}@media (max-width:968px){.advanced-avatar-container{padding:15px}.pixel-canvas{transform:scale(.8)}.pixel-canvas:hover{transform:scale(.85)}.avatar-aura{height:140px;width:140px}.advanced-name-tag{font-size:11px;padding:6px 12px}}@media (max-width:640px){.advanced-avatar-container{padding:12px}.pixel-canvas{transform:scale(.7)}.pixel-canvas:hover{transform:scale(.75)}.avatar-aura{height:120px;width:120px}.advanced-name-tag{font-size:10px;padding:5px 10px}}@media (max-width:480px){.advanced-avatar-container{padding:10px}.pixel-canvas{transform:scale(.6)}.pixel-canvas:hover{transform:scale(.65)}.avatar-aura{height:100px;width:100px}.advanced-name-tag{font-size:9px;padding:4px 8px}}.advanced-avatar-container:hover .avatar-aura{animation-duration:2s}.advanced-avatar-container:hover{animation-duration:3s}@media (prefers-color-scheme:dark){.pixel-canvas{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.pixel-canvas:hover{filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}.advanced-name-tag{background:linear-gradient(135deg,#080e16f2,#111725e6)}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f166}50%{box-shadow:0 0 40px #6366f1cc}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.app-container{min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.main-content{display:flex;flex-direction:column;min-height:100vh;width:100%}.language-switcher-corner{position:fixed;right:20px;top:20px;z-index:1000}.github-link-corner{position:fixed;right:180px;top:20px;z-index:1000}.github-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid #6366f133;border-radius:50%;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #ffffff1a;color:#e2e8f0;display:flex;height:48px;justify-content:center;text-decoration:none;transition:all .3s ease;width:48px}.github-link:hover{border-color:#6366f166;box-shadow:0 12px 30px #0006,0 0 20px #6366f14d;transform:translateY(-2px)}.github-icon{height:24px;transition:all .3s ease;width:24px}.github-link:hover .github-icon{color:#6366f1}.logo-corner{left:20px;position:fixed;top:20px;z-index:1000}.logo-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid #6366f133;border-radius:50px;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .3s ease}.logo-container:hover{border-color:#6366f166;box-shadow:0 12px 30px #0006,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;overflow:hidden;position:relative;text-shadow:0 2px 4px #0000004d;width:32px}.logo-icon:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;font-size:18px;font-weight:700;letter-spacing:1px}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.logo-text{color:#fff}}.chat-interface{flex:1 1;gap:40px;justify-content:space-between;min-height:100vh;padding:40px}.avatar-section,.chat-interface{align-items:center;display:flex;position:relative}.avatar-section{gap:30px;z-index:10}.left-avatar-section{flex:0 0 auto;justify-content:flex-start;margin-left:40px}.right-avatar-section{flex:0 0 auto;flex-direction:row-reverse;justify-content:flex-end;margin-right:40px}.avatar-left-large,.avatar-right-large{flex-shrink:0}.large-avatar-wrapper{align-items:center;display:flex;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));flex-direction:column;position:relative;transform:scale(1.8);transition:all .3s ease}.large-avatar-wrapper:hover{filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));transform:scale(1.9)}.avatar-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#6366f14d 0,#8b5cf633 40%,#0000 70%);border-radius:50%;height:150px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:-1}.opinion-vote-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid #6366f133;border-radius:24px;box-shadow:0 12px 32px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:20px;min-width:220px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.alice-panel{background:linear-gradient(135deg,#6366f114,#1e293be6);border-color:#6366f166}.bob-panel{background:linear-gradient(135deg,#ec489914,#1e293be6);border-color:#ec489966}.opinion-vote-panel:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.opinion-vote-panel:hover:before{left:100%}.opinion-vote-panel:hover{box-shadow:0 16px 40px #0006,inset 0 1px 0 #ffffff26;transform:translateY(-4px) scale(1.02)}.alice-panel:hover{border-color:#6366f199;box-shadow:0 16px 40px #6366f133,inset 0 1px 0 #ffffff26}.bob-panel:hover{border-color:#ec489999;box-shadow:0 16px 40px #ec489933,inset 0 1px 0 #ffffff26}.vote-panel-header{position:relative;text-align:center;z-index:2}.panel-title{color:#e2e8f0;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.panel-subtitle{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.modern-vote-btn{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:20px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.alice-vote-btn{background:linear-gradient(135deg,#6366f126,#6366f114);border-color:#6366f166}.bob-vote-btn{background:linear-gradient(135deg,#ec489926,#ec489914);border-color:#ec489966}.modern-vote-btn:hover:not(:disabled){border-color:#fff6;transform:translateY(-2px) scale(1.02)}.alice-vote-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f140,#6366f11f);border-color:#6366f199;box-shadow:0 8px 24px #6366f14d}.bob-vote-btn:hover:not(:disabled){background:linear-gradient(135deg,#ec489940,#ec48991f);border-color:#ec489999;box-shadow:0 8px 24px #ec48994d}.modern-vote-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vote-btn-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;height:48px;justify-content:center;position:relative;width:48px}.icon-main{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px}.icon-glow{animation:icon-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes icon-pulse{0%,to{opacity:.5}50%{opacity:1}}.vote-btn-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.vote-btn-title{color:#e2e8f0;font-size:14px;font-weight:600;letter-spacing:.5px}.vote-btn-count{color:#fff;font-size:20px;font-weight:700}.vote-percentage-display{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.percentage-bar{background:#ffffff1a;height:8px;overflow:hidden}.percentage-bar,.percentage-fill{border-radius:4px;position:relative}.percentage-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.alice-fill{background:linear-gradient(90deg,#6366f1cc,#6366f1)}.bob-fill{background:linear-gradient(90deg,#ec4899cc,#ec4899)}.percentage-fill:after{animation:progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.percentage-text{color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 2px 4px #0000004d}.center-content{display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;margin:0 auto;max-width:900px;padding:0 20px}.center-chat-area{flex:1 1;min-height:400px}.voting-leaderboard-section{background:#0000;position:relative;width:100%;z-index:5}.error-overlay{left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:2000}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444f2,#dc2626e6);border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 25px #ef44444d;font-size:14px;font-weight:600;gap:12px;padding:12px 20px}.error-message,.error-message button{align-items:center;color:#fff;display:flex}.error-message button{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.error-message button:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:1400px){.chat-interface{gap:30px;padding:30px}.left-avatar-section{margin-left:20px}.right-avatar-section{margin-right:20px}.large-avatar-wrapper{transform:scale(1.6)}.large-avatar-wrapper:hover{transform:scale(1.7)}.center-content{max-width:800px}.opinion-vote-panel{min-width:200px;padding:20px}}@media (max-width:1200px){.chat-interface{gap:20px;padding:20px}.left-avatar-section,.right-avatar-section{margin-left:0;margin-right:0}.large-avatar-wrapper{transform:scale(1.4)}.large-avatar-wrapper:hover{transform:scale(1.5)}.center-content{gap:20px;max-width:700px;padding:0 15px}.opinion-vote-panel{min-width:180px;padding:18px}.logo-container{padding:10px 16px}.logo-icon{font-size:14px;height:28px;width:28px}.logo-text{font-size:16px}}@media (max-width:968px){.chat-interface{flex-direction:column;gap:40px;justify-content:center;min-height:auto;padding:20px}.avatar-section{align-items:center;flex-direction:column;gap:20px;width:100%}.left-avatar-section,.right-avatar-section{justify-content:center;margin:0}.right-avatar-section{flex-direction:column}.large-avatar-wrapper{transform:scale(1.2)}.large-avatar-wrapper:hover{transform:scale(1.3)}.center-content{max-width:100%;order:1;padding:0}.opinion-vote-panel{min-width:250px}.logo-corner{left:15px;top:15px}.logo-container{padding:8px 14px}.logo-icon{font-size:12px;height:24px;width:24px}.logo-text{font-size:14px}}@media (max-width:640px){.chat-interface{gap:30px;padding:15px}.large-avatar-wrapper{transform:scale(1)}.large-avatar-wrapper:hover{transform:scale(1.1)}.opinion-vote-panel{min-width:220px;padding:16px}.modern-vote-btn{gap:12px;padding:14px}.vote-btn-icon{height:40px;width:40px}.icon-main{font-size:20px}.vote-btn-title{font-size:13px}.vote-btn-count{font-size:18px}.language-switcher-corner{right:15px;top:15px}.github-link-corner{right:110px;top:15px}.github-link{height:40px;width:40px}.github-icon{height:20px;width:20px}.logo-corner{left:10px;top:10px}.logo-container{padding:6px 12px}.logo-icon{font-size:10px;height:20px;width:20px}.logo-text{font-size:12px}}@media (max-width:480px){.chat-interface{gap:20px;padding:10px}.large-avatar-wrapper{transform:scale(.9)}.large-avatar-wrapper:hover{transform:scale(1)}.center-content{gap:15px}.opinion-vote-panel{min-width:200px;padding:14px}.modern-vote-btn{flex-direction:column;gap:10px;padding:12px;text-align:center}.vote-btn-icon{height:36px;width:36px}.icon-main{font-size:18px}.vote-btn-title{font-size:12px}.panel-title,.vote-btn-count{font-size:16px}.percentage-text{font-size:14px}}