:where(html){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(table){border-color:currentColor}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(select){text-transform:none}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(summary){display:list-item}*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:initial}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}.profile-ring-container{border-radius:50%;display:inline-block;position:relative}.profile-ring-inner{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.profile-ring-inner img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-ring-container .comment-avatar,.profile-ring-container .comment-avatar img,.profile-ring-container .reply-avatar,.profile-ring-container .reply-avatar img{border:none!important;height:100%!important;margin:0!important;padding:0!important;position:relative!important;width:100%!important}.comment-avatar .profile-ring-border,.reply-avatar .profile-ring-border{border-radius:50%!important;bottom:-4px!important;display:block!important;left:-4px!important;pointer-events:none!important;position:absolute!important;right:-4px!important;top:-4px!important;z-index:5!important}.profile-ring-container .comment-avatar-letter,.profile-ring-container .reply-avatar-letter{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2em;font-weight:700;height:100%;justify-content:center;width:100%}.profile-ring-border{border-radius:50%;bottom:-4px;left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:2}.ring-custom-image{background:#fff;border-radius:50%;bottom:-12px;left:-12px;padding:8px;position:absolute;right:-12px;top:-12px;z-index:1}.ring-image{border:3px solid #e5e7eb;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-ring-small{height:40px;width:40px}.profile-ring-medium{height:60px;width:60px}.profile-ring-large{height:100px;width:100px}.profile-ring-xlarge{height:120px;width:120px}.profile-ring-xlarge .profile-ring-border{bottom:-6px;left:-6px;right:-6px;top:-6px}.demo-avatar,.demo-avatar-small,.mini-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.demo-avatar{font-size:32px}.demo-avatar-small{font-size:20px}.mini-avatar{font-size:14px}.ring-first-voter .profile-ring-border{animation:none;border:3px solid var(--ring-color,#9ca3af)}.ring-debate-enthusiast .profile-ring-border{border:3px solid var(--ring-color,#10b981);box-shadow:var(--ring-glow,none)}.ring-debate-master .profile-ring-border{animation:pulse-glow 2s infinite;border:4px solid var(--ring-color,#3b82f6);box-shadow:var(--ring-glow,none)}.ring-streak-warrior .profile-ring-border{animation:rotate 3s linear infinite;background:linear-gradient(45deg,var(--ring-color,#3b82f6),#8b5cf6);border:none}.ring-legendary-streaker .profile-ring-border{animation:legendary-pulse 1.5s infinite;background:linear-gradient(45deg,var(--ring-color,#f59e0b),#ef4444,#f59e0b);border:none}.ring-social-butterfly .profile-ring-border{animation:flutter 2s ease-in-out infinite;border:4px solid var(--ring-color,#8b5cf6);box-shadow:var(--ring-glow,none)}.ring-influencer .profile-ring-border{animation:rainbow-flow 2s linear infinite;background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#3b82f6,#10b981);background-size:300% 300%;border:none}.ring-gradient-glow .profile-ring-border{background:linear-gradient(45deg,var(--ring-color,#10b981),#3b82f6);border:none;box-shadow:var(--ring-glow,none)}.ring-pulse .profile-ring-border{animation:pulse-ring 1.5s infinite;border:4px solid var(--ring-color,#3b82f6)}.ring-rainbow-spiral .profile-ring-border{animation:spin-rainbow 2s linear infinite;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444);border:none}.ring-diamond-edge .profile-ring-border{animation:diamond-sparkle 2s infinite;border:4px solid var(--ring-color,#f59e0b);box-shadow:0 0 10px var(--ring-color,#f59e0b),0 0 20px var(--ring-color,#f59e0b),0 0 30px var(--ring-color,#f59e0b)}.ring-founder .profile-ring-border{animation:founder-glow 2s infinite;background:linear-gradient(45deg,gold,orange,gold);border:none;box-shadow:0 0 20px #ffd70080}.ring-beta-tester .profile-ring-border{animation:beta-dash 3s linear infinite;border:4px dashed var(--ring-color,#ef4444)}.ring-community-hero .profile-ring-border{animation:hero-pulse 1.8s infinite;background:radial-gradient(circle,#ef4444,#8b5cf6);border:none}.ring-debate-champion .profile-ring-border{animation:champion-glow 2s infinite;background:linear-gradient(45deg,gold,orange,#ff8c00);border:none;box-shadow:0 0 20px #ffd70080,0 0 40px #ffa50040}.ring-logic-shield .profile-ring-border{animation:shield-pulse 3s infinite;background:linear-gradient(135deg,#0000 40%,#3b82f640 50%,#0000 60%);border:4px solid #3b82f6}.ring-argument-forge .profile-ring-border{animation:forge-heat 2.5s infinite;background:linear-gradient(90deg,#ef444440,#ff660040,#ef444440);border:3px solid #ef4444}.ring-truth-seeker .profile-ring-border{animation:seek-truth 4s infinite;border:3px dashed #10b981;box-shadow:0 0 15px #10b98160}.ring-wisdom-crown .profile-ring-border{animation:crown-rotation 6s linear infinite;background:conic-gradient(from 0deg,#8b5cf6,#a855f7,#c084fc,#ddd6fe,#c084fc,#a855f7,#8b5cf6);border:none}.ring-devil-advocate .profile-ring-border{animation:devil-flicker 1.5s infinite;background:radial-gradient(circle,#0000 60%,#ef444420 70%,#8b5cf620 80%,#0000 90%);border:4px solid #ef4444}.ring-fact-checker .profile-ring-border{animation:fact-scan 3s infinite;background:linear-gradient(45deg,#0000,#05966920,#0000);border:3px solid #059669}.ring-philosopher-stone .profile-ring-border{animation:philosopher-wisdom 4s infinite;background:radial-gradient(circle,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed);border:none;box-shadow:0 0 30px #7c3aed40}.ring-rhetoric-master .profile-ring-border{animation:rhetoric-flow 3s linear infinite;background:conic-gradient(from 45deg,#92400e40,#0000,#92400e40,#0000);border:4px solid #92400e}.ring-evidence-vault .profile-ring-border{animation:vault-secure 5s infinite;background:linear-gradient(90deg,#37415120,#6b728020,#37415120);border:4px double #374151}.ring-sparkles{bottom:-10px;left:-10px;pointer-events:none;position:absolute;right:-10px;top:-10px;z-index:3}.sparkle{animation:sparkle-float 2s infinite;font-size:12px;position:absolute}.sparkle-1{animation-delay:0s;left:20%;top:10%}.sparkle-2{animation-delay:.7s;right:15%;top:70%}.sparkle-3{animation-delay:1.4s;bottom:20%;left:10%}.ring-special-aura{animation:aura-pulse 3s infinite;background:radial-gradient(circle,#0000 60%,var(--ring-color,#ef4444)20 70%,#0000 80%);border-radius:50%;bottom:-8px;left:-8px;position:absolute;right:-8px;top:-8px;z-index:0}@keyframes pulse-glow{0%,to{box-shadow:var(--ring-glow,none);transform:scale(1)}50%{box-shadow:0 0 30px var(--ring-color,#3b82f6);transform:scale(1.02)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes legendary-pulse{0%,to{box-shadow:0 0 20px var(--ring-color,#f59e0b);transform:scale(1)}50%{box-shadow:0 0 40px var(--ring-color,#f59e0b);transform:scale(1.05)}}@keyframes flutter{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.02) rotate(1deg)}75%{transform:scale(1.02) rotate(-1deg)}}@keyframes rainbow-flow{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes spin-rainbow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes diamond-sparkle{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.03)}}@keyframes founder-glow{0%,to{box-shadow:0 0 20px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 40px gold,0 0 60px orange;transform:scale(1.02)}}@keyframes beta-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}@keyframes hero-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes sparkle-float{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-5px) rotate(180deg)}}@keyframes aura-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes champion-glow{0%,to{box-shadow:0 0 20px #ffd70080,0 0 40px #ffa50040;transform:scale(1)}50%{box-shadow:0 0 30px gold,0 0 60px orange;transform:scale(1.03)}}@keyframes shield-pulse{0%,to{border-color:#3b82f6;transform:scale(1)}50%{border-color:#60a5fa;transform:scale(1.02)}}@keyframes forge-heat{0%,to{border-color:#ef4444}25%{border-color:#ff6b6b}50%{border-color:#ff8e53}75%{border-color:#ffa726}}@keyframes seek-truth{0%,to{border-color:#10b981;box-shadow:0 0 15px #10b98160}50%{border-color:#34d399;box-shadow:0 0 25px #10b981}}@keyframes crown-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes devil-flicker{0%,to{border-color:#ef4444;opacity:1}25%{border-color:#dc2626;opacity:.8}50%{border-color:#f87171;opacity:1}75%{border-color:#ef4444;opacity:.9}}@keyframes fact-scan{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes philosopher-wisdom{0%,to{box-shadow:0 0 30px #7c3aed40;transform:scale(1)}33%{box-shadow:0 0 40px #a855f7;transform:scale(1.01)}66%{box-shadow:0 0 50px #c084fc;transform:scale(1.02)}}@keyframes rhetoric-flow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vault-secure{0%,to{border-color:#374151;opacity:1}50%{border-color:#6b7280;opacity:.9}}.ring-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ring-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.ring-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.ring-modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.ring-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:4px;width:40px}.ring-modal-close:hover{background:#f3f4f6;color:#374151}.ring-modal-loading{padding:60px 24px;text-align:center}.current-ring-section{border-bottom:1px solid #e5e7eb;padding:24px}.current-ring-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.current-ring-display{align-items:center;display:flex;gap:20px}.current-ring-info{flex:1 1}.ring-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.current-ring-section .remove-ring-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;position:relative;transition:background .2s}.current-ring-section .remove-ring-button:hover{background:#dc2626}.no-ring-text{color:#6b7280;font-style:italic}.ring-category-filters{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;overflow-x:auto;padding:20px 24px}.category-filter{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:14px;padding:8px 16px;transition:all .2s}.category-filter.active{background:#3b82f6;color:#fff}.category-filter:hover:not(.active){background:#e5e7eb;color:#374151}.ring-grid-section{padding:24px}.ring-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ring-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.ring-option:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ring-option.active{background:#eff6ff;border-color:#3b82f6}.ring-option-info{margin-top:12px;text-align:center}.ring-option-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.ring-option-description{color:#6b7280;font-size:12px;margin-bottom:8px}.ring-option-rarity{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.ring-option-rarity.rarity-common{background:#f3f4f6;color:#6b7280}.ring-option-rarity.rarity-uncommon{background:#d1fae5;color:#065f46}.ring-option-rarity.rarity-rare{background:#dbeafe;color:#1e40af}.ring-option-rarity.rarity-epic{background:#e0e7ff;color:#5b21b6}.ring-option-rarity.rarity-legendary{background:#fef3c7;color:#92400e}.ring-option-rarity.rarity-special{background:#fee2e2;color:#991b1b}.ring-unlocked-date{color:#9ca3af;font-size:10px;margin-top:4px}.active-ring-indicator{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.no-rings-message{color:#6b7280;padding:60px 20px;text-align:center}.ring-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px}.ring-modal-done-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background .2s}.ring-modal-done-button:hover{background:#2563eb}.ring-store-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ring-store-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.ring-store-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.ring-store-modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.user-coins{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.coins-icon{font-size:18px}.coins-amount{color:#92400e;font-weight:600}.ring-store-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:4px;width:40px}.ring-store-modal-close:hover{background:#f3f4f6;color:#374151}.ring-store-loading{padding:60px 24px;text-align:center}.ring-preview-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.ring-preview-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.ring-preview-display{align-items:center;display:flex;gap:20px}.ring-preview-info{flex:1 1}.ring-preview-name{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.ring-preview-description{color:#6b7280;font-size:14px;margin-bottom:12px}.ring-store-grid-section{padding:24px}.ring-store-grid-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.ring-store-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ring-store-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s}.ring-store-item:hover:not(.unaffordable){border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ring-store-item.selected{background:#eff6ff;border-color:#3b82f6}.ring-store-item.unaffordable{cursor:not-allowed;opacity:.6}.ring-store-item-preview{display:flex;justify-content:center;margin-bottom:16px}.ring-store-item-info{margin-bottom:16px;text-align:center}.ring-store-item-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.ring-store-item-description{color:#6b7280;font-size:14px;margin-bottom:12px}.ring-store-item-price{align-items:center;background:#f3f4f6;border-radius:20px;display:flex;gap:6px;justify-content:center;margin:12px 0;padding:8px 16px}.price-icon{font-size:16px}.price-amount{color:#1f2937;font-weight:600}.ring-store-item-actions{display:flex;justify-content:center}.purchase-ring-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;width:100%}.purchase-ring-button:hover:not(:disabled){background:#2563eb}.purchase-ring-button:disabled{background:#9ca3af;cursor:not-allowed}.insufficient-funds-overlay{align-items:center;background:#ef44441a;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.insufficient-funds-text{background:#ef4444;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.no-rings-available{color:#6b7280;padding:60px 20px;text-align:center}.no-rings-icon{font-size:48px;margin-bottom:16px}.no-rings-text{font-size:16px;line-height:1.5}.earn-coins-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px}.earn-coins-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.earn-coins-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.earn-method{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px}.method-icon{font-size:20px}.method-text{color:#374151;flex:1 1;font-size:14px}.method-reward{color:#059669;font-size:14px;font-weight:600}.rarity-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.admin-ring-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-ring-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.admin-ring-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.admin-ring-modal-header h2{font-size:24px;font-weight:700;margin:0}.admin-ring-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:4px;width:40px}.admin-ring-modal-close:hover{background:#ffffff4d}.admin-ring-tabs{border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s}.tab-button.active{background:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:hover:not(.active){background:#f9fafb;color:#374151}.admin-ring-loading{padding:60px 24px;text-align:center}.create-ring-section,.grant-rings-section{padding:24px}.create-ring-section h3,.grant-rings-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.create-ring-form,.grant-ring-form{margin-bottom:32px;max-width:500px}.form-group{margin-bottom:20px}.form-group label{color:#374151;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help{color:#6b7280;font-size:12px;margin-top:4px}.ring-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px}.ring-preview h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.create-ring-button,.grant-ring-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.create-ring-button:hover:not(:disabled),.grant-ring-button:hover:not(:disabled){background:#2563eb}.create-ring-button:disabled,.grant-ring-button:disabled{background:#9ca3af;cursor:not-allowed}.image-upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.upload-options{gap:16px}.upload-option,.upload-options{display:flex;flex-direction:column}.upload-option{gap:8px}.file-upload-label{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 20px;text-align:center;transition:background .2s}.file-upload-label:hover{background:#2563eb}.upload-divider{color:#6b7280;font-weight:600;margin:8px 0;position:relative;text-align:center}.upload-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.upload-divider:after{background:#f9fafb;content:"OR";padding:0 12px;position:relative;z-index:2}.image-preview-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.image-preview-container{background:#fff;border:2px dashed #d1d5db;border-radius:8px;display:inline-block;padding:8px;position:relative}.ring-image-preview{border-radius:6px;display:block;max-height:200px;max-width:200px}.image-error{color:#ef4444;font-size:14px;padding:20px;text-align:center}.clear-image-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.clear-image-button:hover{background:#dc2626}.file-info{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:14px;margin-top:8px;padding:8px 12px}.file-name{font-weight:600;margin-right:8px}.file-size{color:#64748b}.ring-creation-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin:24px 0;padding:20px}.ring-creation-preview h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.preview-display{align-items:center;display:flex;gap:20px}.preview-info{flex:1 1}.preview-name{font-size:18px}.preview-description{color:#6b7280;font-size:14px;margin-bottom:8px}.preview-image-status{background:#d1fae5;border-radius:12px;color:#059669;display:inline-block;font-size:12px;font-weight:600;margin-right:8px;padding:4px 8px}.edit-image-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.edit-image-button:hover{background:#2563eb}.image-editor-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-editor-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.image-editor-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.image-editor-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.editor-close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px}.editor-close-button:hover{background:#f3f4f6;color:#374151}.image-editor-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;padding:20px}.image-editor-preview{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:center;min-height:400px}.ring-preview-container{border:3px dashed #3b82f6;border-radius:50%;height:300px;overflow:hidden;position:relative;width:300px}.editable-ring-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:100%;transition:all .1s ease;width:100%}.ring-mask-overlay{border:8px solid #3b82f64d;border-radius:50%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.image-editor-controls{display:flex;flex-direction:column;gap:16px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#374151;font-size:14px;font-weight:600}.control-group input[type=range]{margin:4px 0;width:100%}.control-group span{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 8px;text-align:center}.image-editor-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.editor-cancel-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.editor-cancel-button:hover{background:#4b5563}.editor-apply-button{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.editor-apply-button:hover{background:#047857}.editor-reset-button{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.editor-reset-button:hover{background:#d97706}.admin-rings-list,.custom-rings-list{margin-top:32px}.admin-rings-list h4,.custom-rings-list h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.admin-rings-grid,.custom-rings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-ring-item,.custom-ring-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.admin-ring-info,.custom-ring-info{margin-top:12px}.admin-ring-name,.custom-ring-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.admin-ring-description,.custom-ring-description{color:#6b7280;font-size:12px;margin-bottom:8px}.custom-ring-meta{display:flex;flex-wrap:wrap;gap:8px}.custom-ring-meta span{background:#e5e7eb;border-radius:4px;color:#374151;font-size:10px;padding:2px 6px}.ring-set-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;overflow-x:auto;padding:20px 24px}.set-filter{align-items:center;background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.set-filter.active{background:#3b82f6;color:#fff}.set-filter:hover:not(.active){background:#e5e7eb;color:#374151}.set-description{color:#6b7280;font-size:14px;font-style:italic;margin:8px 0 0}.ring-set-badge{background:#f3f4f6;border-radius:12px;color:#374151;display:inline-block;font-size:10px;font-weight:600;margin-right:6px;padding:4px 8px;text-transform:uppercase}.ring-set-badge.set-classic{background:#e5e7eb;color:#374151}.ring-set-badge.set-neon{background:#fef3c7;color:#92400e}.ring-set-badge.set-nature{background:#d1fae5;color:#065f46}.ring-set-badge.set-cosmic{background:#e0e7ff;color:#5b21b6}.ring-set-badge.set-vintage{background:#fed7aa;color:#9a3412}.ring-set-badge.set-seasonal{background:#fee2e2;color:#991b1b}.ring-set-badge.set-premium{background:#fdf4ff;color:#86198f}.admin-store-ring-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-store-ring-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.admin-store-ring-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.admin-store-ring-modal-header h2{font-size:24px;font-weight:700;margin:0}.admin-store-ring-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:4px;width:40px}.admin-store-ring-modal-close:hover{background:#ffffff4d}.create-store-ring-section,.manage-store-rings-section{padding:24px}.create-store-ring-section h3,.manage-store-rings-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.store-rings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.store-ring-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;transition:all .2s}.store-ring-item:hover{border-color:#10b981;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.store-ring-item.inactive{opacity:.6}.store-ring-preview{display:flex;justify-content:center;margin-bottom:16px}.store-ring-info{margin-bottom:16px;text-align:center}.store-ring-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.store-ring-description{color:#6b7280;font-size:14px;margin-bottom:12px}.store-ring-meta{align-items:center;display:flex;flex-direction:column;gap:6px}.has-custom-image{color:#059669;font-size:12px;margin-top:8px}.price-badge{background:#fef3c7;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;padding:4px 8px}.store-ring-actions{display:flex;justify-content:center}.toggle-availability-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.toggle-availability-button.active{background:#ef4444;color:#fff}.toggle-availability-button.inactive{background:#10b981;color:#fff}.toggle-availability-button:hover{opacity:.8}.ring-inactive-overlay{align-items:center;background:#6b7280cc;border-radius:12px;bottom:0;color:#fff;display:flex;font-weight:600;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.no-store-rings{color:#6b7280;padding:60px 20px;text-align:center}.create-ring-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 300px}.create-ring-form-container{min-width:0}.create-store-ring-form{max-width:none}.form-row{grid-gap:16px;gap:16px}.ring-visual-designer{background:#f9fafb;margin:20px 0}.ring-visual-designer h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.css-designer,.image-uploader,.ring-preview-container{background:#fff;border:1px solid #e5e7eb}.ring-preview-container{border-radius:12px;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;top:20px}.ring-preview-container h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.ring-preview-display{margin-bottom:20px}.preview-info{border-top:1px solid #e5e7eb;padding-top:16px}.preview-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.preview-set{color:#6b7280;font-size:14px;margin-bottom:8px}.preview-price{color:#059669;font-size:14px;font-weight:600}.create-store-ring-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:background .2s;width:100%}.create-store-ring-button:hover:not(:disabled){background:#059669}.create-store-ring-button:disabled{background:#9ca3af;cursor:not-allowed}.create-collection-section,.create-pack-section{padding:24px}.collection-form,.pack-details-form{margin-bottom:24px;max-width:500px}.pack-creation-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 300px}.pack-form-container{min-width:0}.add-ring-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:20px}.add-ring-button,.create-collection-button,.create-pack-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 24px;transition:background .2s;width:100%}.add-ring-button:hover:not(:disabled),.create-collection-button:hover:not(:disabled),.create-pack-button:hover:not(:disabled){background:#059669}.pack-rings-list{border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:16px}.pack-rings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.pack-ring-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative;text-align:center}.pack-ring-preview{display:flex;justify-content:center;margin-bottom:12px}.pack-ring-info{margin-bottom:8px}.pack-ring-name{font-weight:600;margin-bottom:4px}.pack-ring-rarity{color:#6b7280;font-size:12px;margin-bottom:4px;text-transform:uppercase}.pack-ring-price{color:#059669;font-weight:600}.remove-ring-button{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;position:absolute;right:8px;top:8px;width:24px}.remove-ring-button:hover{background:#dc2626}.ring-visual-designer{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:16px}.designer-tabs{display:flex;margin-bottom:16px}.designer-tab{background:#e5e7eb;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;padding:8px 16px;transition:all .2s}.designer-tab:first-child{border-radius:6px 0 0 6px}.designer-tab:last-child{border-radius:0 6px 6px 0}.designer-tab.active{background:#3b82f6;color:#fff}.css-designer,.image-uploader{background:#f9fafb;border-radius:6px;padding:16px}.preview-ring-border{margin:0 auto 20px;position:relative}@media (max-width:768px){.pack-creation-layout{gap:20px}.pack-creation-layout,.pack-rings-grid{grid-template-columns:1fr}.admin-ring-modal-container,.ring-modal-container,.ring-store-modal-container{margin:10px;max-height:calc(100vh - 20px)}.ring-grid,.ring-store-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ring-category-filters{padding:16px}.category-filter{font-size:12px;padding:6px 12px}.earn-coins-methods{grid-template-columns:1fr}.admin-ring-tabs{flex-direction:column}.tab-button{border-bottom:1px solid #e5e7eb;border-right:none}.tab-button.active{border-bottom-color:#e5e7eb;border-left:3px solid #3b82f6}}*{box-sizing:border-box;margin:0;padding:0}.categories-container{background-color:#111;max-width:600px;min-height:100vh;padding:80px 20px 20px;width:100%}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.category-box{align-items:center;aspect-ratio:1/1;border-radius:18px;box-shadow:0 10px 20px #0003;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.category-box:after{background:radial-gradient(circle at center,#ffffff1a 0,#0003 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-box:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px) scale(1.02)}.category-box:active{transform:translateY(0) scale(.98)}.category-emoji{font-size:42px;margin-bottom:15px;text-shadow:0 2px 10px #0003;z-index:2}.category-name{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 5px #0000004d;z-index:2}@media (min-width:480px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:479px){.categories-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.category-emoji{font-size:36px}.category-name{font-size:16px}}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.fixed-header{background:none;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.fixed-header>*{pointer-events:auto}body{-ms-overflow-style:none;background-color:#111;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:scroll;padding:0;scrollbar-width:none;width:100%}body::-webkit-scrollbar{display:none}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-bottom:1px solid #ffffff1a;height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.logo-highlight{color:#f97316;margin-left:4px}.nav-links{align-items:center;display:flex;gap:30px}.nav-link{border-radius:8px;color:#fff;font-size:16px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;color:#f97316}.nav-link.active{background:#f973161a;color:#f97316}@media (max-width:768px){.navbar-container{padding:0 15px}.nav-links{gap:20px}.nav-link{font-size:14px;padding:6px 12px}.navbar-logo{font-size:20px}}@media (max-width:480px){.nav-links{gap:15px}.nav-link{font-size:13px;padding:4px 8px}}.app{flex-direction:column;overflow-y:visible}.app,.container{background-color:#111;display:flex;height:auto;margin:0;min-height:100vh;padding:0;width:100%}.container{-ms-overflow-style:none;align-items:center;flex:1 1;flex-direction:column;overflow-y:scroll;scrollbar-width:none}.container::-webkit-scrollbar{display:none}.question-card{display:flex;flex-direction:column;height:100vh;margin-bottom:0;max-width:600px;overflow:hidden;position:relative;width:100%}.question-card:after,.question-card:before{background-color:#fff3;border-radius:4px;content:"";height:40px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:20px;z-index:10}.question-card:before{-webkit-clip-path:polygon(100% 0,0 50%,100% 100%);clip-path:polygon(100% 0,0 50%,100% 100%);left:5px}.question-card:after{-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);right:5px}@media (hover:none){.question-card:after,.question-card:before{opacity:.3}}.auto-advancing{animation:slide-out .5s ease-in-out}@keyframes slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.app-logo{all:initial}.app-logo-container{height:150px;left:10px;position:absolute;top:0;width:150px;z-index:9999}.question-image-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.question-image{height:100%;object-fit:cover;object-position:center;width:100%}.overlay{background:linear-gradient(180deg,#0000 0,#0000004d 50%,#000000b3);height:100%;top:0;z-index:2}.overlay,.question-content{left:0;position:absolute;width:100%}.question-content{align-items:center;bottom:5%;display:flex;flex-direction:column;padding:2rem 1rem;z-index:3}.question-text{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #00000080}.vote-options{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:2rem;overflow:visible;width:100%}.vote-button{border:none;border-radius:100px;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;min-width:120px;padding:1rem .5rem;transition:all .3s ease}.option-a{background-color:#fff;color:#000}.option-b{background-color:#000;border:2px solid #fff;color:#fff}.vote-button:hover{box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.vote-button:active{box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.vote-results{background:#0000001a;border-radius:16px;margin:1.5rem 0;overflow:hidden;padding:1rem;position:relative;width:100%}.vote-results:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg) translate(-100%,-100%)}to{transform:rotate(0deg) translate(100%,100%)}}.vote-results.animating{animation:results-appear .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes results-appear{0%{opacity:0;transform:translateY(30px) scale(.8) rotateX(15deg)}50%{opacity:.7;transform:translateY(-5px) scale(1.02) rotateX(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}.results-percentage{color:#fff;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;min-height:4rem;overflow:visible;padding:0 .5rem;text-shadow:0 1px 3px #00000080}.percentage-container,.results-percentage{align-items:center;display:flex;position:relative}.percentage-container{flex:0 0 45%;flex-direction:column;justify-content:center;text-align:center;transition:all .5s cubic-bezier(.165,.84,.44,1)}.percentage-container.user-choice{position:relative;text-shadow:-1px -1px 0 #ffffffe6,1px -1px 0 #ffffffe6,-1px 1px 0 #ffffffe6,1px 1px 0 #ffffffe6,0 0 8px #fffc}.percentage-container.winner{position:relative;transform:scale(1.1);transform-origin:center center;z-index:2}.results-display{margin-bottom:2rem;width:100%}.results-bar-container{animation:container-bounce .8s cubic-bezier(.68,-.55,.265,1.55) .2s both;border:none;border-radius:50px;cursor:pointer;display:flex;height:40px;overflow:hidden;position:relative;transform:scale(.9);transition:all .3s ease;width:100%}.results-bar-container:hover{box-shadow:0 5px 15px #0003;transform:scale(1.02)}@keyframes container-bounce{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{opacity:.8;transform:scale(1.05) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-bar{align-items:center;animation:bar-fill 1.2s cubic-bezier(.68,-.55,.265,1.55) .4s both;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transform:scaleX(0);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.result-bar:hover{filter:brightness(1.2) saturate(1.2);transform:scaleY(1.1)}@keyframes bar-fill{0%{filter:brightness(.7);transform:scaleX(0)}60%{filter:brightness(1.2);transform:scaleX(1.05)}to{filter:brightness(1);transform:scaleX(1)}}.result-bar.option-a{animation-delay:.4s;border-radius:50px 0 0 50px;transform-origin:left center}.result-bar.option-b{animation-delay:.6s;border-radius:0 50px 50px 0;transform-origin:right center}.result-bar.winner{animation:winner-pulse 2s ease-in-out infinite;box-shadow:0 0 20px #ffffff4d;filter:brightness(1.15);transform:scale(1.02)}@keyframes winner-pulse{0%,to{box-shadow:0 0 20px #ffffff4d;transform:scale(1.02)}50%{box-shadow:0 0 30px #fff9,0 0 60px #fff3;transform:scale(1.04)}}.result-bar.user-choice:before{animation:slide-highlight 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes slide-highlight{0%{left:-100%}to{left:100%}}.result-percentage{animation:percentage-appear .8s cubic-bezier(.68,-.55,.265,1.55) .8s both;color:#fff;font-size:1.4rem;font-weight:700;position:relative;text-shadow:0 1px 2px #0006;transform:scale(0);z-index:2}@keyframes percentage-appear{0%{opacity:0;transform:scale(0) rotate(180deg)}60%{opacity:.8;transform:scale(1.2) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.results-labels{padding:0 1rem}.result-label{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.9rem;text-shadow:0 1px 2px #0009}.result-votes{font-size:.75rem;margin-top:.2rem;opacity:.8}.percentage-value{font-size:1.5rem;font-weight:800;margin-bottom:.2rem;text-shadow:0 1px 3px #000000b3}.percentage-item{text-shadow:0 1px 2px #00000080}.results-labels{animation:labels-appear .6s cubic-bezier(.68,-.55,.265,1.55) 1.2s both;display:flex;justify-content:space-between;margin-top:.5rem;opacity:0;padding:0 .5rem;transform:translateY(10px)}@keyframes labels-appear{0%{opacity:0;transform:translateY(10px) scale(.8)}60%{opacity:.8;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.result-label{cursor:default;font-size:1.3rem;font-weight:600;text-shadow:0 0 3px #ffffff4d,0 0 6px #fff3,0 1px 2px #0003;transition:all .3s ease}.result-label:hover{text-shadow:0 0 4px #fff6,0 0 8px #ffffff4d,0 2px 3px #0003;transform:scale(1.1) translateY(-2px)}.option-a-label{animation:label-bounce-left .6s cubic-bezier(.68,-.55,.265,1.55) 1.4s both;text-align:left;transform:translateX(-20px)}.option-b-label{animation:label-bounce-right .6s cubic-bezier(.68,-.55,.265,1.55) 1.6s both;text-align:right;transform:translateX(20px)}@keyframes label-bounce-left{0%{opacity:0;transform:translateX(-20px) rotate(-5deg)}60%{opacity:.8;transform:translateX(3px) rotate(1deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes label-bounce-right{0%{opacity:0;transform:translateX(20px) rotate(5deg)}60%{opacity:.8;transform:translateX(-3px) rotate(-1deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.comments-section{border-radius:20px 20px 0 0;border-top:4px solid #ffffff80;box-shadow:0 -5px 25px #00000026;color:#333;flex-direction:column;margin-top:-5vh;max-width:600px;min-height:80vh;overflow:hidden;position:relative;width:100%;z-index:10}.comments-header,.comments-section{background-color:#f9f9fb;display:flex}.comments-header{align-items:center;border-bottom:1px solid #eaedf0;font-size:1.25rem;font-weight:700;justify-content:space-between;padding:1.5rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.comment-section-question-indicator{background-color:#e9ecef;border-radius:100px;color:#666;font-size:.8rem;font-weight:400;margin-left:.5rem;padding:.3rem .6rem}.comments-scroll-area{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;height:calc(80vh - 60px);overflow-y:scroll;position:relative;scrollbar-width:none}.comments-scroll-area::-webkit-scrollbar{display:none}.comments-container{-ms-overflow-style:none;background-color:#f5f7fa;display:flex;flex-direction:column;height:calc(80vh - 60px);justify-content:space-between;min-height:100%;position:relative;scrollbar-width:none}.comments-container::-webkit-scrollbar{display:none}.comments-scroll-container{-ms-overflow-style:none;background-color:initial;border-radius:0;display:flex;flex:1 1;flex-direction:column;gap:20px;margin-bottom:0;overflow-y:auto;padding:1rem 1.5rem;position:relative;scrollbar-width:none}.comments-scroll-container::-webkit-scrollbar{display:none}.no-comments{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;color:#6b7280;font-size:1.1rem;font-weight:500;margin:2rem 1rem;padding:3rem 2rem;position:relative}.no-comments:before{content:"💬";display:block;font-size:3rem;margin-bottom:1rem;opacity:.8}.comment{background-color:#fff;border:2px solid #4a90e2;border-radius:18px;box-shadow:0 4px 15px #00000014;display:block;margin:0;overflow:visible;padding:1.2rem;position:relative;transition:all .3s ease;width:100%}.comment:last-child{margin-bottom:3rem}.comment:hover{box-shadow:0 8px 25px #0000002e;transform:translateY(-3px)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.comment-author-container{align-items:center;display:flex}.comment-author-info{display:flex;flex-direction:column}.comment-avatar{align-items:center;background-color:#f0f0f0;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#666;display:flex;font-size:16px;font-weight:700;justify-content:center;margin-right:12px;position:relative}.comment-avatar,.comment-avatar .profile-ring-container{height:40px;overflow:visible!important;width:40px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar-letter{text-transform:uppercase}.comment-header,.reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.comment-author,.reply-author{color:#333;font-size:1.05rem;font-weight:700}.comment-author-link{color:#333;text-decoration:none;transition:color .2s ease}.comment-author-link:hover{color:#4a90e2;text-decoration:underline}.comment-date,.reply-date{color:#888;font-size:.8rem;font-weight:400}.comment-content,.reply-content{color:#444;font-size:.95rem;line-height:1.6;margin-bottom:.75rem;position:relative;word-break:break-word;z-index:2}.comment-actions{display:flex;flex-wrap:wrap;gap:.75rem}.reply-button{align-items:center;background:#0000;border:none;border-radius:100px;color:#4267b2;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.reply-button:hover{background:#f0f2f5;transform:translateY(-1px)}.reply-button:active{transform:translateY(0)}.reply-button:before{content:"↩";font-size:1rem;margin-right:4px}.reply-form{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:1rem 0 1.5rem 1rem;padding:1rem}.reply-input-container{margin-bottom:1rem}.reply-input{border:1px solid #e0e0e0;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d;font-size:.95rem;padding:.9rem;resize:none;transition:all .2s ease;width:100%}.reply-input:focus{border-color:#4267b2;box-shadow:0 0 0 2px #4267b226;outline:none}.reply-submit{background-color:#4267b2;border:none;border-radius:100px;box-shadow:0 2px 6px #4267b233;color:#fff;cursor:pointer;float:right;font-size:.95rem;font-weight:600;padding:.65rem 1.5rem;transition:all .2s ease}.reply-submit:hover:not(:disabled){background-color:#365899;box-shadow:0 3px 10px #4267b24d;transform:translateY(-1px)}.reply-submit:active:not(:disabled){box-shadow:0 2px 6px #4267b233;transform:translateY(0)}.reply-submit:disabled{background-color:#9ca3af;box-shadow:none}.reply-submit:active{transform:translateY(0)}.reply-submit:disabled{cursor:not-allowed;opacity:.6}.replies{margin:1.5rem 0 .5rem 1.5rem;padding-left:1.5rem;position:relative}.replies:before{background-color:#e0e0e0;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.comment-footer{align-items:center;display:flex;justify-content:flex-end;margin-top:.75rem}.reply{background-color:#f8fafd;border:2px solid #4a90e2;border-radius:16px;box-shadow:0 3px 10px #0000000f;display:block;margin-bottom:1rem;margin-left:auto;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:95%}.reply-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.reply-author-container{align-items:center;display:flex}.reply-author-info{display:flex;flex-direction:column}.reply-avatar{align-items:center;background-color:#f0f0f0;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#666;display:flex;font-size:14px;font-weight:700;justify-content:center;margin-right:10px;position:relative}.reply-avatar,.reply-avatar .profile-ring-container{height:32px;overflow:visible!important;width:32px}.dropdown{display:inline-block;position:relative}.ellipsis-button{background:#0000;border:none;border-radius:50%;color:#777;cursor:pointer;font-size:20px;font-weight:700;padding:2px 10px}.ellipsis-button:hover{background-color:#f0f0f0}.ellipsis-button.small{font-size:16px;padding:1px 8px}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0000001a;display:none;min-width:120px;overflow:hidden;position:absolute;right:0;z-index:1}.dropdown-content.right{left:auto;right:0}.dropdown:hover .dropdown-content{display:block}.dropdown-item{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item.delete{color:#e53935}.dropdown-item.delete:hover{background-color:#ffebee}.dropdown-item.confirm{color:#e53935;font-weight:700}.dropdown-item.cancel{color:#777}.reply-avatar img{height:100%;object-fit:cover;width:100%}.reply-avatar-letter{text-transform:uppercase}.reply:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-2px)}.reply:before{background:#e0e0e0;border-radius:50%;content:"";height:.75rem;left:-1.5rem;position:absolute;top:1rem;width:.75rem}.comments-loading{color:#777;padding:2rem;text-align:center}.loading-more,.no-more-comments{background-color:#f8f9fa;border-radius:8px;color:#777;font-size:.9rem;margin:1rem 0;padding:1rem;text-align:center}.fixed-comment-form-container{background-color:#fff;border-radius:0 0 20px 20px;border-top:1px solid #eaeaea;bottom:0;box-shadow:0 -5px 20px #00000014;left:0;margin-top:auto;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;transition:all .3s ease;width:100%;z-index:20}.fixed-comment-form{align-items:center;display:flex;gap:.75rem;max-width:100%}.comment-form-avatar{flex-shrink:0;position:relative}.comment-form-avatar .profile-ring-container{height:40px;width:40px}.comment-form-avatar .comment-avatar-letter{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.comment-form-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-form-avatar .profile-ring-container{overflow:visible!important;position:relative;z-index:1}.comment-form-avatar .profile-ring-inner{overflow:hidden;position:relative;z-index:2}.comment-input-container,.reply-input-container{display:flex;flex:1 1;flex-direction:column;position:relative}.fixed-comment-input{border:2px solid #e0e0e0;border-radius:24px;box-shadow:0 1px 3px #0000000f;font-size:.95rem;max-height:120px;min-height:48px;overflow-y:auto;padding:.9rem 1.2rem;transition:all .3s ease;width:100%}.fixed-comment-input.near-limit,.reply-input.near-limit{background-color:#ff98000d;border-color:#ff9800}.fixed-comment-input:focus{border-color:#4267b2;box-shadow:0 0 0 2px #4267b21a,0 2px 5px #0000001a;outline:none}.char-count{background:#fffc;border-radius:10px;bottom:-18px;color:#888;font-size:.7rem;padding:0 5px;position:absolute;right:12px;transition:color .2s ease}.char-count-warn{color:#ff3d00;font-weight:700}.fixed-comment-submit{align-items:center;border:none!important;border-radius:24px!important;box-shadow:0 3px 8px #00000026!important;color:#fff;cursor:pointer;display:flex;font-weight:600;height:46px;justify-content:center;margin-left:10px;min-width:70px;padding:.5rem 1.25rem;transition:all .2s ease}.fixed-comment-submit:after{content:"↗️";font-size:1rem;margin-left:6px}.fixed-comment-submit:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.fixed-comment-submit:active{transform:translateY(0)}.fixed-comment-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.comment-login-message{align-items:center;background-color:#f8f9fb;border-radius:24px;box-shadow:0 2px 8px #0000000f;color:#5f6368;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;margin:.5rem 0;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.comment-login-message:before{content:"👋";font-size:1.2rem}.comment-login-message:hover{background-color:#f0f2f5;box-shadow:0 4px 12px #0000001a;color:#ff6b00;transform:translateY(-2px)}.admin-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.admin-section h2{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem}.current-question{margin-top:1rem}.current-question-details{display:flex;gap:1.5rem;margin-bottom:1rem}.question-thumbnail{height:120px;width:120px}.question-info{flex:1 1}.question-info h3{margin-bottom:.5rem}.question-info p{margin-bottom:.25rem}.delete-button{align-items:center;background-color:#f0f2f5;border-radius:100px;color:#e53935;display:flex;font-size:.85rem;font-weight:600;margin-left:.25rem;padding:.4rem .8rem}.delete-button:hover{background-color:#ffeaea;color:#d32f2f;transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}.delete-button:disabled{opacity:.6}.delete-button:before{content:"🗑️";font-size:.9rem;margin-right:4px}.error-message{padding:.5rem}.admin-form{gap:1rem}.full-screen-state{align-items:center;background-color:#111;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center;width:100%}.full-screen-state h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.full-screen-state p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.action-button{background-color:#fff;border-radius:100px;box-shadow:0 4px 10px #0003;color:#000;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.action-button:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-3px)}.action-button:active{box-shadow:0 5px 10px #0000004d;transform:translateY(-1px)}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:2rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.emoji-loader{align-items:center;display:flex;font-size:3rem;gap:1rem;height:60px;justify-content:center;position:relative}.emoji-item{animation:emoji-cycle 2s ease-in-out infinite;opacity:0;position:absolute;transform:scale(0)}.emoji-item:first-child{animation-delay:0s}.emoji-item:nth-child(2){animation-delay:.5s}.emoji-item:nth-child(3){animation-delay:1s}.emoji-item:nth-child(4){animation-delay:1.5s}@keyframes emoji-cycle{0%{opacity:0;transform:scale(0) rotate(0deg)}15%{opacity:1;transform:scale(1.3) rotate(10deg)}25%{opacity:1;transform:scale(1) rotate(0deg)}40%{opacity:.8;transform:scale(.8) rotate(-5deg)}50%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:0;transform:scale(0) rotate(-180deg)}}.image-container{height:100%;position:relative;width:100%}.image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.admin-container{background-color:#f5f7fa;padding:30px}.form-label{font-weight:600}.form-input,.form-textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem}.form-submit{background-color:#34a853;border-radius:8px;margin-top:1rem;padding:.75rem}.section-header{border-bottom:1px solid #eee;font-size:1.2rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.color-pickers-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.color-picker-group{display:flex;flex-direction:column;gap:.5rem}.color-input-container{gap:.5rem}.color-text-input{padding:.5rem}.button-preview-container{background-color:#f8f8f8;border-radius:8px;grid-column:span 2;margin-top:1rem;padding:1rem}.button-preview h4{margin-bottom:1rem}.preview-buttons{gap:1rem}@media (min-width:768px){.vote-options{flex-direction:row}.vote-button{flex:1 1}}.admin-container{background-color:#f8f9fa;color:#333;height:100vh;margin:0 auto;max-width:1200px;min-height:100vh;overflow-y:auto;padding:2rem}.admin-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header-right{align-items:center;display:flex;gap:1rem}.admin-logo{align-items:center;display:flex;height:80px;justify-content:center;margin-top:-10px;overflow:hidden;width:80px}.admin-logo img{height:100%;object-fit:contain;width:100%}.admin-header h1{color:#333;font-size:1.8rem;margin:0}.back-to-home{background-color:#333;border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-to-home:hover{background-color:#555}.admin-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;max-height:calc(100vh - 100px);overflow-y:auto}.admin-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.admin-card-title{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.current-question{display:flex;flex-direction:column;gap:1rem}.current-question-image{margin-bottom:1rem}.question-thumbnail{border-radius:8px;height:150px;object-fit:cover;width:100%}.question-info{margin-bottom:1rem}.question-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.question-info p{font-size:.95rem;margin-bottom:.5rem}.vote-stats{background-color:#f8f9fa;border-radius:6px;margin-top:1rem;padding:.75rem}.vote-stat{display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.stat-label{color:#666;font-weight:500}.delete-button{background-color:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease}.delete-button:hover{background-color:#c62828}.delete-button:disabled{background-color:#ffcdd2;cursor:not-allowed}.no-question-message{background-color:#f8f9fa;border-radius:6px;color:#666;padding:2rem 1rem;text-align:center}.no-question-message p{margin-bottom:.5rem}.admin-form{display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:1px solid #eee;padding-bottom:2rem}.section-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{color:#333;font-size:.95rem;font-weight:500}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.form-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.file-input-container{align-items:center;display:flex}.file-input{display:none}.file-input-label{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.75rem 1.25rem;transition:all .2s ease}.file-input-label:hover{background-color:#e0e0e0}.file-name{color:#666;font-size:.9rem;margin-left:1rem}.error-message{background-color:#ffebee;border-radius:4px;color:#e53935;font-size:.95rem;margin-bottom:1rem;padding:.75rem}.color-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.color-column{display:flex;flex-direction:column;gap:1rem}.color-column.full-width{grid-column:span 2;margin-top:1rem}.color-title{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.color-picker-group{margin-bottom:1rem}.color-input-container{align-items:center;display:flex;gap:.75rem}.color-picker{border:none;border-radius:4px;cursor:pointer;height:40px;overflow:hidden;padding:0;width:40px}.color-text-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:monospace;font-size:.9rem;padding:.5rem .75rem}.button-preview-section{background-color:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.preview-title{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.preview-buttons{display:flex;gap:1.5rem;justify-content:center}.preview-button{border:2px solid #0000;border-radius:100px;cursor:default;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;text-align:center}.form-actions{display:flex;justify-content:flex-end}.form-submit{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.form-submit:hover{background-color:#1976d2}.form-submit:disabled{background-color:#90caf9;cursor:not-allowed}@media (max-width:992px){.admin-content{grid-template-columns:1fr}.admin-main,.admin-sidebar{width:100%}.color-section{grid-template-columns:1fr}.color-column.full-width{grid-column:auto}}body.admin-page,html.admin-page{height:auto!important;overflow:auto!important}.admin-page .admin-container{height:auto!important;min-height:100vh!important;overflow-y:visible!important}.comment-form{position:relative;width:100%}.comment-form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.comment-submit{background-color:#ff6b00;border:none;border-radius:100px;box-shadow:0 2px 8px #ff6b0040;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:.75rem 2rem;transition:all .2s ease}.comment-submit:hover:not(:disabled){background-color:#ff8f00;box-shadow:0 4px 12px #ff6b0059;transform:translateY(-1px)}.comment-submit:active:not(:disabled){box-shadow:0 2px 6px #ff6b0040;transform:translateY(0)}.comment-submit:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6}.cancel-button{background-color:initial;border:1px solid #d1d5db;border-radius:100px;color:#6b7280;font-size:1rem;transition:all .2s ease}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.cancel-button:active{background-color:#e5e7eb}.comment-char-count{background:#fffc;border-radius:10px;bottom:-18px;color:#888;font-size:.7rem;padding:0 5px;position:absolute;right:12px;transition:color .2s ease}.comment-char-count .warning{color:#ff3d00;font-weight:700}.profile-container{background-color:#111;color:#fff;margin:0 auto;max-width:600px;min-height:100vh;padding:0;position:relative}.profile-header-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #ffffff1a;padding:2rem 2rem 3rem}.profile-header-content{align-items:center;display:flex;gap:2rem;max-width:100%}.profile-avatar-container{flex-shrink:0;position:relative}.profile-avatar-large{background:linear-gradient(135deg,#ff6b00,#ff8f00);border:4px solid #fff3;border-radius:50%;box-shadow:0 6px 20px #0006;height:120px;margin-top:1rem;overflow:hidden;width:120px}.profile-photo-upload-button{align-items:center;background-color:#ff6b00;border:2px solid #fff;border-radius:50%;bottom:5px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:35px;justify-content:center;position:absolute;right:5px;transition:all .2s ease;width:35px;z-index:100}.profile-photo-upload-button:hover{background-color:#ff8f00;box-shadow:0 4px 12px #0006;transform:scale(1.1)}.profile-photo-upload-button:active{transform:scale(.95)}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-avatar-large .profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8f00);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-identity{flex:1 1}.profile-display-name{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 .25rem}.profile-username{color:#fff9;font-size:1rem;font-weight:400;margin-bottom:.75rem}.profile-bio-text{color:#fffc;font-size:.95rem;line-height:1.4;max-width:300px}.profile-impact-row{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:1.5rem}.impact-stat{padding:.5rem;text-align:center}.stat-number{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#fff9;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.profile-actions-section{display:flex;flex-direction:column;gap:.75rem;width:100%}.profile-action-button{background-color:#ff6b00;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease;white-space:nowrap;width:100%}.profile-action-button:hover{background-color:#ff8f00;box-shadow:0 4px 12px #ff6b004d;transform:translateY(-2px)}.profile-action-button.follow.following{background-color:initial;border:2px solid #ff6b00;color:#ff6b00}.profile-action-button.follow.following:hover{background-color:#ff6b001a}.profile-badges-section{background-color:#ffffff08;border-bottom:1px solid #ffffff1a;padding:1.5rem}.badges-title{color:#fff9;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.badges-strip{display:flex;flex-wrap:wrap;gap:1rem}.badge-item{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:100px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.badge-item:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.badge-icon{font-size:1.2rem}.badge-name{color:#fff;font-size:.85rem;font-weight:600}.badge-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.badge-modal-content{background-color:#1a1a1a;border:1px solid #fff3;border-radius:20px;max-width:300px;padding:2rem;text-align:center}.badge-modal-icon{font-size:3rem;margin-bottom:1rem}.badge-modal-content h3{color:#fff;margin-bottom:.5rem}.badge-modal-content p{color:#ffffffb3;margin-bottom:1.5rem}.badge-modal-content button{background-color:#ff6b00;border:none;border-radius:100px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem}.profile-activity-section{padding:2rem 1.5rem}.activity-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.profile-comments-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.profile-comment-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .2s ease}.profile-comment-preview:hover{background:#ffffff14;transform:translateX(5px)}.comment-preview-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:.95rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.comment-preview-stats{color:#fff9;display:flex;font-size:.85rem;gap:1rem}.comment-preview-stats span{align-items:center;display:flex;gap:.25rem}.profile-edit-form{width:100%}.edit-profile-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-content{background-color:#1a1a1a;border:1px solid #fff3;border-radius:20px;max-width:400px;padding:2rem;width:90%}.edit-profile-content h2{color:#fff;margin-bottom:1.5rem;text-align:center}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.create-hot-take-button{background-color:#ff6b00;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.create-hot-take-button:hover{background-color:#ff8f00;box-shadow:0 4px 12px #ff6b004d;transform:translateY(-2px)}.hot-takes-grid{grid-template-columns:1fr}.hot-take-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .2s ease}.hot-take-card:hover{background:#ffffff14;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.hot-take-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.hot-take-question{flex:1 1;font-size:1.1rem;font-weight:600;margin:0 1rem 0 0}.delete-hot-take-button{background:none;border:none;border-radius:50%;color:#fff6;cursor:pointer;flex-shrink:0;font-size:1.5rem;padding:.2rem .5rem;transition:all .2s ease}.delete-hot-take-button:hover{background-color:#ff3d001a;color:#ff3d00}.hot-take-options{display:flex}.hot-take-option{align-items:center;background:#ffffff08;border:2px solid #fff3;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:.5rem;transition:all .2s ease}.hot-take-option:hover:not(:disabled){background:#ff6b001a;border-color:#ff6b00;transform:translateY(-2px)}.hot-take-option:disabled{cursor:not-allowed;opacity:.6}.hot-take-option.option-a:hover:not(:disabled){background:#ffffff1a;border-color:#fff}.hot-take-option.option-b:hover:not(:disabled){background:#0003;border-color:#333}.option-text{text-align:center}.option-votes{color:#fff9;font-size:.8rem}.hot-take-interactions{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;gap:1rem;margin-bottom:1rem;padding:1rem 0}.hot-take-interaction-button{align-items:center;background:none;border:none;border-radius:100px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.hot-take-interaction-button:hover:not(:disabled){background-color:#ffffff1a;color:#fff;transform:translateY(-1px)}.hot-take-interaction-button:disabled{cursor:not-allowed;opacity:.4}.hot-take-interaction-button.clap:hover:not(:disabled){background-color:#4caf5033;color:#4caf50}.hot-take-interaction-button.tomato:hover:not(:disabled){background-color:#e5393533;color:#e53935}.hot-take-interaction-button.comments:hover:not(:disabled){background-color:#2196f333;color:#2196f3}.hot-take-stats{color:#ffffff80;display:flex;font-size:.8rem;justify-content:space-between;padding-top:.5rem}.hot-take-comments-section{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.comment-input-section{display:flex;gap:.75rem;margin-bottom:1rem}.comment-input{background-color:#ffffff0d;border:1px solid #fff3;border-radius:100px;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem}.comment-input:focus{background-color:#ffffff14;border-color:#ff6b00;outline:none}.comment-input::placeholder{color:#fff6}.comment-submit-button{background-color:#ff6b00;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.comment-submit-button:hover:not(:disabled){background-color:#ff8f00;transform:translateY(-1px)}.comment-submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.comments-list{display:flex;flex-direction:column;gap:1rem}.hot-take-comment{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.comment-author{color:#ff6b00;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.comment-text{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.comment-date{color:#fff6;font-size:.75rem}.no-comments{color:#fff6;font-size:.9rem;padding:1rem;text-align:center}.create-hot-take-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-hot-take-content{background-color:#1a1a1a;border:1px solid #fff3;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.create-hot-take-content h2{color:#fff;margin-bottom:1.5rem;text-align:center}.hot-take-form .form-group{margin-bottom:1.5rem}.hot-take-form label{color:#fffc;display:block;font-weight:600;margin-bottom:.5rem}.hot-take-form input,.hot-take-form textarea{background-color:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem;width:100%}.hot-take-form input:focus,.hot-take-form textarea:focus{background-color:#ffffff14;border-color:#ff6b00;outline:none}.hot-take-form input::placeholder,.hot-take-form textarea::placeholder{color:#fff6}@media (max-width:768px){.activity-header,.hot-take-options{flex-direction:column}.activity-header{align-items:flex-start;gap:1rem}.create-hot-take-button{text-align:center;width:100%}.hot-take-interactions{flex-wrap:wrap;gap:.5rem}.hot-take-interaction-button{font-size:.8rem;padding:.4rem .8rem}.comment-input-section{flex-direction:column;gap:.5rem}.comment-submit-button{align-self:flex-end;width:auto}}.form-group{margin-bottom:1.5rem}.form-group label{color:#444;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{resize:vertical}.input-help-text{color:#777;font-size:.8rem;margin-top:.25rem}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{background-color:#111;color:#666}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem}.save-button{background-color:#4a90e2;color:#fff;transition:all .2s ease}.save-button:hover{background-color:#3a7bc8}.error-message{color:#d32f2f;font-size:.85rem;margin-top:.5rem}.profile-loading{align-items:center;background-color:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.profile-loading p{color:#ffffffb3;font-size:1.1rem;margin-top:2rem}.profile-error,.profile-not-found{align-items:center;background-color:#111;color:#ff3d00;display:flex;font-size:1.1rem;justify-content:center;min-height:100vh}.loading-comments,.no-activity{color:#ffffff80;font-size:1rem;padding:2rem;text-align:center}@media (max-width:768px){.profile-header-content{flex-direction:column;text-align:center}.profile-avatar-container{margin:0 auto}.profile-identity{text-align:center}.profile-bio-text{max-width:100%}.profile-impact-row{flex-wrap:wrap;gap:1rem;padding:1rem}.impact-stat{min-width:80px}.stat-number{font-size:1.2rem}.badges-strip{justify-content:center}}.mention{background-color:#4a90e21a;border-radius:4px;color:#4a90e2;font-weight:500;padding:0 4px;text-decoration:none;transition:all .2s ease}.mention:hover{background-color:#4a90e233;text-decoration:underline}.tomato-button{position:relative;transition:all .2s ease}.tomato-button:hover:not(:disabled){transform:scale(1.2)}.tomato-button:active:not(:disabled){transform:scale(.9)}.tomato-thrown{opacity:.6}.tomato-hit{animation:tomato-splash .8s ease-out}.tomato-button:active:not(:disabled){animation:tomato-throw .5s cubic-bezier(.175,.885,.32,1.275);transform-origin:center right}.flying-tomato{animation:fly-tomato 1s cubic-bezier(.215,.61,.355,1) forwards;height:30px;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;position:absolute;width:30px;z-index:50}@keyframes fly-tomato{0%{opacity:.9;transform:scale(.5) rotate(0deg)}20%{opacity:1;transform:translateX(-40px) translateY(-60px) scale(.8) rotate(60deg)}50%{opacity:1;transform:translateX(-120px) translateY(-140px) scale(1) rotate(120deg)}to{opacity:0;transform:translateX(-200px) translateY(-200px) scale(1.2) rotate(220deg)}}@keyframes tomato-throw{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-15deg) scale(.8)}70%{transform:translateX(5px) rotate(5deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes tomato-splash{0%{background-color:initial}20%{background-color:#e539354d}40%{background-color:#e5393533}to{background-color:initial}}@keyframes sillyPopupFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(1deg)}80%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0deg)}}.tomato-splatter{animation:splatter-pulse 4s infinite alternate}.tomato-splatter.new-splat{animation:splatter-appear .5s ease-out,splatter-pulse 4s .5s infinite alternate}@keyframes splatter-appear{0%{filter:brightness(1.5) contrast(2);opacity:0;transform:scale(.2)}50%{filter:brightness(1.3) contrast(1.8);opacity:.95;transform:scale(1.3)}to{filter:brightness(1) contrast(1.3);opacity:.85;transform:scale(1)}}@keyframes splatter-pulse{0%{filter:brightness(1) contrast(1.2);transform:translateZ(0) scale(1)}50%{filter:brightness(1.1) contrast(1.3);transform:translateZ(0) scale(1.02)}to{filter:brightness(1) contrast(1.2);transform:translateZ(0) scale(1)}}.tomato-splatter.reply-splatter{animation:reply-splatter-pulse 3s infinite alternate}.tomato-splatter.reply-splatter.new-splat{animation:reply-splatter-appear .5s ease-out,reply-splatter-pulse 3s .5s infinite alternate}@keyframes reply-splatter-appear{0%{filter:brightness(1.5) contrast(2);opacity:0;transform:scale(.2) rotate(180deg)}50%{filter:brightness(1.3) contrast(1.8);opacity:.95;transform:scale(1.3) rotate(180deg)}to{filter:brightness(1) contrast(1.4);opacity:.85;transform:scale(1) rotate(180deg)}}@keyframes reply-splatter-pulse{0%{filter:brightness(1) contrast(1.2);transform:translateZ(0) scale(1) rotate(180deg)}50%{filter:brightness(1.2) contrast(1.4);transform:translateZ(0) scale(1.03) rotate(180deg)}to{filter:brightness(1) contrast(1.2);transform:translateZ(0) scale(1) rotate(180deg)}}.clap-button{position:relative;transition:all .2s ease}.clap-button:hover:not(:disabled){transform:scale(1.2)}.clap-button:active:not(:disabled){transform:scale(.9)}.clap-button.small,.tomato-button.small{font-size:1rem!important}.clap-button.small span,.tomato-button.small span{font-size:.7rem!important}.clap-given{animation:clap-highlight .5s ease-out}@keyframes clap-highlight{0%{background-color:initial}20%{background-color:#4caf5033}to{background-color:initial}}.reply-footer{align-items:center;display:flex;justify-content:flex-end;margin-top:.5rem}.tomato-splatter-container{overflow:hidden;pointer-events:none;position:absolute;z-index:1}.tomato-splatter-piece{animation:splatter-pulse 4s infinite alternate;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease-in-out;z-index:1}.tomato-splatter-piece.reply-splatter{animation:reply-splatter-pulse 3s infinite alternate;background-size:120%}.comment-content{position:relative;z-index:2}.mention-suggestions{background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #00000026;width:250px;z-index:100}.mention-item{transition:background-color .2s ease}.mention-item.selected,.mention-item:hover{background-color:#f5f7fa}.mention-avatar{background-color:#eee;color:#666;font-weight:700;margin-right:.75rem}.mention-name{color:#333;font-size:.95rem;font-weight:600}.mention-username{color:#777;font-size:.85rem}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;position:relative;width:90%}.close-button{background:none;border:none;color:#777;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px}.close-button:hover{color:#333}.login-modal h2{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.auth-error{background-color:#ffebee;border-radius:5px;color:#c62828;font-size:.9rem;padding:10px}.auth-error,.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-size:.9rem;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;width:100%}.form-group input:focus{border-color:#2196f3;outline:none}.auth-button{background-color:#ff6b00;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px;width:100%}.auth-button:hover{background-color:#e65100}.auth-button:disabled{background-color:#ffb74d;cursor:not-allowed}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.auth-divider span{color:#888;font-size:.9rem;padding:0 10px}.google-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px;width:100%}.google-button:hover{background-color:#111}.google-icon{height:20px;margin-right:10px;width:20px}.auth-switch{color:#555;font-size:.9rem;margin-top:20px;text-align:center}.text-button{background:none;border:none;color:#ff6b00;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.text-button:hover{color:#e65100}.passwordless-login h2{margin-bottom:20px}.passwordless-info{color:#666;font-size:.9rem;margin-top:20px;text-align:center}.passwordless-toggle{font-size:.9rem;margin-top:15px;text-align:center}.email-sent-confirmation{margin:20px 0;text-align:center}.email-sent-note{color:#666;font-size:.85rem;margin-top:15px}.done-button,.try-another-button{background-color:#ff6b00;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:10px 20px;width:100%}.done-button:hover,.try-another-button:hover{background-color:#e65100}.waiting-confirmation{margin:20px 0;text-align:center}.user-menu{position:absolute;right:15px;top:15px;z-index:30}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{background-color:#fff3;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar img{aspect-ratio:1/1;border-radius:50%;height:100%;object-fit:cover;width:100%}.login-button{background-color:#ff6b00;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:8px 15px;white-space:nowrap}.login-button:hover{background-color:#e65100}.user-dropdown{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;overflow:hidden;position:absolute;right:0;top:45px;width:200px}.dropdown-item{align-items:center;color:#333;display:flex;font-size:14px;padding:12px 15px;text-decoration:none}.dropdown-item:hover{background-color:#111}.dropdown-item svg{height:16px;margin-right:10px;width:16px}.dropdown-divider{border-top:1px solid #eee;margin:5px 0}.questions-list{display:flex;flex-direction:column;gap:1.5rem;max-height:650px;overflow-y:auto;padding-right:10px}.question-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.question-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.question-item-image{height:100px;min-width:100px;width:100px}.question-item-image img{height:100%;object-fit:cover;width:100%}.question-item-info{flex:1 1;padding:.75rem 1rem 2.5rem;position:relative}.question-item-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-item-options{display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.question-item-options p{margin:0}.question-item-options span{color:#555;font-weight:600}.delete-button.small{background-color:#f0f2f5;color:#e53935;font-size:.8rem;margin:0;padding:.25rem .6rem}.delete-button.confirm{background-color:#ffd7d7;color:#b71c1c}.delete-button.confirm:before{content:"✓"}.delete-button.cancel{background-color:#f0f2f5;color:#757575}.delete-button.cancel:before{content:"✕"}.reply-actions{bottom:10px;display:flex;justify-content:flex-end;margin-top:.5rem;position:absolute;right:10px}.load-more-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center;transition:background-color .2s ease}.load-more-button:hover{background-color:#e0e0e0}.loading-questions{color:#777;padding:2rem;text-align:center}.app-logo-container{left:calc(50% - 295px)!important;top:5px!important;z-index:99999!important}.app-logo-container,body .app-logo-container{position:fixed!important}body,html{filter:none \!important;perspective:none \!important}body,body>div[style*="position: fixed"],html{transform:none \!important;will-change:auto \!important}body>div[style*="position: fixed"]{position:fixed \!important}.notification-bell,.notification-bell-container{align-items:center;display:flex;position:relative}.notification-bell{background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.notification-bell:hover{background-color:#ffffff1a}.notification-bell.active{background-color:#ff6b0033}.notification-bell.pulse{animation:notification-pulse .6s ease-in-out}.bell-icon{color:#fff;font-size:1.5rem}.notification-badge{align-items:center;animation:badge-appear .3s ease-out;background-color:#f44;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;position:absolute;right:2px;top:2px}@keyframes notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes badge-appear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.notification-drawer-overlay{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;padding-right:20px;padding-top:60px;position:fixed;right:0;top:0;z-index:1000}.notification-drawer{animation:drawer-slide-in .3s ease-out;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:400px}@keyframes drawer-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-drawer-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.notification-drawer-header h2{color:#fff;font-size:1.5rem;margin:0}.close-drawer-button{background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-drawer-button:hover{background-color:#ffffff1a;color:#fff}.notification-filters{border-bottom:1px solid #ffffff1a;display:flex;overflow-x:auto;padding:0 1.5rem}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:1rem;padding:1rem .5rem;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{color:#fffc}.filter-tab.active{border-bottom-color:#ff6b00;color:#ff6b00}.notification-actions{border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem}.mark-all-read-button{background:none;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.mark-all-read-button:hover{background-color:#ffffff1a;color:#fff}.notification-list{flex:1 1;overflow-y:auto;padding:.5rem 0}.notification-item{align-items:flex-start;border-left:3px solid #0000;padding:1rem 1.5rem}.notification-item:hover{background-color:#ffffff0d}.notification-item.unread{background-color:#ff6b001a;border-left-color:#ff6b00}.notification-icon{flex-shrink:0;font-size:1.5rem;margin-right:1rem;margin-top:.2rem}.notification-message{font-size:.95rem;margin-bottom:.5rem}.notification-target{color:#fff9;font-size:.85rem;font-style:italic;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:.8rem}.unread-dot{animation:unread-pulse 2s infinite;background-color:#ff6b00;border-radius:50%;height:8px;position:absolute;right:1rem;top:1rem;width:8px}@keyframes unread-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.no-notifications{color:#fff9;padding:3rem 2rem}.no-notifications-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-notifications-message{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.no-notifications-subtitle{font-size:.9rem;opacity:.8}.notification-loading{color:#fff9;padding:3rem 2rem;text-align:center}.notification-loading .emoji-loader{margin-bottom:1rem}.notification-loading p{color:#fff;margin:0}@media (max-width:768px){.notification-drawer{border-radius:12px 12px 0 0;max-height:90vh;max-width:100vw;width:100vw}.notification-drawer-overlay{align-items:flex-end;justify-content:center;padding:0}.notification-filters{padding:0 1rem}.filter-tab{margin-right:.5rem;padding:1rem .3rem}.notification-item{padding:1rem}.notification-icon{font-size:1.3rem;margin-right:.8rem}}.profile-streak-section{margin:2rem 0;padding:0 1.5rem}.streak-display{background:linear-gradient(135deg,#ff6b001a,#ff45000d);border:1px solid #ff6b0033;border-radius:12px;color:#fff;padding:1.5rem}.streak-header{margin-bottom:1rem}.streak-title{color:#fff;font-size:1.2rem;margin:0;text-align:center}.streak-stats{flex-direction:column}.streak-current,.streak-stats{align-items:center;display:flex;gap:1rem}.streak-flame{animation:flame-flicker 2s ease-in-out infinite;font-size:3rem;transition:all .3s ease}.streak-flame.no-flame{animation:none;opacity:.3}.streak-flame.spark{animation:spark-twinkle 1.5s ease-in-out infinite;font-size:2.5rem}.streak-flame.ember{animation:ember-glow 2s ease-in-out infinite;font-size:3rem}.streak-flame.flame{animation:flame-dance 1.8s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,0,.6));font-size:3.5rem}.streak-flame.inferno{animation:inferno-rage 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,69,0,.8));font-size:4rem}.streak-flame.eternal{animation:eternal-power 1.2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,0,0,1));font-size:4.5rem}@keyframes spark-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ember-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes flame-dance{0%,to{transform:scale(1) rotate(-2deg)}25%{transform:scale(1.05) rotate(1deg)}50%{transform:scale(1.02) rotate(-1deg)}75%{transform:scale(1.08) rotate(2deg)}}@keyframes inferno-rage{0%,to{opacity:1;transform:scale(1) rotate(-3deg)}25%{opacity:.9;transform:scale(1.1) rotate(2deg)}50%{opacity:1;transform:scale(1.05) rotate(-2deg)}75%{opacity:.95;transform:scale(1.12) rotate(3deg)}}@keyframes eternal-power{0%,to{filter:drop-shadow(0 0 20px rgba(255,0,0,1)) hue-rotate(0deg);transform:scale(1) rotate(-5deg)}33%{filter:drop-shadow(0 0 25px rgba(255,69,0,1)) hue-rotate(30deg);transform:scale(1.15) rotate(2deg)}66%{filter:drop-shadow(0 0 30px rgba(255,107,0,1)) hue-rotate(60deg);transform:scale(1.08) rotate(-3deg)}}@keyframes flame-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.streak-info{text-align:center}.streak-number{color:#ff6b00;font-weight:800;text-shadow:0 2px 4px #0000004d}.streak-label{color:#fffc;font-size:1rem;margin-top:.2rem}.streak-level{color:#ff6b00;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:.3rem;text-transform:uppercase}.streak-details{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;width:100%}.streak-stat{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.stat-label{color:#ffffffb3;font-size:.9rem}.stat-value{color:#fff;font-weight:600}.streak-progress{margin-top:.5rem}.progress-label{color:#fffc;font-size:.85rem;margin-bottom:.5rem;text-align:center}.progress-bar{background-color:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff6b00,#ff8a00);border-radius:3px;height:100%;transition:width .5s ease}.streak-legend{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;color:gold;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.5rem;text-align:center}.streak-motivation{background:#ffffff0d;border-left:3px solid #ff6b00;border-radius:8px;color:#ffffffe6;font-size:.85rem;font-style:italic;margin-top:1rem;padding:.75rem;text-align:center}@media (max-width:768px){.profile-streak-section{margin:1.5rem 0;padding:0 1rem}.streak-display{padding:1rem}.streak-current{flex-direction:column;gap:.5rem}.streak-flame{font-size:2.5rem}.streak-flame.flame{font-size:3rem}.streak-flame.inferno{font-size:3.5rem}.streak-flame.eternal{font-size:4rem}.streak-number{font-size:2rem}.streak-details{margin-top:.8rem}}.badges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.badges-title{color:#fff;font-size:1.3rem;margin:0}.badge-count{color:#fff9;font-size:.9rem;font-weight:400;margin-left:.5rem}.view-all-badges-button{background:linear-gradient(135deg,#ff6b00,#ff8a00);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.view-all-badges-button:hover{box-shadow:0 4px 12px #ff6b004d;transform:translateY(-1px)}.badge-item.rarity-common{border:2px solid #9ca3af}.badge-item.rarity-uncommon{border:2px solid #10b981;box-shadow:0 0 10px #10b98133}.badge-item.rarity-rare{border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f64d}.badge-item.rarity-epic{border:2px solid #8b5cf6;box-shadow:0 0 10px #8b5cf64d}.badge-item.rarity-legendary{border:2px solid #f59e0b;box-shadow:0 0 15px #f59e0b66;overflow:hidden;position:relative}.badge-item.rarity-special{border:2px solid #ef4444;box-shadow:0 0 15px #ef444466}.legendary-glow{animation:legendary-sweep 3s infinite;background:linear-gradient(45deg,#0000,#f59e0b1a,#0000);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes legendary-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-badges-yet{color:#fff9;padding:2rem;text-align:center}.no-badges-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.no-badges-text{font-size:1rem;line-height:1.4}.badge-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.badge-modal-container{animation:modal-appear .3s ease-out;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.badge-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.badge-modal-header h2{color:#fff;font-size:1.5rem;margin:0}.badge-modal-close{background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.badge-modal-close:hover{background-color:#ffffff1a;color:#fff}.badge-stats-section{border-bottom:1px solid #ffffff1a;padding:1.5rem}.badge-stats-overview{display:flex;justify-content:space-around;margin-bottom:1rem}.stat-item{text-align:center}.stat-item .stat-number{color:#ff6b00;font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:#ffffffb3;font-size:.85rem;margin-top:.25rem}.completion-bar{background-color:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.completion-fill{background:linear-gradient(90deg,#ff6b00,gold);border-radius:4px;height:100%;transition:width .5s ease}.badge-category-filters{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;overflow-x:auto;padding:0 1.5rem}.category-filter{background:none;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:.85rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem .75rem;transition:all .2s ease;white-space:nowrap}.category-filter:hover{color:#fffc}.category-filter.active{border-bottom-color:#ff6b00;color:#ff6b00}.badge-grid-section{flex:1 1;overflow-y:auto;padding:1.5rem}.badge-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.badge-card.earned{background:#ffffff14}.badge-card.locked{opacity:.6}.badge-card.earned:hover{transform:translateY(-2px)}.badge-icon-container{margin-bottom:.75rem;position:relative;text-align:center}.badge-card .badge-icon{display:block;font-size:2.5rem}.legendary-sparkles{animation:sparkle 2s infinite;font-size:1rem;position:absolute;right:-10px;top:-10px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.special-glow{animation:special-pulse 2s infinite;background:radial-gradient(circle at center,#ef44441a,#0000);border-radius:6px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes special-pulse{0%,to{opacity:.3}50%{opacity:.6}}.badge-info{text-align:center}.badge-card .badge-name{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.badge-card .badge-description{color:#ffffffb3;font-size:.85rem;line-height:1.3;margin-bottom:.75rem}.badge-earned-date{color:#ffffff80;font-size:.75rem;margin-bottom:.5rem}.badge-rarity{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.badge-rarity.rarity-common{background-color:#9ca3af33;color:#9ca3af}.badge-rarity.rarity-uncommon{background-color:#10b98133;color:#10b981}.badge-rarity.rarity-rare{background-color:#3b82f633;color:#3b82f6}.badge-rarity.rarity-epic{background-color:#8b5cf633;color:#8b5cf6}.badge-rarity.rarity-legendary{background-color:#f59e0b33;color:#f59e0b}.badge-rarity.rarity-special{background-color:#ef444433;color:#ef4444}.badge-modal-loading{color:#fff9;padding:3rem;text-align:center}.badge-modal-loading .emoji-loader{margin-bottom:1rem}.badge-modal-loading p{color:#fff;margin:0}.no-badges-message{color:#fff9;padding:3rem;text-align:center}.no-badges-message .no-badges-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.no-badges-message .no-badges-text{font-size:1rem;line-height:1.4}@media (max-width:768px){.badge-modal-container{margin:.5rem;max-height:95vh}.badge-modal-header,.badge-stats-section{padding:1rem}.badge-category-filters{padding:0 1rem}.category-filter{font-size:.8rem;padding:.75rem .5rem}.badge-grid-section{padding:1rem}.badge-grid{gap:.75rem;grid-template-columns:1fr}.badge-card{padding:.75rem}.badge-card .badge-icon{font-size:2rem}.badges-header{align-items:flex-start;flex-direction:column;gap:.5rem}.view-all-badges-button{align-self:stretch;text-align:center}}.streak-milestone-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.streak-milestone-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;text-align:center;width:90%}.streak-modal-header{margin-bottom:1.5rem}.streak-modal-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:.5rem}.streak-modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.streak-modal-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.streak-modal-body{margin-bottom:1.5rem}.streak-visual-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.streak-flame{animation:flameFlicker 2s ease-in-out infinite;font-size:4rem;margin-bottom:.5rem;position:relative}.streak-flame.streak-level-1{color:#fcd34d;filter:drop-shadow(0 0 10px rgba(252,211,77,.5))}.streak-flame.streak-level-2{color:#f97316;filter:drop-shadow(0 0 15px rgba(249,115,22,.6))}.streak-flame.streak-level-3{color:#ef4444;filter:drop-shadow(0 0 20px rgba(239,68,68,.7))}.streak-flame.streak-level-4{color:#dc2626;filter:drop-shadow(0 0 25px rgba(220,38,38,.8))}.streak-flame.streak-level-5{animation:flameFlicker 1s ease-in-out infinite,legendaryGlow 3s ease-in-out infinite;color:#b91c1c;filter:drop-shadow(0 0 30px rgba(185,28,28,.9))}.streak-counter{align-items:center;display:flex;flex-direction:column}.streak-number{color:#fff;font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.25rem}.streak-label{color:#fff9;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.streak-modal-message{color:#fffc;line-height:1.5;margin-bottom:1rem}.next-milestone-preview{background:#ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1rem}.milestone-progress-bar{background:#ffffff1a;border-radius:10px;height:8px;margin-bottom:.75rem;overflow:hidden}.milestone-progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:10px;height:100%;transition:width .6s ease-out}.next-milestone-text{color:#ffffffb3;font-size:.9rem;margin:0}.next-milestone-text strong{color:#fff}.longest-streak-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.longest-streak-label{color:#fff9;font-size:.9rem}.longest-streak-value{color:#f59e0b;font-size:1rem;font-weight:700}.streak-modal-footer{text-align:center}.streak-modal-button{background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.75rem 2rem;transition:all .3s ease}.streak-modal-button:hover{box-shadow:0 10px 30px #f59e0b4d;transform:translateY(-2px)}.streak-modal-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(-1deg)}50%{transform:scale(.98) rotate(1deg)}75%{transform:scale(1.02) rotate(-.5deg)}}@keyframes legendaryGlow{0%,to{filter:drop-shadow(0 0 30px rgba(185,28,28,.9))}50%{filter:drop-shadow(0 0 40px rgba(185,28,28,1)) drop-shadow(0 0 60px rgba(245,158,11,.5))}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:768px){.streak-milestone-modal{border-radius:16px;max-width:95%;padding:1.5rem}.streak-modal-icon{font-size:2.5rem}.streak-modal-title{font-size:1.3rem}.streak-flame{font-size:3rem}.streak-number{font-size:2rem}.next-milestone-preview{padding:.75rem}.streak-modal-button{font-size:.9rem;min-width:120px;padding:.75rem 1.5rem}}.mention-link{background:#3b82f61a;border:1px solid #3b82f633;border-radius:.375rem;color:#3b82f6;cursor:pointer;font-weight:500;padding:.125rem .375rem;text-decoration:none;transition:all .2s ease}.mention-link:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}.mention-suggestions{animation:mentionFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:300px;max-width:300px;min-width:250px;overflow-y:auto;position:absolute;z-index:9999}@keyframes mentionFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mention-suggestions-header{border-bottom:1px solid #ffffff1a;padding:.75rem 1rem .5rem}.mention-suggestions-count{color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mention-item,.mention-suggestion-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.mention-item.selected,.mention-item:hover{background:#3b82f61a;border-left-color:#3b82f6}.mention-item.selected{background:#3b82f626}.mention-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.mention-avatar img{height:100%;object-fit:cover;width:100%}.mention-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.mention-user-info{flex:1 1;min-width:0}.mention-name{color:#fff;font-size:.875rem;font-weight:500}.mention-name,.mention-username{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-username{color:#fff9;font-size:.75rem}.mention-suggestion-item.loading{color:#fff9;cursor:default;justify-content:center}.mention-loading-spinner{animation:mentionSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes mentionSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mention-suggestion-item.hint,.mention-suggestion-item.no-results{color:#ffffff80;cursor:default;font-style:italic;justify-content:center}.mention-suggestions-footer{border-top:1px solid #ffffff1a;padding:.5rem 1rem .75rem;text-align:center}.mention-navigation-hint{color:#fff6;font-family:monospace;font-size:.6875rem;letter-spacing:.5px}@media (max-width:768px){.mention-suggestions{max-height:200px;max-width:calc(100vw - 2rem);min-width:200px}.mention-item,.mention-suggestion-item{gap:.5rem;padding:.625rem .75rem}.mention-avatar{font-size:.75rem;height:28px;width:28px}.mention-name{font-size:.8125rem}.mention-username{font-size:.6875rem}.mention-suggestions-footer,.mention-suggestions-header{padding-left:.75rem;padding-right:.75rem}.mention-navigation-hint{font-size:.625rem}}.comment-input-container{position:relative}.fixed-comment-input{line-height:1.4;min-height:60px;resize:none}.mention-highlight{background:#3b82f61a;border-radius:.25rem;color:#3b82f6;padding:.125rem .25rem}.user-avatar{position:relative}.notification-dot{animation:notificationPulse 2s infinite;background:#f97316;border:2px solid #000;border-radius:50%;box-shadow:0 0 0 2px #f973164d;height:12px;position:absolute;right:2px;top:2px;width:12px;z-index:10}@keyframes notificationPulse{0%,to{box-shadow:0 0 0 2px #f973164d;transform:scale(1)}50%{box-shadow:0 0 0 4px #f9731680;transform:scale(1.1)}}.notifications-section{max-width:100%}.notification-header{padding:0}.notification-header,.notifications-toggle{align-items:center;display:flex;justify-content:space-between}.notifications-toggle{flex:1 1;padding:.75rem 1rem}.notifications-toggle .chevron{color:#fff9;transition:transform .2s ease}.notifications-toggle .chevron.rotated{transform:rotate(180deg)}.mark-all-read-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.75rem;margin-right:1rem;padding:.375rem .75rem;transition:all .2s ease}.mark-all-read-btn:hover{background:#3b82f633;border-color:#3b82f680}.notifications-list{background:#0000004d;border-radius:8px;margin:.5rem 1rem 0;max-height:300px;overflow-y:auto}.notification-item{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#3b82f60d;border-left:3px solid #3b82f6}.notification-content{flex:1 1;min-width:0}.notification-message{color:#fff;font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.notification-time{color:#ffffff80;font-size:.75rem}.unread-indicator{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;width:8px}.no-notifications{color:#ffffff80;font-style:italic;padding:2rem 1rem;text-align:center}.view-all-notifications{border-top:1px solid #ffffff1a;cursor:pointer;padding:.75rem;text-align:center;transition:all .2s ease}.view-all-notifications:hover{background:#ffffff0d}.view-all-notifications span{color:#3b82f6;font-size:.875rem;font-weight:500}.dropdown-item.user-info{opacity:.8;padding:.75rem 1rem;pointer-events:none}@media (max-width:768px){.user-dropdown{max-height:80vh;max-width:calc(100vw - 2rem);overflow-y:auto}.notifications-list{margin:.5rem .75rem 0;max-height:200px}.notification-item{padding:.625rem}.notification-message{font-size:.8125rem}.notification-time{font-size:.6875rem}.mark-all-read-btn{font-size:.6875rem;margin-right:.75rem;padding:.25rem .5rem}.notification-dot{height:10px;right:1px;top:1px;width:10px}}.profile-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .3s ease;width:44px;z-index:1000}.profile-back-button:hover{background:#ffffff1a;box-shadow:0 6px 16px #0006;transform:scale(1.1)}.profile-back-button:active{transform:scale(.95)}.profile-back-button svg{transition:transform .2s ease}.profile-back-button:hover svg{transform:translateX(-1px)}@media (max-width:768px){.profile-back-button{height:40px;left:15px;top:15px;width:40px}.profile-back-button svg{height:18px;width:18px}}.following-page{color:#fff;padding:120px 20px 20px;width:100%}.following-header{margin-bottom:2rem;padding:2rem 0;text-align:center}.following-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.following-header p{color:#888;font-size:1.1rem}.following-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:4rem 1rem;text-align:center}.following-loading .emoji-loader{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.following-loading .emoji-item{animation:bounce 1.5s ease-in-out infinite;font-size:2rem}.following-loading .emoji-item:nth-child(2){animation-delay:.3s}.following-loading .emoji-item:nth-child(3){animation-delay:.6s}.following-login-prompt{background:#ffffff0d;border-radius:18px;margin:2rem 0;padding:4rem 1rem;text-align:center}.following-login-prompt h2{color:#fff;font-size:1.8rem;margin-bottom:1rem}.following-login-prompt p{color:#888;font-size:1.1rem;margin-bottom:2rem}.login-prompt-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.login-prompt-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.no-following{padding:4rem 1rem;text-align:center}.no-following-content{background:#ffffff0d;border-radius:18px;margin:0 auto;max-width:500px;padding:3rem 2rem}.no-following-icon{font-size:4rem;margin-bottom:1.5rem}.no-following h2{color:#fff;font-size:1.8rem;margin-bottom:1rem}.no-following p{color:#888;font-size:1.1rem;margin-bottom:2rem}.browse-users-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.browse-users-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.following-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem}.following-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.following-tab:hover{color:#fff}.following-tab.active{border-bottom-color:#667eea;color:#fff}.hot-takes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.following-hot-take-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:1.5rem;transition:all .3s ease}.following-hot-take-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.hot-take-author{margin-bottom:1rem}.author-link{align-items:center;color:#fff;display:flex;gap:.75rem;text-decoration:none;transition:color .3s ease}.author-link:hover{color:#667eea}.author-avatar{align-items:center;background:#333;border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info{flex:1 1}.author-name{font-size:.95rem}.hot-take-time{color:#888;font-size:.85rem}.hot-take-question{margin-bottom:1.5rem}.hot-take-question h3{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.4}.hot-take-options{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1rem}.hot-take-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1rem;text-align:left;transition:all .3s ease}.hot-take-option:hover{background:#ffffff14;border-color:#ffffff4d}.hot-take-option.option-a:hover,.hot-take-option.option-b:hover{border-color:#ffffff80}.option-text{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.option-stats{align-items:center;display:flex;gap:1rem}.vote-count{color:#888;font-size:.9rem}.vote-percentage{color:#667eea;font-size:.9rem;font-weight:600}.hot-take-interactions{align-items:center;color:#888;display:flex;font-size:.9rem;gap:1.5rem}.interaction-stat{align-items:center;display:flex;gap:.25rem}.activity-list{grid-gap:1rem;display:grid;gap:1rem}.activity-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#ffffff14;border-color:#fff3}.activity-avatar{align-items:center;background:#333;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.activity-avatar img{height:100%;object-fit:cover;width:100%}.activity-content{flex:1 1}.activity-text{color:#fff;font-size:.95rem;line-height:1.4;margin-bottom:.25rem}.user-link{color:#667eea;font-weight:600;text-decoration:none}.user-link:hover{text-decoration:underline}.question-preview{color:#ccc;font-style:italic}.activity-time{color:#888;font-size:.85rem}.no-content{color:#888;font-size:1.1rem;padding:3rem 1rem;text-align:center}@media (max-width:768px){.following-page{padding:.5rem}.following-header h1{font-size:2rem}.following-tabs{flex-direction:column;gap:0}.following-tab{padding:.75rem;text-align:center}.hot-take-options{gap:.75rem}.hot-take-option{padding:.75rem}.option-stats{align-items:flex-start;flex-direction:column;gap:.25rem}.hot-take-interactions{flex-wrap:wrap;gap:1rem}}.feed-navigation{margin-top:2rem;padding:1rem 0}.feed-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between}.feed-nav-btn{background:#667eea;border:none;border-radius:8px;font-weight:600;padding:.5rem 1rem}.feed-nav-btn:hover{background:#5a67d8;transform:translateY(-2px)}.feed-indicator{color:#888;font-size:.9rem;font-weight:600}.current-feed-item{margin-bottom:1rem}.following-feed-container{background:#111;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:calc(100vh - 140px);padding:100px 20px 20px;width:100%}.following-loading-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.loading-animation{height:80px;position:relative;width:80px}.pulse-ring{animation:pulse 2s ease-out infinite;border:3px solid #f97316;border-radius:50%;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.following-empty-state{align-items:center;display:flex;height:100%;justify-content:center}.empty-state-content{padding:2rem;text-align:center}.following-feed{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.feed-item-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:600px;padding:20px;width:100%}.feed-hot-take{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:30px;width:100%}.feed-author-header{margin-bottom:25px}.author-profile-link{align-items:center;color:#fff;display:flex;gap:15px;text-decoration:none}.author-avatar-large{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);border:2px solid #f973164d;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;overflow:hidden;width:50px}.author-avatar-large img{height:100%;object-fit:cover;width:100%}.author-details{flex:1 1}.author-name{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.post-time{color:#888;font-size:14px}.hot-take-content{text-align:center}.hot-take-question{color:#fff;font-size:24px;font-weight:700;line-height:1.4;margin-bottom:30px}.hot-take-voting-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.voting-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.voting-option:hover{border-color:#f9731680;box-shadow:0 4px 20px #f9731633;transform:translateY(-2px)}.option-a-feed{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.option-b-feed{background:linear-gradient(135deg,#0000004d,#0000001a)}.option-label{color:#f97316;font-size:18px;font-weight:700;left:20px;position:absolute;top:15px}.option-text-feed{color:#fff;display:block;font-size:16px;font-weight:500;line-height:1.4;margin-bottom:15px;margin-left:40px}.vote-bar{background:#ffffff1a;border-radius:2px;height:4px;margin:10px 0;overflow:hidden}.vote-fill{background:linear-gradient(90deg,#f97316,#ef4444);height:100%;transition:width .3s ease}.vote-stats{align-items:center;color:#888;display:flex;font-size:14px;gap:10px}.vote-percent{color:#f97316;font-weight:600}.hot-take-engagement{display:flex;gap:20px;justify-content:center}.engagement-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 20px;transition:all .2s ease}.engagement-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.feed-activity{align-items:center;display:flex;height:100%;justify-content:center}.activity-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;max-width:500px;padding:40px;text-align:center;width:100%}.activity-icon{font-size:60px;margin-bottom:20px}.activity-main{align-items:center;display:flex;flex-direction:column;gap:15px}.activity-user-link{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.activity-user-avatar{align-items:center;background:#333;border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.activity-user-avatar img{height:100%;object-fit:cover;width:100%}.activity-username{color:#f97316;font-size:18px;font-weight:600}.activity-description{color:#ccc;font-size:16px;margin:10px 0}.activity-description strong{color:#fff}.activity-question{color:#fff;font-size:20px;font-style:italic;font-weight:600;line-height:1.4;margin:15px 0}.activity-timestamp{color:#888;font-size:14px}.feed-navigation{display:flex;justify-content:center;margin-top:20px;padding:20px 0}.feed-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;display:flex;gap:8px;padding:10px 20px}.feed-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.feed-dot.active{background:#f97316;border-radius:4px;width:24px}.feed-dot:hover{background:#ffffff80}.feed-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:45px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;width:45px;z-index:1000}.feed-nav-btn:hover{background:#000000e6;border-color:#f97316;transform:translateY(-50%) scale(1.1)}.feed-nav-btn.prev{left:20px}.feed-nav-btn.next{right:20px}@media (max-width:768px){.following-feed-container{padding-top:60px}.feed-item-container{padding:10px}.feed-hot-take{padding:20px}.hot-take-question{font-size:20px}.voting-option{padding:15px}.option-text-feed{font-size:14px;margin-left:35px}.feed-nav-btn{font-size:24px;height:40px;width:40px}.feed-navigation{bottom:20px}}
/*# sourceMappingURL=main.14b87fd1.css.map*/