*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#a18cd1 0,#fbc2eb 50%,#a1c4fd 100%);background-size:200% 200%;background-attachment:fixed;animation:gradientShift 12s ease infinite;min-height:100vh;color:#1d1d1f;position:relative;backdrop-filter:blur(15px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.02) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.02) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.01) 0,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundShift 25s ease infinite;will-change:transform;transform:translateZ(0)}@keyframes backgroundShift{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.01)}100%{opacity:.3;transform:scale(1)}}.container{max-width:1400px;margin:0 auto;padding:20px;padding-bottom:20px;will-change:transform;transform:translateZ(0)}.navbar{background:linear-gradient(135deg,rgba(13,148,136,.18) 0,rgba(59,130,246,.16) 50%,rgba(56,189,248,.16) 100%);backdrop-filter:blur(20px);border-radius:24px;padding:20px 40px;margin-bottom:20px;box-shadow:0 10px 24px rgba(14,165,233,.1),0 4px 10px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.45);border:none;border-bottom:1px solid rgba(59,130,246,.22);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.navbar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22d3ee,#60a5fa,#34d399,#22d3ee);animation:none}@keyframes shimmer{0%,100%{opacity:.3}50%{opacity:1}}.nav-brand{display:flex;align-items:center}.nav-brand h1{font-family:Poppins,Roboto,Arial,sans-serif;font-size:24px;color:#475569;margin:0;text-shadow:0 1px 4px rgba(71,85,105,.1);font-weight:700;letter-spacing:.5px;transition:all .3s ease;position:relative}.nav-brand h1:hover{transform:scale(1.01);text-shadow:0 2px 6px rgba(71,85,105,.2);color:#334155}.language-switch{position:absolute;top:15px;right:15px;z-index:1000}.language-switch .lang-select{padding:3px 8px;background:linear-gradient(135deg,rgba(209,250,229,.8),rgba(204,251,241,.8));border:1px solid rgba(45,212,191,.3);border-radius:12px;cursor:pointer;font-size:9px;font-weight:400;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);color:#6b7280;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;min-width:50px;max-width:60px;box-shadow:0 1px 3px rgba(176,196,222,.1),inset 0 1px 0 rgba(255,255,255,.4);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:14px;text-align:center}.language-switch .lang-select:hover{background:linear-gradient(135deg,rgba(209,250,229,.9),rgba(204,251,241,.9));border-color:rgba(20,184,166,.5);transform:translateY(-1px) scale(1.02);box-shadow:0 2px 6px rgba(20,184,166,.15),inset 0 1px 0 rgba(255,255,255,.6)}.language-switch .lang-select:focus{outline:0;border-color:rgba(20,184,166,.6);box-shadow:0 0 0 2px rgba(20,184,166,.1),0 2px 6px rgba(20,184,166,.1);transform:translateY(-1px) scale(1.03)}.language-switch .lang-select option{background:rgba(248,250,252,.95);color:#6b7280;padding:6px 8px;font-size:9px;font-weight:400;border:none;border-radius:4px;margin:1px;transition:background-color .2s ease;text-align:center}.language-switch .lang-select option:hover{background:rgba(241,245,249,.95)}.language-switch .lang-select option:checked{background:linear-gradient(135deg,rgba(176,196,222,.8),rgba(147,197,253,.8));color:#374151}.lang-btn{padding:6px 10px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.9);color:#1d1d1f;border-radius:8px;cursor:pointer;font-size:10px;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);font-weight:500;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.lang-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent);transition:left .5s ease}.lang-btn:hover::before{left:100%}.lang-btn:hover{background:#fff;border-color:rgba(0,0,0,.15);transform:translateY(-1px);box-shadow:0 3px 12px rgba(0,0,0,.1)}.lang-btn.active{background:#1d1d1f;color:#fff;border-color:#1d1d1f;font-weight:600;box-shadow:0 3px 12px rgba(29,29,31,.25);transform:translateY(-1px)}.nav-tabs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.nav-tab{padding:14px 28px;border:none;border-radius:12px;background:rgba(255,255,255,.8);color:#1d1d1f;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:14px;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.nav-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent);transition:left .5s ease}.nav-tab:hover::before{left:100%}.nav-tab:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1);border-color:rgba(0,0,0,.1)}.nav-tab.active{background:#1d1d1f;color:#fff;box-shadow:0 6px 20px rgba(29,29,31,.25),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid #1d1d1f;transform:translateY(-1px)}.stats-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.stat-item{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1d1d1f,#86868b,#1d1d1f);opacity:0;transition:opacity .3s ease}.stat-item:hover::before{opacity:1}.stat-item:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(0,0,0,.08)}.stat-number{font-size:36px;font-weight:700;color:#1d1d1f;margin-bottom:10px;font-family:Orbitron,sans-serif;text-shadow:none;letter-spacing:-.8px;transition:all .3s ease}.stat-item:hover .stat-number{transform:scale(1.05);text-shadow:0 2px 8px rgba(29,29,31,.1)}.stat-label{font-size:14px;color:#86868b;font-weight:500;text-transform:uppercase;letter-spacing:.8px;transition:all .3s ease}.stat-item:hover .stat-label{color:#1d1d1f;font-weight:600}.content-area{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.2));backdrop-filter:blur(48px) saturate(160%);-webkit-backdrop-filter:blur(48px) saturate(160%);border-radius:26px;padding:32px;margin-bottom:32px;box-shadow:0 12px 40px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(0,0,0,.02);border:1px solid rgba(255,255,255,.65);position:relative;overflow:hidden;transition:all .3s ease}.content-area:hover{box-shadow:0 16px 48px rgba(0,0,0,.12),0 6px 20px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(0,0,0,.02)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.content-header h2{font-family:Orbitron,sans-serif;font-size:14px;color:#1d1d1f;text-shadow:none;font-weight:600;margin-bottom:0;letter-spacing:-.2px;transition:all .3s ease}.content-header h2:hover{transform:scale(1.01);text-shadow:0 2px 8px rgba(29,29,31,.1)}.filter-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#searchInput,#sortSelect{padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:10px;font-size:12px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(248,248,248,.8));color:#1d1d1f;transition:all .4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(25px);font-weight:500;font-family:Inter,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.8);position:relative;overflow:hidden;letter-spacing:.2px}#searchInput::before,#sortSelect::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease}#searchInput:hover::before,#sortSelect:hover::before{left:100%}#sortSelect option{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,248,248,.95));color:#1d1d1f;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;border:none;border-radius:8px;margin:2px 0;transition:all .3s ease}#sortSelect option:hover{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.03));color:#1d1d1f;transform:translateX(4px)}#sortSelect option:checked{background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.06));color:#1d1d1f;font-weight:600}#searchInput{min-width:220px}#sortSelect{min-width:220px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px}#searchInput:hover,#sortSelect:hover{background:#fff;border-color:rgba(0,0,0,.15);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.08)}#searchInput:focus,#sortSelect:focus{outline:0;border-color:#1d1d1f;box-shadow:0 0 0 3px rgba(29,29,31,.1);background:#fff;transform:translateY(-2px)}#searchInput::placeholder{color:#86868b;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:8px}.pagination button{padding:12px 18px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,248,248,.9));color:#1d1d1f;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:14px;font-weight:500;font-family:Inter,sans-serif;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.02);position:relative;overflow:hidden}.pagination button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.pagination button:hover::before{left:100%}.pagination button:hover{background:linear-gradient(135deg,#fff,rgba(248,248,248,.95));border-color:rgba(0,0,0,.15);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.pagination button.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.3),0 2px 8px rgba(102,126,234,.2);transform:translateY(-1px)}.pagination button:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.pagination-info{font-size:14px;color:#666;margin:0 20px}.posts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:28px;padding:12px 0}.post-card{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(16,185,129,.1));backdrop-filter:blur(14px) saturate(115%);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border:1px solid rgba(142,197,252,.25);box-shadow:0 8px 24px rgba(142,197,252,.18),inset 0 1px 0 rgba(255,255,255,.6);position:relative}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1d1d1f,#86868b,#1d1d1f);opacity:0;transition:opacity .3s ease}.post-card:hover::before{opacity:1}.post-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 26px rgba(135,206,250,.12),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(135,206,250,.25)}.post-image{width:100%;height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(16,185,129,.1));cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.post-image:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.02),transparent);opacity:0;transition:opacity .3s ease}.post-card:hover .post-image::after{opacity:.3}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.post-card:hover .post-image img{transform:scale(1.04);filter:brightness(1.06) contrast(1.04)}.post-content{padding:14px 16px 8px;background:linear-gradient(135deg,rgba(125,211,252,.08),rgba(99,102,241,.06));backdrop-filter:blur(22px) saturate(115%);cursor:pointer;transition:background .25s ease,backdrop-filter .25s ease;position:relative;overflow:hidden;border-radius:18px 18px 16px 16px}.post-content::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,rgba(2,132,199,.2),rgba(99,102,241,.2))}.post-card.platform-android .post-content::after,.post-card.platform-ios .post-content::after{background:linear-gradient(90deg,rgba(2,132,199,.2),rgba(99,102,241,.2))}.post-card.platform-ios .post-content{background:linear-gradient(135deg,rgba(125,211,252,.12),rgba(59,130,246,.1))}.post-card.platform-android .post-content{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(14,165,233,.1))}.post-content:hover{background:linear-gradient(135deg,rgba(125,211,252,.16),rgba(99,102,241,.14));backdrop-filter:blur(24px)}.account-info-section{text-align:center;position:relative;padding:8px 0}.account-info-section::before{content:'';position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,#1d1d1f,#86868b);border-radius:1px}.account-sequence{font-size:10px;font-weight:600;color:#86868b;margin-bottom:6px;line-height:1.3;text-shadow:none;font-family:Inter,sans-serif;letter-spacing:.2px;position:relative}.account-title{font-size:15px;font-weight:800;color:#1d1d1f;margin-bottom:12px;line-height:1.4;text-shadow:none;font-family:Inter,sans-serif;letter-spacing:.3px;position:relative}.account-title::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:25px;height:1px;background:rgba(0,0,0,.1);border-radius:.5px}.account-details{font-size:11px;color:#86868b;line-height:1.5;font-weight:500;font-family:Inter,sans-serif;letter-spacing:.2px;padding:0 8px}.account-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}.account-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-size:10px;font-weight:600;text-align:center;box-shadow:0 2px 8px rgba(102,126,234,.3)}.account-tag.verified{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px rgba(76,175,80,.3)}.account-tag.personal{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px rgba(33,150,243,.3)}.account-tag.enterprise{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px rgba(255,152,0,.3)}.account-tag.year{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 2px 8px rgba(156,39,176,.3)}.account-tag.country{background:linear-gradient(135deg,#607d8b,#455a64);box-shadow:0 2px 8px rgba(96,125,139,.3)}.account-tag.apps{background:linear-gradient(135deg,#ff5722,#e64a19);box-shadow:0 2px 8px rgba(255,87,34,.3)}.account-tag-icon{font-size:14px}.post-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.post-meta span{font-size:10px;color:#666;background:#f8f9fa;padding:3px 6px;border-radius:4px;border:1px solid #e9ecef}.loading{text-align:center;padding:60px;color:#666}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.no-posts{text-align:center;padding:60px;color:#666;background:rgba(255,255,255,.9);border-radius:16px;backdrop-filter:blur(20px)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(0,0,0,.7));backdrop-filter:blur(20px);animation:modalFadeIn .3s ease;overflow:hidden}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.95));backdrop-filter:blur(25px);margin:2% auto;padding:0;border-radius:20px;width:85%;max-width:1000px;max-height:96vh;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.4),inset 0 1px 0 rgba(255,255,255,.6);animation:modalSlideIn .4s ease;border:1px solid rgba(255,255,255,.5);position:relative;z-index:2001;transform:translateZ(0)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);color:#fff;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.modal-title{font-size:20px;font-weight:700;margin:0;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:Inter,sans-serif;letter-spacing:.5px}.close{color:#fff;font-size:28px;font-weight:300;cursor:pointer;transition:all .3s ease;background:0 0;border:none;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);position:relative;z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(12px)}.close:hover{transform:scale(1.1) rotate(90deg);background:rgba(255,255,255,.25);box-shadow:0 6px 20px rgba(0,0,0,.2)}.modal-body{padding:20px;max-height:75vh;overflow-y:auto;background:rgba(255,255,255,.85);backdrop-filter:blur(15px)}.modal-image-container{text-align:center;margin-bottom:16px}.modal-image{width:60%;max-height:250px;object-fit:contain;border-radius:12px;display:inline-block;box-shadow:0 15px 40px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.3);transition:all .3s ease;background:rgba(255,255,255,.05);backdrop-filter:blur(3px);vertical-align:middle}.modal-image:hover{transform:scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.4)}.modal-caption{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6)}.caption-content{font-size:14px;line-height:1.6;color:#2c3e50;white-space:pre-line;font-family:Inter,sans-serif;font-weight:400;letter-spacing:.2px}.loading-text{text-align:center;color:#666;font-style:italic}.modal-caption a{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.modal-caption a:hover{color:#764ba2;border-bottom-color:#764ba2;text-shadow:0 1px 2px rgba(102,126,234,.2)}.footer{position:static;text-align:center;padding:15px 20px}.copyright{font-size:12px;color:#000;font-weight:500;font-family:Inter,sans-serif}.copyright a{color:#000;text-decoration:none;font-weight:600;transition:color .3s ease}.copyright a:hover{color:#333}.floating-service{position:fixed!important;right:20px!important;top:60vh!important;transform:translateY(-50%)!important;z-index:99999!important;display:flex!important;flex-direction:column;gap:8px;will-change:transform;transition:all .3s ease;pointer-events:auto!important;padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);min-height:100px}@keyframes float{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-8px)}}@media (max-height:600px){.floating-service{top:50vh!important;transform:translateY(-50%)!important}}.service-buttons{display:flex;flex-direction:column;gap:8px}.service-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;background:linear-gradient(135deg,rgba(255,107,107,.95),rgba(238,90,36,.95));border:1px solid rgba(255,255,255,.3);border-radius:12px;text-decoration:none;color:#fff;font-size:10px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;transition:all .3s cubic-bezier(.4, 0, .2, 1);min-width:78px;max-width:90px;box-shadow:0 4px 12px rgba(255,107,107,.3),0 2px 4px rgba(0,0,0,.1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.service-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.service-btn:hover::before{left:100%}.service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,107,.4),0 4px 8px rgba(0,0,0,.15)}.service-icon{font-size:14px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.service-text{white-space:nowrap;font-weight:600;font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.contact-btn{background:linear-gradient(135deg,rgba(34,197,94,.95),rgba(22,163,74,.95));box-shadow:0 4px 12px rgba(34,197,94,.3),0 2px 4px rgba(0,0,0,.1)}.contact-btn:hover{box-shadow:0 8px 20px rgba(34,197,94,.4),0 4px 8px rgba(0,0,0,.15)}.channel-btn{background:linear-gradient(135deg,rgba(79,172,254,.95),rgba(0,242,254,.95));box-shadow:0 4px 12px rgba(79,172,254,.3),0 2px 4px rgba(0,0,0,.1)}.channel-btn:hover{box-shadow:0 8px 20px rgba(79,172,254,.4),0 4px 8px rgba(0,0,0,.15)}@media (max-width:768px){.floating-service{right:15px;gap:8px}.modal-content{width:95%;margin:5% auto;max-height:90vh}.modal-header{padding:16px 20px}.modal-title{font-size:16px}.modal-body{padding:20px;max-height:65vh}.modal-image{width:100%;max-height:250px}.modal-caption{font-size:14px;padding:16px}}@media (max-width:480px){.modal-content{width:98%;margin:2% auto;max-height:96vh}.modal-header{padding:12px 16px}.modal-title{font-size:14px}.modal-body{padding:16px;max-height:70vh}.modal-image{max-height:200px}.modal-caption{font-size:13px;padding:12px}.random-filter-buttons{grid-template-columns:repeat(2,1fr);gap:4px}.random-filter-buttons .filter-btn.random-btn{grid-column:1/2}.random-filter-buttons .filter-btn.clear-btn{grid-column:2/3}}@media (max-width:768px){.container{max-width:100%;padding:15px}.navbar{padding:20px;margin-bottom:20px}.nav-brand h1{font-size:20px}.nav-tabs{gap:8px}.nav-tab{padding:10px 16px;font-size:13px}.random-filter-buttons{grid-template-columns:repeat(3,1fr);gap:6px;max-width:100%}.random-filter-buttons .filter-btn.random-btn{grid-column:2/3}.random-filter-buttons .filter-btn.clear-btn{grid-column:3/4}.stats-panel{grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{padding:20px}.stat-number{font-size:28px}.content-area{padding:20px}.content-header{flex-direction:column;align-items:stretch;gap:12px}.filter-controls{flex-direction:column;align-items:stretch}#searchInput{width:100%}.posts-grid{grid-template-columns:repeat(2,1fr);gap:15px}.post-image{height:180px}.post-content{padding:16px}.account-info{grid-template-columns:repeat(2,1fr)}.modal-content{width:95%;margin:10% auto}.modal-header{padding:16px 20px}.modal-body{padding:20px}}@media (max-width:480px){.posts-grid{grid-template-columns:1fr}.stats-panel{grid-template-columns:1fr}.account-info{grid-template-columns:1fr}.nav-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.nav-tab{white-space:nowrap}}.random-filter-btn,.select-filter-btn{padding:14px 20px;border:1px solid rgba(255,255,255,.25);border-radius:14px;font-size:15px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(12px);font-weight:500;position:relative;overflow:hidden}.random-filter-btn::before,.select-filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.random-filter-btn:hover::before,.select-filter-btn:hover::before{left:100%}.random-filter-btn:hover,.select-filter-btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.select-filter-btn{margin-left:8px}.filter-dropdown-container{position:relative;display:inline-block}.filter-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(25px);border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.3);max-height:300px;overflow-y:auto;z-index:1000;display:none;margin-top:8px;border:1px solid rgba(255,255,255,.3)}.filter-option{padding:14px 20px;color:#2c3e50;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);font-size:15px;font-weight:400;position:relative}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:rgba(102,126,234,.1);color:#667eea;font-weight:500;transform:translateX(5px)}.filter-option:first-child{border-radius:14px 14px 0 0}.filter-option:last-child{border-radius:0 0 14px 14px}.filter-dropdown::-webkit-scrollbar{width:6px}.filter-dropdown::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.navbar{animation:fadeInUp .6s ease-out}.nav-brand h1{background:linear-gradient(90deg,#1d1d1f,#86868b,#1d1d1f);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}.nav-tab.active::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.stat-item:first-child{animation:fadeInUp .6s ease-out .1s both}.stat-item:nth-child(2){animation:fadeInUp .6s ease-out .2s both}.stat-item:nth-child(3){animation:fadeInUp .6s ease-out .3s both}.content-area{animation:fadeInUp .6s ease-out .4s both}.filter-controls>*{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.filter-controls>:hover{transform:scale(1.02)}.simple-filter-buttons{position:relative;width:100%;min-height:100px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:12px;margin:16px 0;border:1px solid rgba(59,130,246,.15);box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box}.filter-header-bar{position:relative;padding:6px 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.1);z-index:10;width:100%;box-sizing:border-box}.header-content{display:flex;justify-content:center;align-items:center;max-width:100%}.title-section{display:flex;align-items:center;justify-content:center;gap:16px;flex:1}.title-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.title-section h3{color:#1e293b;font-size:26px;font-weight:800;font-family:Poppins,Roboto,Arial,sans-serif;margin:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:1px}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(59, 130, 246, .3));transform:scale(1)}100%{filter:drop-shadow(0 0 15px rgba(59, 130, 246, .6));transform:scale(1.02)}}.filter-count{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3)}.count-number{font-size:16px;font-weight:700}.control-section{display:flex;gap:12px}.action-btn{position:relative;display:flex;align-items:center;gap:4px;padding:6px 10px;background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);color:#475569;font-size:11px;font-weight:500;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.random-btn{border-color:rgba(59,130,246,.3);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 100%)}.random-btn:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(37,99,235,.1) 100%);color:#1d4ed8}.clear-btn{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.05) 100%)}.clear-btn:hover{border-color:rgba(239,68,68,.5);background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(220,38,38,.1) 100%);color:#dc2626}.center-display{position:relative;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 70%,transparent 100%);border-radius:50%;border:2px solid rgba(59,130,246,.3);box-shadow:0 4px 16px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.8)}.display-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(59,130,246,.2);border-radius:50%;animation:displayRotate 8s linear infinite}.center-icon{font-size:24px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.center-text{font-size:10px;font-weight:600;color:#1e40af;text-align:center;line-height:1.2}.filter-buttons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px;width:100%;box-sizing:border-box;margin:0}.filter-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.15);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:11px;font-weight:500;color:#475569;backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,.05);min-height:50px;text-align:center;user-select:none;position:relative;overflow:hidden}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.filter-btn:hover::before{left:100%}.filter-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.3);border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(147,197,253,.1) 100%);color:#1d4ed8;animation:buttonPulse .6s ease-in-out}@keyframes buttonPulse{0%{transform:translateY(-2px) scale(1.05)}50%{transform:translateY(-2px) scale(1.08)}100%{transform:translateY(-2px) scale(1.05)}}.btn-emoji{font-size:16px;margin-bottom:4px;display:block}.filter-btn .btn-text{font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.filter-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.05);color:#1d4ed8}.card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px;border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0;background:rgba(255,255,255,.5)}.card-icon{font-size:12px;flex-shrink:0;transition:all .3s ease;margin-right:2px}.card-badge{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.15));color:#1d4ed8;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(59,130,246,.25);box-shadow:0 3px 8px rgba(59,130,246,.15)}.card-content{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%}.card-content h4{color:#2c5aa0;font-size:11px;font-weight:600;margin:0;line-height:1.2;white-space:normal;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:2.4em}.card-content p{color:#4a90e2;font-size:12px;line-height:1.4;margin:0;font-weight:500}.card-footer{padding:6px 16px 8px;border-top:1px solid rgba(148,163,184,.08);flex-shrink:0;background:rgba(255,255,255,.4)}.card-stats{display:flex;align-items:center}.stat-item{display:flex;align-items:center;gap:4px}.stat-value{color:#1e293b;font-size:13px;font-weight:600}.stat-label{color:#64748b;font-size:11px;font-weight:500}.wheel-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(59,130,246,.1)}.ring-1{width:200px;height:200px;animation:ringRotate 20s linear infinite}.ring-2{width:280px;height:280px;animation:ringRotate 30s linear infinite reverse}.wheel-btn{position:absolute;top:50%;left:50%;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border:2px solid rgba(59,130,246,.2);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:#475569;font-size:10px;font-weight:500;text-align:center;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1);transform-origin:center}.wheel-btn:hover{transform:scale(1.2);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn-icon{font-size:12px;margin-bottom:2px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.btn-text{font-size:9px;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.ring-1 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(0) translateY(-100px) rotate(0)}.ring-1 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-100px) rotate(-60deg)}.ring-1 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-100px) rotate(-120deg)}.ring-1 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-100px) rotate(-180deg)}.ring-1 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-100px) rotate(-240deg)}.ring-1 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-100px) rotate(-300deg)}.ring-2 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(30deg) translateY(-140px) rotate(-30deg)}.ring-2 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-140px) rotate(-90deg)}.ring-2 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(150deg) translateY(-140px) rotate(-150deg)}.ring-2 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(210deg) translateY(-140px) rotate(-210deg)}.ring-2 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(270deg) translateY(-140px) rotate(-270deg)}.ring-2 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(330deg) translateY(-140px) rotate(-330deg)}.header-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.filter-header h3{color:#334155;font-size:20px;font-weight:600;margin:0;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.header-stats{display:flex;align-items:center}.stat-badge{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;box-shadow:0 2px 8px rgba(59,130,246,.3)}.filter-grid{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px}.filter-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.filter-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;background:rgba(255,255,255,.8);border:1px solid rgba(148,163,184,.2);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);color:#475569;font-size:12px;font-weight:500;text-align:center;min-width:80px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.btn-icon{font-size:20px;margin-bottom:6px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.btn-text{font-size:11px;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.hot-card{border-color:rgba(239,68,68,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(254,242,242,.98) 100%)}.hot-card:hover{border-color:rgba(239,68,68,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#fef2f2 100%)}.hot-card .card-badge{background:rgba(239,68,68,.1);color:#dc2626}.premium-card{border-color:rgba(59,130,246,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(239,246,255,.98) 100%)}.premium-card:hover{border-color:rgba(59,130,246,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#eff6ff 100%)}.premium-card .card-badge{background:rgba(59,130,246,.1);color:#1d4ed8}.verified-card{border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(240,253,244,.98) 100%)}.verified-card:hover{border-color:rgba(16,185,129,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#f0fdf4 100%)}.verified-card .card-badge{background:rgba(16,185,129,.1);color:#047857}.personal-card{border-color:rgba(139,92,246,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(250,245,255,.98) 100%)}.personal-card:hover{border-color:rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#faf5ff 100%)}.personal-card .card-badge{background:rgba(139,92,246,.1);color:#7c3aed}.enterprise-card{border-color:rgba(245,158,11,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,251,235,.98) 100%)}.enterprise-card:hover{border-color:rgba(245,158,11,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#fffbeb 100%)}.enterprise-card .card-badge{background:rgba(245,158,11,.1);color:#b45309}.gaming-card{border-color:rgba(236,72,153,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(253,242,248,.98) 100%)}.gaming-card:hover{border-color:rgba(236,72,153,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#fdf2f8 100%)}.gaming-card .card-badge{background:rgba(236,72,153,.1);color:#be185d}.region-card{border-color:rgba(34,197,94,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(240,253,244,.98) 100%)}.region-card:hover{border-color:rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#f0fdf4 100%)}.region-card .card-badge{background:rgba(34,197,94,.1);color:#15803d}.source-card{border-color:rgba(168,85,247,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(250,245,255,.98) 100%)}.source-card:hover{border-color:rgba(168,85,247,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#faf5ff 100%)}.source-card .card-badge{background:rgba(168,85,247,.1);color:#7c2d12}.multi-card{border-color:rgba(6,182,212,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(236,254,255,.98) 100%)}.multi-card:hover{border-color:rgba(6,182,212,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#ecfeff 100%)}.multi-card .card-badge{background:rgba(6,182,212,.1);color:#0e7490}.tools-card{border-color:rgba(251,146,60,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(255,247,237,.98) 100%)}.tools-card:hover{border-color:rgba(251,146,60,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#fff7ed 100%)}.tools-card .card-badge{background:rgba(251,146,60,.1);color:#c2410c}.all-card{border-color:rgba(107,114,128,.2);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(248,250,252,.98) 100%)}.all-card:hover{border-color:rgba(107,114,128,.4);background:linear-gradient(135deg,rgba(255,255,255,.98) 0,#f8fafc 100%)}.all-card .card-badge{background:rgba(107,114,128,.1);color:#374151}.wheel-btn.premium{border-color:rgba(59,130,246,.3);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 100%)}.wheel-btn.premium:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(37,99,235,.1) 100%);color:#1d4ed8}.wheel-btn.verified{border-color:rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(5,150,105,.05) 100%)}.wheel-btn.verified:hover{border-color:rgba(16,185,129,.5);background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(5,150,105,.1) 100%);color:#047857}.wheel-btn.personal{border-color:rgba(139,92,246,.3);background:linear-gradient(135deg,rgba(139,92,246,.1) 0,rgba(124,58,237,.05) 100%)}.wheel-btn.personal:hover{border-color:rgba(139,92,246,.5);background:linear-gradient(135deg,rgba(139,92,246,.15) 0,rgba(124,58,237,.1) 100%);color:#7c3aed}.wheel-btn.enterprise{border-color:rgba(245,158,11,.3);background:linear-gradient(135deg,rgba(245,158,11,.1) 0,rgba(217,119,6,.05) 100%)}.wheel-btn.enterprise:hover{border-color:rgba(245,158,11,.5);background:linear-gradient(135deg,rgba(245,158,11,.15) 0,rgba(217,119,6,.1) 100%);color:#b45309}.wheel-btn.gaming{border-color:rgba(236,72,153,.3);background:linear-gradient(135deg,rgba(236,72,153,.1) 0,rgba(219,39,119,.05) 100%)}.wheel-btn.gaming:hover{border-color:rgba(236,72,153,.5);background:linear-gradient(135deg,rgba(236,72,153,.15) 0,rgba(219,39,119,.1) 100%);color:#be185d}.wheel-btn.region{border-color:rgba(34,197,94,.3);background:linear-gradient(135deg,rgba(34,197,94,.1) 0,rgba(22,163,74,.05) 100%)}.wheel-btn.region:hover{border-color:rgba(34,197,94,.5);background:linear-gradient(135deg,rgba(34,197,94,.15) 0,rgba(22,163,74,.1) 100%);color:#15803d}.wheel-btn.source{border-color:rgba(168,85,247,.3);background:linear-gradient(135deg,rgba(168,85,247,.1) 0,rgba(147,51,234,.05) 100%)}.wheel-btn.source:hover{border-color:rgba(168,85,247,.5);background:linear-gradient(135deg,rgba(168,85,247,.15) 0,rgba(147,51,234,.1) 100%);color:#7c2d12}.wheel-btn.multi{border-color:rgba(6,182,212,.3);background:linear-gradient(135deg,rgba(6,182,212,.1) 0,rgba(8,145,178,.05) 100%)}.wheel-btn.multi:hover{border-color:rgba(6,182,212,.5);background:linear-gradient(135deg,rgba(6,182,212,.15) 0,rgba(8,145,178,.1) 100%);color:#0e7490}.wheel-btn.tools{border-color:rgba(251,146,60,.3);background:linear-gradient(135deg,rgba(251,146,60,.1) 0,rgba(249,115,22,.05) 100%)}.wheel-btn.tools:hover{border-color:rgba(251,146,60,.5);background:linear-gradient(135deg,rgba(251,146,60,.15) 0,rgba(249,115,22,.1) 100%);color:#c2410c}.wheel-btn.all{border-color:rgba(107,114,128,.3);background:linear-gradient(135deg,rgba(107,114,128,.1) 0,rgba(75,85,99,.05) 100%)}.wheel-btn.all:hover{border-color:rgba(107,114,128,.5);background:linear-gradient(135deg,rgba(107,114,128,.15) 0,rgba(75,85,99,.1) 100%);color:#374151}.neural-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(138,43,226,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(75,0,130,.1) 1px,transparent 1px);background-size:40px 40px;animation:neuralGrid 15s linear infinite;z-index:1}.neural-connections{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(138,43,226,.05) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(75,0,130,.05) 50%,transparent 60%);animation:neuralConnections 8s ease-in-out infinite;z-index:2}.neural-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.neural-particles::after,.neural-particles::before{content:'';position:absolute;width:3px;height:3px;background:rgba(138,43,226,.6);border-radius:50%;animation:neuralParticles 12s linear infinite}.neural-particles::before{top:20%;left:30%;animation-delay:0s}.neural-particles::after{top:70%;right:25%;animation-delay:-6s}.neural-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:10}.core-brain{position:relative;width:100%;height:100%}.brain-layers{position:absolute;top:0;left:0;right:0;bottom:0}.layer{position:absolute;border:2px solid rgba(138,43,226,.4);border-radius:50%;animation:brainLayer 6s ease-in-out infinite}.layer-1{width:100%;height:100%;top:0;left:0;animation-duration:8s}.layer-2{width:70%;height:70%;top:15%;left:15%;animation-duration:12s;animation-direction:reverse}.layer-3{width:40%;height:40%;top:30%;left:30%;animation-duration:16s}.brain-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.8) 0,rgba(75,0,130,.6) 70%,rgba(25,25,112,.4) 100%);box-shadow:0 0 20px rgba(138,43,226,.6),0 0 40px rgba(75,0,130,.3);display:flex;align-items:center;justify-content:center;animation:brainPulse 2s ease-in-out infinite}.center-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 15px rgba(255,255,255,.8);animation:centerPulse 1s ease-in-out infinite}.center-text{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);color:#8a2be2;font-size:12px;font-weight:600;text-shadow:0 0 8px rgba(138,43,226,.5);white-space:nowrap}.projector-base{position:relative;width:100%;height:100%}.base-ring{position:absolute;border:2px solid rgba(0,255,255,.6);border-radius:50%;animation:ringRotate 8s linear infinite}.ring-1{width:100%;height:100%;top:0;left:0;animation-duration:10s}.ring-2{width:80%;height:80%;top:10%;left:10%;animation-duration:15s;animation-direction:reverse}.ring-3{width:60%;height:60%;top:20%;left:20%;animation-duration:20s}.projector-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.8) 0,rgba(0,200,255,.6) 50%,rgba(0,150,255,.4) 100%);box-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(0,200,255,.4);animation:corePulse 2s ease-in-out infinite}.core-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 20px rgba(255,255,255,.8);animation:lightFlicker .5s ease-in-out infinite}.core-beam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:200px;background:linear-gradient(to bottom,rgba(0,255,255,.8) 0,rgba(0,255,255,.4) 50%,transparent 100%);animation:beamScan 3s ease-in-out infinite}.neural-nodes{position:relative;z-index:20;width:100%;max-width:900px;display:flex;flex-direction:column;gap:20px}.node-group{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.primary-nodes{gap:20px}.secondary-nodes{gap:18px}.region-nodes{gap:16px}.feature-nodes{gap:14px}.neural-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(0,0,0,.4);border:2px solid rgba(138,43,226,.3);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:rgba(255,255,255,.9);font-size:10px;font-weight:500;text-align:center;backdrop-filter:blur(10px);overflow:hidden}.node-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.2) 0,rgba(75,0,130,.1) 70%,transparent 100%);animation:nodeCore 3s ease-in-out infinite}.node-connection{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent 0,rgba(138,43,226,.3) 50%,transparent 100%);animation:nodeConnection 4s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.neural-node:hover .node-connection{opacity:1}.node-icon{font-size:20px;margin-bottom:4px;filter:drop-shadow(0 0 8px currentColor);z-index:2;position:relative}.node-label{font-size:9px;line-height:1.2;z-index:2;position:relative;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.node-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(138,43,226,.4);animation:nodePulse 2s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.neural-node:hover .node-pulse{opacity:1}.primary-node{border-color:rgba(138,43,226,.5);box-shadow:0 0 15px rgba(138,43,226,.2)}.primary-node:hover{border-color:rgba(138,43,226,.8);box-shadow:0 0 25px rgba(138,43,226,.4);transform:scale(1.1)}.secondary-node{border-color:rgba(75,0,130,.5);box-shadow:0 0 15px rgba(75,0,130,.2)}.secondary-node:hover{border-color:rgba(75,0,130,.8);box-shadow:0 0 25px rgba(75,0,130,.4);transform:scale(1.1)}.region-node{border-color:rgba(25,25,112,.5);box-shadow:0 0 15px rgba(25,25,112,.2)}.region-node:hover{border-color:rgba(25,25,112,.8);box-shadow:0 0 25px rgba(25,25,112,.4);transform:scale(1.1)}.feature-node{border-color:rgba(72,61,139,.5);box-shadow:0 0 15px rgba(72,61,139,.2)}.feature-node:hover{border-color:rgba(72,61,139,.8);box-shadow:0 0 25px rgba(72,61,139,.4);transform:scale(1.1)}.panel{background:rgba(0,0,0,.4);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:20px;box-shadow:0 0 30px rgba(0,255,255,.2),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(10px)}.panel-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,255,255,.2)}.header-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,255,255,.6) 50%,transparent 100%)}.panel-header h3{color:#0ff;font-size:18px;font-weight:600;margin:0;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.5);white-space:nowrap}.filter-grid{display:flex;flex-direction:column;gap:15px}.filter-row{display:flex;gap:12px;justify-content:center}.filter-row.primary{gap:15px}.filter-row.secondary{gap:12px}.filter-row.tertiary{gap:10px}.filter-row.quaternary{gap:8px}.holo-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;background:rgba(0,0,0,.6);border:1px solid rgba(0,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:rgba(255,255,255,.9);font-size:12px;font-weight:500;text-align:center;min-width:80px;backdrop-filter:blur(10px);overflow:hidden}.btn-holo{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.1) 50%,transparent 70%);animation:holoScan 2s linear infinite;opacity:0;transition:opacity .3s ease}.holo-btn:hover .btn-holo{opacity:1}.btn-icon{font-size:20px;margin-bottom:6px;filter:drop-shadow(0 0 8px currentColor);z-index:2;position:relative}.btn-text{font-size:10px;line-height:1.2;z-index:2;position:relative;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.btn-scan{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(0,255,255,.3) 50%,transparent 100%);animation:scanLine 1.5s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.holo-btn:hover .btn-scan{opacity:1}.primary-btn{border-color:rgba(0,255,255,.5);box-shadow:0 0 15px rgba(0,255,255,.2)}.primary-btn:hover{border-color:rgba(0,255,255,.8);box-shadow:0 0 25px rgba(0,255,255,.4);transform:translateY(-2px)}.secondary-btn{border-color:rgba(0,255,100,.5);box-shadow:0 0 15px rgba(0,255,100,.2)}.secondary-btn:hover{border-color:rgba(0,255,100,.8);box-shadow:0 0 25px rgba(0,255,100,.4);transform:translateY(-2px)}.tertiary-btn{border-color:rgba(255,255,0,.5);box-shadow:0 0 15px rgba(255,255,0,.2)}.tertiary-btn:hover{border-color:rgba(255,255,0,.8);box-shadow:0 0 25px rgba(255,255,0,.4);transform:translateY(-2px)}.quaternary-btn{border-color:rgba(255,100,255,.5);box-shadow:0 0 15px rgba(255,100,255,.2)}.quaternary-btn:hover{border-color:rgba(255,100,255,.8);box-shadow:0 0 25px rgba(255,100,255,.4);transform:translateY(-2px)}.orb-core{position:relative;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0,rgba(138,43,226,.4) 20%,rgba(75,0,130,.6) 60%,rgba(25,25,112,.8) 100%);box-shadow:0 0 80px rgba(138,43,226,.6),0 0 120px rgba(75,0,130,.4),inset 0 0 50px rgba(255,255,255,.1);animation:orbPulse 4s ease-in-out infinite;border:2px solid rgba(255,255,255,.2)}.core-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.ring{position:absolute;border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:ringRotate 8s linear infinite}.ring-1{width:120%;height:120%;top:-10%;left:-10%;border-color:rgba(255,100,255,.4);animation-duration:10s}.ring-2{width:140%;height:140%;top:-20%;left:-20%;border-color:rgba(100,255,255,.3);animation-duration:15s;animation-direction:reverse}.ring-3{width:160%;height:160%;top:-30%;left:-30%;border-color:rgba(255,255,100,.2);animation-duration:20s}.orb-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.center-icon{font-size:40px;margin-bottom:8px;filter:drop-shadow(0 0 10px rgba(255, 255, 255, .8));animation:iconGlow 3s ease-in-out infinite alternate}.center-text{color:rgba(255,255,255,.9);font-size:14px;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.floating-tags{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.tag-orbit{position:absolute;top:50%;left:50%;border-radius:50%;animation:orbitRotate 30s linear infinite}.orbit-1{width:350px;height:350px;margin:-175px 0 0 -175px;animation-duration:25s}.orbit-2{width:450px;height:450px;margin:-225px 0 0 -225px;animation-duration:35s;animation-direction:reverse}.filter-tag{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0,rgba(138,43,226,.3) 60%,rgba(75,0,130,.5) 100%);backdrop-filter:blur(15px);cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.9);font-weight:600;text-shadow:0 0 8px rgba(255,255,255,.5);box-shadow:0 0 20px rgba(138,43,226,.3);animation:tagFloat 6s ease-in-out infinite}.filter-tag:first-child{transform:rotate(0) translate(175px) rotate(0);animation-delay:0s}.filter-tag:nth-child(2){transform:rotate(60deg) translate(175px) rotate(-60deg);animation-delay:-1s}.filter-tag:nth-child(3){transform:rotate(120deg) translate(175px) rotate(-120deg);animation-delay:-2s}.filter-tag:nth-child(4){transform:rotate(180deg) translate(175px) rotate(-180deg);animation-delay:-3s}.filter-tag:nth-child(5){transform:rotate(240deg) translate(175px) rotate(-240deg);animation-delay:-4s}.filter-tag:nth-child(6){transform:rotate(300deg) translate(175px) rotate(-300deg);animation-delay:-5s}.orbit-2 .filter-tag:first-child{transform:rotate(30deg) translate(225px) rotate(-30deg)}.orbit-2 .filter-tag:nth-child(2){transform:rotate(90deg) translate(225px) rotate(-90deg)}.orbit-2 .filter-tag:nth-child(3){transform:rotate(150deg) translate(225px) rotate(-150deg)}.orbit-2 .filter-tag:nth-child(4){transform:rotate(210deg) translate(225px) rotate(-210deg)}.orbit-2 .filter-tag:nth-child(5){transform:rotate(270deg) translate(225px) rotate(-270deg)}.orbit-2 .filter-tag:nth-child(6){transform:rotate(330deg) translate(225px) rotate(-330deg)}.filter-tag:hover{transform:scale(1.2)!important;box-shadow:0 0 40px rgba(255,255,255,.6);border-color:rgba(255,255,255,.8);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0,rgba(138,43,226,.6) 60%,rgba(255,255,255,.3) 100%);z-index:100}.tag-icon{font-size:20px;margin-bottom:4px;filter:drop-shadow(0 0 8px currentColor)}.tag-label{font-size:9px;text-align:center;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.filter-tag.hot{border-color:rgba(255,100,100,.6)}.filter-tag.premium{border-color:rgba(255,215,0,.6)}.filter-tag.verified{border-color:rgba(100,255,100,.6)}.filter-tag.personal{border-color:rgba(100,150,255,.6)}.filter-tag.enterprise{border-color:rgba(255,150,100,.6)}.filter-tag.gaming{border-color:rgba(255,100,255,.6)}.filter-tag.region{border-color:rgba(100,255,255,.6)}.filter-tag.special{border-color:rgba(200,100,255,.6)}.filter-tag.tools{border-color:rgba(150,255,150,.6)}.filter-tag.all{border-color:rgba(255,255,255,.8)}.wheel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-top:1px solid rgba(59,130,246,.1)}.control-group{display:flex;gap:12px}.control-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.9);border:1px solid rgba(59,130,246,.2);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);color:#475569;font-size:12px;font-weight:500;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.control-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.control-btn.random{border-color:rgba(59,130,246,.3);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 100%)}.control-btn.random:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(37,99,235,.1) 100%);color:#1d4ed8}.control-btn.clear{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.05) 100%)}.control-btn.clear:hover{border-color:rgba(239,68,68,.5);background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(220,38,38,.1) 100%);color:#dc2626}.status-indicator{display:flex;align-items:center;gap:8px;color:#059669;font-size:12px;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:#059669;box-shadow:0 0 8px rgba(5,150,105,.6);animation:statusPulse 2s ease-in-out infinite}.control-btn{position:relative;display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.2);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);color:#475569;font-size:13px;font-weight:500;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.control-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.control-btn.random{border-color:rgba(59,130,246,.3);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 100%)}.control-btn.random:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(37,99,235,.1) 100%);color:#1d4ed8}.control-btn.clear{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.05) 100%)}.control-btn.clear:hover{border-color:rgba(239,68,68,.5);background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(220,38,38,.1) 100%);color:#dc2626}.control-panel{background:rgba(0,0,0,.5);border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:20px;box-shadow:0 0 30px rgba(138,43,226,.2),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(10px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(138,43,226,.2)}.header-indicator{display:flex;align-items:center;gap:10px;color:#8a2be2;font-size:14px;font-weight:600;text-shadow:0 0 8px rgba(138,43,226,.5)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#8a2be2;box-shadow:0 0 10px rgba(138,43,226,.8);animation:indicatorPulse 1.5s ease-in-out infinite}.network-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.8);font-size:12px}.stat-label{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;color:#8a2be2;text-shadow:0 0 8px rgba(138,43,226,.5)}.control-buttons{display:flex;gap:15px;justify-content:center}.neural-btn{position:relative;display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,0,0,.6);border:1px solid rgba(138,43,226,.3);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:rgba(255,255,255,.9);font-size:12px;font-weight:500;backdrop-filter:blur(10px);overflow:hidden}.btn-neural-core{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(138,43,226,.1) 50%,transparent 70%);animation:neuralCore 2s linear infinite;opacity:0;transition:opacity .3s ease}.neural-btn:hover .btn-neural-core{opacity:1}.neural-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(138,43,226,.4)}.random-neural{border-color:rgba(138,43,226,.5)}.random-neural:hover{border-color:rgba(138,43,226,.8);box-shadow:0 0 25px rgba(138,43,226,.4)}.clear-neural{border-color:rgba(75,0,130,.5)}.clear-neural:hover{border-color:rgba(75,0,130,.8);box-shadow:0 0 25px rgba(75,0,130,.4)}.neural-data-flow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.data-stream{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0,rgba(138,43,226,.8) 50%,transparent 100%);animation:neuralDataFlow 5s linear infinite;animation-delay:var(--delay, 0s)}.data-stream:first-child{top:15%;left:0;width:35%}.data-stream:nth-child(2){top:35%;right:0;width:30%;animation-direction:reverse}.data-stream:nth-child(3){top:55%;left:10%;width:40%}.data-stream:nth-child(4){top:75%;right:15%;width:25%;animation-direction:reverse}.console-display{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.3);border-radius:8px;box-shadow:0 0 20px rgba(0,255,255,.2)}.display-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,255,255,.6) 50%,transparent 100%)}.display-text{display:flex;flex-direction:column;align-items:center;gap:5px;color:#0ff;font-size:12px;font-weight:500;text-shadow:0 0 8px rgba(0,255,255,.5)}.status-text{font-size:14px;font-weight:600;letter-spacing:1px}.filter-count{font-size:10px;opacity:.8}.count{color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.8)}.console-controls{display:flex;gap:15px;justify-content:center}.console-btn{position:relative;display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,0,0,.6);border:1px solid rgba(0,255,255,.3);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:rgba(255,255,255,.9);font-size:12px;font-weight:500;backdrop-filter:blur(10px);overflow:hidden}.btn-frame{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid rgba(0,255,255,.5);border-radius:6px;animation:frameGlow 2s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.console-btn:hover .btn-frame{opacity:1}.console-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(0,255,255,.4)}.random-btn{border-color:rgba(0,255,100,.5)}.random-btn:hover{border-color:rgba(0,255,100,.8);box-shadow:0 0 25px rgba(0,255,100,.4)}.clear-btn{border-color:rgba(255,100,100,.5)}.clear-btn:hover{border-color:rgba(255,100,100,.8);box-shadow:0 0 25px rgba(255,100,100,.4)}.holo-data-stream{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.data-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,255,255,.8) 50%,transparent 100%);animation:dataFlow 4s linear infinite;animation-delay:var(--delay, 0s)}.data-line:first-child{top:20%;left:0;width:30%}.data-line:nth-child(2){top:40%;right:0;width:25%;animation-direction:reverse}.data-line:nth-child(3){top:60%;left:10%;width:35%}.data-line:nth-child(4){top:80%;right:20%;width:20%;animation-direction:reverse}.energy-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:5}.energy-bar{width:200px;height:20px;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.energy-label{position:absolute;top:-20px;left:0;font-size:10px;color:rgba(255,255,255,.7);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.energy-fill{height:100%;width:85%;background:linear-gradient(90deg,rgba(138,43,226,.8) 0,rgba(255,100,255,.9) 50%,rgba(255,255,100,.8) 100%);border-radius:10px;animation:energyPulse 3s ease-in-out infinite;position:relative}.energy-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:energyFlow 2s linear infinite}.filter-count{display:flex;flex-direction:column;align-items:center;gap:4px}.count-label{font-size:10px;color:rgba(255,255,255,.7);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}.count-number{font-size:24px;color:#fff;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.8);animation:countGlow 2s ease-in-out infinite alternate}@keyframes neuralGrid{0%{transform:translate(0,0)}100%{transform:translate(40px,40px)}}@keyframes neuralConnections{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes neuralParticles{0%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}100%{transform:translateY(-40px) scale(.8);opacity:0}}@keyframes brainLayer{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}100%{transform:rotate(360deg) scale(1)}}@keyframes brainPulse{0%,100%{box-shadow:0 0 20px rgba(138,43,226,.6),0 0 40px rgba(75,0,130,.3)}50%{box-shadow:0 0 30px rgba(138,43,226,.8),0 0 60px rgba(75,0,130,.5)}}@keyframes centerPulse{0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}@keyframes nodeCore{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes nodeConnection{0%{transform:translate(-50%,-50%) scaleX(0)}50%{transform:translate(-50%,-50%) scaleX(1)}100%{transform:translate(-50%,-50%) scaleX(0)}}@keyframes nodePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes indicatorPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes neuralCore{0%{transform:translateX(-100%) rotate(0)}100%{transform:translateX(100%) rotate(360deg)}}@keyframes neuralDataFlow{0%{transform:translateX(-100%)}100%{transform:translateX(100vw)}}@keyframes orbPulse{0%,100%{box-shadow:0 0 80px rgba(138,43,226,.6),0 0 120px rgba(75,0,130,.4),inset 0 0 50px rgba(255,255,255,.1)}50%{box-shadow:0 0 120px rgba(138,43,226,.8),0 0 160px rgba(75,0,130,.6),inset 0 0 80px rgba(255,255,255,.2)}}@keyframes ringRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes iconGlow{0%{filter:drop-shadow(0 0 10px rgba(255, 255, 255, .8))}100%{filter:drop-shadow(0 0 20px rgba(255, 255, 255, 1))}}@keyframes orbitRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes tagFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes btnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glowRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes energyPulse{0%,100%{opacity:.8}50%{opacity:1}}@keyframes energyFlow{0%{left:-100%}100%{left:100%}}@keyframes countGlow{0%{text-shadow:0 0 15px rgba(255,255,255,.8)}100%{text-shadow:0 0 25px #fff}}@keyframes displayRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringRotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width:768px){.creative-filter-wheel{height:180px;padding:16px;margin:15px auto}.center-display{width:70px;height:70px}.center-icon{font-size:20px;margin-bottom:3px}.center-text{font-size:9px}.ring-1{width:180px;height:180px}.ring-2{width:250px;height:250px}.wheel-btn{width:45px;height:45px;font-size:9px}.btn-icon{font-size:14px;margin-bottom:2px}.btn-text{font-size:7px}.ring-1 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(0) translateY(-90px) rotate(0)}.ring-1 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-90px) rotate(-60deg)}.ring-1 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-90px) rotate(-120deg)}.ring-1 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-90px) rotate(-180deg)}.ring-1 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-90px) rotate(-240deg)}.ring-1 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-90px) rotate(-300deg)}.ring-2 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(30deg) translateY(-125px) rotate(-30deg)}.ring-2 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-125px) rotate(-90deg)}.ring-2 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(150deg) translateY(-125px) rotate(-150deg)}.ring-2 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(210deg) translateY(-125px) rotate(-210deg)}.ring-2 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(270deg) translateY(-125px) rotate(-270deg)}.ring-2 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(330deg) translateY(-125px) rotate(-330deg)}.wheel-controls{padding:10px 16px}.control-btn{padding:6px 12px;font-size:11px}.status-indicator{font-size:11px}}@media (max-width:480px){.creative-filter-wheel{height:160px;padding:12px;margin:10px auto}.center-display{width:60px;height:60px}.center-icon{font-size:18px;margin-bottom:2px}.center-text{font-size:8px}.ring-1{width:160px;height:160px}.ring-2{width:220px;height:220px}.wheel-btn{width:40px;height:40px;font-size:8px}.btn-icon{font-size:12px;margin-bottom:1px}.btn-text{font-size:6px}.ring-1 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(0) translateY(-80px) rotate(0)}.ring-1 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-80px) rotate(-60deg)}.ring-1 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-80px) rotate(-120deg)}.ring-1 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-80px) rotate(-180deg)}.ring-1 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-80px) rotate(-240deg)}.ring-1 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-80px) rotate(-300deg)}.ring-2 .wheel-btn:first-child{transform:translate(-50%,-50%) rotate(30deg) translateY(-110px) rotate(-30deg)}.ring-2 .wheel-btn:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-110px) rotate(-90deg)}.ring-2 .wheel-btn:nth-child(3){transform:translate(-50%,-50%) rotate(150deg) translateY(-110px) rotate(-150deg)}.ring-2 .wheel-btn:nth-child(4){transform:translate(-50%,-50%) rotate(210deg) translateY(-110px) rotate(-210deg)}.ring-2 .wheel-btn:nth-child(5){transform:translate(-50%,-50%) rotate(270deg) translateY(-110px) rotate(-270deg)}.ring-2 .wheel-btn:nth-child(6){transform:translate(-50%,-50%) rotate(330deg) translateY(-110px) rotate(-330deg)}.wheel-controls{padding:8px 12px}.control-btn{padding:5px 10px;font-size:10px}.status-indicator{font-size:10px}}.filter-header{gap:12px;margin-bottom:20px;padding-bottom:12px}.header-icon{font-size:20px}.filter-header h3{font-size:18px}.stat-badge{padding:3px 10px;font-size:11px}.filter-grid{gap:10px}.filter-row{gap:8px}.filter-btn{padding:10px 12px;min-width:70px;font-size:11px}.btn-icon{font-size:18px;margin-bottom:4px}.btn-text{font-size:10px}.filter-controls{gap:12px;margin-top:16px}.control-btn{padding:8px 16px;font-size:12px}@media (max-width:480px){.light-filter-system{min-height:200px;padding:16px 12px;margin:10px auto}.filter-header{flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:10px}.header-icon{font-size:18px}.filter-header h3{font-size:16px}.stat-badge{padding:2px 8px;font-size:10px}.filter-grid{gap:8px}.filter-row{gap:6px}.filter-btn{padding:8px 10px;min-width:60px;font-size:10px}.btn-icon{font-size:16px;margin-bottom:3px}.btn-text{font-size:9px}.filter-controls{gap:10px;margin-top:12px}.control-btn{padding:6px 12px;font-size:11px}}.header-left{display:flex;align-items:center;gap:12px}.status-indicator{width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;animation:statusPulse 2s ease-in-out infinite}.console-header h3{color:#0ff;font-size:16px;font-weight:600;margin:0;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.5)}.header-right{display:flex;align-items:center}.filter-counter{display:flex;flex-direction:column;align-items:center;color:#0f8;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.counter-value{font-size:18px;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.8)}.filter-matrix{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.matrix-row{display:flex;align-items:center;gap:12px;padding:8px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.row-label{display:flex;align-items:center;gap:8px;min-width:80px;color:#0ff;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.label-icon{font-size:14px;filter:drop-shadow(0 0 5px currentColor)}.matrix-buttons{display:flex;gap:6px;flex:1}.matrix-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:50px;padding:6px;background:rgba(0,0,0,.6);border:1px solid rgba(0,255,255,.2);border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-code{font-size:9px;color:#888;font-weight:600;letter-spacing:1px;text-transform:uppercase}.btn-label{font-size:10px;color:#0ff;font-weight:500;margin-top:2px;text-align:center;line-height:1.2}.hot-btn{border-color:rgba(255,100,100,.4)}.hot-btn .btn-label{color:#ff6464}.hot-btn:hover{background:rgba(255,100,100,.1);border-color:rgba(255,100,100,.6);box-shadow:0 0 15px rgba(255,100,100,.3)}.type-btn{border-color:rgba(100,255,100,.4)}.type-btn .btn-label{color:#64ff64}.type-btn:hover{background:rgba(100,255,100,.1);border-color:rgba(100,255,100,.6);box-shadow:0 0 15px rgba(100,255,100,.3)}.region-btn{border-color:rgba(255,255,100,.4)}.region-btn .btn-label{color:#ffff64}.region-btn:hover{background:rgba(255,255,100,.1);border-color:rgba(255,255,100,.6);box-shadow:0 0 15px rgba(255,255,100,.3)}.feature-btn{border-color:rgba(255,100,255,.4)}.feature-btn .btn-label{color:#ff64ff}.feature-btn:hover{background:rgba(255,100,255,.1);border-color:rgba(255,100,255,.6);box-shadow:0 0 15px rgba(255,100,255,.3)}.matrix-btn:hover{transform:translateY(-2px)}.matrix-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.matrix-btn:hover::before{left:100%}.control-panel{display:flex;gap:8px;justify-content:center;padding-top:12px;border-top:1px solid rgba(0,255,255,.2)}.control-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-family:'Courier New',monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}.ctrl-icon{font-size:12px}.ctrl-text{font-size:10px}.control-btn.primary{background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);color:#0ff}.control-btn.primary:hover{background:rgba(0,255,255,.2);box-shadow:0 0 20px rgba(0,255,255,.4);transform:translateY(-2px)}.control-btn.secondary{background:rgba(0,255,100,.1);border:1px solid rgba(0,255,100,.3);color:#00ff64}.control-btn.secondary:hover{background:rgba(0,255,100,.2);box-shadow:0 0 20px rgba(0,255,100,.4);transform:translateY(-2px)}.control-btn.danger{background:rgba(255,100,100,.1);border:1px solid rgba(255,100,100,.3);color:#ff6464}.control-btn.danger:hover{background:rgba(255,100,100,.2);box-shadow:0 0 20px rgba(255,100,100,.4);transform:translateY(-2px)}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(20px,20px)}}@keyframes dotsMove{0%{transform:translate(0,0)}100%{transform:translate(40px,40px)}}@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:768px){.tech-filter-hub{padding:12px;margin:12px 0}.filter-console{padding:12px}.console-header{flex-direction:column;gap:8px;text-align:center}.matrix-row{flex-direction:column;gap:8px}.row-label{min-width:auto;justify-content:center}.matrix-buttons{justify-content:center;flex-wrap:wrap}.matrix-btn{min-width:50px;height:40px}.control-panel{flex-direction:column;gap:6px}.control-btn{justify-content:center}}.filter-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;position:relative;z-index:2}.filter-title{display:flex;align-items:flex-start;gap:16px;flex:1}.filter-icon{font-size:32px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .1));animation:float 3s ease-in-out infinite}.filter-text h3{font-size:28px;font-weight:700;color:#1d1d1f;margin:0 0 8px 0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em;line-height:1.2}.filter-text p{font-size:16px;color:#86868b;margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;max-width:500px}.filter-stats{display:flex;align-items:center}.stat-badge{background:linear-gradient(135deg,#007aff 0,#0071e3 100%);color:#fff;padding:12px 20px;border-radius:16px;display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(0,122,255,.25),0 4px 12px rgba(0,113,227,.15);border:1px solid rgba(255,255,255,.2)}.stat-label{opacity:.9}.stat-value{font-size:18px;font-weight:700}.filter-categories{display:grid;gap:24px;margin-bottom:32px;position:relative;z-index:2}.filter-category{background:rgba(255,255,255,.6);border-radius:16px;padding:20px;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.filter-category:hover{background:rgba(255,255,255,.8);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.04)}.filter-category.featured{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.8));border:1px solid rgba(255,193,7,.2);box-shadow:0 8px 24px rgba(255,193,7,.1),0 4px 12px rgba(255,193,7,.05)}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-icon{font-size:20px;filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .1))}.category-title{font-size:18px;font-weight:600;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.01em}.category-buttons{display:flex;flex-wrap:wrap;gap:12px}.smart-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;color:#1d1d1f;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.smart-filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.smart-filter-btn:hover{background:rgba(255,255,255,.95);border-color:rgba(0,122,255,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05)}.smart-filter-btn:hover::before{left:100%}.smart-filter-btn.featured-btn{background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,193,7,.05));border-color:rgba(255,193,7,.3);color:#d97706}.smart-filter-btn.featured-btn:hover{background:linear-gradient(135deg,rgba(255,193,7,.2),rgba(255,193,7,.1));border-color:rgba(255,193,7,.5);transform:translateY(-2px) scale(1.02)}.btn-icon{font-size:16px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.btn-text{font-weight:500;white-space:nowrap}.filter-actions{display:flex;gap:16px;justify-content:center;padding-top:24px;border-top:1px solid rgba(0,0,0,.05);position:relative;z-index:2}.action-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:14px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.action-btn:hover::before{left:100%}.primary-action{background:linear-gradient(135deg,#007aff 0,#0071e3 100%);color:#fff;box-shadow:0 8px 24px rgba(0,122,255,.25),0 4px 12px rgba(0,113,227,.15)}.primary-action:hover{background:linear-gradient(135deg,#0077ed 0,#005bb5 100%);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,122,255,.35),0 6px 16px rgba(0,113,227,.25)}.secondary-action{background:linear-gradient(135deg,#34d399 0,#10b981 100%);color:#fff;box-shadow:0 8px 24px rgba(52,211,153,.25),0 4px 12px rgba(16,185,129,.15)}.secondary-action:hover{background:linear-gradient(135deg,#10b981 0,#059669 100%);transform:translateY(-2px);box-shadow:0 12px 32px rgba(52,211,153,.35),0 6px 16px rgba(16,185,129,.25)}.tertiary-action{background:linear-gradient(135deg,#f87171 0,#ef4444 100%);color:#fff;box-shadow:0 8px 24px rgba(248,113,113,.25),0 4px 12px rgba(239,68,68,.15)}.tertiary-action:hover{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);transform:translateY(-2px);box-shadow:0 12px 32px rgba(248,113,113,.35),0 6px 16px rgba(239,68,68,.25)}@media (max-width:768px){.smart-filter-area{padding:20px;margin:16px 0;border-radius:16px}.filter-header{flex-direction:column;gap:16px;margin-bottom:24px}.filter-text h3{font-size:24px}.filter-text p{font-size:14px}.filter-categories{gap:16px}.filter-category{padding:16px}.category-buttons{gap:8px}.smart-filter-btn{padding:10px 12px;font-size:13px}.filter-actions{flex-direction:column;gap:12px}.action-btn{padding:12px 20px;font-size:14px}}.random-filter-area::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.03) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(240,147,251,.02) 0,transparent 50%);pointer-events:none;z-index:0}.random-filter-header{text-align:center;margin-bottom:16px;position:relative;z-index:1}.random-filter-header h3{font-family:Inter,sans-serif;font-size:22px;color:#1d1d1f;margin-bottom:2px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;animation:titleGlow 5s ease-in-out infinite alternate;z-index:2;background:linear-gradient(135deg,#1d1d1f 0,#434343 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.random-filter-header h3::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 50%,transparent 100%);border-radius:1px;animation:borderPulse 4s ease-in-out infinite}.random-filter-header h3::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:radial-gradient(circle,rgba(0,0,0,.03) 0,transparent 70%);border-radius:50%;animation:titleOrb 5s ease-in-out infinite;z-index:-1}.random-filter-header p{color:#86868b;font-size:10px;margin:0;font-weight:400;line-height:1.1;letter-spacing:.2px;opacity:.8;text-shadow:none}@keyframes titleGlow{0%{text-shadow:0 4px 12px rgba(102,126,234,.2)}100%{text-shadow:0 6px 20px rgba(102,126,234,.4)}}@keyframes filterAreaGlow{0%{box-shadow:0 12px 40px rgba(0,0,0,.06),0 4px 16px rgba(102,126,234,.08),inset 0 1px 0 rgba(255,255,255,.9)}100%{box-shadow:0 16px 50px rgba(0,0,0,.08),0 6px 20px rgba(102,126,234,.12),inset 0 1px 0 rgba(255,255,255,.95)}}@keyframes buttonPulse{0%{transform:translateY(-4px) scale(1.03)}50%{transform:translateY(-4px) scale(1.05)}100%{transform:translateY(-4px) scale(1.03)}}@keyframes backgroundFloat{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translate(-5px,5px) rotate(-1deg)}75%{transform:translate(-10px,-5px) rotate(.5deg)}}@keyframes shimmerEffect{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(200%) skewX(-15deg)}}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes buttonEntrance{0%{opacity:0;transform:translateY(20px) scale(.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes randomButtonGlow{0%{box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1)}100%{box-shadow:0 8px 25px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}}@keyframes clearButtonGlow{0%{box-shadow:0 4px 16px rgba(80,80,80,.15),inset 0 1px 0 rgba(255,255,255,.1)}100%{box-shadow:0 8px 25px rgba(80,80,80,.25),0 4px 12px rgba(80,80,80,.15),inset 0 1px 0 rgba(255,255,255,.2)}}@keyframes particleFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}25%{transform:translateY(-10px) scale(1.2);opacity:1}50%{transform:translateY(-5px) scale(.8);opacity:.8}75%{transform:translateY(-15px) scale(1.1);opacity:.9}}@keyframes borderPulse{0%,100%{width:60px;opacity:.8}50%{width:80px;opacity:1}}@keyframes titleOrb{0%,100%{transform:translateX(-50%) scale(1);opacity:.3}50%{transform:translateX(-50%) scale(1.2);opacity:.6}}@keyframes borderGlow{0%{opacity:.3;transform:scale(1)}100%{opacity:.8;transform:scale(1.02)}}.random-filter-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-content:center;position:relative;z-index:1;max-width:900px;margin:0 auto;padding:8px 0}.random-filter-buttons::after{content:'';display:block;grid-column:1/-1;height:0;margin:8px 0}.random-filter-buttons .filter-btn.random-btn{grid-column:3/4;justify-self:center;margin:8px 12px 4px 12px;max-width:120px;width:100%;position:relative;overflow:hidden}.random-filter-buttons .filter-btn.clear-btn{grid-column:4/5;justify-self:center;margin:8px 12px 4px 12px;max-width:120px;width:100%;position:relative;overflow:hidden}.random-filter-buttons .filter-btn.random-btn{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 15px rgba(102,126,234,.25),0 2px 8px rgba(102,126,234,.15),inset 0 1px 0 rgba(255,255,255,.3);font-weight:700;font-size:11px;letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.4);padding:8px 10px;border-radius:12px;backdrop-filter:blur(10px)}.random-filter-buttons .filter-btn.clear-btn{background:linear-gradient(135deg,rgba(255,107,107,.9),rgba(238,90,82,.9));color:#fff;border:1px solid rgba(255,107,107,.3);box-shadow:0 4px 15px rgba(255,107,107,.25),0 2px 8px rgba(255,107,107,.15),inset 0 1px 0 rgba(255,255,255,.3);font-weight:700;font-size:11px;letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.4);padding:8px 10px;border-radius:12px;backdrop-filter:blur(10px)}.random-filter-buttons .filter-btn.random-btn:hover{background:linear-gradient(135deg,rgba(90,111,216,.95),rgba(106,65,144,.95));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(102,126,234,.35),0 4px 12px rgba(102,126,234,.25),inset 0 1px 0 rgba(255,255,255,.4)}.random-filter-buttons .filter-btn.clear-btn:hover{background:linear-gradient(135deg,rgba(224,133,232,.95),rgba(229,75,95,.95));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(255,107,107,.35),0 4px 12px rgba(255,107,107,.25),inset 0 1px 0 rgba(255,255,255,.4)}.random-filter-buttons .filter-btn.clear-btn:active,.random-filter-buttons .filter-btn.random-btn:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.random-filter-buttons{justify-items:center;justify-content:center}.filter-btn{padding:8px 12px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,248,248,.95));color:#1d1d1f;border-radius:10px;cursor:pointer;font-size:10px;font-weight:500;transition:all .4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(25px);position:relative;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.95);letter-spacing:.2px;min-width:100px;text-align:center;z-index:2;font-family:Inter,sans-serif;text-shadow:none}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.4) 50%,transparent 100%);transition:left 1s ease;z-index:1}.filter-btn:hover::before{left:100%}.filter-btn::after{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,transparent 30%,rgba(0,0,0,.1) 70%,rgba(255,255,255,.2) 100%);opacity:0;transition:opacity .4s ease;border-radius:17px;z-index:-1}.filter-btn:hover::after{opacity:1;animation:borderGlow 1.5s ease-in-out infinite alternate}.filter-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.98);animation:buttonPulse .6s ease-out;filter:brightness(1.05) contrast(1.05);border-color:rgba(0,0,0,.12)}.filter-btn:active{transform:translateY(-1px) scale(.99);transition:all .1s ease;box-shadow:0 6px 20px rgba(0,0,0,.06),0 3px 10px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.98);border-color:rgba(0,0,0,.15)}.filter-btn.active{background:linear-gradient(135deg,#1d1d1f 0,#2a2a2a 100%);color:#fff;border-color:#1d1d1f;font-weight:700;box-shadow:0 8px 25px rgba(29,29,31,.3),0 4px 12px rgba(29,29,31,.2),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px)}.filter-btn.active::after{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,transparent 50%,rgba(255,255,255,.05) 100%);opacity:1}.filter-btn.random-btn{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;font-size:14px;padding:10px 16px;transition:background-color .2s ease;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}.filter-btn.random-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-btn.clear-btn{background:#fefefe;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;font-size:14px;padding:10px 16px;transition:background-color .2s ease;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}.filter-btn.clear-btn:hover{background:#f8fafc;border-color:#cbd5e1}.notification{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(248,250,252,.95) 100%);backdrop-filter:blur(25px);border-radius:16px;padding:16px 24px;box-shadow:0 12px 40px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.02);border:1px solid rgba(255,255,255,.4);z-index:1000;animation:slideInTop .5s cubic-bezier(.4,0,.2,1);max-width:280px;min-width:220px;opacity:.95;text-align:center;transition:all .4s cubic-bezier(.4, 0, .2, 1);will-change:transform,opacity}.notification-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-message{color:#1d1d1f;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.05);flex:1;text-align:left}.notification-close{background:rgba(0,0,0,.04);border:none;color:#86868b;cursor:pointer;font-size:16px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:600;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.notification-close:hover{background:rgba(239,68,68,.1);color:#ef4444;transform:scale(1.1);box-shadow:0 2px 8px rgba(239,68,68,.2)}.notification:hover{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.03)}.browser-language-tip{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;background:rgba(59,130,246,.6);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.15);z-index:2000;animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(59,130,246,.15),0 2px 8px rgba(99,102,241,.1)}.language-tip-content{max-width:1400px;margin:0 auto;padding:4px 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;width:100%}.language-tip-icon{font-size:12px;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.language-tip-text{font-size:11px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.01em;text-align:center;flex:1;line-height:1.1}.language-tip-close{background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:50%;transition:all .2s ease;flex-shrink:0;line-height:1;opacity:.8}.language-tip-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1);opacity:1}.tip-timer{position:absolute;bottom:10px;right:10px;font-size:12px;color:#666;background:rgba(255,255,255,.8);padding:4px 8px;border-radius:12px;backdrop-filter:blur(5px)}#countdown{font-weight:700;color:#3b82f6}@media (max-width:480px){.language-tip-content{padding:6px 16px;gap:8px}.language-tip-text{font-size:12px}.language-tip-icon{font-size:14px}}@keyframes slideInFromTop{from{transform:translateX(-50%) translateY(-100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideInTop{from{transform:translateX(-50%) translateY(-100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.pagination-container{margin-top:20px;text-align:center;padding:15px 0;background:linear-gradient(135deg,rgba(248,250,252,.55) 0,rgba(241,245,249,.45) 50%,rgba(226,232,240,.4) 100%);backdrop-filter:blur(28px) saturate(135%);border-radius:25px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px rgba(148,163,184,.1),0 2px 8px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.4);position:relative;overflow:hidden}.pagination-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.7) 25%,#fff 50%,rgba(255,255,255,.7) 75%,transparent 100%);opacity:.6}.pagination-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent)}.pagination-info{font-size:12px;color:#475569;margin-bottom:12px;font-weight:600;text-shadow:0 1px 2px rgba(71,85,105,.1);letter-spacing:.3px;text-transform:uppercase}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;padding:0 15px}.page-btn{padding:10px 16px;border:none;background:linear-gradient(135deg,rgba(148,163,184,.75) 0,rgba(100,116,139,.75) 100%);color:#fff;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;transition:all .4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(18px);min-width:40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(148,163,184,.3),0 2px 6px rgba(0,0,0,.1);letter-spacing:.3px;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease}.page-btn::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .4s ease}.page-btn:hover::before{left:100%}.page-btn:hover::after{opacity:1}.page-btn:hover:not(:disabled){background:linear-gradient(135deg,#64748b 0,#475569 100%);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px rgba(148,163,184,.4),0 4px 10px rgba(0,0,0,.15)}.page-btn.active{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;font-weight:700;box-shadow:0 6px 18px rgba(59,130,246,.4),0 3px 8px rgba(0,0,0,.15);transform:translateY(-1px) scale(1.05);position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 6px 18px rgba(59,130,246,.4)}50%{box-shadow:0 6px 18px rgba(59,130,246,.6)}100%{box-shadow:0 6px 18px rgba(59,130,246,.4)}}.page-btn.active::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.page-btn.active::after{background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:1}.page-btn:disabled{background:linear-gradient(135deg,#e0e0e0 0,#bdbdbd 100%);color:#9e9e9e;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1);opacity:.7}.page-btn:disabled::after,.page-btn:disabled::before{display:none}.pagination-ellipsis{color:#ff6b6b;font-size:16px;padding:0 16px;font-weight:700;letter-spacing:1px;position:relative;animation:ellipsisPulse 2s infinite}@keyframes ellipsisPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.pagination-ellipsis::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;opacity:.8;box-shadow:0 2px 8px rgba(255,107,107,.3)}@media (max-width:768px){.pagination-container{padding:20px 0;margin-top:30px}.pagination-controls{gap:6px;padding:0 16px}.page-btn{padding:12px 14px;min-width:42px;font-size:13px}.pagination-ellipsis{padding:0 12px;font-size:14px}}@media (max-width:480px){.pagination-container{padding:16px 0;margin-top:24px}.pagination-controls{gap:4px;padding:0 12px}.page-btn{padding:10px 12px;min-width:38px;font-size:12px;border-radius:12px}.pagination-ellipsis{padding:0 8px;font-size:13px}}.detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;opacity:0;transition:opacity .3s ease}.detail-modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px)}.detail-container{position:relative;width:90%;max-width:700px;max-height:85vh;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,248,248,.9));border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);overflow:hidden;animation:detailSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes detailSlideIn{from{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,248,248,.8));border-bottom:1px solid rgba(255,255,255,.3)}.detail-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,.3)}.detail-close{background:0 0;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.detail-close:hover{background:rgba(0,0,0,.1);color:#333;transform:scale(1.1)}.detail-content{max-height:calc(85vh - 70px);overflow-y:auto}.detail-main{display:flex;flex-direction:column}.detail-image-section{position:relative;padding:16px;background:rgba(255,255,255,.5);text-align:center}.detail-image{max-width:100%;max-height:350px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);object-fit:contain}.detail-image-overlay{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start}.detail-sequence{background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;backdrop-filter:blur(10px)}.detail-info-section{padding:20px;background:rgba(255,255,255,.3)}.detail-title{font-size:18px;font-weight:700;color:#1d1d1f;margin-bottom:16px;line-height:1.3;text-align:center}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-item{background:rgba(255,255,255,.7);padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:4px;text-align:center}.stat-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:600;color:#1d1d1f}.detail-description{background:rgba(255,255,255,.7);padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.5);margin-bottom:20px;text-align:center}.description-content{font-size:14px;line-height:1.6;color:#333}.detail-actions{display:flex;gap:10px;justify-content:center}.action-btn{flex:1;max-width:200px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s ease;border:1px solid transparent}.contact-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.info-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px rgba(240,147,251,.3)}.info-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,147,251,.4)}.action-icon{font-size:16px}@media (max-width:768px){.detail-container{width:95%;max-height:95vh}.detail-header{padding:16px 20px}.detail-title{font-size:16px}.detail-content{max-height:calc(95vh - 70px)}.detail-image-wrapper{padding:16px}.detail-image{max-height:300px}.detail-info{padding:16px 20px}.detail-sequence{font-size:14px;padding:10px 14px}.detail-description{font-size:13px;padding:14px}.detail-contact{padding:14px}.detail-contact p{font-size:13px}}@media (max-width:480px){.detail-container{width:98%;max-height:98vh}.detail-header{padding:12px 16px}.detail-title{font-size:14px}.detail-content{max-height:calc(98vh - 60px)}.detail-image-wrapper{padding:12px}.detail-image{max-height:250px}.detail-info{padding:12px 16px}.detail-sequence{font-size:13px;padding:8px 12px}.detail-description{font-size:12px;padding:12px}.detail-contact{padding:12px}.detail-contact p{font-size:12px}}.caption-preview{padding:12px 0 6px 0;display:flex;flex-direction:column;gap:8px}.preview-line{font-size:12px;color:#1d1d1f;line-height:1.4;font-weight:500;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:calc(1.4em * 2 + 16px);transition:all .3s ease;position:relative;border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 3px 8px rgba(0,0,0,.06);max-width:100%}.preview-line.first-preview{color:#fff;font-weight:600;font-size:11px;background:linear-gradient(135deg,#8e44ad,#9b59b6);border:none;box-shadow:0 3px 10px rgba(142,68,173,.3);text-align:center;letter-spacing:.3px;align-self:center;max-width:75%;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.preview-line.first-preview.copy-btn{cursor:pointer;user-select:none}.preview-line.first-preview.copy-btn:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px rgba(142,68,173,.4);transform:translateY(-1px) scale(1.02)}.preview-line.first-preview.copy-btn:active{transform:translateY(0) scale(.98)}.preview-line.first-preview::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.preview-line.first-preview:hover::before{left:100%}.preview-line.second-preview{color:#2d2d2f;font-weight:600;font-size:11px;background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(52,152,219,.05));border:1px solid rgba(52,152,219,.2);border-radius:15px;padding:6px 12px;position:relative;text-align:center;box-shadow:0 2px 6px rgba(52,152,219,.1);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.preview-line.third-preview{color:#5f6368;font-size:10px;font-weight:400;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);padding-left:12px}.post-card:hover .preview-line{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.post-card:hover .preview-line.first-preview{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 12px rgba(142,68,173,.3);transform:translateY(-1px) scale(1.01)}.post-card:hover .preview-line.second-preview{background:linear-gradient(135deg,rgba(52,152,219,.15),rgba(52,152,219,.08));border-color:rgba(52,152,219,.3);color:#2980b9;transform:translateY(-1px) scale(1.005)}.post-card:hover .preview-line.third-preview{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.12)}.detail-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:rgba(255,255,255,.5);border-radius:8px;border:1px solid rgba(255,255,255,.3)}.detail-time{font-size:12px;color:#666;font-weight:500}.detail-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.detail-status.success{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.detail-status.failed{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}