.search-grid,.sort-bar,.sort-left{gap:var(--space-md)}.host-card,.search-section{box-shadow:var(--shadow-md)}.discord-overlay,.modal{bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);right:0}.spec-box-label,.vote-label{text-transform:uppercase;letter-spacing:.5px}.search-section{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease;animation:slideInDown .6s ease-out;overflow:visible;position:relative;z-index:10}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.search-section{background:var(--card)}}.search-section:hover{box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,.2)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.search-grid{display:grid;grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--space-md);overflow:visible}.search-input,.search-select{padding:var(--space-md);border:2px solid var(--border);border-radius:16px;font-size:var(--font-size-base);background:var(--bg);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%;color:var(--text)}.search-input:focus,.search-select:focus{border-color:var(--accent-text);background:var(--card);box-shadow:0 0 0 3px rgba(99,102,241,.1);transform:translateY(-1px)}.search-input::placeholder{color:var(--muted)}.sort-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:0 var(--space-sm);flex-wrap:wrap;animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sort-left{display:flex;align-items:center;flex-wrap:wrap}.sort-label{font-weight:600}.clear-filters-btn,.sort-btn,.sort-label{color:var(--muted);font-size:var(--font-size-sm)}.clear-filters-btn,.sort-btn{padding:var(--space-sm) var(--space-md);min-height:44px;white-space:nowrap;font-weight:500;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;background:var(--card)}.sort-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.sort-btn{border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;gap:.3rem}.sort-btn:hover{border-color:var(--accent-text);color:var(--accent-text);transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,.15)}.sort-btn.active{background:var(--accent);border-color:var(--accent-text);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.35)}.clear-filters-btn{border:1px solid var(--border);border-radius:999px;display:none;opacity:0;transform:scale(.8)}.clear-filters-btn.active{display:flex;align-items:center;gap:var(--space-xs);animation:popIn .3s ease-out forwards}@keyframes popIn{to{opacity:1;transform:scale(1)}}.clear-filters-btn:hover{box-shadow:0 2px 8px rgba(239,68,68,.2)}.clear-filters-btn:hover,.redirect-cancel-btn:hover{border-color:#ef4444;color:#ef4444;transform:translateY(-1px)}.results-info{display:block;width:fit-content;text-align:center;color:var(--accent-text);font-size:var(--font-size-sm);font-weight:600;margin:0;padding:.5rem 1rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:999px;animation:fadeIn .5s ease-out}.sort-right{display:flex;align-items:center;gap:var(--space-md)}.hosts-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl);transition:opacity .2s,transform .2s}.host-header,.rating-value,.target-badge{margin-bottom:var(--space-xs)}.host-card{display:grid;align-items:unset;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border-radius:24px;padding:var(--space-xl);border:1px solid var(--border);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .5s ease-out forwards}.host-badge,.host-icon{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.host-header,.host-icon{display:flex;align-items:center}.badges-container>:first-child,.host-card:first-child,.info-section:first-child{animation-delay:.1s}.badges-container>:nth-child(3),.host-card:nth-child(2),.info-section:nth-child(2){animation-delay:.2s}.badges-container>:nth-child(5),.host-card:nth-child(3),.info-section:nth-child(3){animation-delay:.3s}.host-card:nth-child(4),.info-section:nth-child(4){animation-delay:.4s}.host-card:nth-child(5),.info-section:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.host-card:before,.spec-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transition:transform .3s}.host-card:before{display:none}.host-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),0 0 30px rgba(99,102,241,.15);border-color:var(--accent-text)}.host-card:hover:before,.spec-box:hover:before,.target-card:hover:before{transform:scaleX(1)}.host-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px rgba(66,153,225,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.host-icon{width:72px;height:72px;border-radius:20px;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 16px rgba(99,102,241,.3);transition:transform .3s}.host-card:hover .host-icon{transform:scale(1.1) rotate(5deg)}.host-info{flex:1 1;min-width:0}.host-header{gap:var(--space-sm);flex-wrap:wrap}.host-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text)}.host-type-badge,.language-badge,.status-badge,.target-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;transition:transform .2s}.host-type-badge:hover,.language-badge:hover,.target-badge:hover{transform:translateY(-2px)}.host-type-badge{background:rgba(66,153,225,.1);color:var(--accent-text)}.language-badge{background:rgba(159,122,234,.1);color:#9f7aea}.status-badge.online{background:rgba(72,187,120,.1);color:#48bb78}.status-badge.closed{background:rgba(239,68,68,.1);color:#ef4444}.target-badge{background:rgba(102,126,234,.1);color:#667eea;margin-right:var(--space-xs)}.badges-container{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.badges-container>*{animation:badgeFadeIn .4s ease-out backwards}.badges-container>:nth-child(2){animation-delay:.15s}.badges-container>:nth-child(4){animation-delay:.25s}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.host-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:0}.info-box ul ul,.spec-label{margin-top:var(--space-xs)}.spec{display:flex;flex-direction:column}.spec-box-value,.spec-value{font-size:var(--font-size-base);font-weight:700;color:var(--text)}.spec-label{font-size:var(--font-size-sm);color:var(--muted)}.host-rating{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:0;border-left:none}.rating-value{font-size:var(--font-size-base);font-weight:700;color:var(--text)}.rating-label{font-size:var(--font-size-xs);color:var(--muted)}.rating-bar{width:100px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:var(--space-sm)}.rating-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s}.view-details-btn{background:var(--accent);color:#fff;border:none;padding:.9rem 1.15rem;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(99,102,241,.3)}.view-details-btn:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 4px 16px rgba(99,102,241,.4)}.page-btn,.pagination-btn{padding:var(--space-sm) var(--space-md);background:var(--card);font-size:var(--font-size-sm);font-weight:500;color:var(--muted);transition:.2s;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin:var(--space-xl) 0;flex-wrap:wrap;animation:slideInUp .6s ease-out}.pagination-btn,.pagination-pages{display:flex;gap:var(--space-xs)}.targets-container,.vote-buttons,.vote-stats{margin-top:var(--space-md)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination-btn{border:2px solid var(--border);border-radius:var(--border-radius-sm);align-items:center}.page-btn:hover,.pagination-btn:hover:not(:disabled){border-color:var(--accent-text);color:var(--accent-text);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.discord-modal.active,.discord-overlay.active{opacity:1;pointer-events:all}.page-btn{border:2px solid var(--border);border-radius:var(--border-radius-sm);min-width:40px;text-align:center}.modal,.modal-body,.modal-header{padding:var(--space-lg)}.page-btn.active{background:var(--accent);border-color:var(--accent-text);color:#fff;box-shadow:0 2px 8px rgba(66,153,225,.3)}.spec-box:hover,.target-card:hover{box-shadow:var(--shadow-sm)}.modal{display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s}.modal-badges,.modal-close,.modal.active,.vote-btn,.vote-buttons,.vote-stats{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card);border-radius:var(--border-radius);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;background:var(--card);z-index:10}.modal-title-section{flex:1 1}.modal-title{font-size:var(--font-size-xl);font-weight:800;color:var(--text);margin-bottom:var(--space-sm)}.modal-badges{gap:var(--space-sm);flex-wrap:wrap;align-items:center;animation:slideInRight .4s ease-out}.modal-close{background:0 0;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--muted);width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:.2s}.modal-close:hover{background:var(--bg);color:var(--text);transform:rotate(90deg)}.rating-section{background:linear-gradient(135deg,#1a365d,#2d3748);color:#fff;padding:var(--space-xl);border-radius:var(--border-radius);text-align:center;margin-bottom:var(--space-lg);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.2);animation:slideInDown .5s ease-out}.info-box,.info-title{color:var(--text)}.info-box,.vote-btn{border-radius:var(--border-radius-sm);padding:var(--space-md)}.rating-votes,.vote-label{font-size:var(--font-size-sm)}.rating-votes{opacity:.8;margin-bottom:var(--space-md)}.discord-modal,.discord-overlay{position:fixed;opacity:0;pointer-events:none}.vote-stats{justify-content:center;gap:var(--space-xl)}.vote-buttons{gap:var(--space-md)}.vote-btn{flex:1 1;align-items:center}.specs-grid,.targets-container{display:grid}.info-section{margin-bottom:var(--space-lg)}.info-title{font-size:var(--font-size-base)}.info-box,.info-title{color:var(--text)}.info-box ul{margin:0;padding-left:var(--space-xl)}.info-table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:var(--font-size-sm)}.info-table td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border)}.info-table tr:nth-child(odd) td{background:var(--glass)}.info-link{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.spec-box{padding:var(--space-md);border:1px solid var(--border)}.targets-container{display:grid;gap:var(--space-sm)}.target-card{border:1px solid var(--border);padding:var(--space-md)}.link-item,.redirect-url{border-radius:var(--border-radius-sm)}.target-card:hover{border-color:var(--accent-text)}.links-list{gap:var(--space-sm)}.link-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border)}.discord-modal{top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--card);padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:calc(100% - var(--space-xl));z-index:2000;transition:.3s}.discord-modal.active{transform:translate(-50%,-50%) scale(1)}.discord-overlay{top:0;left:0;background:rgba(0,0,0,.6);z-index:1999;transition:opacity .3s}.discord-icon{width:80px;height:80px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:var(--font-size-3xl);color:#fff;box-shadow:0 8px 24px rgba(88,101,242,.3)}.discord-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-md);color:var(--text)}.discord-btn,.discord-text{font-size:var(--font-size-base)}.discord-text{color:var(--muted);margin-bottom:var(--space-lg);line-height:1.5}.discord-btn{background:var(--accent);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:.2s;width:100%}.empty-state,.error-state,.loading{padding:var(--space-xl) var(--space-lg);text-align:center}.discord-btn:hover{background:var(--accent-2);transform:scale(1.02)}.loading{animation:fadeIn .3s ease-out}.spinner{width:48px;height:48px;border-left:4px solid var(--border);border:4px solid var(--border);border-left-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty-state,.error-state{animation:fadeIn .5s ease-out}.empty-icon{font-size:var(--font-size-4xl);color:var(--border);margin-bottom:var(--space-md);animation:iconFloat 3s ease-in-out infinite}.empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--muted);margin-bottom:var(--space-sm)}.error-icon{font-size:var(--font-size-4xl);color:#ef4444;margin-bottom:var(--space-md);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-sm)}.centered-hero{min-height:auto;padding:var(--space-xl) 0 var(--space-lg)}.centered-hero .hero-inner{text-align:center;justify-content:center}.centered-hero .lead{text-align:center!important;margin:0 auto}.hero{background:var(--bg)}.hero .blobs{opacity:.3}.redirect-container{min-height:80vh;justify-content:center;padding:var(--space-lg);animation:fadeIn .4s ease-out}.redirect-container,.redirect-icon,.redirect-timer{display:flex;align-items:center}.redirect-box{background:var(--card);border-radius:var(--border-radius);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-lg);text-align:center;max-width:450px;width:100%;border:1px solid var(--border);animation:scaleIn .4s ease-out}.redirect-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;justify-content:center;margin:0 auto var(--space-md);font-size:var(--font-size-xl);color:#fff;box-shadow:0 4px 16px rgba(66,153,225,.25);animation:redirectPulse 2s ease-in-out infinite}@keyframes redirectPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(66,153,225,.25)}50%{transform:scale(1.1);box-shadow:0 6px 24px rgba(66,153,225,.4)}}.redirect-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin-bottom:var(--space-sm)}.redirect-text{font-size:var(--font-size-sm);color:var(--muted);margin-bottom:var(--space-xs)}.link-item i,.redirect-host{font-size:var(--font-size-base)}.info-title i,.redirect-host{color:var(--accent-text)}.redirect-host{font-weight:600;margin:var(--space-md) 0;word-break:break-word;padding:0 var(--space-sm)}.redirect-url{font-size:var(--font-size-xs);color:var(--muted);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg);word-break:break-all;font-family:monospace;border:1px solid var(--border)}.redirect-link,.redirect-timer-number{background:var(--accent);border-radius:var(--border-radius-sm)}.redirect-timer{font-weight:700;color:var(--text);margin:var(--space-lg) 0 var(--space-md);gap:var(--space-sm)}.redirect-timer,.redirect-timer-number{font-size:var(--font-size-xl);justify-content:center}.redirect-timer-number{display:inline-flex;align-items:center;min-width:36px;height:36px;color:#fff;box-shadow:0 2px 8px rgba(66,153,225,.3);transition:.3s;animation:countdownBounce 1s ease-in-out infinite}.redirect-cancel-btn,.redirect-link{padding:var(--space-md) var(--space-md);font-weight:500;transition:.2s;cursor:pointer}@keyframes countdownBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.redirect-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.host-detail-back-btn,.redirect-link{display:inline-flex;font-size:var(--font-size-sm);position:relative;text-decoration:none;overflow:hidden}.redirect-link{flex:1 1;align-items:center;justify-content:center;gap:var(--space-xs);color:#fff;border:2px solid var(--accent)}.info-box,.redirect-cancel-btn{border-radius:var(--border-radius-sm)}.not-found-btn:before,.redirect-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.not-found-btn:hover:before,.redirect-link:hover:before{width:300px;height:300px}.redirect-link:hover{background:var(--accent-2);border-color:var(--accent-2);transform:translateY(-1px)}.redirect-cancel-btn{flex:1 1;background:0 0;color:var(--muted);font-size:var(--font-size-sm);border:2px solid var(--border)}.redirect-progress{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:var(--space-lg)}.redirect-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;transition:width .1s linear}@media (max-width:768px){.search-grid{grid-template-columns:1fr}.host-card{gap:var(--space-md)}.host-domains{display:flex;flex-direction:column;gap:4px;padding:8px 12px;min-height:80px;justify-content:center}.host-domains-label{display:flex;align-items:center;gap:4px;margin-bottom:2px;color:var(--accent-text);font-size:var(--font-size-xs);font-weight:700}.host-domains-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.domain-badge{padding:2px 8px;border-radius:6px;border:1px solid rgba(99,102,241,.2);background:rgba(99,102,241,.1);color:var(--accent-text);font-size:var(--font-size-xs);font-weight:600}.host-domains-more{color:var(--muted);font-size:var(--font-size-xs);opacity:.7;font-style:italic}.host-specs{grid-template-columns:1fr}.host-rating{border-left:none;border-top:1px solid var(--border);padding:var(--space-md) 0 0;margin-top:var(--space-md)}.redirect-actions,.sort-bar,.vote-buttons{flex-direction:column}.sort-buttons,.sort-left{width:100%}.sort-btn{flex:1 1;justify-content:center;text-align:center;min-height:44px}.results-info{width:auto;text-align:center}.pagination,.vote-stats{flex-direction:column;gap:var(--space-md)}.targets-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.badges-container{justify-content:flex-start}.view-details-btn{width:auto}.redirect-cancel-btn,.redirect-link,.view-details-btn{min-height:44px;justify-content:center}.page-btn,.pagination-btn{min-height:44px;min-width:44px}}.host-detail-page{min-height:100vh;min-height:100svh;padding:var(--space-xl) 0;animation:fadeIn .5s ease-out}.host-detail-back-section{margin-bottom:var(--space-xl);animation:slideInLeft .5s ease-out}.host-detail-back-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--card);border:2px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-weight:600;transition:.3s}.host-detail-header,.rating-section-fullpage{border-radius:var(--border-radius);padding:var(--space-xl)}.host-detail-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,153,225,.1),transparent);transition:left .5s}.link-item:before,.target-card:before{content:"";position:absolute;top:0;left:0}.host-detail-back-btn i,.link-item:before,.not-found-btn i,.target-card:before{transition:transform .3s}.host-detail-back-btn:hover:before{left:100%}.host-detail-back-btn:hover{background:var(--accent);border-color:var(--accent-text);color:#fff;transform:translateX(-4px);box-shadow:0 4px 12px rgba(66,153,225,.3)}.host-detail-back-btn:hover i{transform:translateX(-4px)}.host-detail-header{background:var(--card);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);border:2px solid var(--border);animation:slideInDown .6s ease-out;overflow:hidden}.host-detail-title-section{width:100%;min-width:0}.host-detail-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--text);margin-bottom:var(--space-md);gap:var(--space-md);word-break:break-word}.host-detail-badges,.host-detail-title{display:flex;align-items:center;flex-wrap:wrap}.host-detail-badges{gap:var(--space-sm)}.host-detail-grid{display:grid;grid-template-columns:1fr 350px;gap:var(--space-xl);align-items:start}.host-detail-main{display:flex;flex-direction:column;gap:var(--space-lg)}.host-detail-sidebar{position:sticky;top:var(--space-xl)}.link-item,.not-found-icon,.spec-box,.target-card{position:relative}.rating-section-fullpage{background:linear-gradient(135deg,#1a365d,#2d3748);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.info-section{background:var(--card);border-radius:var(--border-radius);padding:var(--space-xl);box-shadow:var(--shadow-md);border:2px solid var(--border);transition:.3s;animation:fadeInUp .5s ease-out backwards}.info-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-text)}.link-item:hover,.spec-box:hover,.target-card:hover{box-shadow:var(--shadow-md)}.info-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:2px solid var(--border)}.info-box li,.spec-box-icon{margin-bottom:var(--space-sm)}.link-item,.links-list,.specs-grid,.targets-container,.vote-buttons{gap:var(--space-md)}.info-box,.link-item,.spec-box,.target-card{padding:var(--space-lg);background:var(--bg)}.info-box{font-size:var(--font-size-sm);line-height:1.8;border:1px solid var(--border)}.specs-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.spec-box{border-radius:var(--border-radius-sm);text-align:center;border:2px solid var(--border);transition:.3s;overflow:hidden}.spec-box:hover{transform:translateY(-4px);border-color:var(--accent-text)}.spec-box-icon{font-size:var(--font-size-xl);color:var(--accent-text)}.spec-box-label{font-size:var(--font-size-xs);color:var(--muted);margin-bottom:var(--space-xs)}.targets-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.target-card{border:2px solid var(--border);border-radius:var(--border-radius-sm);text-align:center;transition:.3s;overflow:hidden}.target-card:before{right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0)}.target-card:hover{border-color:#667eea;transform:translateY(-4px)}.target-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin:0}.links-list{display:flex;flex-direction:column}.link-item,.vote-btn{display:flex;align-items:center;transition:.3s}.link-item{border-radius:var(--border-radius-sm);text-decoration:none;color:var(--accent-text);font-weight:500;word-break:break-all;border:2px solid var(--border);overflow:hidden}.link-item:before{width:4px;height:100%;background:var(--accent);transform:scaleY(0)}.link-item:hover{background:var(--accent);color:#fff;transform:translateX(8px);border-color:var(--accent-text)}.link-item:hover:before{transform:scaleY(1)}.link-item i{flex-shrink:0}.rating-big{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-sm);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rating-votes{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--space-lg)}.vote-stats{display:flex;justify-content:space-around;margin:var(--space-lg) 0;padding:var(--space-md) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.vote-stat{display:flex;flex-direction:column;align-items:center}.vote-count{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs)}.vote-label{font-size:var(--font-size-xs);opacity:.8}.vote-up{color:#48bb78}.vote-down{color:#f56565}.vote-buttons{display:flex;flex-direction:column;margin-top:var(--space-lg)}.vote-btn{width:100%;padding:var(--space-md);border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.not-found-icon,.not-found-page{align-items:center;display:flex}.vote-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}.vote-btn:active{transform:translateY(0)}.not-found-page{min-height:100vh;min-height:100svh;justify-content:center;padding:var(--space-xl);background:var(--bg);animation:fadeIn .5s ease-out}.not-found-container{text-align:center;max-width:600px;animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.not-found-icon{width:120px;height:120px;margin:0 auto var(--space-xl);background:linear-gradient(135deg,var(--card),var(--bg));border-radius:50%;justify-content:center;border:3px solid var(--border);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-icon i[data-lucide],.not-found-icon svg{font-size:var(--font-size-4xl);color:var(--muted)}.not-found-icon-overlay{position:absolute;top:-8px;right:-8px;width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(239,68,68,.4);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(239,68,68,.4)}50%{transform:scale(1.1);box-shadow:0 6px 24px rgba(239,68,68,.6)}}.not-found-icon-overlay i{font-size:var(--font-size-lg);color:#fff}.not-found-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--text);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-text{font-size:var(--font-size-base);color:var(--muted);margin-bottom:var(--space-xl);line-height:1.6}.not-found-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.not-found-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius-sm);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:.3s;position:relative;overflow:hidden}.not-found-btn.primary{background:var(--accent);border:2px solid var(--accent);color:#fff;box-shadow:0 4px 12px rgba(66,153,225,.3)}.not-found-btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 16px rgba(66,153,225,.4)}.not-found-btn.secondary{background:var(--card);border:2px solid var(--border);color:var(--text)}.not-found-btn.secondary:hover{border-color:var(--accent-text);color:var(--accent-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,153,225,.2)}.not-found-btn:hover i{transform:scale(1.2)}@media (max-width:1024px){.host-detail-grid{grid-template-columns:1fr}.host-detail-sidebar{position:relative;top:0}.rating-section-fullpage{animation:fadeInUp .6s ease-out}}@media (max-width:768px){.host-detail-header,.info-section{padding:var(--space-md);overflow:visible}.host-detail-title{font-size:var(--font-size-lg);gap:var(--space-sm);word-break:break-word}.host-detail-badges{width:100%}.specs-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.targets-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.not-found-actions,.vote-buttons,.vote-stats{flex-direction:column}.vote-stats{gap:var(--space-md)}}@media (max-width:480px){.host-detail-header{padding:var(--space-sm)}.host-detail-title{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start}.host-detail-badges{gap:var(--space-xs)}.info-section{padding:var(--space-sm)}}.not-found-title{font-size:var(--font-size-2xl)}.not-found-btn{width:100%;justify-content:center}.host-spec-icon i[data-lucide]{width:1.1rem;height:1.1rem;stroke-width:2;color:var(--accent-text)}.sort-btn i[data-lucide]{width:.875rem;height:.875rem;stroke-width:2}.sort-btn svg{width:.875rem;height:.875rem;flex-shrink:0;vertical-align:middle}.pagination-btn i[data-lucide]{width:1rem;height:1rem;stroke-width:2}.empty-icon i[data-lucide]{width:var(--font-size-4xl);height:var(--font-size-4xl);stroke-width:1.5;color:var(--border)}.clear-filters-btn i[data-lucide]{width:.875rem;height:.875rem;stroke-width:2.5}.spec-box-icon i[data-lucide]{width:var(--font-size-xl);height:var(--font-size-xl);stroke-width:2;color:var(--accent-text)}.info-title i[data-lucide]{width:1rem;height:1rem;stroke-width:2;color:var(--accent-text)}.link-item i[data-lucide]{flex-shrink:0}.link-item i[data-lucide],.vote-btn i[data-lucide]{width:1rem;height:1rem;stroke-width:2}.discord-icon i[data-lucide]{width:var(--font-size-3xl);height:var(--font-size-3xl);stroke-width:1.5;color:white}.host-detail-back-btn i[data-lucide]{width:1rem;height:1rem;stroke-width:2;transition:transform .3s cubic-bezier(.4,0,.2,1)}.host-detail-back-btn:hover i[data-lucide]{transform:translateX(-4px)}.not-found-icon i[data-lucide]{font-size:var(--font-size-4xl);color:var(--muted)}.not-found-icon-overlay i[data-lucide]{width:var(--font-size-lg);height:var(--font-size-lg);stroke-width:2.5;color:white}.not-found-btn i[data-lucide]{width:1rem;height:1rem;stroke-width:2;transition:transform .3s cubic-bezier(.4,0,.2,1)}.not-found-btn:hover i[data-lucide]{transform:scale(1.2)}.redirect-icon i[data-lucide]{width:var(--font-size-xl);height:var(--font-size-xl);stroke-width:2;color:white}.redirect-cancel-btn i[data-lucide],.redirect-link i[data-lucide]{width:.875rem;height:.875rem;stroke-width:2}.filter-dropdown{position:relative;width:100%}.filter-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--bg);border:2px solid var(--border);border-radius:16px;color:var(--text);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;text-align:left;min-height:54px}.filter-dropdown-trigger:focus,.filter-dropdown.open .filter-dropdown-trigger{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filter-dropdown-placeholder{color:var(--muted)}.filter-dropdown-value{color:var(--text);font-weight:500}.filter-dropdown-chevron{flex-shrink:0;color:var(--muted);transition:transform .2s ease}.filter-dropdown.open .filter-dropdown-chevron{transform:rotate(180deg);color:var(--accent-text)}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:500;background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-xl),0 0 0 1px rgba(255,255,255,.04);overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);color:var(--muted)}.filter-dropdown-search input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-size:var(--font-size-sm);font-family:inherit}.filter-dropdown-search input::placeholder{color:var(--muted)}.filter-dropdown-list{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.filter-dropdown-list::-webkit-scrollbar{width:4px}.filter-dropdown-list::-webkit-scrollbar-track{background:transparent}.filter-dropdown-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.filter-dropdown-item{display:block;width:100%;padding:.6rem var(--space-md);background:transparent;border:none;color:var(--muted);font-size:var(--font-size-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.filter-dropdown-item:hover{background:var(--glass);color:var(--text)}.filter-dropdown-item.active{background:rgba(99,102,241,.12);color:var(--accent-text);font-weight:600}.filter-dropdown-empty{padding:var(--space-md);color:var(--muted);font-size:var(--font-size-sm);text-align:center}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input-wrapper .search-input{padding-left:calc(var(--space-md) + 16px + 8px)}.compare-btn,.favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0}.compare-btn:hover,.favorite-btn:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(6,182,212,.2)}.compare-btn.active,.favorite-btn.active{background:rgba(6,182,212,.1);border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 12px rgba(6,182,212,.2)}.compare-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.host-card-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.host-card-footer .host-rating{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:var(--space-xs);text-align:left}.host-card-footer .rating-bar{width:72px;margin-top:0;flex-basis:100%}.host-card-footer .host-card-actions{margin-left:auto;width:auto}.host-card-actions{display:flex;align-items:center;gap:var(--space-sm)}.view-details-btn{width:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.sort-btn{flex:0 0 auto;width:auto}.comparison-panel{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(14,18,32,.96);border-top:1px solid var(--border);box-shadow:0 -8px 32px rgba(0,0,0,.4),0 -1px 0 rgba(99,102,241,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-sm);animation:slideUpPanel .25s ease-out}@keyframes slideUpPanel{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@supports not ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.comparison-panel{background:rgba(14,18,32,.99)}}.comparison-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.comparison-panel-left{display:flex;align-items:center;gap:var(--space-sm)}.comparison-panel-icon{color:var(--accent-text);flex-shrink:0}.comparison-panel-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text);white-space:nowrap}.comparison-panel-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.comparison-go-btn{display:inline-flex;align-items:center;gap:5px;padding:.45rem 1rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-size:var(--font-size-xs);font-weight:700;border-radius:999px;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 10px rgba(99,102,241,.35);white-space:nowrap}.comparison-go-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.45)}.comparison-clear-btn{padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.comparison-clear-btn:hover{border-color:#ef4444;color:#ef4444}.comparison-chips-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding-right:60px}.comparison-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.3rem .6rem .3rem .35rem;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:999px;font-size:var(--font-size-xs);color:var(--text);transition:border-color .2s}.comparison-chip:hover{border-color:rgba(99,102,241,.4)}.comparison-chip--empty{opacity:.4;border-style:dashed;cursor:default}.comparison-chip-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comparison-chip-icon--empty{background:var(--border);color:var(--muted)}.comparison-chip-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-chip-name--empty{color:var(--muted);font-weight:400}.comparison-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:color .15s,background .15s;flex-shrink:0}.comparison-chip-remove:hover{color:#ef4444;background:rgba(239,68,68,.1)}@media (max-width:600px){.comparison-panel{padding:var(--space-sm)}.comparison-panel-title{font-size:var(--font-size-xs)}.comparison-chip-name{max-width:80px}}#compare-page,#saved-page{padding-bottom:var(--space-3xl)}.compare-hero,.saved-hero{min-height:auto;padding:var(--space-2xl) 0 var(--space-lg)}.compare-hero .hero-inner,.saved-hero .hero-inner{text-align:center;justify-content:center}.compare-hero .lead,.saved-hero .lead{text-align:center;margin:0 auto}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.compare-toolbar-right{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.compare-back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:999px;border:1px solid var(--border);background:transparent;transition:color .2s,border-color .2s,background .2s,transform .2s}.compare-back-link:hover{color:var(--text);border-color:var(--accent-text);background:rgba(99,102,241,.06);transform:translateX(-2px)}.compare-add-more-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid rgba(99,102,241,.4);border-radius:999px;background:rgba(99,102,241,.08);color:var(--accent-text);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s;white-space:nowrap}.compare-add-more-btn:hover{border-color:var(--accent-text);background:rgba(99,102,241,.14);color:var(--text);transform:translateY(-1px)}.compare-clear-all-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.compare-clear-all-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}.compare-host-cards{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;overflow-x:auto;overflow-y:visible;margin-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.compare-host-cards::-webkit-scrollbar{height:8px}.compare-host-cards::-webkit-scrollbar-track{background:var(--bg);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.compare-host-cards::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.compare-host-cards::-webkit-scrollbar-thumb:hover{background:var(--accent)}.compare-corner-cell{background:var(--bg);padding:var(--space-lg);min-width:200px;position:sticky;left:0;z-index:2}.compare-host-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);position:relative;transition:background .2s;min-width:280px}.compare-host-card--best{background:linear-gradient(180deg,rgba(6,182,212,.07),rgba(6,182,212,.03));border-top:2px solid var(--accent-2)}.compare-best-label{position:absolute;top:0;right:var(--space-md);transform:translateY(-50%);background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .6rem;border-radius:999px;box-shadow:0 2px 8px rgba(6,182,212,.4)}.compare-host-card-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.35rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(99,102,241,.3);flex-shrink:0}.compare-host-card-name{font-size:var(--font-size-base);font-weight:700;color:var(--text);line-height:1.3}.compare-host-card-desc{font-size:var(--font-size-xs);color:var(--muted);line-height:1.55;margin:0;max-height:3.1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.compare-host-card-status{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:var(--muted)}.compare-status-online{color:#48bb78}.compare-status-offline{color:#ef4444}.compare-host-card-rating{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-xs)}.compare-rating-bar{width:100%;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.compare-rating-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .6s ease}.compare-rating-text{font-size:var(--font-size-xs);font-weight:700;color:var(--text)}.compare-rating-sub{font-weight:400;color:var(--muted)}.compare-host-card-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap}.compare-view-btn{display:inline-flex;align-items:center;padding:.45rem .9rem;background:var(--accent);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:999px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap;box-shadow:0 2px 8px rgba(99,102,241,.3)}.compare-view-btn:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 14px rgba(99,102,241,.4)}.compare-fav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s;flex-shrink:0}.compare-fav-btn.active,.compare-fav-btn:hover{color:#f59e0b;border-color:#f59e0b;background:rgba(245,158,11,.08)}.compare-remove-host-btn{display:inline-flex;align-items:center;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.compare-remove-host-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}.compare-rows-section{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);overflow-x:auto;overflow-y:visible;margin-bottom:var(--space-2xl);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.compare-rows-section::-webkit-scrollbar{height:8px}.compare-rows-section::-webkit-scrollbar-track{background:var(--bg);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.compare-rows-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.compare-rows-section::-webkit-scrollbar-thumb:hover{background:var(--accent)}.compare-row{display:grid;gap:0;border-top:1px solid var(--border);transition:background .15s}.compare-row:hover{background:rgba(255,255,255,.015)}.compare-row--alt{background:rgba(255,255,255,.01)}.compare-row--alt:hover{background:rgba(255,255,255,.025)}.compare-row-label{font-size:var(--font-size-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;background:var(--bg);min-width:200px;position:sticky;left:0;z-index:1}.compare-row-cell,.compare-row-label{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;border-right:1px solid var(--border)}.compare-row-cell{font-size:var(--font-size-sm);color:var(--text);gap:var(--space-xs);transition:background .15s;min-width:280px;word-wrap:break-word;overflow-wrap:break-word}.compare-row-cell:last-child{border-right:none}.compare-row-cell--best{background:rgba(6,182,212,.07);color:var(--accent-2);font-weight:700}.compare-cell-star{font-size:.7rem;color:var(--accent-2);flex-shrink:0}.compare-cell-value{line-height:1.4}.compare-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3xl) var(--space-lg);gap:var(--space-md);animation:fadeIn .5s ease-out}.compare-empty-icon{width:96px;height:96px;border-radius:50%;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:var(--accent-text);margin-bottom:var(--space-sm);animation:iconFloat 3s ease-in-out infinite}.compare-empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text);margin:0}.compare-empty-desc{color:var(--muted);max-width:48ch;line-height:1.7;margin:0;font-size:var(--font-size-base)}.compare-empty-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}.compare-empty-hint{font-size:var(--font-size-sm);color:var(--accent-text);font-weight:600;padding:var(--space-xs) var(--space-md);background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:999px}@media (max-width:768px){.compare-toolbar{flex-wrap:wrap;gap:var(--space-sm)}.compare-toolbar-right{width:100%;justify-content:flex-end}.compare-host-cards,.compare-row{grid-template-columns:1fr!important}.compare-corner-cell{display:none}.compare-row-label{background:rgba(99,102,241,.06);border-bottom:1px solid var(--border);font-size:.65rem}.compare-row-cell,.compare-row-label{border-right:none;padding:var(--space-sm) var(--space-md)}.compare-host-card{border-bottom:1px solid var(--border)}.compare-empty-state{padding:var(--space-2xl) var(--space-md)}.compare-empty-icon{width:72px;height:72px}.compare-empty-title{font-size:var(--font-size-xl)}}.saved-loading-placeholder{min-height:300px}.related-hosts-section{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border);position:relative}.related-hosts-section .section-title{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-2xl);color:var(--text);letter-spacing:-.5px;display:flex;align-items:center;gap:var(--space-sm)}.related-hosts-section .section-title:before{content:"";width:4px;height:24px;background:var(--accent);border-radius:2px}.related-hosts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.related-host-card{display:flex;gap:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all .2s ease}.related-host-card:hover{background:rgba(255,255,255,.06);border-color:var(--accent-text);transform:translateY(-2px)}.related-host-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.related-host-info{flex:1 1;min-width:0}.related-host-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:2px}.related-host-name{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-host-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.related-host-spec{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.related-host-spec svg{color:var(--accent-text);opacity:.8}.related-host-targets{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.page-updated{font-size:var(--font-size-sm);color:var(--text-muted,#94a3b8);margin:12px 0 0}.page-intro{margin:16px 0;font-size:var(--font-size-base);line-height:1.6}.category-prose p,.page-intro p{margin:0 0 14px;line-height:1.7;max-width:78ch}.host-check-list{margin:0 0 24px;padding-left:20px;display:grid;gap:6px;max-width:78ch}.host-check-list li{color:var(--text-muted,#94a3b8);line-height:1.65}.host-check-list.steps li{color:var(--text-strong,#e2e8f0)}.category-subtitle{font-size:var(--font-size-2xl);margin:28px 0 12px}.category-faq{display:grid;gap:14px;margin-bottom:28px;max-width:78ch}.category-faq-item{padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--input-border)}.category-faq-item h3{font-size:var(--font-size-base);margin-bottom:6px}.category-faq-item p{font-size:var(--font-size-sm);line-height:1.65;color:var(--text-muted,#94a3b8);margin:0}.category-cta{margin-top:8px}