:root{--bg-primary:#f8fafc;--bg-secondary:#fffffffa;--bg-card:#fff;--bg-card-hover:#f1f5f9;--card-bg-secondary:#f8fafc;--hover-bg:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-accent:#6366f1;--text-light:#fff;--text-dark:#0f172a;--text-muted:#94a3b8;--text-gray:#64748b;--border-color:#e2e8f0;--border:#e2e8f0;--text:#0f172a;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--navbar-bg:#fffffffa;--navbar-text:#475569;--navbar-hover:#6366f1;--success-bg:#dcfce7;--success-text:#166534;--error-bg:#fee2e2;--error-text:#991b1b;--btn-primary:#6366f1;--btn-primary-hover:#4f46e5;--btn-secondary:#8b5cf6;--btn-secondary-hover:#7c3aed;--btn-danger:#ef4444;--btn-danger-hover:#dc2626;--btn-success:#10b981;--btn-success-hover:#059669;--modal-overlay-bg:#0f172abf;--modal-bg:#fff;--modal-border:#e2e8f0;--banner-placeholder-bg:#f1f5f9;--info-box-bg:#eff6ff;--info-box-border:#93c5fd;--warning-bg:#fef3c7;--warning-border:#fbbf24;--warning-text:#92400e;--code-bg:#f1f5f9;--link-color:#6366f1;--link-hover-color:#4f46e5;--profile-gradient-start:#f8fafc;--profile-gradient-end:#e0e7ff;--accent-orange:#f97316;--accent-purple:#a855f7;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#fbbf24;--accent-pink:#ec4899;--accent-light-blue:#0ea5e9;--input-border:#cbd5e1;--input-text:#0f172a}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293bfa;--bg-card:#1e293b;--bg-card-hover:#334155;--card-bg:#1e293b;--card-bg-secondary:#0f172a;--hover-bg:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-accent:#818cf8;--text-light:#fff;--text-dark:#f1f5f9;--text-muted:#64748b;--text-gray:#94a3b8;--border-color:#334155;--border:#334155;--text:#f1f5f9;--shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--shadow-hover:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;--navbar-bg:#0f172afa;--navbar-text:#cbd5e1;--navbar-hover:#a5b4fc;--success-bg:#10b98126;--success-text:#34d399;--error-bg:#ef444426;--error-text:#f87171;--btn-primary:#6366f1;--btn-primary-hover:#4f46e5;--btn-secondary:#8b5cf6;--btn-secondary-hover:#7c3aed;--btn-danger:#ef4444;--btn-danger-hover:#dc2626;--btn-success:#10b981;--btn-success-hover:#059669;--modal-overlay-bg:#000000d9;--modal-bg:#1e293b;--modal-border:#334155;--banner-placeholder-bg:#334155;--info-box-bg:#3b82f626;--info-box-border:#3b82f6;--warning-bg:#fbbf2426;--warning-border:#fbbf24;--warning-text:#fbbf24;--code-bg:#334155;--link-color:#818cf8;--link-hover-color:#a5b4fc;--profile-gradient-start:#0f172a;--profile-gradient-end:#1e293b;--accent-orange:#fb923c;--accent-purple:#a855f7;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-red:#f87171;--accent-yellow:#fbbf24;--accent-pink:#f472b6;--accent-light-blue:#38bdf8;--input-bg:#334155;--input-border:#475569;--input-text:#f1f5f9}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-primary);background:linear-gradient(180deg,#f8fafc,#e0e7ff 50%,#f1f5f9);background-attachment:fixed;color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;min-height:100vh;scroll-behavior:smooth;transition:background .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(180deg,#0f172a,#1e293b 25%,#0f172a 75%,#1e1b4b);background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f1;box-shadow:0 0 5px var(--btn-primary)}50%{box-shadow:0 0 20px #6366f1,0 0 30px #6366f1;box-shadow:0 0 20px var(--btn-primary),0 0 30px var(--btn-primary)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container{animation:fadeInUp .6s ease-out;box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:20px;width:100%}.btn{border:none;border-radius:10px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;overflow:hidden;padding:12px 24px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px 0 #6366f163;color:var(--text-light)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px 0 #6366f180;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 14px 0 #8b5cf663;color:var(--text-light)}.btn-secondary:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 20px 0 #8b5cf680;transform:translateY(-1px)}.btn-danger{box-shadow:0 4px 14px 0 #ef444463;color:var(--text-light)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px 0 #ef444480;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px 0 #10b98163;color:#fff;color:var(--text-light)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px 0 #10b98180;transform:translateY(-1px)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;margin-bottom:24px;min-height:400px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{border-color:#6366f166;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card:hover:before{opacity:1}.card-content{display:flex;flex:1 1;flex-direction:column}.card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.form-group{animation:slideInLeft .4s ease-out}.form-group:nth-child(2n){animation:slideInRight .4s ease-out}.form-group label{letter-spacing:.01em}select option{background:#fff;background:var(--bg-card);color:#0f172a;color:var(--text-primary);padding:10px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--input-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:var(--input-text);font-family:inherit;font-size:15px;padding:14px 16px;width:100%}.form-group select option{background:#fff;background:var(--bg-card);color:#0f172a;color:var(--text-primary);padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 0 0 4px #6366f11a;transform:translateY(-1px)}.form-group textarea{line-height:1.6;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b;color:var(--text-secondary);opacity:.7}.checkbox-label{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;background-color:var(--input-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked~.checkmark{background-color:#6366f1;background-color:var(--btn-primary);border-color:#6366f1;border-color:var(--btn-primary)}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label input[type=checkbox]:checked~.checkmark:after{display:block}.checkbox-label:hover .checkmark{border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 0 0 2px #6366f11a}.code-info,.cooldown-info,.email-info{color:#64748b;color:var(--text-secondary);display:block;font-size:13px;line-height:1.5;margin-top:6px}.error-message{animation:slideInLeft .3s ease-out;background:#fee2e2;border-left:4px solid #991b1b;border-left:4px solid var(--error-text);box-shadow:0 1px 3px 0 #ef44441a}.error-message,.success-message{border-radius:12px;padding:16px 18px}.success-message{animation:slideInRight .3s ease-out;background:#dcfce7;background:var(--success-bg);border-left:4px solid #166534;border-left:4px solid var(--success-text);box-shadow:0 1px 3px 0 #10b9811a;color:#166534;font-weight:500;margin-bottom:20px}.loading{animation:pulse 2s infinite;color:#fff;color:var(--text-light);font-size:20px;font-weight:600;padding:60px 20px}.loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--text-light);content:"";display:inline-block;height:20px;margin-left:12px;width:20px}.navbar{animation:slideInLeft .5s ease-out;background:#fffffffa;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;margin-bottom:40px;padding:16px 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.navbar .container{margin:0 auto;max-width:1400px;padding:0 20px}.navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:#6366f1;color:var(--text-accent);cursor:pointer;flex-shrink:0;font-size:24px;font-weight:800;letter-spacing:-.02em;transition:transform .3s ease}.navbar h1:hover{transform:scale(1.03)}.navbar nav{align-items:center;display:flex;flex-wrap:nowrap;gap:.8rem;white-space:nowrap}.desktop-nav{gap:.8rem}.navbar a{border-radius:8px;color:#475569;color:var(--navbar-text);flex-shrink:0;font-size:14px;font-weight:500;padding:8px 14px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar a:after{background:#6366f1;background:var(--navbar-hover);bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navbar a:hover:after{width:70%}.navbar a:hover{background:#6366f114;color:#6366f1;color:var(--navbar-hover)}.navbar button{font-size:14px;margin-left:0}.theme-toggle{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.theme-toggle:hover{background:#6366f11a;border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 4px 12px #6366f133;transform:rotate(180deg) scale(1.05)}.grid{grid-gap:20px;align-items:stretch;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:24px;max-width:100%;overflow:hidden;width:100%}.grid>*{animation:fadeInUp .6s ease-out}.grid .card,.grid>*{display:flex;flex-direction:column;max-width:100%;min-width:0}.grid .card{box-sizing:border-box;height:100%;width:100%}.grid>:first-child{animation-delay:.1s}.grid>:nth-child(2){animation-delay:.2s}.grid>:nth-child(3){animation-delay:.3s}.grid>:nth-child(4){animation-delay:.4s}.grid>:nth-child(5){animation-delay:.5s}.grid>:nth-child(6){animation-delay:.6s}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{animation:fadeInUp .6s ease-out;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);flex-direction:column;justify-content:center;min-height:120px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);height:3px;right:0;transition:opacity .3s ease}.stat-card:hover{border-color:#6366f166;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-3px) scale(1.02)}.stat-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}.stat-card p{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card a{color:#6366f1;color:var(--btn-primary);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.card a:hover{color:#4f46e5;color:var(--btn-primary-hover);transform:translateX(2px)}.card a:after{content:"→";margin-left:4px;transition:transform .3s ease}.card a:hover:after{transform:translateX(4px)}.badge{border-radius:20px;box-shadow:0 1px 3px 0 #0000001a;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 14px}.badge-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #059669;color:#065f46}.badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.badge-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #dc2626;color:#7f1d1d}.form-section{background:#f1f5f9;background:var(--bg-card-hover);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.form-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#6366f1;color:var(--text-accent);margin-bottom:20px}.link-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.link-input-group input{flex:1 1}.link-input-group .btn{font-size:14px;min-width:auto;padding:10px 16px}@media (max-width:1024px){.grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.container{padding:16px}}@media (max-width:768px){.navbar{margin-bottom:16px;padding:12px 0}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar .container{flex-direction:column;gap:12px;padding:0 16px}.navbar h1{font-size:22px}.navbar nav{flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.navbar a{font-size:13px;padding:8px 12px;text-align:center}.navbar button{font-size:13px;margin-left:0;margin-top:4px;min-width:100px;padding:8px 16px;width:auto}.theme-toggle{font-size:16px;height:36px;width:36px}.grid{gap:20px}.grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:16px}.container{padding:16px}.card{padding:20px}.btn{font-size:15px;padding:12px 20px}.card>div[style*="display: flex"]{flex-direction:column!important}.card>div[style*="display: flex"] .btn{margin:4px 0!important;width:100%}.link-input-group{flex-direction:column}.link-input-group .btn{align-self:stretch;width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){body{font-size:14px}.navbar h1{font-size:20px}.navbar nav{gap:6px}.navbar a{font-size:13px;padding:8px 12px}.stat-card h3{font-size:clamp(20px,6vw,28px)}.card{margin-bottom:16px;padding:16px}.card h3{font-size:18px!important}.card p{font-size:14px!important}.btn{font-size:14px;padding:10px 16px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px 14px}.container{padding:12px}.grid{gap:16px}.card>div:first-child img{height:100px!important;width:100px!important}}@media (max-width:360px){.navbar h1{font-size:18px}.card{padding:12px}.btn{font-size:13px;padding:8px 12px}.container{padding:8px}.stat-card h3{font-size:clamp(18px,8vw,24px)}.stat-card{min-height:100px;padding:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-card)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary)}.btn:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.theme-toggle:focus{outline:2px solid #6366f1;outline:2px solid var(--btn-primary);outline-offset:2px}.approval-preview{background:#f1f5f9;background:var(--bg-card-hover);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:20px}.approval-content{max-width:100%}.approval-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.approval-avatar{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:80px;object-fit:cover;width:80px}.approval-about{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:10px 0}.approval-price{color:#6366f1;color:var(--text-accent);font-size:16px;font-weight:600;margin:10px 0}.approval-links{margin:15px 0}.approval-links h5{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.approval-links ul{list-style:none;margin:0;padding:0}.approval-links li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:5px;padding:5px 0}.approval-links li:last-child{border-bottom:none}.approval-links a{color:#6366f1;color:var(--btn-primary);text-decoration:none;word-break:break-all}.approval-links a:hover{text-decoration:underline}.approval-media{margin:20px 0}.approval-media h5{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.media-gallery{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.media-item{text-align:center}.media-image{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:100px;object-fit:cover;transition:transform .2s ease;width:100%}.media-image:hover{transform:scale(1.05)}.media-video{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;height:100px;width:100%}.media-filename{color:#64748b;color:var(--text-secondary);font-size:12px;margin-top:5px;text-align:center;word-break:break-word}[data-theme=dark] .approval-links li{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}[data-theme=dark] .media-image,[data-theme=dark] .media-video{border-color:#e2e8f0;border-color:var(--border-color)}.homepage-content{animation:contentFadeIn .8s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.star-rating-display{display:inline-flex;font-size:20px;gap:4px}.star-rating-display .star{transition:color .2s ease,transform .2s ease}.star-rating-display .star.filled{color:#fbbf24;text-shadow:0 0 8px #fbbf2480}.star-rating-display .star.empty{color:#d1d5db}.average-rating{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:12px;margin:16px 0;padding:16px 0}.average-rating .rating-text{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:600}.review-actions-container{display:flex;gap:8px;justify-content:flex-start;margin-top:16px}.review-actions-container .btn{flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.review-form-container{animation:slideInDown .3s ease-out;background:#f8fafc;background:var(--card-bg-secondary);border:2px solid #6366f1;border:2px solid var(--btn-primary);border-radius:12px;margin-top:20px;padding:24px}.review-form-container h3{color:#6366f1;color:var(--text-accent);font-size:22px;margin-bottom:20px}.review-form{display:flex;flex-direction:column;gap:20px}.star-rating-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.star-button{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:32px;line-height:1;padding:4px;transition:all .2s ease}.star-button:hover{transform:scale(1.2) rotate(-15deg)}.star-button.active{animation:starPop .3s ease;color:#fbbf24;text-shadow:0 0 12px #fbbf2499}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.star-rating-selector .rating-text{color:#64748b;color:var(--text-secondary);font-size:14px;margin-left:8px}.review-form .form-group textarea{min-height:120px;resize:vertical}.character-count{color:#64748b;display:block;font-size:12px;margin-top:4px;text-align:right}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1 1;min-width:120px}.info-text{background:#fff;background:var(--bg-card);border-left:3px solid #6366f1;border-left:3px solid var(--btn-primary);border-radius:4px;font-size:13px;font-style:italic;margin:0;padding:12px}.reviews-list{animation:slideInDown .3s ease-out;background:#f8fafc;background:var(--card-bg-secondary);border-radius:12px;margin-top:24px;padding:24px}.reviews-list h3{color:#6366f1;color:var(--text-accent);font-size:22px;margin-bottom:24px}.review-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.review-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--card-bg) 0,var(--card-bg-secondary) 100%);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.review-modal-header h2{color:#6366f1;color:var(--text-accent);font-size:24px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.modal-close-btn{background:#f8fafc;background:var(--card-bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;color:var(--text-secondary);height:44px;padding:8px;transition:all .3s ease;width:44px}.modal-close-btn:hover{background:#ef4444;background:var(--btn-danger);border-color:#ef4444;border-color:var(--btn-danger);box-shadow:0 4px 12px #e74c3c4d}.review-modal-body{background:#fff;background:var(--card-bg);flex:1 1;overflow-y:auto;padding:28px}.reviews-scrollable-list{display:flex;flex-direction:column;gap:20px}.review-modal-item{background:#f8fafc;background:var(--card-bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px;padding:24px;transition:all .3s ease}.review-modal-item:hover{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--card-bg-secondary) 0,var(--card-bg) 100%);border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.review-item{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:20px;position:relative;transition:all .3s ease}.review-item:hover{border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.review-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.review-user-info{align-items:center;display:flex;gap:12px}.user-avatar{position:relative}.user-avatar img{border-radius:50%}.avatar-placeholder,.user-avatar img{border:2px solid #6366f1;border:2px solid var(--btn-primary)}.avatar-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--btn-primary),var(--btn-secondary));height:48px;width:48px}.user-details{display:flex;flex-direction:column;gap:4px}.username{color:#0f172a;color:var(--text-primary);font-size:16px}.review-date{color:#64748b;color:var(--text-secondary);font-size:13px}.review-rating{align-items:center;display:flex;gap:8px}.rating-number{color:#6366f1;color:var(--text-accent);font-size:16px;font-weight:600}.review-content{margin-bottom:16px}.review-content p{color:#0f172a;color:var(--text-primary);line-height:1.6;margin:0}.review-actions{flex-wrap:wrap;gap:8px}.btn-small{font-size:14px;padding:8px 16px}.review-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:12px;padding:6px 12px}.review-status-badge.pending{background:#fbbf241a;border:1px solid #fbbf24;color:#fbbf24}.reviews-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.no-reviews{color:#64748b;color:var(--text-secondary);padding:40px;text-align:center}.no-reviews p{font-size:16px;margin:0}@media (max-width:768px){.review-actions-container{flex-direction:column;gap:6px}.review-actions-container .btn{font-size:15px;padding:10px 16px;width:100%}.review-modal-content{border-radius:16px;margin:10px;max-height:90vh;width:95%}.review-modal-header{padding:20px}.review-modal-header h2{font-size:20px}.review-modal-body{padding:20px}.review-modal-item{margin-bottom:12px;padding:20px}.review-header{align-items:flex-start;flex-direction:column}.star-rating-selector{flex-wrap:wrap}.star-button{font-size:28px}.review-form-container,.review-item,.reviews-list{padding:16px}}.reviews-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.review-card{min-height:450px}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr}}.review-details-section{max-height:70vh;overflow-y:auto;padding-right:8px}.review-details-section::-webkit-scrollbar{width:8px}.review-details-section::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.review-details-section::-webkit-scrollbar-thumb{background:#6366f1;background:var(--btn-primary);border-radius:4px}.review-details-section::-webkit-scrollbar-thumb:hover{background:var(--btn-hover)}[data-theme=dark] .review-form-container,[data-theme=dark] .reviews-list{background:#ffffff0d}[data-theme=dark] .review-item{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .info-text{background:#ffffff0d}[data-theme=dark] .review-modal-backdrop{background:#000000e6}[data-theme=dark] .review-modal-content{border-color:#ffffff1a;box-shadow:0 25px 50px #000000b3,0 0 0 1px #ffffff1a}[data-theme=dark] .review-modal-header{background:linear-gradient(135deg,#1e1e2ef2,#1a1a26f2);border-bottom-color:#ffffff1a}[data-theme=dark] .review-modal-item{background:#1e1e2ecc;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .review-modal-item:hover{background:linear-gradient(135deg,#1e1e2ee6,#1a1a26e6);border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 8px 25px #0006}@media print{.btn,.navbar,.theme-toggle{display:none!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.card-grid-item{display:flex;flex-direction:column;height:100%}.card-header-image{display:flex;flex-shrink:0;justify-content:center;margin-bottom:20px;width:100%}.card-avatar{object-fit:cover}.card-avatar,.card-avatar-placeholder{border:4px solid #6366f1;border:4px solid var(--btn-primary);border-radius:50%;box-shadow:0 4px 12px #667eea4d;height:120px;width:120px}.card-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--btn-primary),var(--btn-secondary));color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.card-body-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.card-title{color:#6366f1;color:var(--text-accent);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:8px}.card-description{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#64748b;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:15px;line-height:1.6;overflow:hidden}.card-media-grid{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.card-media-item{aspect-ratio:1;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.card-media-item img,.card-media-item video{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card-media-item:hover img{transform:scale(1.05)}.card-media-placeholder{height:150px}.card-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.card-link-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--btn-primary),var(--btn-primary-hover));border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;color:var(--text-light);display:inline-flex;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.card-link-badge:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}@media (max-width:768px){.card{min-height:350px}.card-avatar{height:100px;width:100px}.card-avatar-placeholder{font-size:36px;height:100px;width:100px}.card-media-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.card-media-placeholder{height:100px}.card-description{-webkit-line-clamp:5;line-clamp:5;font-size:14px}}@media (max-width:480px){.card{min-height:320px}.card-avatar{height:80px;width:80px}.card-avatar-placeholder{font-size:28px;height:80px;width:80px}.card-title{font-size:18px!important}.card-media-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.card-media-placeholder{height:80px}.card-link-badge{font-size:12px;padding:6px 10px}}.skeleton-card{animation:fadeIn .3s ease-in;opacity:.8;pointer-events:none}.skeleton{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f8fafc,#f1f5f9 50%,#f8fafc);background:linear-gradient(90deg,var(--card-bg-secondary) 0,var(--bg-card-hover) 50%,var(--card-bg-secondary) 100%);background-size:1000px 100%;border-radius:8px;display:block}.skeleton-avatar{border-radius:50%;height:120px;margin:0 auto 16px;width:120px}.skeleton-media{border-radius:8px;height:200px;width:100%}.skeleton-title{border-radius:6px;height:24px;width:70%}.skeleton-heading{border-radius:6px;height:20px}.skeleton-text{border-radius:4px;height:16px;width:100%}.skeleton-small-text{border-radius:4px;height:12px}.skeleton-price{border-radius:6px;height:32px;width:50%}.skeleton-stars{border-radius:4px;height:20px}.skeleton-badge{border-radius:20px;height:32px;width:80px}.skeleton-button{border-radius:12px;height:44px;width:100%}.card-fade-in{animation:fadeIn .5s ease-in}@media (max-width:768px){.skeleton-avatar{height:100px;width:100px}.skeleton-media{height:150px}}@media (max-width:480px){.skeleton-avatar{height:80px;width:80px}.skeleton-media{height:120px}.skeleton-title{height:20px}}.footer{background:#fffffffa;background:var(--bg-secondary);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);margin-top:4rem;padding:2rem 1rem;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px}.footer-text{color:#0f172a;color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.buy-me-coffee-btn{align-items:center;background:linear-gradient(135deg,#fd0,#fbb034);border-radius:50px;box-shadow:0 4px 15px #fbb0344d;color:#000;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.buy-me-coffee-btn:hover{background:linear-gradient(135deg,#fbb034,#fd0);box-shadow:0 6px 20px #fbb03480;transform:translateY(-2px)}.coffee-icon{font-size:1.2rem}.footer-copyright{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}@media (max-width:768px){.footer{margin-top:3rem;padding:1.5rem 1rem}.footer-text{font-size:1rem}.buy-me-coffee-btn{font-size:.95rem;padding:.6rem 1.2rem}.footer-copyright{font-size:.85rem}}@media (max-width:480px){.footer{margin-top:2rem;padding:1.25rem .75rem}.footer-text{font-size:.95rem}.buy-me-coffee-btn{font-size:.9rem;padding:.5rem 1rem}.footer-copyright{font-size:.8rem}}.tools-page{background:#f8fafc;background:var(--bg-primary);min-height:calc(100vh - 200px);padding:2rem 1rem}.tools-container{margin:0 auto;max-width:1200px}.tools-title{color:#0f172a;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.tools-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #ffc10733;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}[data-theme=dark] .tools-warning{background:linear-gradient(135deg,#3a3a1e,#4a4a2e);border-color:#ffc107}.warning-icon{font-size:2rem}.warning-content h3{color:#856404;font-size:1.2rem;margin:0 0 .5rem}[data-theme=dark] .warning-content h3{color:#ffc107}.warning-content p{line-height:1.6}.tools-login-notice{background:#fffffffa;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1rem;text-align:center}.tools-login-notice p{color:#0f172a;color:var(--text-primary);font-size:1.1rem;margin:0}.tools-login-notice a{color:#6366f1;color:var(--btn-primary);font-weight:600;text-decoration:none}.tools-login-notice a:hover{text-decoration:underline}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.tool-card{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:2rem;text-align:center;transition:all .3s ease}.tool-card:hover{border-color:#6366f1;border-color:var(--btn-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.tool-icon{font-size:4rem;margin-bottom:1rem}.tool-name{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.tool-description{color:#64748b;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem;min-height:80px}.tool-download-btn{background:#6366f1;background:var(--btn-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.tool-download-btn:hover:not(:disabled){background:#4f46e5;background:var(--btn-primary-hover);transform:scale(1.05)}.tool-download-btn:disabled{background:#8b5cf6;background:var(--btn-secondary);cursor:not-allowed;opacity:.6}@media (max-width:768px){.tools-page{padding:1.5rem 1rem}.tools-title{font-size:2rem}.tools-warning{flex-direction:column;padding:1rem}.warning-icon{font-size:1.5rem}.warning-content h3{font-size:1rem}.warning-content p{font-size:.9rem}.tools-grid{gap:1.5rem;grid-template-columns:1fr}.tool-card{padding:1.5rem}.tool-icon{font-size:3rem}.tool-name{font-size:1.25rem}.tool-description{font-size:.9rem;min-height:auto}}@media (max-width:480px){.tools-title{font-size:1.75rem}.tools-warning{padding:.75rem}.tool-card{padding:1.25rem}.tool-icon{font-size:2.5rem}.tool-name{font-size:1rem}}.giveaways-page{margin:0 auto;max-width:1400px;padding:20px}.giveaways-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.giveaways-title{color:#0f172a;color:var(--text-primary);font-size:2.5rem;margin:0}.host-giveaway-btn{background-color:#10b981;background-color:var(--btn-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .3s}.host-giveaway-btn:hover{background-color:#059669;background-color:var(--btn-success-hover)}.giveaways-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;gap:10px}.tab-button{background-color:initial;border:none;border-radius:8px 8px 0 0;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:400;padding:12px 24px;transition:all .3s}.tab-button.active{background-color:#6366f1;background-color:var(--btn-primary);color:#fff;font-weight:700}.giveaways-loading{padding:40px;text-align:center}.giveaways-loading-text{color:#64748b;color:var(--text-secondary);font-size:1.2rem}.giveaways-empty{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:40px;text-align:center}.giveaways-empty h3,.giveaways-empty p{color:#64748b;color:var(--text-secondary)}.giveaways-empty p{opacity:.8}.giveaways-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.modal-overlay{background-color:#000000b3;overflow-y:auto}.modal-content{background-color:#fff;background-color:var(--bg-card);color:#0f172a;color:var(--text-primary);max-width:700px}.modal-title{color:#0f172a;font-size:2rem;margin:0 0 20px}.error-message{background-color:#fee2e2;background-color:var(--error-bg);color:#991b1b;margin-bottom:20px}.form-label{color:#0f172a;color:var(--text-primary);display:block;font-weight:700;margin-bottom:8px}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.form-textarea{resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--btn-primary);outline:none}.file-input{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#0f172a;color:var(--text-primary);padding:12px;width:100%}.banner-preview{margin-bottom:10px}.banner-preview img{border-radius:8px;max-height:200px;object-fit:cover;width:100%}.form-hint{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin:5px 0 0}.special-thanks-section{background-color:#f1f5f9;background-color:var(--bg-card-hover);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:15px}.special-thanks-section h4{color:#0f172a;color:var(--text-primary);margin:0 0 15px}.requirements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.requirements-header h4{color:#0f172a;color:var(--text-primary);margin:0}.add-requirement-btn{background-color:#10b981;background-color:var(--btn-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 16px}.add-requirement-btn:hover{background-color:#059669;background-color:var(--btn-success-hover)}.requirement-card{background-color:#f1f5f9;background-color:var(--bg-card-hover);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:15px}.requirement-header{display:flex;justify-content:space-between;margin-bottom:10px}.requirement-label{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:700}.remove-requirement-btn{background-color:#ef4444;background-color:var(--btn-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 12px}.remove-requirement-btn:hover{background-color:#dc2626;background-color:var(--btn-danger-hover)}.requirements-empty{color:#64748b;color:var(--text-secondary);padding:20px;text-align:center}.modal-actions{align-items:stretch;flex-direction:column;gap:10px}.modal-buttons-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cancel-btn{background-color:#8b5cf6;background-color:var(--btn-secondary);border:none;border-radius:8px;font-size:1rem;font-weight:700;padding:12px 24px}.cancel-btn:hover{background-color:#7c3aed;background-color:var(--btn-secondary-hover)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background-color:#10b981;background-color:var(--btn-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px}.submit-btn:hover{background-color:#059669;background-color:var(--btn-success-hover)}.submit-btn:disabled{background-color:#8b5cf6;background-color:var(--btn-secondary);cursor:not-allowed}.giveaway-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.giveaway-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.giveaway-card.entered{border:3px solid #10b981;border:3px solid var(--btn-success)}.giveaway-banner{background-color:#f1f5f9;background-color:var(--bg-card-hover);background-position:50%;background-size:cover;height:200px;position:relative;width:100%}.status-badge{font-size:.85rem;padding:6px 12px;position:absolute;right:10px;top:10px}.status-badge.rolled{background-color:#9c27b0}.status-badge.live{background-color:#10b981;background-color:var(--btn-success)}.status-badge.closed{background-color:#ff9800}.status-badge.ended{background-color:#757575}.entry-badge{background-color:#10b981;background-color:var(--btn-success);border-radius:20px;font-size:.85rem;font-weight:700;padding:6px 12px;top:10px}.entry-badge,.giveaway-id-badge{color:#fff;left:10px;position:absolute}.giveaway-id-badge{background-color:#000000b3;border-radius:12px;bottom:10px;font-family:monospace;font-size:.8rem;padding:4px 10px}.giveaway-content{padding:16px}.giveaway-title{color:#0f172a;color:var(--text-primary);font-size:1.3rem;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-host{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.giveaway-host strong{color:#0f172a;color:var(--text-primary)}.trusted-giveaway-badge{align-items:center;border:2px solid;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:12px 0;padding:10px 14px;transition:all .2s ease}.trusted-giveaway-badge .badge-icon{flex-shrink:0;font-size:1.2rem;font-weight:700}.trusted-giveaway-badge .badge-text{flex:1 1;line-height:1.3}.trusted-giveaway-badge.trusted{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e;box-shadow:0 2px 8px #22c55e33;color:#22c55e}.trusted-giveaway-badge.trusted .badge-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.trusted-giveaway-badge.unverified{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26;color:#f59e0b}.trusted-giveaway-badge.unverified .badge-icon{font-size:1.3rem}.giveaway-card:hover .trusted-giveaway-badge.trusted{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.giveaway-card:hover .trusted-giveaway-badge.unverified{box-shadow:0 4px 12px #f59e0b40;transform:translateY(-1px)}@media (max-width:768px){.trusted-giveaway-badge{font-size:.85rem;margin:10px 0;padding:8px 12px}.trusted-giveaway-badge .badge-icon{font-size:1.1rem}.trusted-giveaway-badge.trusted .badge-icon{font-size:.85rem;height:22px;width:22px}}.giveaway-prize{background-color:#dcfce7;background-color:var(--success-bg);border-radius:8px;margin-bottom:12px;padding:10px}.giveaway-prize-label{color:#166534;color:var(--success-text);font-size:.85rem;font-weight:700;margin:0}.giveaway-prize-text{color:#0f172a;color:var(--text-primary);font-size:.95rem;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-stats{display:flex;justify-content:space-between;margin-bottom:12px}.giveaway-stat{flex:1 1}.giveaway-stat-right{flex:1 1;text-align:right}.giveaway-stat-label{color:#64748b;color:var(--text-secondary);font-size:.8rem;margin:0}.giveaway-stat-value{color:#0f172a;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:2px 0 0}.giveaway-stat-time{font-size:.95rem;font-weight:700;margin:2px 0 0}.giveaway-stat-time.ongoing{color:#166534;color:var(--success-text)}.giveaway-stat-time.ended{color:#64748b;color:var(--text-secondary)}.giveaway-winner{background-color:#f3e5f5;border-radius:8px;margin-bottom:12px;padding:10px;text-align:center}.giveaway-winner-label{color:#7b1fa2;font-size:.85rem;margin:0}.giveaway-winner-name{color:#4a148c;font-size:1.1rem;font-weight:700;margin:4px 0 0}.giveaway-actions{display:flex;gap:8px}.view-details-btn{background-color:#6366f1;background-color:var(--btn-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:10px;transition:background-color .3s}.view-details-btn:hover{background-color:#4f46e5;background-color:var(--btn-primary-hover)}.roll-btn{background-color:#9c27b0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 16px;transition:background-color .3s}.roll-btn:hover{background-color:#7b1fa2}.share-btn{background-color:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 16px;transition:background-color .3s}.share-btn:hover{background-color:#128c7e}.code-requests-page{margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:40px 20px}.code-requests-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.code-requests-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:2.5rem;margin:0 0 8px}.code-requests-subtitle{color:#64748b;color:var(--text-secondary);font-size:1.1rem;margin:0}.create-buttons{display:flex;flex-wrap:wrap;gap:12px}.create-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.create-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.request-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.offer-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.create-btn-empty{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:14px 32px;transition:all .3s ease}.create-btn-empty:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:2px}.tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#ffffff0d;color:#0f172a;color:var(--text-primary)}.tab.active{box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:700}.tab.active,.tab.active:after{background:linear-gradient(135deg,#667eea,#764ba2)}.tab.active:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.filters-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px;padding:20px}.filter-group{gap:8px;min-width:180px}.filter-group label{color:#64748b;color:var(--text-secondary);font-size:.9rem}.filter-select{border:1px solid #fff3;border-radius:10px;font-size:.95rem;padding:10px 14px}.filter-select,.filter-select option{background:#fff;background:var(--bg-card);color:#0f172a;color:var(--text-primary)}.filter-select option{padding:10px}.filter-select:focus,.filter-select:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-group{flex:1 1;min-width:250px}.search-input{background:#fff;background:var(--bg-card);border:1px solid #fff3;border-radius:10px;color:#0f172a;padding:10px 14px;transition:all .3s ease}.search-input::placeholder{color:#64748b;color:var(--text-secondary)}.code-requests-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:40px}@media (max-width:768px){.code-requests-grid{grid-template-columns:1fr}}.code-request-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0000004d;cursor:pointer;overflow:hidden;transition:all .3s ease}.code-request-card:hover{border-color:#667eea80;box-shadow:0 12px 40px #00000080;transform:translateY(-8px)}.code-request-card.request{border-left:4px solid #667eea}.code-request-card.offer{border-left:4px solid #f5576c}.code-request-banner{background-position:50%;background-size:cover;height:200px;overflow:hidden;position:relative;width:100%}.code-request-banner:after{background:linear-gradient(0deg,#1a1a1a,#0000);bottom:0;content:"";height:60px;left:0;position:absolute;right:0}.status-badge,.type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:.85rem;font-weight:700;padding:6px 12px;position:absolute;z-index:2}.type-badge{left:12px;top:12px}.type-badge.request{background:#667eeae6;color:#fff}.type-badge.offer{background:#f5576ce6;color:#fff}.status-badge{right:12px;top:12px}.status-badge.active{background:#4caf50e6;color:#fff}.status-badge.completed{background:#2196f3e6;color:#fff}.status-badge.closed{background:#9e9e9ee6;color:#fff}.status-badge.out{background:#f44336e6;color:#fff}.code-request-content{padding:20px}.code-request-game-name{color:#0f172a;color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 12px}.code-request-platform{align-items:center;display:flex;gap:8px;margin-bottom:12px}.platform-icon{font-size:1.3rem}.platform-name{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.code-request-description,.platform-name{color:#64748b;color:var(--text-secondary);font-size:.95rem}.code-request-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin-bottom:16px;overflow:hidden}.code-request-user{align-items:center;background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:16px;padding:12px;transition:all .3s ease}.code-request-user:hover{background:#ffffff1a}.user-avatar{border:2px solid #fff3;height:48px;object-fit:cover;width:48px}.user-username{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 4px}.user-vouches{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin:0}.code-request-stats{background:#ffffff08;border-radius:10px;display:flex;gap:20px;margin-bottom:16px;padding:12px}.stat{align-items:center;display:flex;gap:8px}.stat-label{color:#64748b;font-size:.85rem}.stat-value{color:#0f172a;color:var(--text-primary);font-size:.95rem}.code-request-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.action-btn{border-radius:10px;display:inline-flex;flex:1 1;font-size:.9rem;font-weight:700;gap:6px;min-width:120px;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#0f172a;color:var(--text-primary)}.action-btn.secondary:hover{background:#ffffff26}.action-btn.vouch-btn{background:linear-gradient(135deg,#ffc107,#ffa000);color:#fff}.action-btn.vouch-btn:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.action-btn.disabled{background:#9e9e9e4d;color:#ffffff80;cursor:not-allowed}.action-btn.disabled:hover{box-shadow:none;transform:none}.code-request-date{color:#64748b;color:var(--text-secondary);font-size:.8rem;margin:0;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 40px}.loading-spinner{border:4px solid #667eea33;border-top-color:#667eea;margin-bottom:20px}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.empty-state{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:20px;padding:80px 40px}.empty-state p{color:#64748b;color:var(--text-secondary);font-size:1.3rem;margin-bottom:10px}.create-code-request-modal{max-width:600px}.modal-header{border-bottom:2px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px}.modal-header h2{font-size:1.8rem}.close-btn,.modal-header h2{color:#0f172a;color:var(--text-primary)}.close-btn{background:#ffffff1a;height:36px;transition:all .3s ease;width:36px}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.create-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#0f172a;font-size:.95rem}.required{color:#f5576c}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#0f172a;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-info,.form-group small{color:#64748b}.code-info{color:var(--text-secondary);display:block;font-size:.9rem;font-style:italic;margin-bottom:12px}.code-input-group{display:flex;gap:10px;margin-bottom:10px}.code-input{flex:1 1}.remove-code-btn{background:#f4433633;border:1px solid #f4433680;border-radius:10px;color:#f44336;cursor:pointer;font-weight:700;min-width:40px;padding:12px;transition:all .3s ease}.remove-code-btn:hover{background:#f443364d}.add-code-btn{background:#667eea33;border:1px solid #667eea80;border-radius:10px;color:#667eea;cursor:pointer;font-weight:700;padding:10px 16px;transition:all .3s ease}.add-code-btn:hover{background:#667eea4d}.cooldown-info{color:#64748b;color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.5;margin-bottom:12px}.cooldown-input-group{align-items:center;display:flex;gap:12px}.cooldown-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#0f172a;color:var(--text-primary);font-size:1rem;padding:12px;width:120px}.cooldown-label{color:#64748b;color:var(--text-secondary);font-weight:600}.cooldown-preview{color:#667eea;display:block;font-size:.9rem;font-weight:600;margin-top:8px}.form-actions{border-top:2px solid #ffffff1a;gap:12px;padding-top:20px}.btn-primary,.btn-secondary{flex:1 1;font-weight:700;padding:12px 24px}.btn-secondary{border:1px solid #fff3;color:#0f172a}.btn-secondary:hover{background:#ffffff26}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.code-modal{max-width:500px;text-align:center}.code-modal h2{color:#0f172a;color:var(--text-primary)}.claimed-code-display,.code-modal h2{margin-bottom:24px}.claimed-game-name{color:#0f172a;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:16px}.code-box{align-items:center;background:#667eea1a;border:2px dashed #667eea;display:flex;gap:12px;margin-bottom:16px;padding:16px}.code-box code{color:#667eea;flex:1 1;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:2px}.copy-btn{border-radius:8px;padding:10px 16px}.copy-btn:hover{box-shadow:0 4px 12px #667eea66}.code-instructions{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.vouch-reminder{color:#ffc107;font-size:1rem;font-weight:600}.vouch-modal{max-width:550px}.eligibility-error{padding:40px 20px;text-align:center}.error-icon{margin-bottom:16px}.eligibility-error h3{color:#0f172a;color:var(--text-primary);margin-bottom:12px}.eligibility-error p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.eligibility-success{background:#4caf501a;border:1px solid #4caf504d;border-radius:12px}.eligibility-success,.eligibility-warning{margin-bottom:20px;padding:16px;text-align:center}.eligibility-warning{background:#ff98001a;border:1px solid #ff98004d;border-radius:12px}.success-icon{font-size:2rem;margin-bottom:8px}.success-message{color:#4caf50;font-weight:600;margin:0}.eligibility-warning .success-message{color:#ff9800}.vouch-form{display:flex;flex-direction:column;gap:20px}.rating-selector{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.star-btn{background:#0000;border:none;cursor:pointer;font-size:2rem;opacity:.3;transition:all .3s ease}.star-btn.active{opacity:1;transform:scale(1.1)}.star-btn:hover{transform:scale(1.2)}.info-box{background:#2196f31a;border:1px solid #2196f34d;border-radius:12px;padding:16px}.info-box p{color:#0f172a;color:var(--text-primary);font-weight:600;margin:0 0 8px}.info-box ul{color:#64748b;color:var(--text-secondary);margin:0;padding-left:20px}.info-box li{line-height:1.5;margin-bottom:6px}.screenshot-info{color:#64748b;color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.5;margin-bottom:12px}.screenshot-upload{margin-top:8px}.upload-label{align-items:center;background:#ffffff08;border:2px dashed #667eea80;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;transition:all .3s ease}.upload-label:hover{background:#ffffff0d;border-color:#667eeab3}.upload-icon{font-size:3rem}.upload-label span{color:#0f172a;color:var(--text-primary);font-weight:600}.upload-label small{color:#64748b;color:var(--text-secondary);font-size:.85rem}.upload-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.screenshot-preview{border:2px solid #667eea4d;border-radius:12px;margin-top:8px;overflow:hidden;position:relative}.screenshot-preview img{background:#00000080;height:auto;max-height:300px;object-fit:contain;width:100%}.remove-screenshot{background:#f44336e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;position:absolute;right:12px;top:12px;transition:all .3s ease}.remove-screenshot:hover{background:#f44336;transform:scale(1.05)}.details-modal{max-width:700px}.details-banner{background-position:50%;background-size:cover;border-radius:12px;box-shadow:0 4px 20px #0000004d;height:250px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.details-banner .status-badge,.details-banner .type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:20px;font-size:.9rem;font-weight:700;padding:6px 12px;position:absolute;top:16px}.details-banner .type-badge{left:16px}.details-banner .status-badge{right:16px}.details-content{margin-bottom:30px}.details-header{display:flex;gap:12px;margin-bottom:20px}.details-platform{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.details-description{margin-bottom:24px}.details-description h3{color:#0f172a;color:var(--text-primary);font-size:1.2rem;margin:0 0 12px}.details-description p{word-wrap:break-word;color:#64748b;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.details-user{cursor:pointer;margin-bottom:24px}.details-user h3{color:#0f172a;color:var(--text-primary);font-size:1.2rem;margin:0 0 12px}.user-info-section{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.user-info-section:hover{background:#ffffff1a}.details-user .user-details{flex:1 1}.details-stats{margin-bottom:24px}.details-stats h3{color:#0f172a;color:var(--text-primary);font-size:1.2rem;margin:0 0 12px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-grid .stat{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.stat-grid .stat-label{color:#64748b;color:var(--text-secondary);font-weight:600}.stat-grid .stat-value{color:#0f172a;color:var(--text-primary);font-weight:700}.details-date{margin-bottom:24px}.details-date p{color:#64748b;color:var(--text-secondary);font-size:.95rem}.mark-done-warning{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:20px;padding:16px;width:100%}[data-theme=dark] .mark-done-warning{background:linear-gradient(135deg,#3a3a1e,#4a4a2e);border-color:#ffc107}.warning-icon{color:#856404;flex-shrink:0;font-size:1.5rem}[data-theme=dark] .warning-icon{color:#ffc107}.warning-content h4{color:#856404;font-size:1rem;font-weight:600;margin:0 0 8px}[data-theme=dark] .warning-content h4{color:#ffc107}.warning-content p{color:#856404;font-size:.9rem;line-height:1.5;margin:0}[data-theme=dark] .warning-content p{color:#e0e0e0}.action-btn.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.action-btn.success:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@media (max-width:968px){.code-requests-header{align-items:flex-start;flex-direction:column}.create-buttons{width:100%}.create-btn{flex:1 1}.filters-section{flex-direction:column}.filter-group,.search-group{width:100%}}@media (max-width:600px){.code-requests-page{padding:20px 12px}.code-requests-title{font-size:2rem}.tabs{gap:4px}.tab{font-size:.9rem;padding:10px 16px}.code-request-actions{flex-direction:column}.action-btn{width:100%}.modal-content{padding:20px}.modal-header h2{font-size:1.4rem}}.claimed-code-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.claimed-code-card:hover{border-color:#667eea4d;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.claimed-code-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;overflow:hidden;position:relative;width:100%}.claimed-code-banner img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.claimed-code-card:hover .claimed-code-banner img{transform:scale(1.05)}.claimed-code-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.claimed-game-title{color:#0f172a;color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.3;margin:0}.claimed-meta{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:8px 0}.claimed-date,.claimed-platform{gap:6px}.claimed-date,.claimed-giver,.claimed-platform{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.95rem}.claimed-giver{background:#ffffff08;border-radius:8px;gap:8px;padding:10px}.giver-link{align-items:center;display:flex;gap:8px;text-decoration:none;transition:all .2s ease}.giver-link:hover{transform:translateX(2px)}.giver-avatar{border:2px solid #ffffff1a;border-radius:50%;height:28px;width:28px}.giver-username{color:#0f172a;color:var(--text-primary);font-weight:600}.giver-username.premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.giver-username.developer{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.code-display-section{margin:12px 0}.code-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2px}.code-value{background:#1a1a1a;border-radius:10px;color:#0f172a;color:var(--text-primary);font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:20px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.code-value.blurred{cursor:pointer;filter:blur(8px)}.code-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.copy-btn,.reveal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;transition:all .3s ease}.reveal-btn{background:#ffffff1a;color:#0f172a;color:var(--text-primary)}.reveal-btn:hover{background:#ffffff26;transform:translateY(-2px)}.copy-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.copy-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}.redemption-help{margin:16px 0}.redemption-help details{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px}.redemption-help summary{color:#0f172a;color:var(--text-primary);cursor:pointer;font-weight:600;list-style-position:outside;padding:4px 0;-webkit-user-select:none;user-select:none}.redemption-help summary:hover{color:#667eea}.redemption-help ol{color:#64748b;color:var(--text-secondary);line-height:1.8;margin:12px 0 4px 20px;padding:0}.redemption-help li{font-size:.95rem;margin:6px 0}.claimed-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:auto;padding-top:16px}.game-link-btn,.vouch-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.game-link-btn{background:#ffffff1a;border:1px solid #fff3;color:#0f172a;color:var(--text-primary)}.game-link-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.vouch-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;font-weight:700}.vouch-btn:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.game-request-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0000004d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.game-request-card:hover{border-color:#667eea80;box-shadow:0 12px 40px #667eea4d;transform:translateY(-8px)}.game-request-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative;width:100%}.game-banner-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.game-request-card:hover .game-banner-img{transform:scale(1.1)}.game-banner-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;width:100%}.game-icon{font-size:4rem;opacity:.6}.request-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px;position:absolute;right:16px;top:16px}.game-request-content{display:flex;flex-direction:column;gap:12px;padding:20px}.game-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--text-primary);display:-webkit-box;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.game-platform{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;gap:8px}.game-link{align-items:center;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:600;gap:4px;text-decoration:none;transition:all .2s ease}.game-link:hover{color:#764ba2;transform:translateX(2px)}.game-requests-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.back-button{align-items:center;align-self:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#0f172a;color:var(--text-primary);display:inline-flex;font-weight:600;gap:8px}.back-button:hover{background:#ffffff26;transform:translateX(-4px)}.game-header-content{text-align:center}.game-info-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:32px;justify-content:center;margin-bottom:30px;padding:20px}.game-info-box,.info-item{align-items:center;display:flex}.info-item{gap:12px}.info-icon{font-size:1.8rem}.info-text{color:#64748b;color:var(--text-secondary);font-size:1rem}.info-text strong{color:#0f172a;color:var(--text-primary);font-size:1.2rem;font-weight:700}@media (max-width:768px){.game-info-box{flex-direction:column;gap:16px}.game-requests-header{align-items:stretch}.create-btn{width:100%}}.claimers-modal{max-height:80vh;max-width:700px;overflow-y:auto}.claimers-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.claimers-header h3{color:#0f172a;color:var(--text-primary);font-size:1.4rem;margin:0 0 8px}.claimers-count{font-size:.95rem;margin:0}.claimers-count,.empty-claimers{color:#64748b;color:var(--text-secondary)}.empty-claimers{padding:60px 20px;text-align:center}.claimers-list{display:flex;flex-direction:column;gap:16px}.claimer-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s ease}.claimer-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateX(4px)}.claimer-info{margin-bottom:12px}.claimer-link{align-items:center;display:flex;gap:12px;text-decoration:none;transition:all .2s ease}.claimer-link:hover{opacity:.8}.claimer-avatar{border:2px solid #667eea4d;border-radius:50%;height:50px;width:50px}.claimer-details{display:flex;flex-direction:column;gap:4px}.claimer-username{color:#0f172a;color:var(--text-primary);font-size:1.1rem;font-weight:700}.claimer-username.premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.claimer-username.developer{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.claimed-date{color:#64748b;color:var(--text-secondary);font-size:.85rem}.vouch-status{border-top:1px solid #ffffff1a;padding-top:12px}.vouched{display:flex;flex-direction:column;gap:8px}.vouch-badge{background:linear-gradient(135deg,#4caf5033,#388e3c33);border:1px solid #4caf5066;border-radius:8px;color:#4caf50}.not-vouched,.vouch-badge{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.not-vouched{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#ff9800}.vouch-details{background:#4caf500d;border-radius:8px;margin-top:8px;padding:12px}.vouch-screenshot{border:1px solid #667eea4d;border-radius:8px;margin-top:12px;overflow:hidden}.vouch-screenshot img{background:#00000080;cursor:pointer;height:auto;max-height:200px;object-fit:contain;transition:all .3s ease;width:100%}.vouch-screenshot img:hover{opacity:.9;transform:scale(1.02)}.vouch-rating{font-size:1.2rem;margin-bottom:8px}.vouch-message{color:#64748b;color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.modal-footer{border-top:2px solid #ffffff1a;margin-top:24px;padding-top:20px}@media (max-width:768px){.claimers-modal{max-width:95%}.claimer-avatar{height:40px;width:40px}.claimer-username{font-size:1rem}.claimed-code-banner{height:150px}.claimed-game-title{font-size:1.2rem}.code-value{font-size:1.1rem;padding:16px}.claimed-actions{flex-direction:column}.game-link-btn,.vouch-btn{width:100%}}@media (max-width:600px){.code-actions{flex-direction:column}.copy-btn,.reveal-btn{width:100%}}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem}.pagination-btn{background:#6366f1;background:var(--btn-primary);border:none;border-radius:.375rem;color:#fff;color:var(--text-light);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background:#4f46e5;background:var(--btn-primary-hover)}.pagination-btn:disabled{background:#94a3b8;background:var(--text-muted);cursor:not-allowed}.pagination-info{color:#64748b;color:var(--text-secondary);font-size:.875rem}@media (max-width:600px){.pagination{flex-direction:column;gap:.5rem}.pagination-info{order:-1}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:transform .2s}.notification-bell-button:hover{transform:scale(1.1)}.bell-icon{font-size:24px}.notification-badge{background:#f44;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown{animation:slideDown .2s ease;background:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:90vw;position:absolute;right:0;top:calc(100% + 8px);width:400px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px}.notification-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.mark-all-read{background:#0000;border:none;border-radius:4px;color:#4caf50;cursor:pointer;font-size:14px;padding:4px 8px;transition:background .2s}.mark-all-read:hover{background:#3a3a3a}.notification-list{max-height:400px;overflow-y:auto}.notification-empty,.notification-loading{color:#b0b0b0;padding:40px 20px;text-align:center}.notification-item{border-bottom:1px solid #333;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .2s}.notification-item:hover{background:#353535}.notification-item.unread{background:#1e3a52}.notification-item.unread:hover{background:#2a4a62}.notification-icon{flex-shrink:0;font-size:24px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{word-wrap:break-word;color:#ccc;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{font-size:12px}.notification-dot{background:#4caf50;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.notification-footer{border-top:1px solid #444;padding:12px 16px;text-align:center}.notification-footer button{background:#0000;border:none;border-radius:4px;color:#4caf50;cursor:pointer;font-size:14px;font-weight:500;padding:8px;transition:background .2s}.notification-footer button:hover{background:#3a3a3a}@media (prefers-color-scheme:dark){.notification-dropdown{background:#2a2a2a;color:#fff}.notification-header h3{color:#fff}.notification-header{border-bottom-color:#444}.notification-item{border-bottom-color:#333}.notification-item:hover{background:#333}.notification-item.unread{background:#1e3a52}.notification-item.unread:hover{background:#2a4a62}.notification-title{color:#fff}.notification-message{color:#ccc}.notification-footer{border-top-color:#444}.mark-all-read:hover,.notification-footer button:hover{background:#3a3a3a}}@media (max-width:768px){.notification-dropdown{width:350px}}@media (max-width:480px){.notification-dropdown{left:8px;position:fixed;right:8px;top:60px;width:auto}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--navbar-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.navbar-visible{opacity:1;transform:translateY(0)}.navbar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-container{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.navbar-brand{align-items:center;display:flex;font-size:1.5rem;font-weight:800;gap:.5rem;margin:0;text-decoration:none;transition:transform .2s}.navbar-brand span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:var(--navbar-text)}.desktop-nav{align-items:center;display:flex;flex:1 1;gap:.5rem}.nav-dropdown-container{position:relative}.nav-btn{align-items:center;background:#000;border:none;border-radius:50px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.nav-btn.active,.nav-btn:hover{background:#1a1a1a;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.nav-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:0;margin-top:.5rem;min-width:240px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:100%;transform:translateY(10px);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:1001}.nav-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.95rem;gap:10px;padding:12px 16px;text-decoration:none;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--hover-bg);color:var(--btn-primary)}.dropdown-badge{background-color:var(--error-text);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;margin-left:auto;padding:2px 6px}.search-container{margin-left:1rem;position:relative;width:240px}.search-container .search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.9rem;outline:none;padding:8px 12px 8px 50px;transition:all .2s;width:100%}.search-container .search-input:focus{background-color:var(--card-bg);border-color:var(--btn-primary);box-shadow:0 0 0 3px #6366f126}.search-container .search-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-results{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;max-height:400px;position:absolute;right:0;top:100%;z-index:1002}.search-result-item{border-bottom:1px solid var(--border-color);gap:12px;padding:10px 14px}.search-result-item:hover{background-color:var(--hover-bg)}.search-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.search-avatar-placeholder{align-items:center;background-color:var(--bg-primary);border-radius:50%;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.user-controls{align-items:center;display:flex;gap:.8rem;margin-left:auto}.auth-buttons,.user-btn{display:flex;gap:8px}.user-btn{align-items:center;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-hover) 100%);border:none;border-radius:20px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 14px;transition:transform .2s,box-shadow .2s}.user-btn:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.theme-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.theme-btn:hover{border-color:var(--btn-primary);transform:rotate(15deg) scale(1.1)}.mobile-bottom-nav,.mobile-menu-toggle{display:none}.mobile-drawer-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:2000}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--card-bg);box-shadow:-5px 0 25px #0003;display:flex;flex-direction:column;height:100vh;max-width:320px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.16,1,.3,1);width:85%;z-index:2001}.mobile-drawer.open{right:0}.drawer-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.drawer-user-info{align-items:center;display:flex;gap:12px}.drawer-avatar{border:2px solid var(--btn-primary);border-radius:50%;height:48px;padding:2px;width:48px}.drawer-username{color:var(--text-primary);display:block;font-weight:700}.drawer-role{font-size:.8rem}.drawer-close,.drawer-role{color:var(--text-secondary)}.drawer-close{background:#0000;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem}.drawer-content{flex:1 1;padding:1rem}.drawer-section{margin-bottom:1.5rem}.drawer-section-title{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.8rem;padding-left:.8rem;text-transform:uppercase}.drawer-link{align-items:center;border-radius:12px;color:var(--text-primary);display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s}.drawer-link.active,.drawer-link:hover{background-color:var(--hover-bg);color:var(--btn-primary)}.drawer-link-icon{font-size:1.2rem;text-align:center;width:24px}.drawer-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:1.5rem}@media (max-width:1024px){.desktop-nav,.nav-user-menu{display:none}.mobile-menu-toggle{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:1.5rem;padding:8px}.search-container{margin-left:0;width:40px}.search-container .search-input{background:#0000;border-color:#0000;border-radius:50%;cursor:pointer;padding:8px;width:40px}.search-container .search-input:focus{background:var(--card-bg);border-color:var(--btn-primary);padding-left:50px;position:absolute;right:0;top:0;width:200px;z-index:10}.search-container .search-input:not(:focus)+.search-icon{left:50%;transform:translate(-50%,-50%)}}@media (max-width:768px){.navbar-container{padding:0 1rem}.auth-buttons,.nav-notification-wrapper,.navbar-brand span,.search-container{display:none}.mobile-bottom-nav{background:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #0000000d;display:flex;justify-content:space-around;left:0;padding:10px 0 max(10px,env(safe-area-inset-bottom));position:fixed;width:100%;z-index:999}.bottom-nav-item{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.7rem;font-weight:500;gap:4px;padding:4px 12px;text-decoration:none;transition:all .2s}.bottom-nav-item.active{color:var(--btn-primary)}.bottom-nav-item .icon{font-size:1.4rem;margin-bottom:2px}body{padding-bottom:70px}}.twitter-verification-notice{animation:slideDown .4s ease-out;left:0;padding:0 20px;position:fixed;right:0;top:70px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notice-container{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #00000026;gap:16px;margin:0 auto;max-width:1200px;padding:20px 24px;position:relative}.notice-container,.notice-icon{align-items:center;display:flex}.notice-icon{animation:pulse 2s infinite;background:#fff3;border-radius:50%;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.notice-content{color:#fff;flex:1 1}.notice-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.notice-message{color:#fffffff2;font-size:14px;line-height:1.5;margin:0 0 16px}.notice-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-dismiss,.btn-verify{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-verify{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.btn-verify:hover{background:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-dismiss{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-dismiss:hover{background:#ffffff4d;border-color:#ffffff80}.notice-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.notice-close:hover{background:#ffffff4d;transform:rotate(90deg)}@media (max-width:768px){.twitter-verification-notice{padding:0 12px;top:60px}.notice-container{align-items:flex-start;flex-direction:column;padding:16px 40px 16px 16px}.notice-icon{height:32px;width:32px}.notice-title{font-size:16px}.notice-message{font-size:13px}.notice-actions{width:100%}.btn-dismiss,.btn-verify{flex:1 1;min-width:120px;text-align:center}.notice-close{font-size:24px;height:28px;right:8px;top:8px;width:28px}}@media (max-width:480px){.notice-actions{flex-direction:column}.btn-dismiss,.btn-verify{width:100%}}.twitter-toast-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.twitter-toast{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;gap:16px;max-width:500px;padding:24px;position:relative;width:100%}.toast-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;height:48px;width:48px}.toast-content{flex:1 1;padding-right:24px}.toast-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}.toast-message{color:#666;margin:0 0 16px}.toast-actions{display:flex;flex-wrap:wrap;gap:12px}.toast-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.toast-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66;color:#fff}.toast-btn-primary:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.toast-btn-secondary{background:#f0f0f0;color:#666}.toast-btn-secondary:hover{background:#e0e0e0}.toast-close{border-radius:50%;color:#999;font-size:28px;height:32px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.toast-close:hover{background:#f0f0f0;color:#666;transform:rotate(90deg)}@media (max-width:768px){.twitter-toast{align-items:center;flex-direction:column;margin:0 16px;padding:20px;text-align:center}.toast-content{padding-right:0}.toast-actions{justify-content:center;width:100%}.toast-btn{flex:1 1;min-width:120px}}@media (max-width:480px){.toast-actions{flex-direction:column}.toast-btn{width:100%}}.gamercat-container{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:fixed;right:20px;z-index:9999}.gamercat-button{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.gamercat-button:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.gamercat-button.open{animation:none;background:linear-gradient(135deg,#f093fb,#f5576c);font-size:20px}.gamercat-window{animation:slideUp .3s ease;background:#fff;border-radius:12px;bottom:65px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:450px;overflow:hidden;position:absolute;right:0;width:320px}.gamercat-window.dark{background:#1a1a1a;color:#e0e0e0}.gamercat-window.dark .gamercat-input{background:#2d2d2d;border-color:#404040;color:#fff}.gamercat-window.dark .gamercat-message.bot .message-content{background:#2d2d2d;color:#e0e0e0}.gamercat-window.dark .quick-question-btn{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.gamercat-window.dark .quick-question-btn:hover{background:#3d3d3d;border-color:#667eea}.gamercat-window.dark .gamercat-messages{background:#0f0f0f}.gamercat-window.dark .gamercat-input-container,.gamercat-window.dark .gamercat-quick-questions{background:#1a1a1a;border-top-color:#333}.gamercat-window.dark .gamercat-quick-questions p{color:#999}.gamercat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 16px}.gamercat-header-content{align-items:center;display:flex;gap:10px}.gamercat-icon{animation:bounce 2s infinite;font-size:26px}.gamercat-header h3{font-size:16px;font-weight:600;margin:0}.gamercat-status{font-size:11px;opacity:.9}.gamercat-messages{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px}.gamercat-messages::-webkit-scrollbar{width:6px}.gamercat-messages::-webkit-scrollbar-track{background:#0000}.gamercat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.gamercat-messages::-webkit-scrollbar-thumb:hover{background:#aaa}.gamercat-message{animation:messageSlide .3s ease;display:flex;flex-direction:column;max-width:80%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gamercat-message.bot{align-self:flex-start}.gamercat-message.user{align-self:flex-end}.message-content{word-wrap:break-word;border-radius:10px;font-size:13px;line-height:1.4;padding:8px 12px}.gamercat-message.bot .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d;color:#333}.gamercat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.gamercat-message.user .message-time{text-align:right}.gamercat-quick-questions{background:#f5f5f5;border-top:1px solid #e0e0e0;padding:10px 14px}.gamercat-quick-questions p{color:#666;font-size:11px;font-weight:500;margin:0 0 6px}.quick-question-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:block;font-size:12px;margin-bottom:5px;padding:6px 10px;text-align:left;transition:all .2s ease;width:100%}.quick-question-btn:hover{background:#f9f9f9;border-color:#667eea;transform:translateX(4px)}.quick-question-btn:last-child{margin-bottom:0}.gamercat-input-container{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:6px;padding:12px 14px}.gamercat-input{border:1px solid #e0e0e0;border-radius:16px;flex:1 1;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s}.gamercat-input:focus{border-color:#667eea}.gamercat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.gamercat-send-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.gamercat-send-btn:active{transform:scale(.95)}@media (max-width:768px){.gamercat-window{bottom:90px;height:420px;width:300px}.gamercat-container{bottom:80px}}@media (max-width:480px){.gamercat-window{bottom:90px;height:calc(100vh - 180px);right:20px;width:calc(100vw - 40px)}}.gamercat-button:focus,.gamercat-input:focus,.gamercat-send-btn:focus,.quick-question-btn:focus{outline:2px solid #667eea;outline-offset:2px}.gamercat-message.bot.loading .message-content:after{animation:dots 1.5s infinite;content:"..."}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.activity-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.activity-modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 25px 80px #000000b3,0 0 0 1px #00d9ff33,0 0 40px #00d9ff26;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.activity-modal-header{align-items:center;background:linear-gradient(135deg,#00d9ff1a,#00d9ff0d);border-bottom:2px solid #00d9ff33;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:28px 32px}.activity-modal-title{align-items:center;display:flex;gap:12px}.activity-icon{animation:pulse 2s ease-in-out infinite;font-size:32px}.activity-modal-title h2{color:#00d9ff;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 12px #00d9ff66}.activity-modal-close{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.activity-modal-close:hover{background:#ff4d4d33;border-color:#ff4d4d66;color:#ff4d4d;transform:rotate(90deg)}.activity-modal-body{padding:32px}.activity-intro{margin-bottom:28px;text-align:center}.activity-intro p{color:#b8b8b8;font-size:16px;line-height:1.6;margin:0}.activity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.activity-item{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.activity-item:before{border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.activity-item.from-purple-500.to-pink-500:before{background:linear-gradient(135deg,#a855f726,#ec489926)}.activity-item.from-blue-500.to-cyan-500:before{background:linear-gradient(135deg,#3b82f626,#06b6d426)}.activity-item.from-green-500.to-emerald-500:before{background:linear-gradient(135deg,#22c55e26,#10b98126)}.activity-item.from-orange-500.to-red-500:before{background:linear-gradient(135deg,#f9731626,#ef444426)}.activity-item.from-indigo-500.to-purple-500:before{background:linear-gradient(135deg,#6366f126,#a855f726)}.activity-item.from-yellow-500.to-orange-500:before{background:linear-gradient(135deg,#eab30826,#f9731626)}.activity-item.from-teal-500.to-cyan-500:before{background:linear-gradient(135deg,#14b8a626,#06b6d426)}.activity-item:hover{border-color:#00d9ff66;box-shadow:0 12px 30px #0006;transform:translateY(-4px) scale(1.02)}.activity-item:hover:before{opacity:1}.activity-item:active{transform:translateY(-2px) scale(.98)}.activity-item-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));flex-shrink:0;font-size:36px}.activity-item-content{flex:1 1;position:relative;z-index:1}.activity-item-count{color:#00d9ff;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px;text-shadow:0 2px 10px #00d9ff4d}.activity-item-label{color:#b8b8b8;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.activity-item-arrow{color:#00d9ff;font-size:24px;opacity:0;position:relative;transform:translateX(-10px);transition:all .3s ease;z-index:1}.activity-item:hover .activity-item-arrow{opacity:1;transform:translateX(0)}.activity-modal-footer{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.activity-footer-text{color:#b8b8b8;font-size:15px;line-height:1.5;margin:0 0 12px}.activity-footer-note{color:#00d9ffb3;font-size:13px;font-style:italic;margin:0}.activity-modal-content::-webkit-scrollbar{width:8px}.activity-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:10px}.activity-modal-content::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:10px}.activity-modal-content::-webkit-scrollbar-thumb:hover{background:#00d9ff80}@media (max-width:768px){.activity-modal-content{border-radius:16px;margin:0;max-width:100%}.activity-modal-header{padding:20px 24px}.activity-modal-title h2{font-size:22px}.activity-icon{font-size:28px}.activity-modal-close{font-size:20px;height:36px;width:36px}.activity-modal-body{padding:24px 20px}.activity-grid{gap:12px;grid-template-columns:1fr}.activity-item{padding:16px}.activity-item-icon{font-size:30px}.activity-item-count{font-size:28px}.activity-item-label{font-size:13px}}@media (max-width:480px){.activity-modal-title h2{font-size:18px}.activity-intro p{font-size:14px}.activity-modal-footer{padding-top:16px}.activity-footer-text{font-size:13px}.activity-footer-note{font-size:12px}}@media (prefers-color-scheme:dark){.activity-modal-content{box-shadow:0 25px 80px #000000e6,0 0 0 1px #00d9ff4d,0 0 50px #00d9ff33}}.activity-item{animation:itemFadeIn .5s ease-out backwards}.activity-item:first-child{animation-delay:.1s}.activity-item:nth-child(2){animation-delay:.15s}.activity-item:nth-child(3){animation-delay:.2s}.activity-item:nth-child(4){animation-delay:.25s}.activity-item:nth-child(5){animation-delay:.3s}.activity-item:nth-child(6){animation-delay:.35s}.activity-item:nth-child(7){animation-delay:.4s}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}.toast{align-items:flex-start;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0003,0 0 0 1px var(--border-color);display:flex;gap:12px;min-width:320px;padding:16px 20px;pointer-events:auto}.toast.removing{animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.5;word-break:break-word}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.toast-close:hover{background:var(--hover-bg);color:var(--text-primary)}.toast-close:focus-visible{outline:2px solid var(--btn-primary);outline-offset:2px}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-success{border-left:4px solid #10b981}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-warning{border-left:4px solid #f59e0b}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-info{border-left:4px solid #3b82f6}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast-container{left:12px;max-width:none;right:12px;top:60px}.toast{min-width:auto}}[data-theme=dark] .toast{box-shadow:0 10px 40px #00000080,0 0 0 1px var(--border-color)}:focus-visible{border-radius:4px;outline:3px solid var(--btn-primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--btn-primary);outline-offset:2px}.btn:focus-visible,.button:focus-visible{box-shadow:0 0 0 6px #6366f133;outline:3px solid var(--btn-primary);outline-offset:3px}:focus:not(:focus-visible){outline:none}.skip-to-main{background:var(--btn-primary);border-radius:0 0 8px 0;color:#fff;font-weight:600;left:0;padding:12px 20px;position:absolute;text-decoration:none;top:-100px;z-index:10000}.skip-to-main:focus{top:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.modal-overlay{animation:fadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--modal-overlay-bg);inset:0;z-index:9998}.modal-overlay.closing{animation:fadeOut .2s cubic-bezier(.16,1,.3,1) forwards}.modal-content{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1);background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:0 20px 60px #0000004d;max-width:90vw;overflow:auto}.modal-content.closing{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.modal-header{border-bottom:1px solid var(--border-color);padding:24px}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close{border-radius:6px;font-size:24px;min-height:40px;min-width:40px;padding:8px;transition:all .2s}.modal-close:focus-visible{outline:3px solid var(--btn-primary);outline-offset:2px}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.text-low-contrast{color:var(--text-secondary)}@media (prefers-contrast:high){*{border-color:currentColor!important}.btn,button{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-title{font-size:18px}}.login-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.login-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-hover);max-width:450px;padding:40px;position:relative;text-align:center;width:100%}.login-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.premium-text{font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text}.loading-spinner{border:4px solid #6366f11a;border-left-color:#6366f1;margin:30px auto}.forgot-password-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.forgot-password-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;width:100%}.forgot-password-icon{font-size:4rem;margin-bottom:20px;text-align:center}.forgot-password-card h2{color:var(--link-color);font-size:1.8rem;margin-bottom:15px;text-align:center}.forgot-password-description{color:var(--text-secondary);line-height:1.6;margin-bottom:30px;text-align:center}.forgot-password-links{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:25px}.back-link,.register-link{color:var(--link-color);font-size:.95rem;text-decoration:none;transition:color .3s}.back-link:hover,.register-link:hover{color:var(--link-hover-color)}.success-message h3{color:var(--accent-green);font-size:1.5rem;margin-bottom:15px}.success-message p{color:var(--text-primary);line-height:1.6;margin-bottom:10px}.help-text{font-size:.9rem;line-height:1.5}@media (max-width:600px){.forgot-password-card{padding:30px 20px}.forgot-password-icon{font-size:3rem}.forgot-password-card h2{font-size:1.5rem}}.reset-password-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.reset-password-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;width:100%}.reset-password-icon{font-size:4rem;margin-bottom:20px;text-align:center}.reset-password-card h2{color:var(--link-color);font-size:1.8rem;margin-bottom:15px;text-align:center}.reset-password-description{color:var(--text-secondary);line-height:1.6;margin-bottom:30px;text-align:center}.form-group label{font-weight:500}.input-field{border:1px solid var(--border-color);border-radius:6px;padding:12px;transition:border-color .3s;width:100%}.input-field:focus{border-color:var(--link-color)}.input-field:disabled{cursor:not-allowed;opacity:.6}.help-text{font-size:.85rem;line-height:1.4;margin-top:5px}.message{border-radius:6px;margin-bottom:20px;padding:12px;text-align:center}.message.success{background:#4caf501a;border:1px solid var(--accent-green);color:var(--accent-green)}.message.error{background:#ff47571a;border:1px solid var(--error-text);color:var(--error-text)}.btn-primary{background:var(--link-color);border-radius:6px;display:inline-block;font-size:1rem;font-weight:500;padding:12px 30px;text-decoration:none}.btn-primary:hover{background:var(--link-hover-color)}.btn-primary:disabled{opacity:.6;transform:none}.reset-password-links{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:25px}.back-link{color:var(--link-color);font-size:.95rem;text-decoration:none;transition:color .3s}.back-link:hover{color:var(--link-hover-color)}.success-icon{color:var(--accent-green);font-size:4rem;margin-bottom:15px;text-align:center}.reset-password-card p{color:var(--text-primary);line-height:1.6;margin-bottom:10px;text-align:center}.redirect-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.error-icon{color:var(--error-text);font-size:4rem;margin-bottom:15px;text-align:center}.spinner{border:4px solid #0000001a;border-top:4px solid var(--link-color)}@media (max-width:600px){.reset-password-card{padding:30px 20px}.reset-password-icon{font-size:3rem}.reset-password-card h2{font-size:1.5rem}}.daily-checkin-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea40;color:#fff;margin-bottom:1.5rem;max-width:600px;padding:1rem}.daily-checkin-widget.guest{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--text);text-align:center}.daily-checkin-widget.error,.daily-checkin-widget.loading{padding:2rem;text-align:center}.checkin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.checkin-header h3{align-items:center;display:flex;font-size:1.2rem;gap:.5rem;margin:0}.streak-info{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;display:flex;flex-direction:column;padding:.4rem .75rem}.streak-number{font-size:1.5rem;font-weight:700;line-height:1}.streak-label{font-size:.75rem;opacity:.9}.streak-visual{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:.4rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.streak-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;opacity:.5;transition:all .3s ease}.streak-day.active{opacity:1;transform:scale(1.1)}.day-icon{animation:pulse 2s infinite;font-size:1.2rem}.streak-day.active .day-icon{animation:flame 1.5s infinite}@keyframes flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.1) rotate(2deg)}}.day-label{font-size:.65rem;opacity:.8}.checkin-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem;text-decoration:none;transition:all .3s ease;width:100%}.daily-checkin-widget.guest .checkin-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.daily-checkin-widget:not(.guest) .checkin-button{background:#fff;color:#667eea}.checkin-button:hover:not(.disabled){box-shadow:0 5px 20px #0000004d;transform:scale(1.05)}.checkin-button.disabled{background:#ffffff80;cursor:not-allowed;opacity:.6}.checkin-button:active:not(.disabled){transform:scale(.98)}.check-icon,.coin-icon,.spinner-icon{animation:bounce-subtle 2s infinite;font-size:1.3rem}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.error-message,.success-message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.success-message{background:#10b98133;border:1px solid #10b98166}.error-message{background:#ef444433}.checkin-stats{border-top:1px solid #fff3;display:flex;gap:.75rem;justify-content:space-between;padding-top:.75rem}.stat-item{align-items:center;flex:1 1;flex-direction:column}.stat-label{font-size:.7rem;margin-bottom:.2rem;opacity:.8}.stat-value{font-size:1rem}.next-milestone{border-top:1px solid #fff3;margin-top:.75rem;padding-top:.75rem}.milestone-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.milestone-icon{flex-shrink:0;font-size:1.2rem}.milestone-text{flex:1 1;font-size:.8rem;line-height:1.3}.milestone-text strong{display:block;margin-bottom:.25rem}.milestone-text small{font-size:.85rem;opacity:.8}.spinner-small{border:3px solid #ffffff4d;border-top-color:#fff;height:30px;margin:0 auto;width:30px}.retry-btn{background:#fff;color:#667eea;margin-top:1rem;padding:.5rem 1.5rem}.retry-btn:hover{transform:scale(1.05)}body.dark .daily-checkin-widget.guest{background:linear-gradient(135deg,#6366f133,#8b5cf633)}@media (max-width:768px){.daily-checkin-widget{padding:1rem}.checkin-header h3{font-size:1.2rem}.streak-visual{gap:.25rem;padding:.75rem}.day-icon{font-size:1.2rem}.day-label{font-size:.6rem}.checkin-button{font-size:1rem;padding:.875rem}.stat-value{font-size:1rem}}.daily-quests-widget{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px;transition:all .3s ease}.daily-quests-widget:hover{box-shadow:var(--shadow-hover)}.daily-quests-widget.loading{align-items:center;display:flex;justify-content:center;min-height:150px}.daily-quests-widget.error{color:var(--error-text)}.daily-quests-widget.error,.daily-quests-widget.guest{padding:30px;text-align:center}.quests-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.quests-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.quests-progress{align-items:center;display:flex;gap:15px}.progress-text{color:var(--text-secondary);font-size:14px;font-weight:600}.points-earned{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:13px;font-weight:700;padding:4px 12px}.quests-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.quest-item{align-items:center;background:var(--card-bg-secondary);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.quest-item:hover{border-color:var(--btn-primary);box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.quest-item.completed{background:#667eea0d;border-color:#667eea4d;opacity:.8}.quest-icon{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.quest-item.completed .quest-icon{background:#667eea1a;border-color:#667eea4d}.quest-details{flex:1 1;min-width:0}.quest-name{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.quest-description{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.quest-progress-bar{background:var(--border-color);border-radius:10px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.quest-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.quest-item.completed .quest-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.quest-progress-text{color:var(--text-secondary);font-size:12px;font-weight:600}.quest-reward{align-items:center;display:flex;flex-shrink:0;justify-content:center}.quest-points{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 2px 8px #fbbf244d;color:#78350f;font-size:14px;font-weight:700;padding:6px 12px;white-space:nowrap}.quest-complete-icon{font-size:28px}.all-complete-banner{align-items:center;animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;box-shadow:0 4px 15px #22c55e4d;color:#fff;display:flex;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:15px;text-align:center}.banner-icon{font-size:24px}.banner-text{font-size:15px}.quests-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.reset-info{color:var(--text-secondary);font-size:12px;font-weight:500}.view-guide-link{color:var(--btn-primary);font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease}.view-guide-link:hover{color:var(--btn-primary-hover);transform:translateX(4px)}.quest-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:15px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.quest-login-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.spinner-small{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-top-color:var(--btn-primary);height:40px;width:40px}.retry-btn{background:var(--btn-primary);border-radius:6px;font-weight:600;margin-top:10px;padding:10px 20px}.retry-btn:hover{background:var(--btn-primary-hover)}@media (max-width:768px){.daily-quests-widget{padding:15px}.quests-header{align-items:flex-start;flex-direction:column;gap:10px}.quest-item{gap:10px;padding:12px}.quest-icon{font-size:24px;height:40px;width:40px}.quest-name{font-size:14px}.quest-description{font-size:12px}.quests-footer{align-items:flex-start;flex-direction:column;gap:10px}}.analytics-container{margin:0 auto;max-width:1400px;padding:30px 20px}.analytics-header{margin-bottom:40px;text-align:center}.analytics-header h1{color:var(--text-primary);font-size:32px;margin-bottom:10px}.analytics-header p{color:var(--text-secondary);font-size:16px}.period-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.period-selector button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.period-selector button:hover{background:var(--hover-bg)}.period-selector button.active{background:var(--primary);border-color:var(--primary);color:#fff}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.summary-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-icon{font-size:36px;line-height:1}.summary-content h3{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.summary-value{color:var(--primary);font-size:28px;font-weight:700;margin:0}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.chart-card h3{color:var(--text-primary);font-size:18px;margin-bottom:20px}.chart-wrapper{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.no-data-message{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-data-message p{font-size:14px;margin:0}.games-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:24px}.games-section h2{color:var(--text-primary);font-size:24px;margin-bottom:20px}.games-table{overflow-x:auto}.games-table table{border-collapse:collapse;width:100%}.games-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;padding:12px;text-align:left}.games-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 12px}.game-name,.status-badge{font-weight:600}.status-badge{border-radius:12px;display:inline-block;padding:4px 12px}.status-badge.approved{background:#48cfad33;color:#48cfad}.status-badge.pending{background:#ffb64833;color:#ffb648}.btn-view-details{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .2s ease}.btn-view-details:hover{background:var(--primary-hover);transform:translateY(-1px)}.modal-content{background:var(--card-bg);box-shadow:0 10px 40px #0000004d;max-width:800px;padding:32px}.modal-close{background:none;font-size:32px;height:32px;line-height:1;padding:0;right:16px;top:16px;width:32px}.modal-close:hover,.modal-content h2{color:var(--text-primary)}.modal-content h2{font-size:28px;margin-bottom:24px}.game-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.detail-card{background:var(--hover-bg);border-radius:10px;padding:20px;text-align:center}.detail-card h4{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.detail-value{color:var(--primary);font-size:24px;font-weight:700;margin:0}.recent-reviews-section,.store-clicks-section{margin-top:30px}.recent-reviews-section h3,.store-clicks-section h3{color:var(--text-primary);font-size:20px;margin-bottom:16px}.store-clicks-list{display:flex;flex-direction:column;gap:12px}.store-click-item{background:var(--hover-bg);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.store-click-item .platform{color:var(--text-primary);font-weight:600;text-transform:capitalize}.store-click-item .clicks{color:var(--primary);font-weight:600}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{background:var(--hover-bg);border-radius:8px;padding:16px}.review-rating{font-size:16px;margin-bottom:8px}.review-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.error-message,.loading{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}.error-message{color:var(--error)}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.games-table{font-size:14px}.games-table td,.games-table th{padding:10px 8px}.modal-content{padding:24px}.game-details-grid{grid-template-columns:repeat(2,1fr)}}.key-request-modal{align-items:flex-start;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.key-request-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;margin:auto;max-width:800px;width:100%}.key-request-modal-header{align-items:center;background:#00d9ff0d;border-bottom:2px solid #00d9ff33;display:flex;justify-content:space-between;padding:24px 28px}.key-request-modal-header h2{color:#00d9ff;font-size:26px;font-weight:700;margin:0;text-shadow:0 2px 8px #00d9ff4d}.key-request-info{background:#0f141999;border-bottom:2px solid #00d9ff1a;padding:24px 28px}.info-text{color:#e0e0e0;font-size:15px;line-height:1.7;margin-bottom:18px}.requirements-box{background:linear-gradient(135deg,#00d9ff14,#00d9ff08);border-left:4px solid #00d9ff;border-radius:10px;box-shadow:0 4px 12px #0003;padding:18px 20px}.requirements-box h4{color:#00d9ff;font-size:17px;font-weight:600;margin:0 0 12px}.requirements-box ul{color:#b8b8b8;margin:0;padding-left:24px}.requirements-box li{line-height:1.5;margin-bottom:8px}.key-request-form{padding:28px}.form-section{border-bottom:1px solid #00d9ff1a;margin-bottom:36px;padding-bottom:28px}.form-section:last-of-type{border-bottom:none}.form-section h3{align-items:center;color:#00d9ff;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:18px}.form-section>small{color:#999;display:block;line-height:1.5;margin-bottom:18px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:#0f1419cc;border:2px solid #00d9ff33;border-radius:8px;color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#00d9ff0d;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a;outline:none}.content-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.checkbox-option{align-items:center;background:#0f1419;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px;transition:background .2s}.checkbox-option:hover{background:#16213e}.checkbox-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.portfolio-item{display:flex;gap:10px;margin-bottom:15px}.portfolio-inputs{display:flex;flex:1 1;flex-direction:column;gap:8px}.portfolio-inputs input{background:#0f1419;border:1px solid #16213e;border-radius:5px;color:#fff;font-size:14px;padding:10px;width:100%}.portfolio-inputs input:focus{border-color:#00d9ff;outline:none}.remove-portfolio-btn{align-self:flex-start;background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s;white-space:nowrap}.remove-portfolio-btn:hover{background:#ff5252}.add-portfolio-btn{background:#16213e;border:none;border-radius:5px;color:#00d9ff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 16px;transition:background .2s}.add-portfolio-btn:hover{background:#1f2d50}.checkbox-label{align-items:flex-start;background:#0f1419;border-radius:5px;gap:10px;padding:12px;transition:background .2s}.checkbox-label:hover{background:#16213e}.checkbox-label input[type=checkbox]{height:18px;margin-top:2px;width:18px}.checkbox-label span{color:#fff;flex:1 1}.required-checkbox{border:2px solid #00d9ff}.form-actions{display:flex;gap:10px;margin-top:20px}.cancel-btn,.submit-request-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s}.submit-request-btn{background:#00d9ff;color:#0f1419;flex:1 1}.submit-request-btn:hover:not(:disabled){background:#00c4e6;transform:translateY(-2px)}.submit-request-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.key-request-modal{padding:20px 10px}.key-request-modal-content{max-width:100%}.content-type-grid{grid-template-columns:1fr}.form-actions,.portfolio-item{flex-direction:column}.cancel-btn,.submit-request-btn{width:100%}}.key-request-config-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.key-request-config-content{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;max-height:90vh;max-width:750px;overflow-y:auto;width:100%}.key-request-config-header{align-items:center;background:#00d9ff0d;border-bottom:2px solid #00d9ff33;display:flex;justify-content:space-between;padding:24px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.key-request-config-header h2{color:#00d9ff;font-size:26px;font-weight:700;margin:0;text-shadow:0 2px 8px #00d9ff4d}.close-button{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:40px}.close-button:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b;transform:rotate(90deg)}.key-request-config-form{padding:28px}.config-section{border-bottom:1px solid #00d9ff1a;margin-bottom:36px;padding-bottom:28px}.config-section:last-of-type{border-bottom:none}.config-section h3{color:#00d9ff;font-size:20px;font-weight:600;margin-bottom:18px}.form-group{margin-bottom:22px}.form-group label{color:#f0f0f0;margin-bottom:10px}.form-group input[type=number],.form-group textarea{background:#0f1419cc;border:2px solid #00d9ff33;border-radius:8px;color:#fff;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input[type=number]:focus,.form-group textarea:focus{background:#00d9ff0d;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a;outline:none}.form-group small{color:#999;font-size:13px;line-height:1.4;margin-top:8px}.checkbox-label{background:#0f141999;border:2px solid #00d9ff26;border-radius:8px;color:#f0f0f0;gap:12px;margin-bottom:14px;padding:14px 16px;transition:all .2s ease}.checkbox-label:hover{background:#00d9ff14;border-color:#00d9ff4d}.checkbox-label input[type=checkbox]{accent-color:#00d9ff;height:20px;width:20px}.custom-question-item{align-items:center;background:#0f1419;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.question-text{color:#fff;flex:1 1}.required-badge{background:#ff6b6b;border-radius:3px;color:#fff;display:inline-block;font-size:11px;margin-left:10px;padding:2px 8px}.remove-question-btn{background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.remove-question-btn:hover{background:#ff5252}.add-question-form{background:#0f1419;border-radius:5px;display:flex;flex-direction:column;gap:10px;margin-top:15px;padding:15px}.add-question-form input[type=text]{background:#1a1a2e;border:1px solid #16213e;border-radius:5px;color:#fff;font-size:14px;padding:10px}.add-question-form input[type=text]:focus{border-color:#00d9ff;outline:none}.add-question-btn{align-self:flex-start;background:#00d9ff;border:none;border-radius:5px;color:#0f1419;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.add-question-btn:hover{background:#00c4e6}.form-stats{background:#0f1419;border-radius:8px;margin-bottom:20px;padding:20px}.form-stats h3{color:#00d9ff;margin-bottom:15px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#1a1a2e;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.stat-label{color:#888}.stat-value{color:#00d9ff;font-weight:600}.config-actions{display:flex;flex-wrap:wrap;gap:10px}.cancel-btn,.delete-config-btn,.save-config-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.save-config-btn{background:#00d9ff;color:#0f1419;flex:1 1}.save-config-btn:hover:not(:disabled){background:#00c4e6;transform:translateY(-2px)}.save-config-btn:disabled{cursor:not-allowed;opacity:.6}.delete-config-btn{background:#ff6b6b;color:#fff}.delete-config-btn:hover{background:#ff5252}.cancel-btn{background:#16213e;color:#fff}.cancel-btn:hover{background:#1f2d50}@media (max-width:768px){.key-request-config-content{margin:10px;max-width:100%}.stats-grid{grid-template-columns:1fr}.config-actions{flex-direction:column}.cancel-btn,.delete-config-btn,.save-config-btn{width:100%}}.key-request-dashboard{margin:0 auto;max-width:1200px;padding:28px}.key-request-dashboard.loading{color:#00d9ff;font-size:18px;padding:60px;text-align:center}.dashboard-header{margin-bottom:36px}.dashboard-header h2{color:#00d9ff;font-size:28px;font-weight:700;margin-bottom:24px;text-shadow:0 2px 8px #00d9ff4d}.filter-tabs{background:#0f141966;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:8px}.filter-tabs button{background:#16213e99;border:2px solid #00d9ff33;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.filter-tabs button:hover{background:#00d9ff26;border-color:#00d9ff66;transform:translateY(-2px)}.filter-tabs button.active{background:linear-gradient(135deg,#00d9ff,#09c);border-color:#00d9ff;box-shadow:0 4px 12px #00d9ff66;color:#0f1419;transform:translateY(-2px)}.no-requests{background:#0f141966;border:2px dashed #00d9ff33;border-radius:12px;color:#999;font-size:18px;padding:80px 20px;text-align:center}.requests-list{display:flex;flex-direction:column;gap:20px}.request-card{background:linear-gradient(145deg,#1a1a2ef2,#16213ef2);border:2px solid #00d9ff33;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.request-card:before{background:linear-gradient(90deg,#00d9ff,#667eea);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.request-card:hover{border-color:#00d9ff;box-shadow:0 12px 24px #00d9ff33;transform:translateY(-4px)}.request-card:hover:before{opacity:1}.request-header-row{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.request-info h3{color:#00d9ff;font-size:22px;font-weight:700;margin:0 0 8px}.dev-info,.platform-info{color:#b8b8b8;font-size:14px;line-height:1.5;margin:0}.request-meta{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.status-badge{border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.request-date{color:#888;font-size:13px}.request-preview{margin-bottom:15px}.message-preview{color:#ccc;line-height:1.5;margin:0}.request-actions{display:flex;flex-wrap:wrap;gap:10px}.request-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.view-details-btn{background:#16213e;color:#00d9ff}.view-details-btn:hover{background:#1f2d50}.approve-btn{background:#00d9ff;color:#0f1419}.approve-btn:hover{background:#00c4e6}.reject-btn{background:#ff6b6b;color:#fff}.reject-btn:hover{background:#ff5252}.withdraw-btn{background:#888;color:#fff}.withdraw-btn:hover{background:#777}.fulfill-btn{background:#4caf50;color:#fff}.fulfill-btn:hover{background:#45a049}.request-details-modal{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.request-details-modal .modal-content{background:#1a1a2e;border-radius:10px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{background:#1a1a2e;border-bottom:2px solid #16213e;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#00d9ff}.close-btn{color:#fff;font-size:32px;line-height:1;padding:0}.close-btn:hover{color:#ff6b6b}.detail-section{border-bottom:1px solid #16213e;margin-bottom:30px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#00d9ff;font-size:18px;margin:0 0 15px}.detail-grid{grid-gap:15px;color:#fff;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-grid div{background:#0f1419;border-radius:5px;padding:10px}.detail-grid strong{color:#00d9ff;display:block;margin-bottom:5px}.platform-details{background:#0f1419;border-radius:5px;color:#fff;margin-bottom:10px;padding:15px}.platform-details a{color:#00d9ff;text-decoration:none}.platform-details a:hover{text-decoration:underline}.verified-badge{background:#4caf50;border-radius:3px;display:inline-block;font-size:11px;margin-left:10px;padding:2px 8px}.portfolio-link{background:#0f1419;border-radius:5px;margin-bottom:8px;padding:10px}.portfolio-link a{color:#00d9ff;font-weight:600;text-decoration:none}.portfolio-link a:hover{text-decoration:underline}.creator-message{color:#fff;line-height:1.6;white-space:pre-wrap}.creator-message,.custom-response{background:#0f1419;border-radius:5px;padding:15px}.custom-response{margin-bottom:10px}.custom-response strong{color:#00d9ff;display:block;margin-bottom:8px}.custom-response p{color:#fff;line-height:1.5;margin:0}.detail-section textarea{background:#0f1419;border:1px solid #16213e;border-radius:5px;color:#fff;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.detail-section textarea:focus{border-color:#00d9ff;outline:none}.review-actions{display:flex;gap:10px}.approve-action-btn,.reject-action-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.approve-action-btn{background:#00d9ff;color:#0f1419}.approve-action-btn:hover:not(:disabled){background:#00c4e6}.reject-action-btn{background:#ff6b6b;color:#fff}.reject-action-btn:hover:not(:disabled){background:#ff5252}.approve-action-btn:disabled,.reject-action-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.request-header-row{flex-direction:column;gap:10px}.request-meta{align-items:center;flex-direction:row}.filter-tabs button{flex:1 1;min-width:100px}.detail-grid{grid-template-columns:1fr}.review-actions{flex-direction:column}.request-details-modal{padding:10px}}.feed-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr 320px;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.feed-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:80px}.sidebar-header h2{color:var(--text);font-size:1.5rem;margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s ease}.sidebar-btn:before{background:var(--accent);background:var(--btn-color,var(--accent));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.sidebar-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateX(4px)}.sidebar-btn:hover:before{transform:scaleY(1)}.sidebar-btn-icon{flex-shrink:0;font-size:1.3rem}.sidebar-btn-label{color:var(--text);flex:1 1;font-weight:500}.sidebar-btn-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.sidebar-nav a{text-decoration:none}.sidebar-footer{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.sidebar-user-card{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px}.sidebar-user-avatar{border:2px solid var(--accent);border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:1.2rem}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-points{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.feed-main{min-height:100vh}.feed-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:24px}.feed-header h1{color:var(--text);font-size:1.75rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #00000080}.feed-header p{color:var(--text-secondary);font-size:.95rem}.feed-items{display:flex;flex-direction:column;gap:16px}.create-post-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px}.create-post-header{display:flex;gap:12px;margin-bottom:16px}.create-post-avatar{border:2px solid var(--accent);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.create-post-avatar img{height:100%;object-fit:cover;width:100%}.create-post-textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--input-text);flex:1 1;font-family:inherit;font-size:1rem;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease}.create-post-textarea:focus{background:var(--input-bg);border-color:var(--accent);outline:none}.create-post-textarea::placeholder{color:var(--text-secondary)}.create-post-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:16px}.create-post-image-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.create-post-image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.create-post-error{background:var(--error-bg);border:1px solid #ef444466;border-radius:8px;color:var(--error-text);font-size:.9rem;margin-bottom:12px;padding:12px}.create-post-footer{border-top:1px solid var(--border);padding-top:16px}.create-post-actions{display:flex;gap:8px;margin-bottom:12px}.post-action-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.post-action-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent)}.post-action-btn:disabled{cursor:not-allowed;opacity:.5}.emoji-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px}.emoji-btn{background:var(--hover-bg);border:none;border-radius:6px;font-size:1.2rem;height:36px;transition:all .2s ease;width:36px}.emoji-btn:hover{background:var(--bg-card-hover);transform:scale(1.1)}.create-post-submit-area{align-items:center;display:flex;justify-content:space-between}.character-count{color:var(--text-secondary);font-size:.85rem}.post-submit-btn{background:linear-gradient(135deg,var(--accent),#9333ea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.post-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #9333ea66;transform:translateY(-2px)}.post-submit-btn:disabled{cursor:not-allowed;opacity:.5}.feed-follow-btn{background:#0000;border:1px solid var(--accent);border-radius:16px;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;margin-left:auto;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.feed-follow-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.feed-follow-btn.following{background:var(--accent);border-color:var(--accent);color:#fff}.feed-follow-btn.following:hover{background:#dc2626;border-color:#dc2626}.feed-follow-btn.following:hover:before{content:"Unfollow";left:0;position:absolute;right:0}.feed-report-btn{background:#0000;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.85rem;margin-left:8px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.feed-report-btn:hover{background:#ef44441a;border-color:#ef4444;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-hover);max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:100%}.modal-content h2{color:var(--text);font-size:1.5rem;margin-bottom:20px}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px}.modal-close:hover{background:var(--hover-bg);color:var(--text)}.form-group{margin-bottom:20px}.form-group label{color:var(--text);display:block;margin-bottom:8px}.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--input-text);font-family:inherit;font-size:1rem;padding:12px;transition:all .2s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:4px}.modal-actions{justify-content:flex-end;margin-top:24px}.btn-secondary{padding:10px 24px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.error-message{background:var(--error-bg);border:1px solid #ef444466;border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px}.success-message{color:var(--success-text);padding:20px;text-align:center}.success-message p{font-size:1.1rem;font-weight:600}.feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.feed-item:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.feed-item-border{background:linear-gradient(90deg,var(--activity-color),#0000);height:3px;left:0;position:absolute;right:0;top:0}.feed-item-content{padding:20px}.feed-item-header{display:flex;gap:12px;margin-bottom:16px}.feed-item-avatar{border:2px solid var(--activity-color);border-radius:50%;display:block;flex-shrink:0;height:48px;overflow:hidden;transition:transform .3s ease;width:48px}.feed-item-avatar:hover{transform:scale(1.1)}.feed-item-avatar img{height:100%;object-fit:cover;width:100%}.feed-item-meta{flex:1 1;min-width:0}.feed-item-user{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.username{color:var(--text);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s ease}.username:hover{color:var(--accent)}.badge-developer{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;letter-spacing:.5px;text-transform:uppercase}.badge-developer,.badge-normal{border-radius:8px;font-size:.7rem;font-weight:600;padding:2px 8px}.badge-normal{background:var(--hover-bg)}.badge-normal,.separator{color:var(--text-secondary)}.separator{font-size:.8rem}.timestamp{color:var(--text-secondary);font-size:.85rem}.feed-item-type{align-items:center;display:flex;gap:6px;margin-top:4px}.type-icon{font-size:.9rem}.type-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.feed-item-body{margin-left:60px}.feed-item-title{color:var(--text);font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:10px}.feed-item-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.feed-item-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{border:1px solid;border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 12px}.tag-platform{background:#9333ea33;border-color:#9333ea4d;color:#c084fc}.tag-discount{background:#ea580c33;border-color:#ea580c4d;color:#fb923c}.tag-games{background:#eab30833;border-color:#eab3084d;color:#fbbf24}.feed-item-action{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;color:var(--accent);display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 18px;text-decoration:none;transition:all .3s ease}.feed-item-action:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateX(4px)}.action-arrow{transition:transform .3s ease}.feed-item-action:hover .action-arrow{transform:translateX(4px)}.feed-empty,.feed-error,.feed-loading{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:60px 20px;text-align:center}.spinner{display:inline-block;margin-bottom:20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:24px;width:24px}.error-icon{display:block;font-size:3rem;margin-bottom:20px}.btn-retry{background:linear-gradient(135deg,var(--accent),#9333ea);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.btn-retry:hover{box-shadow:0 4px 12px #9333ea66;transform:translateY(-2px)}.empty-icon{font-size:4rem}.feed-empty h3{color:var(--text);font-size:1.5rem;margin-bottom:12px}.feed-empty p{color:var(--text-secondary);margin-bottom:24px}.empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-actions a{text-decoration:none}.feed-loading-more{align-items:center;display:flex;gap:12px;justify-content:center}.feed-end,.feed-loading-more{color:var(--text-secondary);padding:40px}.feed-end{text-align:center}.feed-end span{display:block;font-size:2rem;margin-bottom:12px}.feed-right-sidebar{display:flex;flex-direction:column;gap:16px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}.info-card,.quick-actions-card,.trending-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.quick-actions-card h3,.trending-card h3{color:var(--text);font-size:1.1rem;margin-bottom:16px}.trending-list{display:flex;flex-direction:column;gap:8px}.trending-item{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .3s ease}.trending-item:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateX(4px)}.trending-icon{flex-shrink:0;font-size:1.5rem}.trending-title{color:var(--text);font-size:.95rem;font-weight:600}.trending-subtitle{color:var(--text-secondary);font-size:.8rem;margin-top:2px}.quick-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:8px;padding:16px 12px;text-decoration:none;transition:all .3s ease}.quick-action-btn span{font-size:1.5rem}.quick-action-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-2px)}.info-card{background:linear-gradient(135deg,#9333ea1a,#2563eb1a);border-color:#9333ea4d}.info-card h4{color:var(--text);font-size:1rem;margin-bottom:12px}.info-card p{font-size:.85rem;line-height:1.6;margin-bottom:12px}.info-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s ease}.info-link:hover{color:#9333ea}@media (max-width:1200px){.feed-container{gap:16px;grid-template-columns:240px 1fr 280px;padding:16px}.sidebar-btn{padding:12px 14px}.sidebar-btn-label{font-size:.9rem}}@media (max-width:992px){.feed-container{grid-template-columns:1fr}.feed-sidebar{display:none}.feed-right-sidebar{position:relative;top:0}.feed-main{order:-1}}@media (max-width:768px){.feed-container{padding:12px}.feed-header{padding:20px}.feed-header h1{font-size:1.5rem}.create-post-box{padding:16px}.create-post-header{flex-direction:column}.create-post-avatar{height:40px;width:40px}.create-post-textarea{min-height:60px}.feed-item-body{margin-left:0}.feed-item-header{align-items:flex-start;flex-direction:column}.feed-item-avatar{height:40px;width:40px}.feed-follow-btn{margin-left:0;margin-top:8px}.quick-actions{grid-template-columns:repeat(2,1fr)}.feed-right-sidebar{display:none}}@media (max-width:480px){.feed-items{gap:12px}.feed-item-content{padding:16px}.feed-item-title{font-size:1rem}.feed-item-description{font-size:.9rem}.empty-actions{flex-direction:column}}.feed-sidebar::-webkit-scrollbar{width:6px}.feed-sidebar::-webkit-scrollbar-track{background:var(--hover-bg);border-radius:10px}.feed-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.feed-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.post-detail-container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.post-detail-header{margin-bottom:20px}.back-button{background:var(--card-bg);border:1px solid var(--modal-border);font-size:1rem;padding:10px 20px;transition:all .3s ease}.back-button:hover{border-color:var(--accent);transform:translateX(-5px)}.post-detail-error,.post-detail-loading{background:var(--card-bg);border:1px solid var(--modal-border);border-radius:20px;padding:60px 20px;text-align:center}.spinner{border:4px solid #ffffff1a;border-top:4px solid var(--accent);margin:0 auto 20px}.post-detail-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid var(--modal-border);border-radius:20px;box-shadow:var(--shadow-hover);padding:30px}.post-author{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px}.author-avatar{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.author-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--accent),#9333ea);font-size:1.5rem}.author-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.author-name{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.author-name:hover{color:var(--accent)}.badge-developer{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.badge-developer,.badge-premium{border-radius:12px;font-size:.85rem;padding:4px 12px}.badge-premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.post-timestamp{color:var(--text-muted);font-size:.9rem}.post-content{margin-bottom:20px}.post-content p{word-wrap:break-word;color:var(--text);font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.post-images{border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative}.post-image{display:block;height:auto;max-height:500px;object-fit:cover;width:100%}.image-navigation{display:flex;justify-content:space-between;left:0;padding:0 15px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.image-nav-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.3rem;padding:12px 16px;pointer-events:auto;transition:background .2s}.image-nav-btn:hover{background:#000000e6}.image-counter{background:#000000b3;border-radius:20px;bottom:15px;color:#fff;font-size:.9rem;padding:6px 16px;position:absolute;right:15px}.post-actions{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:20px;margin-bottom:20px;padding:20px 0}.action-btn{background:#0000;border:2px solid var(--modal-border);border-radius:25px;color:var(--text);padding:10px 20px;transition:all .3s ease}.action-btn:hover:not(:disabled){background:#e74c3c1a;border-color:var(--accent);transform:translateY(-2px)}.action-btn.liked{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-info{color:var(--text-muted);font-size:1rem}.comments-section{margin-top:30px}.comments-section h3{color:var(--accent);font-size:1.3rem;margin-bottom:20px}.comment-form{margin-bottom:30px}.comment-form textarea{background:var(--input-bg);border:1px solid var(--modal-border);border-radius:12px;color:var(--text);font-family:inherit;font-size:1rem;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:var(--accent);outline:none}.submit-comment-btn{background:var(--accent);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 30px;transition:all .3s ease}.submit-comment-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.5}.login-prompt{background:#ffffff0d;border-radius:12px;color:var(--text-muted);margin-bottom:20px;padding:20px}.login-prompt a{color:var(--accent);font-weight:700;text-decoration:none}.login-prompt a:hover{text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:20px}.comment{background:#ffffff08;border-radius:12px;display:flex;gap:12px;padding:15px;transition:background .2s}.comment:hover{background:#ffffff0d}.comment-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,var(--accent),#9333ea);color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;width:100%}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.comment-author{color:var(--text);font-weight:700;text-decoration:none}.comment-author:hover{color:var(--accent)}.comment-timestamp{color:var(--text-muted);font-size:.85rem}.delete-comment-btn{background:#0000;border:none;color:#f44;cursor:pointer;font-size:1rem;margin-left:auto;opacity:.7;padding:4px;transition:opacity .2s}.delete-comment-btn:hover{opacity:1}.comment-text{word-wrap:break-word;color:var(--text);line-height:1.6;margin:0;white-space:pre-wrap}.no-comments{color:var(--text-muted);font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.post-detail-container{padding:10px}.post-detail-card{padding:20px}.post-content p{font-size:1rem}}.messages-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:20px}.messages-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.messages-header h1{align-items:center;color:var(--text);display:flex;font-size:clamp(1.5rem,4vw,2rem);gap:10px;margin:0}.messages-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-icon{background:#2d3548;border:2px solid #3d4558;border-radius:10px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 18px;transition:all .2s}.btn-icon:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f166;color:#fff;transform:translateY(-2px)}.checkbox-label{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:5px}.checkbox-label input[type=checkbox]{cursor:pointer}.messages-error{align-items:center;animation:slideIn .3s ease-out;background:var(--error-bg);border-radius:8px;color:var(--error-text);display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.messages-error button{background:none;border:none;color:var(--error-text);cursor:pointer;font-size:1.2rem;margin-left:10px;padding:0}.messages-search-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:20px;padding:18px}.search-input-group{display:flex;gap:10px}.search-input{background:var(--input-bg);border:2px solid var(--border);color:var(--text);flex:1 1;font-size:.95rem;padding:10px 15px}.search-input:focus{border-color:var(--accent)}.search-results{margin-top:15px}.search-result-item{border-bottom:1px solid var(--border);transition:background .2s}.search-result-item:hover{background:var(--hover-bg)}.search-result-user{color:var(--text);font-weight:700;margin-bottom:4px}.messages-layout{grid-gap:20px;display:grid;gap:20px;height:calc(100vh - 180px);max-height:none;min-height:600px}.messages-layout.desktop{grid-template-columns:360px 1fr}.messages-layout.mobile{grid-template-columns:1fr}.conversations-panel{background:#1a1f2e;border:2px solid #2d3548;border-radius:16px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.conversations-header{align-items:center;background:var(--card-bg);border-bottom:2px solid var(--border);color:var(--text);display:none;font-size:1.1rem;font-weight:700;gap:8px;padding:18px 20px}.panel-icon{font-size:1.3rem}.conversations-list{flex:1 1;overflow-y:auto;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.empty-state,.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.spinner{border:4px solid var(--border);border-top-color:var(--accent);margin:0 auto 15px}.spinner.small{border-width:2px;height:20px;width:20px}.empty-hint{font-size:.9rem;margin-top:10px}.conversation-item{align-items:center;background:#232938;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;gap:14px;margin:6px 10px;padding:14px 16px;position:relative;transition:all .2s}.conversation-item:hover{background:#2d3548;border-color:#3d4558;box-shadow:0 4px 8px #0000004d;transform:translateX(2px)}.conversation-item.active{background:#2d3548;border-color:#6366f1;box-shadow:0 4px 12px #6366f166;color:#fff}.quick-label-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;font-size:16px;opacity:0;padding:6px 10px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s;z-index:10}.conversation-item:hover .quick-label-btn{opacity:1}.quick-label-btn:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-50%) scale(1.1)}.quick-label-btn:active{transform:translateY(-50%) scale(.95)}.conversation-avatar-wrapper{flex-shrink:0;height:50px;position:relative;width:50px}.conversation-avatar{align-items:center;border:2px solid var(--border);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.conversation-avatar.active{border-color:#fff}.online-indicator{animation:pulse 2s infinite;background:#2ecc71;bottom:2px;height:12px;right:2px;width:12px}.online-indicator,.unread-badge{border:2px solid var(--card-bg);border-radius:50%;position:absolute}.unread-badge{align-items:center;background:#ff4757;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px;right:-4px;top:-4px}.conversation-info{flex:1 1;min-width:0;overflow:hidden}.conversation-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.conversation-username{color:inherit;font-size:.95rem;font-weight:700;gap:6px}.conversation-item.active .conversation-username{color:#fff}.conversation-time{color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.conversation-item.active .conversation-time{color:#fffc}.conversation-preview{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-preview{color:#ffffffe6}.archived-icon{color:var(--text-secondary);font-size:.9rem}.conversation-item.active .archived-icon{color:#fffc}.avatar-image{border-radius:50%;display:block;object-fit:cover}.avatar-placeholder{border-radius:50%;flex-shrink:0;font-weight:600}.messages-panel{background:#1a1f2e;border:2px solid #2d3548;border-radius:16px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;overflow:hidden}.messages-panel-header{align-items:center;background:#1a1f2e;border-bottom:2px solid #2d3548;box-shadow:0 2px 8px #0000004d;display:flex;gap:10px;justify-content:space-between;padding:14px 20px}.back-button{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s}.back-button:hover{background:var(--accent);color:#fff}.header-user-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.header-avatar{align-items:center;border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-username{color:var(--text);font-size:1.15rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-status{align-items:center;display:flex;font-size:.8rem;gap:6px}.status-dot{display:inline-block;height:8px;width:8px}.status-dot.online{animation:pulse 2s infinite;background:#2ecc71}.status-dot.offline{background:#95a5a6}.status-text{color:var(--text-secondary)}.status-text.online{color:#2ecc71;font-weight:600}.action-button{background:#2d3548;border:2px solid #3d4558;box-shadow:0 2px 6px #0000004d;padding:10px 14px}.action-button:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f166;color:#fff;transform:translateY(-2px)}.action-button.danger:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444466}.messages-list{background:#0f1419;gap:8px;padding:16px;scrollbar-color:#2d3548 #0000;scrollbar-width:thin}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.loading-more{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;justify-content:center;padding:15px}.load-more-button{align-self:center;background:var(--card-bg);border:2px solid var(--border);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:var(--text);cursor:pointer;font-weight:600;margin:10px 0;padding:10px 24px;transition:all .2s}.load-more-button:hover{background:var(--hover-bg);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.empty-messages{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.empty-icon{font-size:3rem}.empty-title{color:var(--text);font-size:1.1rem;font-weight:600}.empty-subtitle{font-size:.9rem}.message-wrapper{animation:slideIn .3s ease-out;padding-bottom:50px;position:relative}.message-reply{background:var(--hover-bg);border-left:3px solid var(--accent);border-radius:6px;color:var(--text-secondary);font-size:.75rem;margin-bottom:6px;max-width:65%;opacity:.9;padding:6px 10px}.message-reply.sent{margin-left:auto}.message-reply.received{margin-left:44px}.reply-label{margin-bottom:2px}.reply-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message{align-items:flex-start;border-radius:8px;gap:8px;padding:4px 8px;position:relative;transition:background .2s}.message:hover{background:#2d35484d}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-avatar{margin-top:2px}.message-content-wrapper{display:flex;flex-direction:column;max-width:70%;min-width:150px}.message.sent .message-content-wrapper{align-items:flex-end}.message.received .message-content-wrapper{align-items:flex-start}.message-sender{color:var(--text-secondary);font-size:.7rem;margin-bottom:3px;padding-left:12px}.message-bubble{background:#2d3548;border:1px solid #3d4558;border-radius:16px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:.95rem;line-height:1.4;padding:10px 14px;word-break:break-word}.message.sent .message-bubble{background:#6366f1;border-color:#6366f1;border-radius:16px 16px 4px 16px;color:#fff}.message.received .message-bubble{background:#2d3548;border-color:#3d4558;border-radius:16px 16px 16px 4px}.message-bubble.deleted{background:var(--hover-bg);color:var(--text-secondary);font-style:italic}.message-attachments{margin-bottom:10px}.attachment{max-width:100%}.attachment-image,.attachment-video{border-radius:8px;display:block;max-width:100%}.attachment-file{color:inherit;display:inline-flex;gap:5px;text-decoration:none}.attachment-file:hover{text-decoration:underline}.message-text{line-height:1.5}.message-meta{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px;opacity:.7;text-align:right}.read-receipt{margin-left:5px}.message-reactions{margin-top:8px}.reaction{align-items:center;background:#0000001a;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;padding:4px 8px;transition:transform .1s}.message.sent .reaction{background:#fff3}.message.received .reaction{background:var(--hover-bg)}.reaction:hover{transform:scale(1.1)}.message-actions{background:#1a1f2e;border:2px solid #2d3548;border-radius:8px;box-shadow:0 4px 12px #0006;display:flex;gap:4px;margin-top:4px;opacity:1;padding:4px;pointer-events:all;position:absolute;top:100%;z-index:10}.message-actions.sent{right:0}.message-actions.received{left:0}.action-btn{background:#2d3548;border:2px solid #3d4558;color:#fff;font-size:1rem;padding:8px 11px;transition:all .15s}.action-btn:hover{background:#6366f1;border-color:#6366f1;transform:scale(1.08)}.action-btn.danger:hover{background:#ef4444;border-color:#ef4444}.emoji-picker{background:#1a1f2e;border:2px solid #2d3548;border-radius:12px;bottom:100%;box-shadow:0 4px 16px #0000004d;display:flex;gap:6px;margin-bottom:8px;opacity:1;padding:10px;pointer-events:all;position:absolute;z-index:100}.emoji-picker.sent{right:0}.emoji-picker.received{left:0}.emoji-btn{background:#2d3548;border:2px solid #3d4558;border-radius:8px;cursor:pointer;font-size:1.4rem;padding:8px;transition:transform .15s,background .15s}.emoji-btn:hover{background:#3d4558;transform:scale(1.15)}.edit-form{background:#0000001a;border:2px solid var(--accent);border-radius:8px;padding:12px}.edit-label{color:var(--accent);font-size:.75rem;font-weight:600;margin-bottom:8px}.message.sent .edit-label{color:#fffc}.edit-textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;min-height:80px;padding:10px;resize:vertical;width:100%}.edit-actions{margin-top:8px}.btn-small{border-radius:6px;font-size:.85rem;font-weight:600;padding:6px 16px}.typing-indicator{gap:12px;margin-left:44px;padding:8px 12px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{background:var(--card-bg-secondary);border-radius:18px 18px 18px 4px;gap:4px;padding:12px 16px}.typing-dots .dot{animation:typing 1.4s infinite;background:var(--text-secondary);border-radius:50%;height:8px;width:8px}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.messages-input-container{background:#1a1f2e;border-top:2px solid #2d3548}.file-preview,.reply-preview{align-items:center;background:var(--hover-bg);border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:12px 20px}.file-preview-info,.reply-preview-content{flex:1 1;min-width:0}.reply-preview-label{color:var(--accent);font-size:.75rem;font-weight:600;margin-bottom:4px}.reply-preview-text{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-info{align-items:center;display:flex;gap:8px}.file-icon{font-size:1.5rem}.file-name{color:var(--text);font-weight:600}.file-size{color:var(--text-secondary);font-size:.75rem}.file-cancel,.reply-cancel{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s}.file-cancel:hover,.reply-cancel:hover{background:#e74c3c;color:#fff}.message-input-form{align-items:center;background:#1a1f2e;display:flex;gap:10px;padding:12px 16px}.file-input-hidden{display:none}.attach-button{align-items:center;background:#2d3548;border:2px solid #3d4558;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;padding:10px 12px;transition:all .2s;width:44px}.attach-button:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f166;color:#fff;transform:scale(1.05)}.message-input{background:#0f1419;border:2px solid #2d3548;border-radius:24px;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:12px 18px;transition:border-color .2s}.message-input:focus{background:#1a1f2e;border-color:#6366f1}.message-input:disabled{cursor:not-allowed;opacity:.5}.send-button{align-items:center;background:#6366f1;border:none;border-radius:24px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.send-button:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 16px #6366f180;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-text{display:inline}.no-conversation-selected{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-conversation-selected .empty-icon{font-size:4rem;margin-bottom:20px}.no-conversation-selected h2{color:var(--text);margin-bottom:10px}.no-conversation-selected p{font-size:.95rem}.messages-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:40px;text-align:center}.messages-empty h2{color:var(--text);margin-bottom:10px}.messages-empty p{color:var(--text-secondary)}.btn-primary{background:var(--btn-primary);border-radius:8px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:all .2s}.btn-secondary:hover{background:var(--accent);color:#fff}@media (max-width:1024px){.messages-layout.desktop{grid-template-columns:300px 1fr}.header-username{font-size:1rem}}@media (max-width:768px){.conversations-header{display:flex}.messages-container{padding:10px}.messages-header{margin-bottom:15px}.message-wrapper{padding-bottom:8px}.messages-list{gap:4px}.messages-header h1{font-size:1.5rem}.messages-header-actions{gap:8px}.checkbox-label{font-size:.85rem}.messages-layout{height:calc(100vh - 180px)}.conversations-header{font-size:1rem;padding:15px}.conversation-item{padding:10px 12px}.messages-panel-header{padding:12px 16px}.header-username{font-size:1rem}.header-actions{gap:6px}.action-button{font-size:1rem;padding:6px 10px}.messages-list{padding:12px 8px}.message-content-wrapper{max-width:85%}.message-bubble{font-size:.95rem;padding:8px 12px}.message-reply{margin-bottom:4px;max-width:85%;padding:5px 8px}.message-reply.received{margin-left:40px}.message-actions{flex-wrap:wrap}.action-btn{font-size:1rem;padding:6px 10px}.emoji-picker{flex-wrap:wrap;max-width:280px}.message-input-form{gap:8px;padding:12px 15px}.attach-button{font-size:1.1rem;height:40px;width:40px}.message-input{font-size:.9rem;padding:10px 15px}.send-button{padding:10px 16px}.send-text{display:none}.typing-indicator{margin-left:40px}.no-conversation-selected{display:none}}@media (max-width:480px){.messages-container{padding:5px}.messages-header{align-items:flex-start;flex-direction:column;gap:10px}.messages-header h1{font-size:1.3rem}.messages-search-panel{padding:12px}.search-input-group{flex-direction:column}.conversation-item{padding:8px 10px}.conversation-username{font-size:.9rem}.conversation-preview{font-size:.8rem}.messages-panel-header{padding:10px 12px}.header-username{font-size:.95rem}.header-status{font-size:.75rem}.messages-list{padding:10px 8px}.message-bubble{font-size:.9rem;padding:8px 12px}.message-input-form{gap:6px;padding:10px 12px}.attach-button{font-size:1rem;height:36px;width:36px}.message-input{font-size:.85rem;padding:8px 12px}.send-button{font-size:1rem;padding:8px 12px}.emoji-picker{gap:4px;padding:8px}.emoji-btn{font-size:1.3rem;padding:6px}}@media (max-height:500px) and (orientation:landscape){.messages-layout{height:calc(100vh - 140px)}.messages-list{padding:10px}.empty-messages{padding:30px 20px}.empty-icon{font-size:2rem}}@media (hover:none) and (pointer:coarse){.action-btn,.action-button,.conversation-item,.emoji-btn,.load-more-button,.send-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.message-actions{display:none;justify-content:center;margin-top:8px;opacity:0;position:static}.message-actions.show{display:flex;opacity:1}.emoji-picker{margin-top:8px;position:static}}@media (max-width:768px){.message-actions{display:none;opacity:0;pointer-events:none}.message-actions.show{display:flex;opacity:1;pointer-events:all}}@media (prefers-contrast:high){.action-button,.conversation-item,.message-bubble,.messages-panel-header{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.message-wrapper,.online-indicator,.typing-dots .dot{animation:none}}.group-avatar,.group-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.conversation-avatar .group-avatar,.conversation-avatar .group-avatar-placeholder{font-size:26px}.header-avatar .group-avatar,.header-avatar .group-avatar-placeholder{font-size:20px}@media (max-width:768px){.conversation-avatar .group-avatar,.conversation-avatar .group-avatar-placeholder{font-size:22px}.header-avatar .group-avatar,.header-avatar .group-avatar-placeholder{font-size:18px}}.attach-button:nth-of-type(2){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.attach-button:nth-of-type(2):hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05)}.btn-primary{border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.message-bubble .link-preview{margin-top:10px}.conversation-username{align-items:center;display:flex;gap:4px}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;color:#fff;font-size:1.1rem;padding:8px 12px;transition:all .2s}.action-button:hover{background:#667eea33;border-color:#667eea}.conversation-labels{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.label-chip-small{border:1px solid;border-radius:12px;display:inline-block;max-width:80px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.label-chip-small,.label-more{font-size:11px;font-weight:600}.label-more{color:#888}.label-folders{background:#0003;border-bottom:2px solid #667eea26;display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-color:#667eea #0000004d;scrollbar-width:thin}.label-folders::-webkit-scrollbar{height:6px}.label-folders::-webkit-scrollbar-track{background:#0003}.label-folders::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.label-folder{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;position:relative;transition:all .3s;white-space:nowrap}.label-folder:hover{background:#ffffff14;border-color:#667eea66;transform:translateY(-2px)}.label-folder.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea;box-shadow:0 0 20px #667eea4d}.folder-icon{align-items:center;display:flex;font-size:18px}.folder-name{text-transform:capitalize}.folder-count{background:#667eea4d;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.label-folder.active .folder-count{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{background:#ffffff1a;border:2px solid #667eea4d;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s}.btn-secondary:hover{background:#667eea33;border-color:#667eea}@media (max-width:768px){.messages-header-actions{justify-content:space-between;width:100%}.btn-primary{font-size:.85rem;padding:8px 16px}.action-button{font-size:1rem;padding:6px 10px}.label-chip-small{font-size:10px;max-width:60px;padding:2px 6px}.label-folders{gap:6px;padding:8px 12px}.label-folder{font-size:13px;padding:6px 10px}.folder-icon{font-size:16px}.folder-count{font-size:11px;padding:2px 6px}.quick-label-btn{font-size:14px;opacity:1;padding:4px 8px}.conversation-avatar-wrapper{height:44px;width:44px}.header-avatar{height:36px;width:36px}}.voice-recorder{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-radius:8px;margin-bottom:12px;padding:16px}.voice-recorder-error{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;color:#ff3b30;font-size:14px;margin-bottom:12px;padding:12px}.voice-recorder-content{display:flex;flex-direction:column;gap:12px}.voice-recorder-start{display:flex;gap:12px;justify-content:center}.voice-record-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.voice-record-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.voice-recorder-active{align-items:center;display:flex;flex-direction:column;gap:16px}.voice-recording-indicator{align-items:center;color:#ff3b30;display:flex;font-size:16px;font-weight:600;gap:8px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#ff3b30;border-radius:50%;height:12px;width:12px}.voice-recording-time{color:#fff;color:var(--text-primary,#fff);font-family:Courier New,monospace;font-size:32px;font-weight:700}.voice-recording-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.voice-cancel-btn,.voice-pause-btn,.voice-send-btn,.voice-stop-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.voice-pause-btn{background:orange;color:#fff}.voice-stop-btn{background:#ff3b30;color:#fff}.voice-cancel-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.voice-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 32px}.voice-cancel-btn:hover,.voice-pause-btn:hover,.voice-send-btn:hover,.voice-stop-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.voice-recorder-preview{display:flex;flex-direction:column;gap:12px}.voice-preview-header{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:14px;font-weight:600;justify-content:space-between}.voice-preview-duration{color:#fff;color:var(--text-primary,#fff);font-family:Courier New,monospace}.voice-preview-player{background:#ffffff0d;border-radius:6px;height:40px;width:100%}.voice-preview-controls{display:flex;gap:12px;justify-content:center}@media (max-width:768px){.voice-recording-controls{flex-direction:column;width:100%}.voice-cancel-btn,.voice-pause-btn,.voice-stop-btn{width:100%}}.voice-player{background:#667eea1a;border-radius:12px;gap:12px;max-width:400px;padding:12px}.voice-play-btn,.voice-player{align-items:center;display:flex}.voice-play-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-play-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.voice-play-btn:active{transform:scale(.95)}.voice-player-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.voice-waveform{cursor:pointer;height:32px;position:relative;width:100%}.waveform-bars{align-items:flex-end;display:flex;gap:2px;height:100%}.waveform-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;flex:1 1;min-width:2px;transition:opacity .1s,height .1s}.voice-progress-bar{background:#fff3;border-radius:2px;height:4px;margin:14px 0;position:relative;width:100%}.voice-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .1s linear}.voice-time{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-family:Courier New,monospace;font-size:12px;gap:4px}.voice-time-separator{opacity:.5}@media (max-width:768px){.voice-player{max-width:100%}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-group-modal{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;padding:20px}.modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;font-weight:700}.modal-close-btn{color:#aaa;color:var(--text-secondary,#aaa);font-size:24px;line-height:1;padding:4px;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary,#fff)}.modal-error{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;color:#ff3b30;margin:20px 20px 0;padding:12px 20px}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.add-members-step,.group-info-step{display:flex;flex-direction:column;gap:20px}.form-group label{color:#aaa;color:var(--text-secondary,#aaa)}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary,#fff);font-size:14px;padding:12px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#ffffff14}.char-count{color:#aaa;color:var(--text-secondary,#aaa)}.back-btn,.create-btn,.next-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.create-btn,.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-btn:hover,.next-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.create-btn:disabled,.next-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.back-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.back-btn:hover{background:#ffffff26}.selected-users{background:#ffffff0d;border:1px dashed #fff3;border-radius:6px;min-height:60px;padding:12px}.selected-users-list{display:flex;flex-wrap:wrap;gap:8px}.selected-user-chip{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:14px;gap:6px;padding:6px 12px}.selected-user-chip button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;transition:background .2s;width:18px}.selected-user-chip button:hover{background:#ffffff4d}.no-selection{color:#aaa;color:var(--text-secondary,#aaa);font-size:14px;padding:20px;text-align:center}.search-instructions{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:12px 16px}.search-instructions p{color:#fff;font-size:14px;font-weight:600;margin:0}.search-tip{color:#aaa!important;font-size:13px!important;font-weight:400!important;margin-top:6px!important}.user-search{display:flex;flex-direction:column;gap:12px}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary,#fff);font-size:14px;padding:12px}.search-input:focus{background:#ffffff14}.search-results{background:#00000080;border:3px solid #667eea66;border-radius:8px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:300px;min-height:120px;padding:12px;position:relative;z-index:10}.search-results-header{background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea4d;border-radius:6px;color:#fff;font-size:14px;font-weight:600;margin-bottom:4px;padding:10px 12px;text-align:center}.search-empty,.search-error-box,.search-hint,.search-loading{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:14px;justify-content:center;min-height:80px;padding:20px;text-align:center}.search-error{background:#ef44441a;border:2px solid #ef44444d;border-radius:8px;color:#ff6b6b;font-size:13px;margin-top:8px;padding:10px 12px}.search-error-box{color:#ff6b6b!important}.user-result{align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:all .3s}.user-result:hover{background:#667eea33;border-color:#667eea99;box-shadow:0 4px 12px #667eea4d;transform:translateX(4px)}.user-result.selected{background:#667eea40;border-color:#667eea;box-shadow:0 0 15px #667eea4d}.user-result.selected:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.user-name{color:#fff;font-size:15px;font-weight:600}.user-type{color:#aaa;font-size:12px;margin-top:2px;text-transform:capitalize}.user-selected-icon{align-items:center;animation:checkPulse .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea80;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}@keyframes checkPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modal-actions{display:flex;gap:12px;justify-content:space-between}.modal-actions .create-btn{flex:1 1}@media (max-width:768px){.create-group-modal{border-radius:0;max-height:100vh;max-width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.group-management-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom:2px solid #667eea40;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:28px 30px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;letter-spacing:.5px;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:10px;color:#888;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.modal-close-btn:hover{background:#ffffff26;color:#fff;transform:rotate(90deg) scale(1.1)}.modal-error{background:#ef44441a;border-left:3px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:14px;margin:16px 24px;padding:12px 16px}.group-tabs{background:#0003;border-bottom:2px solid #667eea26;display:flex;gap:2px;padding:0 24px}.group-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#888;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.group-tabs button:hover{background:#667eea14;color:#a0b1ff;transform:translateY(-1px)}.group-tabs button.active{background:#667eea26;border-bottom-color:#667eea;box-shadow:inset 0 4px 8px #667eea33;color:#fff}.group-tab-content{flex:1 1;overflow-y:auto;padding:24px}.members-tab{display:flex;flex-direction:column;gap:20px}.add-member-section{position:relative}.search-input{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:2px solid #667eea40;border-radius:12px;box-shadow:inset 0 2px 4px #0003;color:#fff;font-size:15px;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.search-input:focus{background:linear-gradient(135deg,#ffffff1f,#ffffff14);box-shadow:0 0 0 3px #667eea26,inset 0 2px 4px #0003;transform:translateY(-1px)}.search-input::placeholder{color:#fff6}.search-results-dropdown{animation:dropdownSlideIn .2s ease-out;background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #667eea59;border-radius:12px;box-shadow:0 12px 30px #0006,inset 0 1px 0 #ffffff0d;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:10}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{align-items:center;border-bottom:1px solid #667eea1f;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.search-result-item:hover{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding-left:22px}.search-result-item:last-child{border-bottom:none}.search-result-item span{color:#fff;font-size:15px}.search-result-item button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea66;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:7px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.search-result-item button:hover:not(:disabled){box-shadow:0 4px 10px #667eea80;transform:translateY(-2px) scale(1.05)}.search-result-item button:disabled{cursor:not-allowed;opacity:.5;transform:none}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;gap:12px;padding:14px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.member-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 4px 12px #667eea40;transform:translateX(6px) scale(1.01)}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.member-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:20px}.member-info{flex:1 1}.member-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.member-roles-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.member-role-badge-small{align-items:center;border-radius:12px;box-shadow:0 2px 6px #0000004d,inset 0 1px 0 #ffffff26;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.member-role-badge-small:hover{box-shadow:0 3px 8px #0006,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.member-status{color:#888;font-size:13px;text-transform:capitalize}.remove-member-btn{background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid #ef444499;border-radius:8px;box-shadow:0 2px 6px #ef44444d;color:#fca5a5;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.remove-member-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#dc26264d);box-shadow:0 4px 10px #ef444466;transform:translateY(-2px) scale(1.05)}.remove-member-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admins-tab{gap:24px}.admins-list,.admins-tab{display:flex;flex-direction:column}.admins-list{gap:12px}.admin-item{align-items:center;background:#667eea14;border:1px solid #667eea40;border-radius:10px;display:flex;justify-content:space-between;padding:16px;transition:all .3s}.admin-item:hover{background:#667eea1f;transform:translateX(4px)}.admin-info{flex:1 1}.admin-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:6px}.admin-role-badge{background:linear-gradient(135deg,#667eea40,#764ba240);border:2px solid #667eea80;border-radius:8px;box-shadow:0 2px 6px #667eea4d,inset 0 1px 0 #ffffff1a;color:#a0b1ff;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.8px;padding:5px 12px;text-transform:uppercase;transition:all .2s ease}.admin-role-badge:hover{box-shadow:0 3px 8px #667eea66,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.admin-role-badge.owner{background:linear-gradient(135deg,#ffd70040,#ffc10740);border:2px solid gold;box-shadow:0 2px 8px #ffd70066,inset 0 1px 0 #fff3;color:gold}.admin-role-badge.owner:hover{box-shadow:0 3px 12px #ffd70080,inset 0 1px 0 #fff3}.admin-permissions{color:#888;font-size:13px;font-style:italic}.demote-btn{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border:2px solid #fbbf2499;border-radius:8px;box-shadow:0 2px 6px #fbbf244d;color:#fde68a;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.demote-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf2459,#f59e0b59);box-shadow:0 4px 10px #fbbf2466;transform:translateY(-2px) scale(1.02)}.demote-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px dashed #667eea33;border-radius:12px;color:#888;font-size:15px;margin:20px 0;padding:50px 30px}.promote-section{border-top:2px solid #667eea33;margin-top:24px;padding-top:24px}.promote-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px;font-weight:800;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.members-promote-list{display:flex;flex-direction:column;gap:8px}.promote-item{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid #667eea33;border-radius:10px;box-shadow:0 2px 6px #00000026;display:flex;justify-content:space-between;padding:14px 18px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.promote-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 3px 10px #667eea40;transform:translateX(4px)}.promote-item span{color:#fff;font-size:15px}.promote-item button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b98166;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.promote-item button:hover:not(:disabled){box-shadow:0 4px 10px #10b98180;transform:translateY(-2px) scale(1.05)}.promote-item button:disabled{cursor:not-allowed;opacity:.5;transform:none}.settings-tab{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#b8b8d1;font-size:14px;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.form-group input,.form-group textarea{background:#ffffff14;border:2px solid #667eea40;border-radius:10px;color:#fff;font-family:inherit;font-size:15px;font-weight:500;padding:14px 16px;resize:vertical;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:disabled,.form-group textarea:disabled{background:#ffffff0a;cursor:not-allowed;opacity:.5}.save-settings-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 8px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.save-settings-btn:hover:not(:disabled){box-shadow:0 12px 35px #667eea80;transform:translateY(-3px) scale(1.02)}.save-settings-btn:active{transform:translateY(0)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.group-tab-content::-webkit-scrollbar,.search-results-dropdown::-webkit-scrollbar{width:8px}.group-tab-content::-webkit-scrollbar-track,.search-results-dropdown::-webkit-scrollbar-track{background:#0003;border-radius:10px}.group-tab-content::-webkit-scrollbar-thumb,.search-results-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.avatar-upload-container{align-items:center;background:#667eea0d;border:2px dashed #667eea33;border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.current-avatar{flex-shrink:0}.group-avatar-preview{object-fit:cover}.avatar-placeholder-large,.group-avatar-preview{border:3px solid #667eea4d;border-radius:50%;height:100px;width:100px}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:42px;font-weight:700;justify-content:center}.avatar-upload-actions{display:flex;flex-direction:column;gap:8px}.upload-avatar-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.upload-avatar-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.upload-avatar-btn:disabled{cursor:not-allowed;opacity:.6}.avatar-hint{color:#888;font-size:12px}.danger-zone{background:linear-gradient(135deg,#ff444414,#cc000014);border:2px solid #ff44444d;border-radius:14px;box-shadow:inset 0 2px 8px #ff444426;margin-top:40px;padding:28px}.danger-zone h3{align-items:center;color:#ff6b6b;display:flex;font-size:18px;font-weight:800;gap:10px;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.danger-zone h3:before{content:"⚠️";font-size:22px}.danger-actions{display:flex;flex-wrap:wrap;gap:12px}.delete-group-btn,.leave-group-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.8px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.leave-group-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c4d;color:#fff}.leave-group-btn:hover:not(:disabled){box-shadow:0 6px 18px #f5576c80;transform:translateY(-3px) scale(1.02)}.delete-group-btn{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 4px 12px #ff44444d;color:#fff}.delete-group-btn:hover:not(:disabled){box-shadow:0 6px 18px #ff444480;transform:translateY(-3px) scale(1.02)}.delete-group-btn:disabled,.leave-group-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.group-tab-content::-webkit-scrollbar-thumb:hover,.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.roles-tab{display:flex;flex-direction:column;gap:20px}.roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.roles-header h3{color:#fff;font-size:20px;margin:0}.create-role-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.create-role-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.create-role-btn:active:not(:disabled){transform:translateY(-1px)}.create-role-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.roles-list{display:flex;flex-direction:column;gap:16px}.role-item{background:linear-gradient(145deg,#667eea14,#764ba214);border:2px solid #667eea33;border-radius:14px;box-shadow:0 4px 12px #0003;padding:24px;transition:all .3s ease}.role-item:hover{border-color:#667eea66;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.role-header-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.role-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:6px;padding:8px 16px}.role-default-badge{background:#0000004d;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 6px}.role-actions{display:flex;gap:8px}.role-delete-btn,.role-edit-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s ease}.role-edit-btn:hover:not(:disabled){background:#667eea4d;transform:scale(1.1)}.role-delete-btn:hover:not(:disabled){background:#ff44444d;transform:scale(1.1)}.role-permissions-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.permission-badge{background:#667eea33;border:1px solid #667eea66;border-radius:12px;color:#aaa;font-size:12px;padding:4px 12px}.role-members-section{border-top:1px solid #667eea33;margin-top:16px;padding-top:16px}.role-members-section h4{color:#888;font-size:14px;margin:0 0 12px}.role-members-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.role-member-item{align-items:center;background:#667eea26;border-radius:16px;color:#ddd;display:flex;font-size:13px;gap:8px;padding:6px 12px}.remove-role-btn-small{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:14px;padding:0 4px;transition:transform .2s ease}.remove-role-btn-small:hover:not(:disabled){transform:scale(1.2)}.assign-role-section{margin-top:12px}.assign-role-select{background:#ffffff0d;border:1px solid #667eea4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px;width:100%}.assign-role-select option{background:#1a1a2e;color:#fff}.role-editor{animation:slideInDown .3s ease-out;background:linear-gradient(145deg,#667eea1f,#764ba21f);border:2px solid #667eea4d;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;margin-bottom:24px;padding:28px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.role-editor-header{border-bottom:2px solid #667eea33;margin-bottom:24px;padding-bottom:16px}.role-editor-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0}.role-editor-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.role-editor .form-group{display:flex;flex-direction:column;gap:10px}.role-editor .form-group label{color:#b8b8d1;font-size:13px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.role-editor input[type=number],.role-editor input[type=text]{background:#ffffff14;border:2px solid #667eea40;border-radius:10px;color:#fff;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease}.role-editor input[type=number]:focus,.role-editor input[type=text]:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.role-editor input[type=text]::placeholder{color:#fff6}.color-picker,.icon-picker{background:#00000040;border:1px solid #667eea26;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;padding:16px}.color-picker-container{position:relative}.color-trigger-btn{align-items:center;background:#ffffff14;border:2px solid #667eea40;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:50px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease;width:100%}.color-trigger-btn:after{content:"▼";font-size:12px;opacity:.7;position:absolute;right:12px}.color-trigger-btn:hover{border-color:#667eea80;transform:translateY(-1px)}.color-trigger-btn:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.color-trigger-text{font-weight:700;letter-spacing:.5px;position:relative;text-shadow:0 1px 2px #00000080;z-index:1}.color-picker-dropdown{animation:colorDropdownSlideIn .2s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #667eea59;border-radius:12px;box-shadow:0 12px 30px #00000080,inset 0 1px 0 #ffffff0d;display:flex;flex-wrap:wrap;gap:10px;left:0;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes colorDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-option,.icon-option{align-items:center;-webkit-appearance:none;appearance:none;border:2.5px solid #0000;border-radius:10px;box-shadow:0 2px 8px #0003;box-sizing:border-box;cursor:pointer;display:flex!important;flex-shrink:0;font-size:22px;height:42px!important;justify-content:center;margin:0;min-height:42px;min-width:42px;outline:none;overflow:visible;padding:0!important;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:42px!important}.icon-option{background:#667eea40!important}.role-editor input[type=color]{background:#0000004d;border:2px solid #667eea40;border-radius:10px;cursor:pointer;height:45px;margin-top:8px;padding:2px;transition:all .3s ease;width:100%}.role-editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.role-editor input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.role-editor input[type=color]:hover{border-color:#667eea80}.role-editor input[type=color]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.color-option:hover,.icon-option:hover{box-shadow:0 4px 12px #0006;transform:scale(1.15) translateY(-2px)}.color-option.selected,.icon-option.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d,0 4px 16px #667eea99;transform:scale(1.1)}.color-option.selected:after,.icon-option.selected:after{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;content:"✓";display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.permissions-grid{grid-gap:12px;background:#00000040;border:1px solid #667eea26;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.permission-checkbox{align-items:center;background:#667eea14;border:1px solid #0000;border-radius:8px;color:#e8e8f0;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px;transition:all .2s ease}.permission-checkbox:hover{background:#667eea26;border-color:#667eea4d;transform:translateX(2px)}.permission-checkbox input[type=checkbox]{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.role-editor-actions{border-top:2px solid #667eea26;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.role-editor-actions button{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cancel-btn{background:#ffffff14;border:2px solid #fff3;color:#ddd}.cancel-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.save-role-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.save-role-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.save-role-btn:active:not(:disabled){transform:translateY(-1px)}.role-editor-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.group-management-modal{max-height:90vh;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:20px}.group-tabs{padding:0 12px}.group-tabs button{font-size:13px;padding:12px 10px}.group-tab-content{padding:16px}.member-item{padding:10px}.member-avatar{height:40px;width:40px}.member-name{font-size:14px}.member-status{font-size:12px}.avatar-upload-container{flex-direction:column;text-align:center}.danger-actions{flex-direction:column}.delete-group-btn,.leave-group-btn{width:100%}.permissions-grid,.role-editor-row{grid-template-columns:1fr}.roles-header{align-items:stretch;flex-direction:column;gap:12px}.create-role-btn{width:100%}.role-header-info{align-items:flex-start;flex-direction:column;gap:12px}}.labels-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:80vh;max-width:550px;overflow:hidden;width:90%}.labels-content,.labels-modal{display:flex;flex-direction:column}.labels-content{gap:28px;overflow-y:auto;padding:24px}.labels-content h3{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.current-labels{border-bottom:2px solid #667eea26;padding-bottom:20px}.labels-list{display:flex;flex-wrap:wrap;gap:10px}.label-chip{align-items:center;animation:labelSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:2px solid;border-radius:20px;display:inline-flex;gap:8px;padding:10px 14px;transition:all .3s}@keyframes labelSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.label-chip:hover{transform:scale(1.05)}.label-text{color:#fff;font-size:14px;font-weight:600;text-transform:capitalize}.remove-label-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.remove-label-btn:hover{background:#fff3;transform:rotate(90deg)}.remove-label-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{padding:30px 20px}.add-labels-section{border-bottom:2px solid #667eea26;padding-bottom:20px}.preset-labels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.preset-label-btn{align-items:center;background:#ffffff08;border:2px solid;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;text-transform:capitalize;transition:all .3s}.preset-label-btn:hover:not(:disabled){background:#ffffff14;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.preset-label-btn:active:not(:disabled){transform:translateY(0)}.preset-label-btn.applied{cursor:not-allowed;opacity:.4}.preset-label-btn:disabled{cursor:not-allowed}.label-emoji{font-size:18px}.label-name{flex:1 1;text-align:left}.custom-presets-section{border-bottom:2px solid #667eea26;padding-bottom:20px}.custom-presets-list{display:flex;flex-direction:column;gap:10px}.custom-preset-item{align-items:center;animation:labelSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#ffffff08;border:2px solid;border-radius:10px;display:flex;gap:10px;padding:8px;transition:all .3s}.custom-preset-item:hover{background:#ffffff0d}.preset-use-btn{align-items:center;background:#0000;border:2px solid;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:12px;padding:10px 14px;transition:all .3s}.preset-use-btn:hover:not(:disabled){background:#ffffff14;transform:translateX(4px)}.preset-use-btn.applied{cursor:not-allowed;opacity:.5}.preset-use-btn:disabled{cursor:not-allowed}.preset-color{border-radius:50%;box-shadow:0 0 8px #0000004d;flex-shrink:0;height:16px;width:16px}.preset-name{flex:1 1;text-align:left}.delete-preset-btn{align-items:center;background:#ef44441a;border:2px solid #ef44444d;border-radius:8px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .3s}.delete-preset-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.custom-label-section{padding-top:4px}.custom-label-form{display:flex;flex-direction:column;gap:12px}.form-row{align-items:stretch;display:flex;gap:12px}.custom-label-input{background:#ffffff0d;border:2px solid #667eea4d;border-radius:10px;color:#fff;flex:1 1;font-size:15px;padding:14px 16px;transition:all .3s}.custom-label-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.custom-label-input::placeholder{color:#666}.color-picker{background:#ffffff0d;border:2px solid #667eea4d;border-radius:10px;cursor:pointer;height:50px;padding:4px;transition:all .3s;width:70px}.color-picker:hover{border-color:#667eea;transform:scale(1.05)}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.add-custom-label-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s}.add-custom-label-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.add-custom-label-btn:active:not(:disabled){transform:translateY(0)}.add-custom-label-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.labels-content::-webkit-scrollbar{width:8px}.labels-content::-webkit-scrollbar-track{background:#0003;border-radius:10px}.labels-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.labels-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@media (max-width:768px){.labels-modal{max-height:85vh;width:95%}.labels-content{gap:20px;padding:16px}.labels-content h3{font-size:14px}.preset-labels{grid-template-columns:1fr}.label-chip{padding:8px 12px}.label-text{font-size:13px}.form-row{flex-direction:column}.color-picker{height:50px;width:100%}}.link-preview{background:#ffffff08;border:2px solid #667eea33;border-radius:12px;margin:10px 0;overflow:hidden;transition:all .3s}.link-preview:hover{border-color:#667eea66;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.website-preview{color:inherit;display:flex;flex-direction:column;text-decoration:none}.website-preview .preview-image{background:#000;height:200px;overflow:hidden;width:100%}.website-preview .preview-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.website-preview:hover .preview-image img{transform:scale(1.05)}.preview-info{padding:16px}.preview-title{-webkit-line-clamp:2;color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.preview-description,.preview-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-description{-webkit-line-clamp:3;color:#aaa;font-size:14px;line-height:1.5;margin-bottom:10px}.preview-source{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.youtube-preview{background:#ff00000d;border-color:#ff00004d}.youtube-preview:hover{border-color:#ff000080}.preview-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.preview-embed iframe{height:100%;left:0;position:absolute;top:0;width:100%}.twitter-preview{background:#1da1f20d;border-color:#1da1f24d}.twitter-preview:hover{border-color:#1da1f280}.preview-header{align-items:center;border-bottom:1px solid #1da1f233;display:flex;gap:8px;padding:12px 16px}.twitter-icon{font-size:20px}.preview-author{color:#1da1f2;font-size:15px;font-weight:600}.preview-content{padding:16px 16px 0}.twitter-preview .preview-image{border-radius:12px;height:250px;margin:12px 16px;overflow:hidden}.twitter-preview .preview-image img{height:100%;object-fit:cover;width:100%}.twitter-preview .preview-source{border-top:1px solid #1da1f233;color:#1da1f2;padding:12px 16px}.steam-preview{background:#171a21;border-color:#66c0f44d;display:flex;flex-direction:column}.steam-preview:hover{border-color:#66c0f480}.steam-preview .preview-image{height:180px;overflow:hidden;width:100%}.steam-preview .preview-image img{height:100%;object-fit:cover;width:100%}.preview-meta{display:flex;gap:16px;margin-bottom:8px;margin-top:8px}.game-price{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff}.game-price,.game-rating{font-size:14px;font-weight:700;padding:6px 12px}.game-rating{background:#fbbf2433;border:1px solid #fbbf24;border-radius:6px;color:#fde68a}.steam-preview .preview-source{color:#66c0f4}@media (max-width:768px){.link-preview{margin:8px 0}.steam-preview .preview-image,.website-preview .preview-image{height:150px}.twitter-preview .preview-image{height:200px}.preview-info{padding:12px}.preview-title{font-size:14px}.preview-description{font-size:13px}.preview-meta{flex-wrap:wrap;gap:8px}}.scheduled-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;width:90%}.scheduled-content{display:flex;flex-direction:column;gap:28px;overflow-y:auto;padding:24px}.scheduled-content h3{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.schedule-form{border-bottom:2px solid #667eea26;padding-bottom:20px}.message-textarea{background:#ffffff0d;border:2px solid #667eea4d;border-radius:10px;color:#fff;font-family:inherit;font-size:15px;margin-bottom:8px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .3s;width:100%}.message-textarea:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.message-textarea::placeholder{color:#666}.char-count{color:#888;font-size:12px;margin-bottom:16px;text-align:right}.datetime-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#fff;font-size:14px;font-weight:600}.date-input,.time-input{background:#ffffff0d;border:2px solid #667eea4d;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:14px 16px;transition:all .3s}.date-input:focus,.time-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.date-input::-webkit-calendar-picker-indicator,.time-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.schedule-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s;width:100%}.schedule-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.schedule-btn:active:not(:disabled){transform:translateY(0)}.schedule-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.scheduled-list{padding-top:4px}.scheduled-message-item{align-items:center;animation:itemSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#ffffff08;border:1px solid #667eea26;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px;transition:all .3s}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.scheduled-message-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateX(4px)}.message-info{flex:1 1;min-width:0}.message-preview{color:#fff;font-size:15px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{align-items:center;color:#888;display:flex;font-size:13px;gap:4px}.cancel-btn{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#fca5a5;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.cancel-btn:hover{background:#ef44444d;transform:scale(1.05)}.empty-state{color:#666;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}.scheduled-content::-webkit-scrollbar{width:8px}.scheduled-content::-webkit-scrollbar-track{background:#0003;border-radius:10px}.scheduled-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.scheduled-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@media (max-width:768px){.scheduled-modal{max-height:90vh;width:95%}.scheduled-content{gap:20px;padding:16px}.scheduled-content h3{font-size:14px}.datetime-row{gap:12px;grid-template-columns:1fr}.message-preview{font-size:14px}.message-time{font-size:12px}.cancel-btn{font-size:13px;padding:6px 12px}}.mention-autocomplete{animation:slideUp .2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #667eea4d;border-radius:12px;bottom:100%;box-shadow:0 -8px 24px #0006;left:0;margin-bottom:8px;max-height:250px;overflow:hidden;right:0;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mention-item{border-bottom:1px solid #667eea1a;gap:12px;padding:12px 16px;transition:all .2s}.mention-item:last-child{border-bottom:none}.mention-item.selected,.mention-item:hover{background:#667eea26}.mention-item.selected{border-left:3px solid #667eea}.mention-avatar{background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;height:40px;overflow:hidden;width:40px}.mention-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.mention-info{flex:1 1;min-width:0}.mention-username{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-account-type{color:#888;font-size:12px;margin-top:2px;text-transform:capitalize}.mention-autocomplete::-webkit-scrollbar{width:6px}.mention-autocomplete::-webkit-scrollbar-track{background:#0003}.mention-autocomplete::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.mention-autocomplete::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@media (max-width:768px){.mention-autocomplete{max-height:200px}.mention-item{padding:10px 12px}.mention-avatar{height:36px;width:36px}.mention-username{font-size:14px}.mention-account-type{font-size:11px}}.settings-container{margin:0 auto;max-width:900px;min-height:100vh;padding:30px 20px}.settings-header{margin-bottom:40px;text-align:center}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;color:var(--text-primary);font-size:2.5rem;margin-bottom:10px}.settings-header p{color:#666;color:var(--text-secondary);font-size:1.1rem}.message{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 20px}.message.success{background:#4caf5026;border:2px solid #4caf504d;color:#4caf50}.message.error{background:#f4433626;border:2px solid #f443364d;color:#f44336}.message .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;transition:opacity .2s}.message .close-btn:hover{opacity:1}.settings-section{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:25px;padding:30px;transition:transform .3s,box-shadow .3s}.settings-section:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.settings-section.highlight-section{animation:highlightPulse 2s ease-in-out;box-shadow:0 0 0 4px #667eea66}@keyframes highlightPulse{0%,to{box-shadow:0 4px 20px #0000001a}50%{box-shadow:0 0 0 4px #667eea66,0 8px 30px #667eea4d}}.section-header{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.section-header h2{align-items:center;color:#333;color:var(--text-primary);display:flex;font-size:1.5rem;gap:10px;margin:0}.verification-card{background:#fff;background:var(--card-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s}.verification-card:hover{border-color:#667eea;border-color:var(--primary-color)}.verification-info{margin-bottom:15px}.verification-info p{color:#666;color:var(--text-secondary);font-size:1rem;margin:8px 0}.status,.verified{font-weight:700}.verified{color:#4caf50}.unverified{color:#f44336;font-weight:700}.verified-account{align-items:center;background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border:2px solid #4caf50;display:flex;justify-content:space-between}.account-info{gap:20px}.account-avatar,.account-info{align-items:center;display:flex}.account-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea66;font-size:2rem;height:70px;justify-content:center;transition:transform .3s;width:70px}.account-avatar:hover{transform:scale(1.1) rotate(5deg)}.account-avatar.discord{background:linear-gradient(135deg,#7289da,#5865f2);box-shadow:0 4px 15px #7289da66}.account-avatar.twitter{background:linear-gradient(135deg,#1da1f2,#0d95e8);box-shadow:0 4px 15px #1da1f266}.account-avatar.bluesky{background:linear-gradient(135deg,#1185fe,#0a7adb);box-shadow:0 4px 15px #1185fe66}.account-avatar.twitch{background:linear-gradient(135deg,#9147ff,#6441a5);box-shadow:0 4px 15px #9147ff66}.account-avatar.steam{background:linear-gradient(135deg,#171a21,#1b2838);box-shadow:0 4px 15px #171a2166}.platform-icon{font-size:2.2rem}.account-details h3{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 5px}.account-details p{color:#666;color:var(--text-secondary);font-size:.95rem;margin:3px 0}.verified-date{color:#4caf50!important;font-size:.9rem;font-weight:600}.help-text{color:#666;color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:15px}.help-text a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}.help-text a:hover{color:#764ba2;text-decoration:underline}.help-text-small{color:#888;color:var(--text-muted);font-size:.9rem;margin:15px 0 10px}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-field{background:#fff;background:var(--input-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:10px;color:#333;color:var(--text-primary);flex:1 1;font-size:1rem;padding:14px 18px;transition:all .3s}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.btn-danger,.btn-oauth,.btn-primary{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover{box-shadow:0 8px 20px #f4433666;transform:translateY(-3px)}.btn-oauth{align-items:center;color:#fff;display:flex;font-size:1.05rem;gap:12px;justify-content:center;width:100%}.btn-oauth.steam{background:linear-gradient(135deg,#171a21,#1b2838)}.btn-oauth.steam:hover{box-shadow:0 8px 25px #171a2180}.btn-oauth.discord{background:linear-gradient(135deg,#7289da,#5865f2)}.btn-oauth.discord:hover{box-shadow:0 8px 25px #7289da80}.btn-oauth.twitter{background:linear-gradient(135deg,#1da1f2,#0d95e8)}.btn-oauth.twitter:hover{box-shadow:0 8px 25px #1da1f280}.btn-oauth.bluesky{background:linear-gradient(135deg,#1185fe,#0a7adb)}.btn-oauth.bluesky:hover{box-shadow:0 8px 25px #1185fe80}.btn-oauth.twitch{background:linear-gradient(135deg,#9147ff,#6441a5)}.btn-oauth.twitch:hover{box-shadow:0 8px 25px #9147ff80}.btn-oauth:hover{transform:translateY(-3px)}.oauth-icon{font-size:1.4rem}.security-notice{background:linear-gradient(135deg,#ffc10726,#ffeb3b26);border:2px solid #ffc10780}.security-notice h3{align-items:center;color:#333;color:var(--text-primary);display:flex;font-size:1.3rem;gap:8px;margin-bottom:15px}.security-notice ul{list-style:none;margin:0;padding:0}.security-notice li{color:#666;color:var(--text-secondary);line-height:1.6;padding:10px 0 10px 30px;position:relative}.security-notice li:before{content:"🔒";font-size:1.1rem;left:0;position:absolute}.loading{color:#666;color:var(--text-secondary);font-size:1.3rem;padding:80px 20px;text-align:center}:root{--text-primary:#333;--text-secondary:#666;--text-muted:#888;--card-bg:#fff;--secondary-bg:#f9f9f9;--border-color:#e0e0e0;--input-bg:#fff;--primary-color:#667eea}[data-theme=dark]{--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888;--card-bg:#1e1e1e;--secondary-bg:#2a2a2a;--border-color:#3a3a3a;--input-bg:#2a2a2a;--primary-color:#667eea}[data-theme=dark] .settings-container{background:#0000}[data-theme=dark] .verified-account{background:linear-gradient(135deg,#4caf5026,#8bc34a26)}@media (max-width:768px){.settings-container{padding:20px 10px}.settings-header h1{font-size:2rem}.settings-section{padding:20px}.verified-account{align-items:flex-start;gap:20px}.account-info,.input-group,.verified-account{flex-direction:column}.account-info{align-items:flex-start;gap:15px}.btn-danger{width:100%}.account-avatar{font-size:1.8rem;height:60px;width:60px}}.verify-email-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-card{animation:fadeInUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:50px 40px;text-align:center;width:100%}.spinner{border:4px solid #f3f3f3}.success-icon{color:#28a745}.error-icon{color:#dc3545}.verify-email-card h2{color:#333;font-size:1.8rem;margin-bottom:15px}.verify-email-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.redirect-text{color:#888;font-size:.95rem;margin-top:20px}.btn-primary:hover{box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;box-shadow:0 5px 15px #6c757d66}@media (max-width:768px){.verify-email-card{padding:40px 25px}.verify-email-card h2{font-size:1.5rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.verify-giveaway-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-giveaway-card{animation:fadeInUp .5s ease-out;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);max-width:800px;padding:40px;text-align:center;width:100%}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-color);height:60px;margin:0 auto 30px;width:60px}.error-icon,.success-icon{animation:scaleIn .5s ease-out;font-size:4rem;margin-bottom:20px}.success-icon{color:var(--success-color)}.error-icon{color:var(--error-color)}.verify-giveaway-card h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;color:var(--text-primary);font-size:2rem;margin-bottom:30px}.verify-giveaway-card h3{color:var(--text-primary);font-size:1.5rem;margin:30px 0 20px;text-align:left}.verification-details{margin-bottom:30px;text-align:left}.detail-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.label{color:var(--text-secondary);font-weight:600;min-width:140px}.value{color:var(--text-primary);flex:1 1;text-align:right}.status-ongoing{color:var(--success-color);font-weight:700}.status-ended{color:var(--warning-color);font-weight:700}.status-rolled{color:var(--info-color);font-weight:700}.status-closed{color:var(--error-color);font-weight:700}.winner-row{background-color:var(--warning-bg);border-left:4px solid var(--warning-color);border-radius:8px;margin:10px 0;padding:15px}.winner{color:var(--warning-text);font-size:1.1rem;font-weight:700}.roll-history{margin-top:40px;text-align:left}.roll-logs{display:flex;flex-direction:column;gap:20px}.roll-log{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.roll-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.roll-type{color:var(--info-color);font-size:1.1rem;font-weight:700}.reroll-badge{background:var(--warning-color);border-radius:12px;color:var(--warning-text);font-size:.8rem;font-weight:700;padding:4px 8px}.roll-details .detail-row{border-bottom:1px solid var(--border-color);padding:8px 0}.roll-details .detail-row:last-child{border-bottom:none}.verification-footer{border-top:1px solid var(--border-color);margin-top:40px;padding-top:30px}.verification-footer p{color:var(--text-secondary);font-size:.95rem;margin-bottom:20px}.action-buttons{gap:15px;justify-content:center;margin-top:25px}.btn-primary,.btn-secondary{border-radius:8px;display:inline-block;font-size:1rem;padding:12px 30px;transition:all .3s}.btn-primary{background:var(--gradient-primary)}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{background:var(--secondary-bg);color:var(--text-primary)}.btn-secondary:hover{background:var(--secondary-hover);transform:translateY(-2px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.verify-giveaway-card{margin:20px;padding:30px 20px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.value{text-align:left}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}.winners-section{margin-top:40px;text-align:left}.winners-list{display:flex;flex-direction:column;gap:20px}.winner-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.winner-header{margin-bottom:15px}.winner-number{color:var(--info-color);font-size:1.1rem;font-weight:700}.winner-details .detail-row{border-bottom:1px solid var(--border-color);padding:8px 0}.winner-details .detail-row:last-child{border-bottom:none}.current-roll{border-left:4px solid var(--success-color)}.current-badge{background:var(--success-color);border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;margin-left:10px;padding:4px 8px}.notifications-page{background:#f5f5f5;min-height:100vh;padding:80px 20px 20px}.notifications-container{margin:0 auto;max-width:800px}.notifications-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.notifications-page-header h1{color:#333;font-size:32px;font-weight:700;margin:0}.notifications-actions{display:flex;gap:12px}.btn-clear-read,.btn-mark-all-read{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-mark-all-read{background:#4caf50;color:#fff}.btn-mark-all-read:hover{background:#45a049}.btn-clear-read{background:#f44336;color:#fff}.btn-clear-read:hover{background:#da190b}.notifications-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:12px}.filter-btn{background:#0000;border:2px solid #0000;border-radius:8px;color:#666;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.filter-btn:hover{background:#f5f5f5}.filter-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.notifications-list-page{display:flex;flex-direction:column;gap:12px}.notifications-loading{font-size:16px;padding:60px 20px}.notifications-empty,.notifications-loading{background:#fff;border-radius:12px;color:#999;text-align:center}.notifications-empty{padding:80px 40px}.empty-icon{display:block;font-size:64px;margin-bottom:20px}.notifications-empty h3{color:#666;font-size:24px;margin:0 0 12px}.notifications-empty p{font-size:16px;margin:0}.notification-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .2s}.notification-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.notification-card.unread{background:#f0f7ff;border-left:4px solid #4caf50}.notification-card-icon{flex-shrink:0;font-size:36px}.notification-card-content{flex:1 1;min-width:0}.notification-card-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.notification-card-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.unread-dot{background:#4caf50;border-radius:50%;flex-shrink:0;height:10px;width:10px}.notification-card-message{word-wrap:break-word;color:#666;font-size:15px;line-height:1.5;margin:0 0 12px}.notification-card-footer{align-items:center;display:flex;font-size:13px;gap:16px}.notification-time{color:#999}.notification-sender{color:#4caf50;font-weight:500}.notification-delete-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;opacity:0;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.notification-card:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:#ffebee;color:#f44336}.load-more-container{padding:20px;text-align:center}.btn-load-more{background:#fff;border:2px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s}.btn-load-more:hover:not(:disabled){background:#4caf50;color:#fff}.btn-load-more:disabled{cursor:not-allowed;opacity:.5}@media (prefers-color-scheme:dark){.notifications-page{background:#1a1a1a}.notifications-page-header h1{color:#fff}.notification-card,.notifications-empty,.notifications-filters,.notifications-loading{background:#2a2a2a;color:#fff}.notification-card-header h3{color:#fff}.filter-btn,.notification-card-message{color:#ccc}.filter-btn:hover{background:#3a3a3a}.btn-load-more{background:#2a2a2a}.notifications-empty h3{color:#ccc}}@media (max-width:768px){.notifications-page{padding:70px 16px 16px}.notifications-page-header h1{font-size:24px}.notifications-actions{width:100%}.btn-clear-read,.btn-mark-all-read{flex:1 1;font-size:14px;padding:8px 16px}.notification-card{padding:16px}.notification-card-icon{font-size:28px}.notification-card-header h3{font-size:16px}.notification-card-message{font-size:14px}.notification-delete-btn{opacity:1}}@media (max-width:480px){.notifications-page{padding:65px 12px 12px}.notification-card{gap:12px}.notification-card-footer{align-items:flex-start;flex-direction:column;gap:4px}}.news-page{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;transition:background .3s ease}.news-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem;text-align:center;transition:all .3s ease}.news-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.news-header p{color:var(--text-secondary);font-size:1.1rem}.news-filters{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.filter-group{align-items:center;gap:.5rem}.filter-group label{color:var(--text-primary);font-weight:600}.filter-select{background:var(--input-bg);border:2px solid var(--btn-primary);border-radius:8px;color:var(--input-text);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:hover{border-color:var(--btn-primary-hover);box-shadow:0 2px 8px #7c3aed4d}.filter-select:focus{border-color:var(--btn-primary-hover);box-shadow:0 0 0 3px #7c3aed33;outline:none}[data-theme=dark] .filter-select option{background:var(--bg-card);color:var(--text-primary)}.refresh-btn{background:linear-gradient(135deg,var(--btn-primary) 0,var(--accent-purple) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,var(--btn-primary-hover) 0,var(--accent-purple) 100%);box-shadow:0 4px 15px #7c3aed66;transform:translateY(-2px)}.news-sources{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.source-badge{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:20px;color:var(--btn-primary);display:inline-block;font-weight:600;margin:0 .3rem;padding:.3rem .8rem;transition:all .2s ease}.source-badge:hover{background:var(--btn-primary);border-color:var(--btn-primary);color:#fff}.loading-container{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--btn-primary);height:50px;margin:0 auto 1rem;width:50px}.loading-container p{color:var(--text-secondary)}.error-container{background:var(--bg-card);border:2px solid var(--btn-danger);border-radius:12px;box-shadow:var(--shadow);padding:3rem 2rem;text-align:center}.error-message{color:var(--error-text);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.retry-btn{background:var(--btn-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{background:var(--btn-danger-hover);transform:translateY(-2px)}.no-news{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);color:var(--text-secondary);font-size:1.1rem;padding:4rem 2rem;text-align:center}.news-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.news-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.news-card:hover{border-color:var(--btn-primary);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.news-image{background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);height:200px;overflow:hidden;position:relative;width:100%}[data-theme=dark] .news-image{opacity:.9}.news-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.news-card:hover .news-image img{transform:scale(1.05)}.news-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;position:absolute;right:10px;text-transform:uppercase;top:10px}.news-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.news-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem}.news-source{color:var(--btn-primary);font-weight:700;text-transform:uppercase}.news-date{color:var(--text-secondary);font-style:italic}.news-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.news-description{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.news-end-date,.news-platforms,.news-worth{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.news-platforms strong{color:var(--text-primary)}.news-worth{color:var(--accent-green);font-weight:600}.news-end-date{color:var(--accent-orange);font-style:italic}.news-link{background:linear-gradient(135deg,var(--btn-primary) 0,var(--accent-purple) 100%);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:auto;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.news-link:hover{background:linear-gradient(135deg,var(--btn-primary-hover) 0,var(--accent-purple) 100%);box-shadow:0 4px 15px #7c3aed66;transform:translateX(5px)}:root[data-theme*=halloween] .news-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff9f1c);-webkit-background-clip:text;background-clip:text}:root[data-theme*=halloween] .news-source{color:#ff6b35}:root[data-theme*=halloween] .news-link{background:linear-gradient(135deg,#ff6b35,#ff9f1c)}:root[data-theme*=halloween] .news-link:hover{box-shadow:0 4px 15px #ff6b3566}:root[data-theme*=halloween] .filter-select{border-color:#ff6b35}:root[data-theme*=halloween] .filter-select:hover{border-color:#ff9f1c;box-shadow:0 2px 8px #ff6b354d}:root[data-theme*=halloween] .loading-spinner{border-top-color:#ff6b35}:root[data-theme*=halloween] .source-badge{color:#ff6b35}:root[data-theme*=halloween] .refresh-btn{background:linear-gradient(135deg,#ff6b35,#ff9f1c)}:root[data-theme*=halloween] .refresh-btn:hover{box-shadow:0 4px 15px #ff6b3566}:root[data-theme*=cat] .news-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;background-clip:text}:root[data-theme*=cat] .news-source{color:#ff69b4}:root[data-theme*=cat] .news-link{background:linear-gradient(135deg,#ff69b4,#ff1493)}:root[data-theme*=cat] .news-link:hover{box-shadow:0 4px 15px #ff69b466}:root[data-theme*=cat] .filter-select{border-color:#ff69b4}:root[data-theme*=cat] .filter-select:hover{border-color:#ff1493;box-shadow:0 2px 8px #ff69b44d}:root[data-theme*=cat] .loading-spinner{border-top-color:#ff69b4}:root[data-theme*=cat] .source-badge{color:#ff69b4}:root[data-theme*=cat] .refresh-btn{background:linear-gradient(135deg,#ff69b4,#ff1493)}:root[data-theme*=cat] .refresh-btn:hover{box-shadow:0 4px 15px #ff69b466}@media (max-width:768px){.news-page{padding:1rem}.news-header h1{font-size:2rem}.news-header p{font-size:1rem}.filter-group,.news-filters{align-items:stretch;flex-direction:column}.filter-select,.refresh-btn{width:100%}.news-grid{gap:1.5rem;grid-template-columns:1fr}.news-card{margin-bottom:0}}@media (max-width:480px){.news-header{padding:1.5rem 1rem}.news-header h1{font-size:1.5rem}.news-title{font-size:1.1rem}.news-content{padding:1rem}}.points-guide-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.points-guide-header{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:20px;margin-bottom:3rem;padding:2rem 0;text-align:center}.header-content{margin:0 auto;max-width:800px}.page-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem}.title-icon{animation:bounce 2s infinite;font-size:3rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-subtitle{color:#888;color:var(--text-secondary,#888);font-size:1.1rem;line-height:1.6}.user-stats-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea4d;margin-bottom:3rem;padding:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,background .3s ease}.stat-card:hover{background:#fff3;transform:translateY(-5px)}.stat-icon{font-size:2.5rem}.stat-content{flex:1 1}.stat-value{font-size:2rem;font-weight:700;line-height:1.2}.stat-label{margin-top:.25rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-button.primary{background:#fff;color:#667eea}.action-button.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.action-button:hover{box-shadow:0 5px 15px #0003;transform:scale(1.05)}.login-prompt{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px dashed #6366f14d;border-radius:20px;margin-bottom:3rem;padding:3rem;text-align:center}.prompt-icon{font-size:4rem;margin-bottom:1rem}.login-prompt h3{font-size:1.8rem;margin-bottom:1rem}.login-prompt p{color:#888;font-size:1.1rem;margin-bottom:2rem}.prompt-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 5px 15px #667eea4d;transform:scale(1.05)}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-button{align-items:center;background:#6366f11a;background:var(--hover-bg,#6366f11a);border:2px solid #0000;border-radius:25px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-button:hover{background:#6366f126;transform:translateY(-2px)}.category-button.active{background:var(--category-color);border-color:var(--category-color);box-shadow:0 5px 15px #6366f14d;color:#fff}.category-icon{font-size:1.2rem}.opportunities-section{margin-bottom:3rem}.section-header{margin-bottom:2rem}.section-header h2{color:inherit;color:var(--text,inherit);font-size:2rem;margin-bottom:.5rem}.opportunity-count{color:#888;color:var(--text-secondary,#888);font-size:1rem}.opportunities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.opportunity-card{background:#fff;background:var(--card-bg,#fff);border:2px solid #0000;border:2px solid var(--border,#0000);border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.opportunity-card:hover{border-color:#667eea;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.opportunity-icon{font-size:2.5rem;text-align:center}.opportunity-content{flex:1 1}.opportunity-title{color:#333;color:var(--text,#333);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.opportunity-description{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.5}.opportunity-points{align-items:center;border-top:1px solid #eee;border-top:1px solid var(--border,#eee);display:flex;gap:.5rem;padding-top:1rem}.points-badge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.points-label{color:#888;font-size:.9rem}.tips-section{margin-bottom:3rem}.tips-section h2{font-size:2rem;margin-bottom:2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);background:var(--card-bg,linear-gradient(135deg,#6366f10d 0,#8b5cf60d 100%));border:2px solid #6366f133;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.tip-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.tip-icon{font-size:3rem;margin-bottom:1rem}.tip-card h3{color:#667eea;color:var(--accent,#667eea);font-size:1.3rem;margin-bottom:.75rem}.tip-card p{color:#666;color:var(--text-secondary,#666);line-height:1.6}.faq-section{margin-bottom:3rem}.faq-section h2{font-size:2rem;margin-bottom:2rem;text-align:center}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#fff;background:var(--card-bg,#fff);border-left:4px solid #667eea;border-left:4px solid var(--accent,#667eea);border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:2rem}.faq-item h3{color:#333;color:var(--text,#333);font-size:1.3rem;margin-bottom:.75rem}.faq-item p{color:#666;color:var(--text-secondary,#666);line-height:1.6}.faq-item a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.faq-item a:hover{color:#764ba2;text-decoration:underline}.error-message,.loading-container{padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;height:50px;margin:0 auto 1rem;width:50px}.retry-button{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.retry-button:hover{background:#764ba2;transform:scale(1.05)}body.dark .faq-item,body.dark .opportunity-card,body.dark .tip-card,body[class*=theme-] .faq-item,body[class*=theme-] .opportunity-card,body[class*=theme-] .tip-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);color:#e0e0e0;color:var(--text,#e0e0e0)}body.dark .faq-item h3,body.dark .opportunity-title,body[class*=theme-] .faq-item h3,body[class*=theme-] .opportunity-title{color:#e0e0e0;color:var(--text,#e0e0e0)}body.dark .faq-item p,body.dark .opportunity-description,body.dark .tip-card p,body[class*=theme-] .faq-item p,body[class*=theme-] .opportunity-description,body[class*=theme-] .tip-card p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}body.dark .category-button,body[class*=theme-] .category-button{background:#6366f133;background:var(--hover-bg,#6366f133);color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}body.dark .opportunity-count,body.dark .page-subtitle,body.dark .section-header h2,body[class*=theme-] .opportunity-count,body[class*=theme-] .page-subtitle,body[class*=theme-] .section-header h2{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}@media (max-width:768px){.points-guide-container{padding:1rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.opportunities-grid,.tips-grid{grid-template-columns:1fr}.category-filters{gap:.5rem}.category-button{font-size:.9rem;padding:.5rem 1rem}}.twitter-verification-container{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.verification-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.verification-header:after{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200px;position:absolute;right:0;top:0;width:200px;z-index:0}.verification-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1da1f2,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:1}.verification-header p{color:var(--text-secondary);font-size:1.25rem;font-weight:500;position:relative;z-index:1}.verification-form-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);margin-bottom:2.5rem;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.verification-form-container:hover{border-color:var(--text-accent);box-shadow:var(--shadow-hover)}.verification-form{display:flex;flex-direction:column;gap:2rem}.form-section h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1.25rem}.analysis-type-selector{display:flex;flex-wrap:wrap;gap:1.25rem}.analysis-type-selector label{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:160px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.analysis-type-selector label:hover{background:var(--hover-bg);border-color:var(--text-accent);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.analysis-type-selector label.active{background:linear-gradient(135deg,var(--text-accent) 0,#4f46e5 100%);border-color:var(--text-accent);box-shadow:0 12px 28px #6366f14d;transform:translateY(-4px)}.analysis-type-selector label.active span{color:#fff;font-weight:700}.form-group label{margin-bottom:.75rem}.form-group input[type=text]{background:var(--input-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--input-text);font-size:1.1rem;padding:1.25rem;transition:all .3s ease;width:100%}.form-group input[type=text]:focus{background:var(--bg-primary);border-color:var(--text-accent);box-shadow:0 0 0 4px #6366f126;outline:none}.analyze-btn{background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-secondary) 100%);border:none;border-radius:16px;box-shadow:0 10px 20px #6366f133;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:800;padding:1.5rem;transition:all .3s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 15px 30px #6366f166;filter:brightness(1.1);transform:translateY(-3px)}.accuracy-disclaimer{align-items:flex-start;animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf2466;border-radius:20px;box-shadow:0 8px 20px #fbbf2426;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.disclaimer-icon{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.disclaimer-content h4{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.disclaimer-content p{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.7;margin:0}.disclaimer-content strong{color:#f59e0b;font-weight:800}.results-section{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-header{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:2px solid #6366f126;border-radius:24px;display:flex;gap:1.5rem;margin-bottom:2.5rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.account-header:before{background:radial-gradient(circle at top right,#6366f10d 0,#0000 60%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.account-header:hover{border-color:#6366f14d;box-shadow:0 12px 30px #6366f11f}.account-info{flex:1 1;position:relative;z-index:1}.account-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:900;gap:.75rem;letter-spacing:-.5px;margin-bottom:.5rem}.username-display{margin-bottom:1rem;opacity:.8}.bio{background:#6366f10d;border-left:4px solid var(--text-accent);border-radius:14px;color:var(--text-primary);font-size:1.05rem;font-weight:500;line-height:1.7;margin-top:.75rem;padding:1.25rem}.stats-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:2px solid #6366f133;border-radius:28px;box-shadow:0 12px 30px #00000040;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#6366f126,#8b5cf626);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.stat-card:hover:before{opacity:1}[data-theme=light] .stat-card{background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid #4f46e54d;box-shadow:0 12px 30px #6366f14d}[data-theme=light] .stat-card:before{background:linear-gradient(135deg,#fff3,#ffffff1a)}.stat-card:hover{border-color:#6366f180;box-shadow:0 20px 50px #6366f166;transform:translateY(-12px) scale(1.03)}[data-theme=light] .stat-card:hover{box-shadow:0 20px 50px #6366f180}.stat-value{color:#fff;font-size:3.25rem;letter-spacing:-2px;margin-bottom:.75rem;position:relative;text-shadow:0 4px 12px #0000004d;z-index:1}[data-theme=light] .stat-value{text-shadow:0 2px 8px #ffffff4d}.stat-label{color:#fffc;font-size:1rem;letter-spacing:2px;position:relative;z-index:1}[data-theme=light] .stat-label{color:#fffffff2}.trust-score-section{margin-top:2rem}.trust-score-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:800;gap:.75rem;margin-bottom:2rem}.trust-score-section h3:before{content:"🎯";font-size:2rem}.trust-score-display{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px solid #6366f11a;border-radius:30px;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.trust-score-display:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#6366f114 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.score-circle{align-items:center;background:var(--bg-card);border:14px solid;border-radius:50%;box-shadow:inset 0 0 30px #00000026,0 20px 50px #0003;display:flex;flex-direction:column;height:220px;justify-content:center;position:relative;transition:all .4s ease;width:220px;z-index:1}.score-circle:hover{box-shadow:inset 0 0 40px #0003,0 25px 60px #0000004d;transform:scale(1.05) rotate(5deg)}.score-value{color:var(--text-primary);font-size:5rem;font-weight:900;letter-spacing:-2px;line-height:1}.score-max{color:var(--text-muted);font-size:1.1rem;font-weight:600;margin-top:.5rem}.trust-level{position:relative;z-index:1}.trust-badge{border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:1px;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-align:center;text-transform:uppercase}.trust-badge:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.factors-breakdown{background:linear-gradient(135deg,#6366f108,#8b5cf608);border:1px solid #6366f126;border-radius:20px;margin-top:2.5rem;padding:2.5rem}.factors-breakdown h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;margin-bottom:2rem}.factors-breakdown h4:before{content:"📊";font-size:1.75rem}.factor-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;margin-bottom:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.factor-item:before{background:linear-gradient(180deg,var(--text-accent) 0,#6366f1 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .3s ease;width:4px}.factor-item:hover{border-color:var(--text-accent);box-shadow:0 8px 24px #6366f126;transform:translateX(8px)}.factor-item:hover:before{transform:scaleY(1)}.factor-header{justify-content:space-between;margin-bottom:.75rem}.factor-header,.factor-name{align-items:center;display:flex}.factor-name{color:var(--text-primary);font-size:1.2rem;font-weight:700;gap:.5rem}.factor-points{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:12px;color:var(--text-accent);font-size:1.3rem;font-weight:900;padding:.35rem 1rem;white-space:nowrap}.factor-detail{color:var(--text-secondary);font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:1rem}.factor-bar{background:var(--bg-secondary);box-shadow:inset 0 2px 4px #0000001a;height:10px}.factor-bar,.factor-bar-fill{border-radius:10px;overflow:hidden;position:relative}.factor-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#a855f7);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.factor-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.vouch-item{background:var(--bg-secondary);border-left:6px solid var(--text-accent);border-radius:16px;margin-bottom:1rem;padding:1.5rem}.warnings-section{background:linear-gradient(135deg,#ef44440d,#f973160d);border:2px solid #ef444433;border-radius:20px;margin-top:2.5rem;padding:2rem}.warnings-section h4{align-items:center;color:#ef4444;display:flex;font-size:1.4rem;font-weight:800;gap:.75rem;margin-bottom:1.5rem}.warnings-list{list-style:none;margin:0;padding:0}.warnings-list li{align-items:center;background:var(--bg-card);border-left:4px solid #ef4444;border-radius:12px;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;margin-bottom:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.warnings-list li:before{content:"⚠️";flex-shrink:0;font-size:1.2rem}.warnings-list li:hover{background:var(--bg-secondary);box-shadow:0 4px 12px #ef444426;transform:translateX(8px)}.recommendation-card{background:var(--bg-secondary);border-left:10px solid;border-radius:24px;box-shadow:0 10px 30px #0000000d;padding:3rem}[data-theme=dark] .info-section,[data-theme=dark] .results-section,[data-theme=dark] .verification-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3}[data-theme=dark] .bio{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-left-color:#6366f1;color:var(--text-primary)}[data-theme=light] .bio{background:#6366f114;border-left-color:#4f46e5;color:var(--text-primary)}@media (max-width:768px){.twitter-verification-container{padding:1rem}.verification-header h1{font-size:2.2rem}.score-circle{height:150px;width:150px}.score-value{font-size:3rem}}.info-card:hover{box-shadow:0 20px 40px #667eea99;transform:translateY(-10px) scale(1.03)}.info-card h3{font-size:1.3rem}.info-card h3,.info-card p{position:relative;z-index:1}.info-card p{line-height:1.8;opacity:.95}@media (max-width:768px){.twitter-verification-container{padding:1rem}.verification-header h1{font-size:2rem}.accuracy-disclaimer{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.disclaimer-icon{font-size:2rem}.disclaimer-content h4{font-size:1.2rem;justify-content:center}.disclaimer-content p{font-size:.95rem}.analysis-type-selector{flex-direction:column}.analysis-type-selector label{min-width:100%}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:2rem 1.25rem}.stat-value{font-size:2.25rem}.stat-label{font-size:.85rem;letter-spacing:1px}.account-header{flex-direction:column;padding:2rem;text-align:center}.account-info h3{font-size:1.6rem;justify-content:center}.username-display{font-size:1.05rem}.bio{font-size:.95rem;padding:1rem}.results-section h2{font-size:1.9rem}.trust-score-display{align-items:center;flex-direction:column;padding:2rem 1.5rem;text-align:center}.score-circle{border-width:10px;height:180px;width:180px}.score-value{font-size:4rem}.trust-badge{font-size:1.2rem;padding:1rem 2rem}.factors-breakdown{padding:1.5rem}.factor-item{padding:1.25rem}.factor-header{align-items:flex-start;flex-direction:column;gap:.5rem}.factor-name,.factor-points{font-size:1.1rem}.warnings-section{padding:1.5rem}.warnings-list li{font-size:.9rem;padding:.875rem 1rem}.vouch-stats{align-items:center;flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}}.badge-featured{background:linear-gradient(135deg,#1da1f233,#8b5cf633);border:1px solid #1da1f24d;border-radius:100px;color:#1da1f2;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;padding:6px 16px;text-transform:uppercase}.tools-grid-hub{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.tool-card-hub{background:var(--bg-card);border:1px solid var(--border-color);border-radius:28px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;position:relative;transition:all .5s cubic-bezier(.2,.8,.2,1)}.tool-card-glow{background:radial-gradient(circle,var(--tool-color) 0,#0000 70%);filter:blur(40px);height:50%;opacity:0;pointer-events:none;position:absolute;right:-20%;top:-20%;transition:opacity .5s ease;width:50%}.tool-card-hub:hover .tool-card-glow{opacity:.15}.tool-card-hub:hover{border-color:var(--tool-color);box-shadow:0 30px 60px #0003;transform:translateY(-10px) scale(1.02)}.tool-icon-hub{align-items:center;border-radius:20px;display:flex;font-size:2.2rem;height:70px;justify-content:center;margin-bottom:2rem;transition:all .5s ease;width:70px}.tool-card-hub:hover .tool-icon-hub{transform:rotate(-10deg) scale(1.1)}.tool-name-hub{color:var(--text-primary);font-size:1.6rem;font-weight:800;margin-bottom:1rem}.tool-description-hub{color:var(--text-secondary);flex-grow:1;font-size:1.05rem;line-height:1.6;margin-bottom:2.5rem}.tool-footer-hub{display:flex;flex-direction:column;gap:1.5rem}.credit-cost{color:#10b981;font-size:.9rem;font-weight:600;gap:6px}.credit-cost,.tool-use-btn{align-items:center;display:flex}.tool-use-btn{border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;padding:1.1rem;transition:all .3s ease;width:100%}.tools-info-banner-hub{animation:slideInUp .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1da1f214,#8b5cf614);border:1px solid #1da1f233;border-radius:24px;margin-bottom:4rem;padding:2.5rem}.banner-content{align-items:center;display:flex;gap:2rem}.banner-icon{filter:drop-shadow(0 0 20px rgba(29,161,242,.4));font-size:3.5rem}.banner-text h3{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin:0 0 .5rem}.banner-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.info-icon{font-size:2.5rem;margin-bottom:1.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.twitter-tools-container{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.tools-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.tools-header:after{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200px;position:absolute;right:0;top:0;width:200px;z-index:0}.tools-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1da1f2,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:1}.tools-header p{color:var(--text-secondary);font-size:1.25rem;font-weight:500;position:relative;z-index:1}.tools-form-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);margin-bottom:2.5rem;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.tools-form-container:hover{border-color:var(--text-accent);box-shadow:var(--shadow-hover)}.tools-form{gap:2rem}.form-group,.tools-form{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between}.label-hint{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input[type=number],.form-group input[type=text]{background:var(--input-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--input-text);font-size:1.1rem;padding:1.25rem;transition:all .3s ease;width:100%}.form-group input:focus{background:var(--bg-primary);border-color:var(--text-accent);box-shadow:0 0 0 4px #6366f126;outline:none}.extracted-id{background:#6366f11a;border-radius:8px;color:var(--text-accent);display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.tools-btn{align-items:center;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-secondary) 100%);border:none;border-radius:16px;box-shadow:0 10px 20px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:800;gap:.5rem;justify-content:center;padding:1.5rem;transition:all .3s ease}.tools-btn:hover:not(:disabled){box-shadow:0 15px 30px #6366f166;filter:brightness(1.1);transform:translateY(-3px)}.tools-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.error-message{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef444466;border-radius:16px;color:var(--text-primary);display:flex;font-weight:500;gap:1rem;margin-top:1.5rem;padding:1.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{flex-shrink:0;font-size:1.5rem}.results-container{animation:fadeInUp .6s ease-out;margin-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);margin-bottom:2rem;padding:3rem}.results-section h2{align-items:center;border-bottom:3px solid #6366f133;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:900;gap:1rem;letter-spacing:-1px;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.results-section h2:after{background:linear-gradient(90deg,var(--text-accent) 0,#8b5cf6 100%);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:120px}.account-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px solid #6366f126;border-radius:24px;margin-bottom:2rem;padding:2.5rem}.account-header-info{align-items:center;border-bottom:2px solid #6366f11a;display:flex;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem}.profile-image{border:4px solid var(--text-accent);border-radius:50%;box-shadow:0 8px 20px #6366f14d;height:100px;transition:transform .3s ease;width:100px}.profile-image:hover{transform:scale(1.1) rotate(5deg)}.account-details h3{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:900;gap:.75rem;margin-bottom:.5rem}.verified-badge{align-items:center;background:linear-gradient(135deg,#1da1f2,#0d8bd9);border-radius:50%;box-shadow:0 4px 12px #1da1f266;color:#fff;display:inline-flex;font-size:.9rem;font-weight:900;height:28px;justify-content:center;width:28px}.username-display{color:var(--text-secondary);font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.followers-count{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem}.followers-icon{font-size:1.2rem}.id-display-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.id-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.id-card:hover{border-color:var(--text-accent);box-shadow:0 12px 30px #6366f133;transform:translateY(-8px)}.id-label{color:var(--text-secondary);font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.id-value{color:var(--text-accent);font-size:1.8rem;font-weight:900;line-height:1.3;margin-bottom:1.5rem;word-break:break-all}.copy-btn{background:linear-gradient(135deg,var(--text-accent) 0,#6366f1 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.copy-btn:hover{box-shadow:0 6px 16px #6366f166;filter:brightness(1.1);transform:translateY(-2px)}.copy-btn:active{transform:translateY(0)}.stats-summary{background:linear-gradient(135deg,#6366f114,#8b5cf614)}.stats-grid-compact{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card-compact{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card-compact:hover{border-color:var(--text-accent);box-shadow:0 12px 30px #6366f133;transform:translateY(-8px)}.stat-icon{flex-shrink:0;font-size:3rem}.stat-info{flex:1 1}.stat-value{color:var(--text-accent);font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.winners-section{background:linear-gradient(135deg,#10b9810d,#0596690d);border:2px solid #10b98133}.winners-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.copy-winners-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 6px 16px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.copy-winners-btn:hover{box-shadow:0 8px 20px #10b98180;filter:brightness(1.1);transform:translateY(-3px)}.winners-grid{grid-gap:2rem;display:grid;gap:2rem}.winner-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #ffd70033;border-radius:28px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.winner-card:before{background:linear-gradient(90deg,gold,#f59e0b,gold);content:"";height:6px;left:0;position:absolute;right:0;top:0}.winner-card:hover{border-color:#ffd70066;box-shadow:0 35px 60px -15px #ffd70026;transform:translateY(-10px)}.winner-header-premium{align-items:center;display:flex;gap:1.5rem;position:relative}.winner-avatar-premium{border:3px solid gold;border-radius:50%;box-shadow:0 0 20px #ffd7004d;height:90px;object-fit:cover;width:90px}.winner-info-premium{flex:1 1}.winner-name-premium{align-items:center;color:#f8fafc;display:flex;font-size:1.5rem;font-weight:800;gap:.5rem;line-height:1.2;margin:0}.winner-handle-premium{color:#94a3b8;display:block;font-size:1rem;margin-top:.25rem}.winning-tweet-badge{align-items:center;background:#1da1f21a;border:1px solid #1da1f233;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;transition:all .2s ease}.winning-tweet-badge:hover{background:#1da1f226;border-color:#1da1f266}.winning-tweet-icon{font-size:1.25rem}.winning-tweet-text{color:#e2e8f0;font-size:.9rem;font-weight:500}.giveaway-info-premium{border-top:1px solid #94a3b81a;color:#94a3b8;justify-content:space-between;padding-top:1rem}.giveaway-info-premium,.verified-draw-badge{align-items:center;display:flex;font-size:.85rem}.verified-draw-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:100px;color:#10b981;font-weight:700;gap:.5rem;padding:.4rem .8rem}.share-x-btn{align-items:center;background:#000;border:1px solid #333;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.share-x-btn:hover{background:#111;border-color:#555;box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.verified-icon{color:#1d9bf0;font-size:1.1em}.no-winners{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border:2px solid #fbbf2433;padding:4rem 2rem;text-align:center}.no-winners h2{border:none;margin-bottom:1rem}.no-winners p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.results-footer{background:#6366f10d;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.results-footer small{color:var(--text-secondary);line-height:1.7}.info-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:30px;box-shadow:var(--shadow);margin-top:4rem;padding:4rem 2rem}.info-section h2{color:var(--text-primary);font-size:2.5rem;font-weight:900;margin-bottom:3rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;transition:all .3s ease}.info-card:hover{border-color:var(--text-accent);box-shadow:0 15px 35px #0000001a;transform:translateY(-10px)}.info-card h3{color:var(--text-accent);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.info-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.disclaimer-box{align-items:flex-start;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf2466;border-radius:20px;box-shadow:0 8px 20px #fbbf2426;display:flex;gap:1.5rem;padding:2rem}.disclaimer-icon{flex-shrink:0;font-size:2.5rem}.disclaimer-content h4{color:#f59e0b;font-size:1.4rem;font-weight:800;margin-bottom:1rem}.disclaimer-content ul{list-style:none;margin:0;padding:0}.disclaimer-content li{align-items:flex-start;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;padding:.5rem 0}.disclaimer-content li:before{color:#f59e0b;content:"•";font-size:1.5rem;font-weight:900;line-height:1}.filters-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);padding:1rem}.filters-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.filters-table{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.filters-row{grid-gap:1rem;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr;padding:.75rem 1rem}.filters-label{color:var(--text-primary);font-weight:600}.filters-control input[type=number],.filters-control input[type=text]{background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--input-text);padding:.8rem 1rem;transition:all .2s ease;width:100%}.filters-control input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #6366f126;outline:none}.filter-input label{color:var(--text-secondary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.filter-checkbox{align-items:center;background:#6366f10f;border:1px solid #6366f133;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.6rem;padding:.75rem 1rem;transition:all .2s ease}.filter-checkbox:hover{background:#6366f11a;border-color:#6366f159}.filter-checkbox input{accent-color:var(--text-accent);height:18px;width:18px}.filters-hint{display:block;margin-top:.5rem}@media (max-width:768px){.tools-header h1{font-size:2rem}.tools-header p{font-size:1rem}.results-section,.tools-form-container{padding:2rem}.results-section h2{font-size:1.8rem}.account-header-info{flex-direction:column;text-align:center}.id-display-section,.stats-grid-compact{grid-template-columns:1fr}.winner-content{text-align:center}.winner-content,.winners-header{flex-direction:column}.info-grid{grid-template-columns:1fr}.disclaimer-box{flex-direction:column}}.filter-tag{background:linear-gradient(135deg,red,#c00);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.youtube-filters-section{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid #f003;border-radius:16px;margin:1.5rem 0;overflow:hidden;padding:2rem;position:relative}.youtube-filters-section:before{background:linear-gradient(90deg,red,#f44 50%,red);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.youtube-filters-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.youtube-filters-header-icon{align-items:center;background:linear-gradient(135deg,red,#c00);border-radius:50%;box-shadow:0 4px 12px #ff00004d;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.youtube-filters-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,red,#f66);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.youtube-filter-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.youtube-filter-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.youtube-filter-card:before{background:linear-gradient(90deg,#0000,#f009 50%,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.youtube-filter-card:hover{border-color:#ff00004d;box-shadow:0 8px 25px #ff000026;transform:translateY(-2px)}.youtube-filter-card:hover:before{opacity:1}.youtube-filter-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.75rem}.youtube-filter-input{accent-color:red;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.youtube-filter-title{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.youtube-filter-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:.5rem 0 0 1.75rem}.youtube-filter-datetime-input,.youtube-filter-text-input{background:#0000004d;border:2px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:.9rem;margin-top:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.youtube-filter-datetime-input:focus,.youtube-filter-text-input:focus{background:#00000080;border-color:#ff000080;box-shadow:0 0 0 3px #ff00001a;outline:none}.youtube-filter-text-input::placeholder{color:var(--text-secondary);opacity:.7}.twitch-mode-toggle{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.twitch-mode-btn{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .3s ease}.twitch-mode-btn:hover{border-color:#9147ff;box-shadow:0 4px 12px #9147ff33;transform:translateY(-2px)}.twitch-mode-btn.active{background:linear-gradient(135deg,#9147ff,#6441a5);border-color:#9147ff;color:#fff}.twitch-mode-btn .mode-icon{font-size:1.75rem}.twitch-mode-btn .mode-text{display:flex;flex-direction:column;gap:.25rem}.twitch-mode-btn .mode-text strong{font-size:1rem;font-weight:600}.twitch-mode-btn .mode-text small{font-size:.8rem;opacity:.8}.twitch-auto-section{background:var(--bg-card);border:2px solid #9147ff33;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.twitch-auto-section .section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.twitch-auto-section .header-icon{font-size:1.5rem}.twitch-auto-section h3{color:var(--text-primary);font-size:1.25rem;margin:0}.twitch-link-card{background:linear-gradient(135deg,#ffc1070d,#9147ff0d);border:2px dashed #9147ff4d;border-radius:12px;padding:2rem;text-align:center}.twitch-link-card .link-card-icon{font-size:3rem;margin-bottom:1rem}.twitch-link-card h4{color:var(--text-primary);font-size:1.25rem;margin:0 0 .75rem}.twitch-link-card p{color:var(--text-secondary);line-height:1.6;margin:0 auto 1.5rem;max-width:500px}.twitch-link-btn{background:linear-gradient(135deg,#9147ff,#6441a5);border:none;border-radius:10px;box-shadow:0 4px 12px #9147ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.twitch-link-btn:hover{box-shadow:0 6px 20px #9147ff66;transform:translateY(-2px)}.twitch-link-btn:disabled{cursor:not-allowed;opacity:.6}.twitch-connected-badge{align-items:center;background:linear-gradient(135deg,#4caf501a,#388e3c1a);border:2px solid #4caf504d;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.twitch-connected-badge .badge-icon{font-size:1.5rem}.twitch-connected-badge .badge-text{display:flex;flex-direction:column;gap:.25rem}.twitch-connected-badge .badge-text strong{color:#4caf50;font-size:1rem}.twitch-connected-badge .badge-text small{color:var(--text-secondary);font-size:.85rem}.twitch-error-card{align-items:center;background:#f443361a;border:2px solid #f443364d;border-radius:10px;color:#f44336;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.twitch-start-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.twitch-start-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.twitch-start-btn:disabled{cursor:not-allowed;opacity:.6}.twitch-live-indicator{align-items:center;background:linear-gradient(135deg,#4caf501a,#388e3c0d);border:2px solid #4caf5066;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem}.twitch-live-indicator .live-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;flex-shrink:0;height:14px;width:14px}.twitch-live-indicator .live-text{display:flex;flex-direction:column;gap:.25rem}.twitch-live-indicator .live-text strong{color:#4caf50;font-size:1rem;letter-spacing:.5px}.twitch-live-indicator .live-text span{color:var(--text-secondary);font-size:.9rem}.twitch-control-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.twitch-clear-btn,.twitch-stop-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.875rem 1.25rem;transition:all .3s ease}.twitch-stop-btn{background:linear-gradient(135deg,#f44336,#e53935);box-shadow:0 2px 8px #f443364d;color:#fff}.twitch-stop-btn:hover:not(:disabled){box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.twitch-clear-btn{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.twitch-clear-btn:hover{border-color:#9147ff;color:#9147ff}.twitch-entries-section{background:var(--bg-card);border:2px solid #9147ff33;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.entries-stats-card{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.stat-box{align-items:center;background:linear-gradient(135deg,#9147ff0d,#6441a50d);border:2px solid #9147ff33;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.stat-box:hover{border-color:#9147ff66;transform:translateY(-2px)}.stat-box .stat-icon{flex-shrink:0;font-size:2rem}.stat-box .stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-box .stat-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.stat-box .stat-value{color:#9147ff;font-size:1.75rem;font-weight:700}.twitch-entries-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1.25rem;transition:all .3s ease;width:100%}.twitch-entries-toggle:hover{background:#9147ff0d;border-color:#9147ff}.twitch-entries-toggle .toggle-icon{font-size:.9rem;transition:transform .3s ease}.twitch-entries-toggle .toggle-text{flex:1 1;text-align:left}.twitch-entries-toggle .entries-badge{background:#9147ff;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.twitch-entries-list{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.entries-list-header{grid-gap:1rem;background:#9147ff1a;border-bottom:2px solid var(--border-color);color:var(--text-secondary);display:grid;font-size:.85rem;font-weight:700;gap:1rem;grid-template-columns:2fr 3fr;letter-spacing:.5px;padding:.875rem 1.25rem;text-transform:uppercase}.entries-list-body{max-height:400px;overflow-y:auto}.entry-item{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:2fr 3fr auto;padding:1rem 1.25rem;transition:all .2s ease}.entry-item:hover{background:#9147ff0d}.entry-item:last-child{border-bottom:none}.entry-user{align-items:center;display:flex;gap:.75rem}.entry-number{background:#9147ff33;border-radius:6px;color:#9147ff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.entry-displayname{color:var(--text-primary);font-weight:600}.entry-message{color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-remove-btn{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.entry-remove-btn:hover{background:#ef44441a;border-color:#ef4444}@media (max-width:768px){.youtube-filters-section{margin:1rem 0;padding:1.5rem}.youtube-filter-grid{gap:1rem;grid-template-columns:1fr}.youtube-filter-card{padding:1rem}.youtube-filters-header h3{font-size:1.1rem}.entries-list-header,.entries-stats-card,.entry-item,.twitch-control-buttons,.twitch-mode-toggle{grid-template-columns:1fr}.entry-message{white-space:normal;word-break:break-word}.entry-remove-btn{margin-top:.5rem;width:100%}}.twitch-history-section{margin:2rem 0}.twitch-history-toggle{align-items:center;background:linear-gradient(135deg,#9147ff14,#6441a514);border:2px solid #9147ff4d;border-radius:14px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s ease;width:100%}.twitch-history-toggle:hover:not(:disabled){background:linear-gradient(135deg,#9147ff26,#6441a526);border-color:#9147ff;box-shadow:0 4px 12px #9147ff33;transform:translateY(-2px)}.twitch-history-toggle:disabled{cursor:not-allowed;opacity:.6}.twitch-history-toggle .toggle-icon{flex-shrink:0;font-size:1.5rem}.twitch-history-toggle .toggle-text{flex:1 1;text-align:left}.twitch-history-toggle .history-count-badge{background:linear-gradient(135deg,#9147ff,#6441a5);border-radius:20px;box-shadow:0 2px 6px #9147ff4d;color:#fff;font-size:.9rem;font-weight:700;padding:.35rem .85rem}.twitch-history-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:1.5rem}.twitch-history-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.twitch-history-card:hover{border-color:#9147ff80;box-shadow:0 8px 20px #9147ff26;transform:translateY(-4px)}.twitch-history-card .history-card-header{align-items:center;background:linear-gradient(135deg,#9147ff1a,#6441a50d);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.twitch-history-card .channel-info{align-items:center;display:flex;gap:.75rem}.twitch-history-card .channel-icon{font-size:1.5rem}.twitch-history-card .channel-info h4{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin:0}.twitch-history-card .verification-badge{background:#9147ff26;border:1px solid #9147ff4d;border-radius:8px;color:#9147ff;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem .9rem}.twitch-history-card .history-card-content{padding:1.5rem}.history-stat-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.history-stat-row:last-of-type{margin-bottom:0}.history-stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.history-stat:hover{background:#9147ff0d;border-color:#9147ff4d}.history-stat .stat-icon{flex-shrink:0;font-size:1.4rem}.history-stat .stat-text{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.history-stat .stat-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.history-stat .stat-value{color:var(--text-primary);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reroll-notice{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b4d;border-radius:10px;display:flex;gap:.75rem;margin-top:1rem;padding:.875rem 1rem}.reroll-notice .reroll-icon{flex-shrink:0;font-size:1.2rem}.reroll-notice .reroll-text{color:#f59e0b;font-size:.9rem;font-weight:600;line-height:1.4}.history-date-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.history-date-footer .date-icon{font-size:1rem}.history-date-footer .date-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (max-width:1024px){.twitch-history-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.history-stat-row,.twitch-history-grid{grid-template-columns:1fr}.twitch-history-toggle{font-size:1rem;padding:1rem 1.25rem}.twitch-history-card .history-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.twitch-results-section{margin:2rem 0}.results-header-banner{align-items:center;background:linear-gradient(135deg,#9147ff26,#6441a51a);border:2px solid #9147ff66;border-radius:16px 16px 0 0;display:flex;gap:1rem;margin-bottom:0;padding:1.5rem 2rem}.results-header-banner .results-icon{animation:celebrationBounce 1s ease infinite;font-size:2.5rem}@keyframes celebrationBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.results-header-banner h2{color:#9147ff;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0}.results-main-card{background:var(--bg-card);border:2px solid #9147ff4d;border-radius:0 0 16px 16px;border-top:none;margin-bottom:1.5rem;padding:2rem}.results-channel-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.channel-badge,.keyword-badge{align-items:center;background:linear-gradient(135deg,#9147ff1a,#6441a50d);border:2px solid #9147ff4d;border-radius:12px;display:flex;gap:.75rem;padding:.875rem 1.25rem}.channel-badge .badge-icon,.keyword-badge .badge-icon{font-size:1.5rem}.channel-badge .badge-text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.keyword-badge{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d}.keyword-badge .badge-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.keyword-badge .badge-text{color:#3b82f6;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.results-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.results-stat-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.results-stat-card:hover{background:#9147ff0d;border-color:#9147ff4d;box-shadow:0 8px 20px #9147ff26;transform:translateY(-3px)}.stat-icon-circle{align-items:center;background:linear-gradient(135deg,#9147ff33,#6441a51a);border:2px solid #9147ff4d;border-radius:50%;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-content .stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-content .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:900;line-height:1}.results-verification-card{background:linear-gradient(135deg,#10b98114,#0596690d);border:2px solid #10b9814d;border-radius:14px;margin-top:1.5rem;padding:1.5rem}.verification-card-header .verification-label{color:#10b981;display:block;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.verification-id-code{align-items:center;background:var(--bg-card);border:2px solid #10b9814d;border-radius:10px;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.verification-id-code:hover{background:#10b9810d;border-color:#10b981;box-shadow:0 6px 16px #10b98133;transform:translateY(-2px)}.id-code-text{color:#10b981;font-family:Courier New,monospace;font-size:1.35rem;font-weight:900;letter-spacing:1px}.copy-action{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.copy-action .copy-icon{font-size:1.1rem}.copy-action .copy-label{color:#10b981;font-size:.85rem;font-weight:600}.results-winners-section{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:2rem}.results-winners-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.results-winners-header .header-left{align-items:center;display:flex;gap:.75rem}.results-winners-header .header-trophy{font-size:2rem}.results-winners-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin:0}.reroll-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.reroll-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 18px #f59e0b80;transform:translateY(-2px)}.reroll-button:active{transform:translateY(0)}.reroll-button .button-icon{font-size:1.2rem}.results-winners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.results-winner-card{background:linear-gradient(135deg,#ffd70014,#fbbf240d);border:2px solid #ffd7004d;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.results-winner-card:before{background:linear-gradient(90deg,gold,#fbbf24 50%,gold);content:"";height:5px;left:0;position:absolute;right:0;top:0}.results-winner-card:hover{border-color:gold;box-shadow:0 12px 28px #ffd70040;transform:translateY(-6px)}.winner-rank-badge{align-items:center;background:linear-gradient(135deg,gold,#fbbf24);border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #ffd70080;display:flex;height:50px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;width:50px}.winner-rank-badge .rank-number{color:#000;font-size:1.1rem;font-weight:900}.winner-card-content{display:flex;flex-direction:column;gap:.75rem;margin-right:60px}.winner-name-display{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.winner-username-display{color:var(--text-secondary);font-size:1.05rem;font-weight:600}.winner-message-display{align-items:flex-start;background:#0003;border:1px solid #ffd70033;border-radius:10px;display:flex;gap:.75rem;margin-top:.5rem;padding:1rem}.winner-message-display .message-icon{flex-shrink:0;font-size:1.2rem}.winner-message-display .message-text{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.5}@media (max-width:768px){.results-header-banner{padding:1.25rem 1.5rem}.results-header-banner h2{font-size:1.35rem}.results-stats-grid,.results-winners-grid{grid-template-columns:1fr}.results-channel-info{flex-direction:column}.verification-id-code{flex-direction:column;text-align:center}.id-code-text{font-size:1.1rem}}.twitch-verification-section{margin:2rem 0}.verification-header-banner{align-items:center;background:linear-gradient(135deg,#4caf5026,#388e3c1a);border:2px solid #4caf5066;border-radius:16px 16px 0 0;display:flex;gap:1rem;margin-bottom:0;padding:1.5rem 2rem}.verification-header-banner .verification-icon{font-size:2rem}.verification-header-banner h2{color:#4caf50;font-size:1.5rem;font-weight:700;margin:0}.verification-main-card{background:var(--bg-card);border:2px solid #4caf504d;border-radius:0 0 16px 16px;border-top:none;margin-bottom:1.5rem;padding:2rem}.verification-id-display{background:linear-gradient(135deg,#9147ff1a,#6441a50d);border:2px solid #9147ff4d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:relative;text-align:center}.verification-id-display .id-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.verification-id-display .id-code{color:#9147ff;display:block;font-family:Courier New,monospace;font-size:2rem;font-weight:900;letter-spacing:2px}.verification-id-display .reroll-badge-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:.75rem;padding:.5rem 1rem}.verification-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-cell{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.info-cell:hover{background:#9147ff0d;border-color:#9147ff4d;transform:translateY(-2px)}.info-cell.full-width{grid-column:1/-1}.info-cell.reroll-reason-cell{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b4d}.info-cell .cell-icon{flex-shrink:0;font-size:1.75rem}.info-cell .cell-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.info-cell .cell-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-cell .cell-value{color:var(--text-primary);font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-winners-section{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.history-section-header,.winners-section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.history-section-header .header-icon,.winners-section-header .header-icon{font-size:1.75rem}.history-section-header h3,.winners-section-header h3{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin:0}.verification-winners-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.verification-winner-card{background:linear-gradient(135deg,#ffd70014,#ffc1070d);border:2px solid #ffd7004d;border-radius:14px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.verification-winner-card:before{background:linear-gradient(90deg,gold,#ffc107);content:"";height:4px;left:0;position:absolute;right:0;top:0}.verification-winner-card:hover{border-color:gold;box-shadow:0 8px 20px #ffd70033;transform:translateY(-4px)}.verification-winner-card .winner-rank{align-items:center;background:linear-gradient(135deg,gold,#ffc107);border-radius:50%;box-shadow:0 2px 8px #ffd70066;color:#000;display:flex;font-size:1rem;font-weight:900;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px}.verification-winner-card .winner-details{display:flex;flex-direction:column;gap:.5rem}.verification-winner-card .winner-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-right:50px}.verification-winner-card .winner-handle{color:var(--text-secondary);font-size:.95rem;font-weight:600}.verification-winner-card .winner-entry{background:#0003;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:.5rem;padding:.75rem}.verification-history-section{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:2rem}.roll-history-timeline,.timeline-item{position:relative}.timeline-item{display:flex;gap:1.5rem;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{align-items:center;display:flex;flex-direction:column;position:relative}.timeline-marker .marker-dot{background:linear-gradient(135deg,#9147ff,#6441a5);border:3px solid var(--bg-card);border-radius:50%;box-shadow:0 0 0 2px #9147ff4d;flex-shrink:0;height:16px;width:16px;z-index:2}.timeline-marker .marker-line{background:linear-gradient(180deg,#9147ff4d,#9147ff1a);flex:1 1;margin-top:.5rem;width:2px}.timeline-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;flex:1 1;padding:1.25rem;transition:all .3s ease}.timeline-content:hover{background:#9147ff0d;border-color:#9147ff4d;transform:translateX(4px)}.timeline-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.timeline-header .roll-badge{background:#9147ff33;border-radius:20px;color:#9147ff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem}.timeline-header .roll-date{color:var(--text-secondary);font-size:.8rem;font-weight:500}.timeline-info{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:.5rem}.timeline-info .info-item{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.timeline-info .info-icon{font-size:1.1rem}.timeline-reroll-reason{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:.75rem;margin-top:.75rem;padding:.75rem}.timeline-reroll-reason .reason-icon{flex-shrink:0;font-size:1.1rem}.timeline-reroll-reason .reason-text{color:#f59e0b;font-size:.85rem;font-weight:600;line-height:1.4}@media (max-width:768px){.verification-info-grid,.verification-winners-grid{grid-template-columns:1fr}.verification-header-banner{padding:1.25rem 1.5rem}.verification-header-banner h2{font-size:1.25rem}.verification-id-display .id-code{font-size:1.5rem}.timeline-header{align-items:flex-start;flex-direction:column;gap:.5rem}.timeline-info{flex-direction:column;gap:.75rem}}.chat-container{background:var(--bg-primary);min-height:calc(100vh - 80px);padding:20px;position:relative}.chat-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px;text-align:center}.chat-header h1{color:var(--text-primary);font-size:2rem;margin:0}.connection-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.status-connected{background:#4caf5033;color:#4caf50}.status-connecting{animation:pulse 1.5s infinite;background:#ffc10733;color:#ffc107}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-disconnected{background:#f4433633;color:#f44336}.status-reconnecting{background:#ffc10733;color:#ffc107}.status-error{background:#f4433633;color:#f44336}.toast{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-weight:500;padding:16px 24px;position:fixed;right:20px;top:100px;z-index:9999}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-info{background:#2196f3;color:#fff}.chat-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:260px 1fr 200px;height:calc(100vh - 200px);margin:0 auto;max-width:1600px}.chat-sidebar{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:0}.chat-sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:16px;text-transform:uppercase}.room-search-container{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:12px;position:relative}.room-search-container:before{content:"🔍";font-size:1rem;left:24px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.room-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;line-height:1.5;padding:10px 32px 10px 36px;text-indent:0;transition:all .2s;width:100%}.room-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.room-search-input::placeholder{color:var(--text-secondary);opacity:.7;text-indent:0}.clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:4px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.no-rooms-found{color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:20px;text-align:center}.room-list{flex:1 1;overflow-y:auto;padding:8px}.room-category{margin-bottom:16px}.category-header{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;padding:8px 12px;transition:opacity .2s;-webkit-user-select:none;user-select:none}.category-header:hover{opacity:.8}.category-arrow{color:var(--text-secondary);font-size:.65rem;transition:transform .2s}.category-arrow.collapsed{transform:rotate(-90deg)}.category-name{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.room-item{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px 12px 12px 24px;transition:all .2s ease}.room-item:hover{background:var(--bg-hover);transform:translateX(4px)}.room-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-left:3px solid #667eea}.room-icon{color:var(--text-secondary);font-size:1.2rem;margin-right:12px}.room-item.active .room-icon{color:#667eea}.room-item.private-room{border-left:2px solid #ffc107}.private-badge{background:#ffc107;border-radius:4px;color:#000;font-size:.65rem;font-weight:700;margin-left:6px;padding:2px 6px}.room-info{flex:1 1;min-width:0}.room-name{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.room-desc{color:var(--text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.chat-room-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:16px;justify-content:space-between;padding:20px}.chat-room-title h2{align-items:center;display:flex;font-size:1.5rem;margin:0}.online-count{font-size:.85rem;margin-left:10px;opacity:.9}.chat-room-title p{font-size:.9rem;margin:5px 0 0;opacity:.9}.chat-toolbar{align-items:center;display:flex;gap:8px}.toolbar-action-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.toolbar-action-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.messages-list{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.loading-more-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;justify-content:center;margin-bottom:15px;opacity:.8;padding:15px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top:2px solid #667eea;height:16px;width:16px}.message-item{animation:messageSlideIn .2s ease;display:flex;gap:12px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.pinned-message{background:#ffd7001a;border-left:3px solid gold;border-radius:8px;margin-left:-8px;padding:8px}.message-avatar{background:var(--bg-hover);border:2px solid var(--border-color);object-fit:cover}.message-avatar-spacer{height:40px}.message-content-wrapper{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.message-author{color:var(--text-primary)}.message-author.admin{color:#f44336}.message-author.moderator{color:#2196f3}.badge{letter-spacing:.5px}.badge-admin{background:#f44336}.badge-mod{background:#2196f3}.message-time{color:var(--text-secondary)}.pinned-icon{color:gold;font-size:.75rem;font-weight:600}.delete-msg-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.6;padding:4px;transition:opacity .2s}.delete-msg-btn:hover{opacity:1}.mod-action-btn{background:none;border:none;cursor:pointer;font-size:.9rem;margin-left:4px;opacity:.6;padding:4px;transition:all .2s}.mod-action-btn:hover{opacity:1;transform:scale(1.1)}.mod-action-btn.ban-btn:hover{filter:drop-shadow(0 0 4px rgba(244,67,54,.6))}.message-reply-preview{align-items:center;background:#667eea1a;border-radius:6px;color:var(--text-secondary);padding:8px 12px}.message-reply-preview strong{color:#667eea;font-weight:600}.reply-line{background:#667eea;border-radius:2px;height:20px;width:3px}.message-bubble{word-wrap:break-word;background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;color:var(--text-primary);line-height:1.6;max-width:100%;padding:12px 16px;position:relative;transition:box-shadow .2s}.message-bubble:hover{box-shadow:0 2px 6px #00000026}.message-item.own-message .message-bubble{background:linear-gradient(135deg,#667eea33,#764ba226)}.message-bubble.group:hover .message-actions-overlay{opacity:1;pointer-events:all}.message-actions-overlay{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;gap:4px;opacity:0;padding:4px;pointer-events:none;right:10px;top:-10px}.delete-btn-mini,.pin-btn-mini,.reply-btn-mini{background:var(--bg-hover);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .2s}.delete-btn-mini:hover,.pin-btn-mini:hover,.reply-btn-mini:hover{background:var(--bg-primary);transform:scale(1.1)}.pin-btn-mini.active{background:gold}.reaction-picker-hover{position:relative}.add-reaction-btn{background:var(--bg-hover);border-radius:6px;cursor:pointer;display:inline-block;padding:6px 10px;transition:all .2s}.add-reaction-btn:hover{background:var(--bg-primary)}.emoji-options{background:var(--card-bg);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;display:none;gap:4px;left:0;margin-bottom:5px;padding:8px;position:absolute;z-index:10}.reaction-picker-hover:hover .emoji-options{display:flex}.emoji-options span{border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px;transition:transform .2s}.emoji-options span:hover{background:var(--bg-hover);transform:scale(1.3)}.message-reactions-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-chip{align-items:center;background:var(--bg-hover);border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:4px 8px;transition:all .2s}.reaction-chip:hover{background:var(--bg-primary);transform:translateY(-2px)}.reaction-chip.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea}.reaction-chip .count{color:var(--text-secondary);font-size:.85rem;font-weight:600}.chat-input-area{padding:20px;position:relative}.chat-input-area,.typing-indicator{background:var(--card-bg);border-top:1px solid var(--border-color)}.typing-indicator{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:8px 20px}.typing-dots .dot{animation:typingDot 1.4s infinite}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:0}30%{opacity:1}}.reply-preview-bar{background:var(--bg-hover);border-left:3px solid #667eea;border-radius:8px;margin-bottom:10px;padding:10px 15px}.reply-content{gap:2px}.reply-label{color:#667eea}.cancel-reply-btn,.reply-text{color:var(--text-secondary)}.cancel-reply-btn{padding:0 5px;transition:color .2s}.cancel-reply-btn:hover{color:#f44336}.chat-input-wrapper{align-items:center;display:flex;gap:10px;position:relative}.attach-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s;width:40px}.attach-btn:hover:not(:disabled){background:var(--bg-hover);border-color:#667eea;transform:rotate(15deg)}.attach-btn:disabled{cursor:not-allowed;opacity:.5}.chat-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:25px;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:14px 18px;transition:all .3s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:48px;transition:all .3s;width:48px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.send-btn:disabled{opacity:.5}.mention-autocomplete{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;bottom:60px;box-shadow:0 4px 12px #0000004d;left:60px;max-height:200px;min-width:200px;overflow-y:auto;position:absolute;z-index:100}.mention-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background .2s}.mention-item.selected,.mention-item:hover{background:var(--bg-hover)}.mention-avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.mention-username{color:var(--text-primary);font-weight:500}.chat-users-sidebar{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:0}.user-list{flex:1 1;overflow-y:auto;padding:12px}.user-item{align-items:center;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin-bottom:4px;padding:10px;transition:background .2s}.user-item:hover{background:var(--bg-hover)}.user-item-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.user-item-avatar.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center}.user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-name-row{justify-content:space-between}.user-name,.user-name-row{align-items:center;display:flex;gap:6px}.user-name{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status-icon{flex-shrink:0;font-size:.85rem}.user-custom-status{color:var(--text-secondary);font-size:.8rem;font-style:italic;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge{font-size:.75rem}.user-status-group{margin-bottom:16px}.user-status-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 10px 6px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.user-status-header .status-icon{font-size:.7rem}.user-status-header .status-label{flex:1 1}.user-status-header .status-count{font-weight:400;opacity:.6}.user-status-list{display:flex;flex-direction:column}.user-status-list .user-item{margin-left:8px}.user-badge.admin{filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.user-badge.mod{filter:drop-shadow(0 0 4px rgba(33,150,243,.6))}.no-room-selected{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;height:100%;justify-content:center}.mobile-only{display:none}@media (max-width:1024px){.chat-layout{grid-template-columns:1fr;height:calc(100vh - 180px)}.chat-sidebar{border-radius:0;bottom:0;left:-280px;position:fixed;top:80px;transition:left .3s;width:260px;z-index:100}.chat-sidebar.active{left:0}.chat-users-sidebar{display:none}.mobile-only{display:block}}@media (max-width:768px){.chat-container{padding:10px}.chat-header h1{font-size:1.5rem}.chat-layout{gap:10px;height:calc(100vh - 160px)}.messages-list{padding:12px}.message-avatar{height:32px;width:32px}.chat-input-area{padding:12px}.chat-input{font-size:.9rem;padding:12px 16px}.send-btn{height:42px;width:42px}}.messages-list::-webkit-scrollbar,.room-list::-webkit-scrollbar,.user-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track,.room-list::-webkit-scrollbar-track,.user-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:10px}.messages-list::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb,.user-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.messages-list::-webkit-scrollbar-thumb:hover,.room-list::-webkit-scrollbar-thumb:hover,.user-list::-webkit-scrollbar-thumb:hover{background:#667eea}.online-count{color:var(--text-secondary);font-size:.8rem;font-weight:400;margin-left:8px}.message-item-container{display:flex;gap:12px;padding:4px 16px;position:relative;transition:background-color .2s}.message-item-container:hover{background-color:#00000005}.message-item-container.pinned{background-color:#ffd7001a;border-left:3px solid gold}.message-avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.message-avatar.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.message-avatar-spacer{flex-shrink:0;width:40px}.message-main-content{flex:1 1;min-width:0;position:relative}.message-header-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.message-author{color:#333;font-size:.95rem;font-weight:600}.message-author.admin{color:#dc2626}.message-author.moderator{color:#2563eb}.message-time{color:#666;font-size:.75rem}.badge{border-radius:4px;font-size:.65rem;font-weight:700;margin-left:6px;padding:2px 6px;text-transform:uppercase}.badge-admin{background-color:#dc2626;color:#fff}.badge-mod{background-color:#2563eb;color:#fff}.message-edited{color:#666;font-size:.7rem;font-style:italic}.message-reply-preview{background-color:#0000000d;border-left:3px solid #667eea;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.85rem;gap:8px;margin-bottom:6px;padding:6px}.message-reply-preview:hover{background-color:#00000014}.message-body{word-wrap:break-word;line-height:1.5;overflow-wrap:break-word;padding-right:40px}.message-body.editing{display:none}.edit-form{margin:8px 0}.edit-input{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.95rem;padding:8px;resize:vertical;width:100%}.edit-actions{display:flex;gap:8px;margin-top:6px}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 12px}.btn-save{background-color:#10b981;color:#fff}.btn-cancel{background-color:#6b7280;color:#fff}.edit-time-warning{color:#f59e0b;font-size:.75rem;margin-top:4px}.message-body code{background-color:#f3f4f6;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.message-body pre{background-color:#1f2937;border-radius:6px;color:#f3f4f6;margin:8px 0;overflow-x:auto;padding:12px}.message-body pre code{background-color:initial;color:inherit;padding:0}.link-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:inherit;display:flex;gap:12px;margin-top:8px;padding:12px;text-decoration:none;transition:background-color .2s}.link-preview:hover{background-color:#f3f4f6}.link-preview-image{border-radius:6px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.link-preview-content{flex:1 1;min-width:0}.link-preview-title{font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-description{-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden}.link-preview-url{color:#9ca3af;font-size:.75rem;margin-top:4px}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachment-item{max-width:300px}.attachment-item img,.attachment-item video{border-radius:8px;max-width:100%}.attachment-file{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:10px}.attachment-file-info{flex:1 1}.attachment-file-name{font-size:.9rem;font-weight:500}.attachment-file-size{color:#6b7280;font-size:.75rem}.message-actions-row{display:flex;gap:4px;margin-top:6px;opacity:1;transition:opacity .2s}.message-item-container:hover .message-actions-row{opacity:1}.emoji-picker-popup{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;display:flex;gap:4px;left:0;margin-bottom:4px;padding:8px;position:absolute;z-index:10}.emoji-option{border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px;transition:all .2s}.emoji-option:hover{background:var(--bg-hover);transform:scale(1.2)}.action-btn{background:none;border:none;border-radius:4px;color:#6b7280;font-size:.85rem;padding:4px 8px;position:relative;transition:background-color .2s}.action-btn:hover{background-color:#0000000d;color:#111}.action-btn.active{background-color:#667eea;color:#fff}.action-btn.mod-action{color:#dc2626}.action-btn.mod-action:hover{background-color:#dc26261a}.action-btn.delete-everyone{color:#dc2626;font-weight:600}.action-btn.delete-everyone:hover{background-color:#dc26261a}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-item{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-size:.85rem;gap:4px;padding:2px 8px;transition:all .2s}.reaction-item:hover{background-color:#e5e7eb}.reaction-item.user-reacted{background-color:#dbeafe;border-color:#3b82f6}.thread-info{align-items:center;background-color:#f3f4f6;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:.85rem;gap:6px;margin-top:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.thread-info:hover{background-color:#e5e7eb}.read-receipts{color:#9ca3af;font-size:.75rem;margin-top:4px}.mod-actions{display:flex;gap:4px;margin-top:6px}.mod-btn{background-color:#fff;border:1px solid #dc2626;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s}.mod-btn:hover{background-color:#dc2626;color:#fff}.message-actions-overlay{opacity:1;pointer-events:all;position:absolute;right:8px;top:8px;transition:opacity .2s;z-index:10}.menu-dots-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:4px 10px;transition:all .2s}.menu-dots-btn:hover{background:var(--bg-primary);border-color:#667eea;color:var(--text-primary)}.message-actions-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background:var(--bg-hover)}.menu-item.danger{color:#dc2626}.menu-item.danger:hover{background:#dc26261a}.menu-item.mod-action{color:#f59e0b}.menu-item.mod-action:hover{background:#f59e0b1a}.menu-divider{background:var(--border-color);height:1px;margin:4px 0}.action-buttons{display:flex;flex-wrap:wrap;gap:4px}.message-input-container{display:flex;flex-direction:column}.reply-preview-bar{align-items:center;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 12px}.reply-content{display:flex;flex-direction:column;gap:4px}.reply-label{color:#6b7280;font-size:.75rem;font-weight:600}.reply-text{color:#374151;font-size:.85rem}.cancel-reply-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background-color .2s}.cancel-reply-btn:hover{background-color:#0000000d}.input-toolbar{background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:4px 10px}.toolbar-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.toolbar-divider{background-color:#d1d5db;margin:0 4px;width:1px}.input-form{background-color:var(--card-bg);display:flex;gap:6px;padding:6px 10px}.message-input-field{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;max-height:100px;min-height:32px;padding:6px 10px;resize:none;transition:border-color .2s}.message-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.send-btn{align-items:center;background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-width:50px;padding:10px 16px;transition:background-color .2s}.send-btn:hover:not(:disabled){background-color:#5568d3}.send-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.input-hints{display:none}.input-hints small{color:#6b7280;font-size:.75rem}.input-hints strong{color:#374151}@media (max-width:768px){.input-toolbar{overflow-x:auto;white-space:nowrap}.input-hints{display:none}}.thread-overlay{background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.thread-panel{animation:slideIn .3s ease-out;background-color:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;max-width:100%;width:500px}.thread-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.thread-header h3{color:#111;font-size:1.1rem;margin:0}.close-thread-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background-color .2s}.close-thread-btn:hover{background-color:#0000000d}.thread-content{flex:1 1;overflow-y:auto;padding:16px}.parent-message{background-color:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:12px}.parent-message-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.parent-avatar{border-radius:50%;height:36px;width:36px}.parent-author{color:#111;font-weight:600}.parent-message-body{color:#333;line-height:1.5}.thread-replies{display:flex;flex-direction:column;gap:16px}.thread-replies h4{color:#6b7280;font-size:.95rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.thread-reply{border-left:2px solid #e5e7eb;display:flex;gap:10px;padding-left:12px}.reply-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.reply-content{flex:1 1}.reply-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.reply-author{color:#111;font-size:.9rem;font-weight:600}.reply-time{color:#9ca3af;font-size:.75rem}.reply-body{color:#333;font-size:.9rem;line-height:1.4}.thread-input-area{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.thread-input-form{display:flex;flex-direction:column;gap:10px}.thread-input-field{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;min-height:60px;padding:10px;resize:vertical;width:100%}.thread-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.thread-send-btn{align-self:flex-end;background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 16px;transition:background-color .2s}.thread-send-btn:hover:not(:disabled){background-color:#5568d3}.thread-send-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.no-replies{color:#9ca3af;font-size:.9rem;padding:40px 20px;text-align:center}@media (max-width:768px){.thread-panel{width:100%}}.search-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.search-modal{animation:modalFadeIn .2s ease-out;background-color:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:100%;width:600px}.search-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.search-modal-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.search-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background-color .2s}.search-close-btn:hover{background-color:#0000000d}.search-form{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding:20px}.search-input-group{margin-bottom:16px;position:relative}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 40px 12px 16px;transition:border-color .2s;width:100%}.search-filters label{color:var(--text-primary);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:6px}.search-filters input[type=date]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:8px 12px}.search-filters input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.search-btn:hover:not(:disabled){background-color:#5568d3}.search-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.search-results{flex:1 1;overflow-y:auto;padding:16px 20px}.search-result-item{margin-bottom:12px}.result-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.result-author{color:var(--text-primary);font-size:.9rem;font-weight:600}.result-room{background-color:#667eea1a;border-radius:4px;color:#667eea;font-size:.8rem;padding:2px 8px}.result-time{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.result-content{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.no-results{color:var(--text-secondary);font-style:italic;padding:40px 20px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#9ca3af;font-size:1.2rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.filter-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:8px 12px}.filter-input:focus{border-color:#667eea;outline:none}.search-results-container{flex:1 1;overflow-y:auto;padding:16px 20px}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.search-result-item:hover{background-color:var(--bg-hover);border-color:#667eea}.search-result-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.search-result-avatar{border-radius:50%;height:32px;width:32px}.search-result-author{color:var(--text-primary);font-size:.9rem;font-weight:600}.search-result-room{background-color:#eef2ff;border-radius:4px;color:#667eea;font-size:.8rem;padding:2px 8px}.search-result-time{color:#9ca3af;font-size:.75rem;margin-left:auto}.search-result-content{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.search-highlight{background-color:#fef3c7;border-radius:2px;font-weight:600;padding:2px 4px}.no-results{color:#9ca3af;padding:60px 20px;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:12px}.no-results-text{font-size:1rem;margin-bottom:8px}.no-results-hint{color:#d1d5db;font-size:.85rem}.searching-indicator{color:#667eea;padding:40px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 12px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.search-modal{max-height:90vh;width:100%}.search-filters{grid-template-columns:1fr}}.bookmarks-panel-overlay{background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.bookmarks-panel{animation:slideIn .3s ease-out;background-color:var(--card-bg);box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;max-width:100%;width:450px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.bookmarks-header{align-items:center;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.bookmarks-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.bookmarks-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background-color .2s}.bookmarks-close-btn:hover{background-color:#0000000d}.bookmarks-list{flex:1 1;overflow-y:auto;padding:16px}.bookmark-item{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.bookmark-item:hover{background-color:var(--bg-primary);border-color:#667eea}.bookmark-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bookmark-meta{align-items:center;display:flex;gap:8px}.bookmark-avatar{border-radius:50%;height:28px;width:28px}.bookmark-author{color:#111;font-size:.85rem;font-weight:600}.bookmark-room{background-color:#eef2ff;border-radius:3px;color:#667eea;font-size:.75rem;padding:2px 6px}.bookmark-time{color:#9ca3af;font-size:.7rem}.bookmark-content{color:#374151;font-size:.9rem;line-height:1.4;margin-bottom:8px}.bookmark-note{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;font-size:.85rem;font-style:italic;margin:8px 0;padding:8px}.bookmark-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.bookmark-tag{background-color:#e0e7ff;border-radius:12px;color:#4f46e5;font-size:.75rem;font-weight:500;padding:3px 8px}.bookmark-actions{display:flex;gap:8px;margin-top:8px}.bookmark-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.btn-view{background-color:#667eea;color:#fff}.btn-view:hover{background-color:#5568d3}.btn-remove{background-color:#ef4444;color:#fff}.btn-remove:hover{background-color:#dc2626}.no-bookmarks{color:#9ca3af;padding:60px 20px;text-align:center}.no-bookmarks-icon{font-size:3rem;margin-bottom:12px}.no-bookmarks-text{font-size:1rem;margin-bottom:8px}.no-bookmarks-hint{color:#d1d5db;font-size:.85rem}@media (max-width:768px){.bookmarks-panel{width:100%}}.profile-card-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-card{animation:modalFadeIn .2s ease-out;background-color:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;max-width:100%;position:relative;width:400px}.close-btn{align-items:center;background:#0000000d;border-radius:50%;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.close-btn:hover{background-color:#0000001a;color:#111}.profile-header{border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:24px}.profile-avatar{border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-avatar.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.profile-info{flex:1 1}.profile-username{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;gap:8px;margin:0 0 8px}.profile-status{align-items:center;display:flex;gap:6px;margin-bottom:6px}.status-dot{border-radius:50%;height:10px;width:10px}.status-text{color:#6b7280;font-size:.85rem}.custom-status{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-bottom:6px}.last-seen{color:#9ca3af;font-size:.75rem}.profile-bio{border-bottom:1px solid var(--border-color);padding:16px 24px}.profile-bio h4{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.profile-bio p{color:var(--text-primary);line-height:1.5;margin:0}.profile-stats{grid-gap:16px;border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px 24px}.stat{text-align:center}.stat strong{color:var(--text-primary);display:block;font-size:1.2rem;margin-bottom:4px}.stat span{color:#6b7280;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.profile-actions{display:flex;flex-direction:column;gap:10px;padding:16px 24px}.action-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.action-btn:hover{background-color:var(--bg-hover)}.action-btn.primary{background-color:#667eea;border-color:#667eea;color:#fff}.action-btn.primary:hover{background-color:#5568d3}.action-btn.danger{border-color:#ef4444;color:#ef4444}.action-btn.danger:hover{background-color:#ef4444;color:#fff}@media (max-width:768px){.profile-card{width:100%}}.status-selector-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.status-selector{animation:modalFadeIn .2s ease-out;background-color:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;max-width:100%;width:350px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.selector-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.selector-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background-color .2s}.close-btn:hover{background-color:#0000000d}.status-options{display:flex;flex-direction:column;gap:8px;padding:16px}.status-option{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px;text-align:left;transition:all .2s;width:100%}.status-option:hover{background-color:var(--bg-hover);border-color:#667eea}.status-option.selected{background-color:#eef2ff;border-color:#667eea;color:#667eea;font-weight:600}.status-icon{font-size:1.2rem;text-align:center;width:24px}.status-label{flex:1 1}.custom-status-input{border-bottom:1px solid var(--border-color);padding:0 16px 16px}.custom-status-input label{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.custom-status-input input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.custom-status-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.save-status-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:16px;padding:12px;transition:background-color .2s;width:calc(100% - 32px)}.save-status-btn:hover{background-color:#5568d3}@media (max-width:768px){.status-selector{width:100%}}
/*# sourceMappingURL=main.af5e2ca8.css.map*/