body{font-family:Arial,sans-serif;background-color:#f4f4f9;margin:0;padding:5px;color:#333;transition:background-color 0.3s ease,color 0.3s ease}body.dark-theme{background-color:#0d1117;color:#c9d1d9}header{background:#fff;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}body.dark-theme header{background:#161b22;box-shadow:0 2px 4px rgba(0,0,0,0.5)}h1{text-align:center;color:#444;margin:20px;font-size:2.5em;font-weight:bold}body.dark-theme h1{color:#ffffff}h2{margin:10px}a{text-decoration:none;color:#474747}body.dark-theme a{color:#dddddd}.site-count{text-align:center;font-size:1.2em;color:#000;margin:20px 0}body.dark-theme .site-count{color:#c9d1d9}nav a{margin:5px}body.dark-theme nav a{margin:5px}.toggle-switch{position:relative;width:50px;height:24px;background:#cdcdcd;border-radius:12px;cursor:pointer;transition:background 0.3s ease}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform 0.3s ease}.show-more-wrapper{text-align:center;position:sticky;bottom:5px;background:#f1f1f1;padding:5px 0}.show-more-btn{display:inline-block;padding:8px 16px;background-color:#dfdfdf;color:#444444;text-decoration:none;border-radius:6px;font-size:0.9em;transition:background-color 0.2s,transform 0.1s}.show-more-btn:hover{transform:scale(1.05)}body.dark-theme .show-more-wrapper{background:#282f39}body.dark-theme .show-more-btn{background-color:#212730} body.dark-theme .toggle-switch{background:#58a6ff}body.dark-theme .toggle-slider{transform:translateX(26px)}.toggle-switch:hover{background:#6200ea}body.dark-theme .toggle-switch:hover{background:#388bfd}a.catalog{color:#e9e9e9}.header-container{max-width:1550px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.breadcrumbs{font-family:Arial,sans-serif;font-size:14px;border-bottom:5px solid rgba(255,255,255,0.2);padding:10px 0;margin:0;background:linear-gradient(135deg,#6200ea,#3700b3);border-radius:5px;display:flex;flex-direction:row;justify-content:center}body.dark-theme .breadcrumbs{background:linear-gradient(135deg,#21262d,#0d1117)}.breadcrumbs span{margin:0 5px}.breadcrumbs a{color:#0073e6;text-decoration:none;transition:color 0.3s ease}body.dark-theme .breadcrumbs a{color:#58a6ff}.breadcrumbs a:hover{color:#005bb5}body.dark-theme .breadcrumbs a:hover{color:#79c0ff}.breadcrumbs span:not([itemprop="itemListElement"]){color:#d9d9d9}body.dark-theme .breadcrumbs span:not([itemprop="itemListElement"]){color:#8b949e}.breadcrumbs span[itemprop="itemListElement"]:last-child span{color:#fff;font-weight:bold}.view-count{font-size:0.9em;color:#777;margin-left:10px}body.dark-theme .view-count{color:#b0b0b0}.rating-info{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:1em;flex-wrap:wrap;justify-content:space-evenly} .rating-stars{color:#f5c518;font-size:1.2em}.rating-value{margin-left:5px;font-weight:bold;color:#333}.rating-info span{color:#777}.site-rating{font-size:1.2em;color:#f5c518;margin-top:5px}.site-rating span{color:#777}body.dark-theme .rating-info span,body.dark-theme .site-rating span{color:#b0b0b0}body.dark-theme .rating-stars{color:#f5c518}body.dark-theme .rating-value{color:#c9d1d9}.rating-panel{display:flex;gap:10px}.vote-btn{padding:6px 12px;border:none;border-radius:6px;background:#ddd;color:#777;font-size:1.1em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,transform 0.1s ease}.vote-btn:hover:not(:disabled):not(.active){background:#ccc;color:#388e3c}.vote-btn.active{background:#388e3c;color:white}.vote-btn.active:hover{background:#2e7d32}.vote-btn:active:not(:disabled){transform:scale(0.9)}.vote-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}body.dark-theme .vote-btn{background:#555;color:#888}body.dark-theme .vote-btn:hover:not(:disabled):not(.active){background:#777;color:#2e7d32}body.dark-theme .vote-btn.active{background:#2e7d32;color:white}body.dark-theme .vote-btn.active:hover{background:#27632a}body.dark-theme .vote-btn:disabled{background:#444;color:#777}.dislike-btn{padding:6px 12px;border:none;border-radius:6px;background:#ddd;color:#777;font-size:1.1em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,transform 0.1s ease}.dislike-btn:hover:not(:disabled):not(.active){background:#ccc;color:#d32f2f}.dislike-btn.active{background:#d32f2f;color:white}.dislike-btn.active:hover{background:#b71c1c}.dislike-btn:active:not(:disabled){transform:scale(0.9)}.dislike-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}body.dark-theme .dislike-btn{background:#555;color:#888}body.dark-theme .dislike-btn:hover:not(:disabled):not(.active){background:#777;color:#d32f2f}body.dark-theme .dislike-btn.active{background:#d32f2f;color:white}body.dark-theme .dislike-btn.active:hover{background:#b71c1c}body.dark-theme .dislike-btn:disabled{background:#444;color:#777}.sort-container{margin:20px 0;text-align:right}.sort-wrapper{position:relative;display:inline-block;margin-right:20px}#sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 30px 10px 15px;font-size:1em;border:none;border-radius:8px;background:#fff;color:#333;box-shadow:0 2px 5px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.3s ease;width:180px}#sort-select:hover{box-shadow:0 4px 10px rgba(0,0,0,0.15);background:#f8f8f8}#sort-select:focus{outline:none;box-shadow:0 0 0 2px #4CAF50}.sort-wrapper::after{content:'▼';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:0.8em;color:#777;pointer-events:none}body.dark-theme #sort-select{background:#30363d;color:#c9d1d9;box-shadow:0 2px 5px rgba(0,0,0,0.3)}body.dark-theme #sort-select:hover{background:#3a4149}body.dark-theme .sort-wrapper::after{color:#b0b0b0}@media (max-width:768px){.breadcrumbs{font-size:12px;padding:8px 0} .breadcrumbs span{margin:0 3px}}.main-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px;animation:fadeIn 0.6s ease-out}.tags{margin-top:15px;margin-bottom:5px}.tag-link{display:inline-block;background:#f0f0f0;padding:5px 10px;border-radius:5px;margin:0 5px 5px 0;color:#333;text-decoration:none;transition:background 0.3s ease}.tag-link:hover{background:#6200ea;color:#fff}.tag-description{margin:10px 0;padding:10px;background:#f9f9f9;border-radius:5px;color:#333}body.dark-theme .tag-description{background:#2d2d2d;color:#d9d1d9}body.dark-theme .tag-link{background:#30363d;color:#c9d1d9}body.dark-theme .tag-link:hover{background:#58a6ff;color:#0d1117}.category-sites{display:grid;grid-template-columns:1fr;gap:20px;padding:20px}@media (min-width:620px){.category-sites{grid-template-columns:repeat(2,1fr)}}@media (min-width:1240px){.category-sites{grid-template-columns:repeat(3,1fr)}}.category-site-item{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:flex-start}span.titile-vtags{font-size:1.5em;margin-bottom:10px}.capitalize-first{display:inline-block}.capitalize-first::first-letter{text-transform:uppercase}p.description-vtags{margin:0;height:50px}body.dark-theme .category-site-item{background:#161b22;box-shadow:0 4px 6px rgba(0,0,0,0.5)}img.screenshot{margin:10px 0 10px 0}.category-site-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,0.2)}.category-site-image{width:100%;object-fit:cover;border-bottom:1px solid #eee}body.dark-theme .category-site-image{border-bottom:1px solid #30363d}.favorite-btn{background:transparent;border:2px solid #6200ea;color:#6200ea;padding:5px 10px;border-radius:8px;cursor:pointer;transition:all 0.3s ease;width:100%;margin:15px 0}.favorite-btn:hover{background:#6200ea;color:#fff}body.dark-theme .favorite-btn{border-color:#58a6ff;color:#58a6ff}body.dark-theme .favorite-btn:hover{background:#58a6ff;color:#0d1117}.category-site-content{padding:15px;width:100%}.category-site-name{font-size:1.2em;color:#2d3748;font-weight:500;text-decoration:none;transition:color 0.3s ease;display:block;margin-top:10px}body.dark-theme .category-site-name{color:#c9d1d9}.category-site-name:hover{color:#6200ea}body.dark-theme .category-site-name:hover{color:#58a6ff}.category-site-number{font-size:1em;font-weight:bold;color:#6200ea;margin-bottom:10px}body.dark-theme .category-site-number{color:#58a6ff}.category-site-icon{font-size:1.6em;margin-bottom:10px;color:#333}body.dark-theme .category-site-icon{color:#c9d1d9}.category-info-link{font-size:1.2em;color:#6200ea;text-decoration:none;transition:transform 0.3s ease,color 0.3s ease;margin-top:10px;display:inline-block}body.dark-theme .category-info-link{color:#58a6ff}.category-info-link:hover{transform:scale(1.2);color:#3700b3}body.dark-theme .category-info-link:hover{color:#79c0ff}@media (max-width:768px){.category-sites{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))} .category-site-item{padding:5px} .category-site-name{font-size:1em} .category-site-number{font-size:0.9em} .category-site-icon{font-size:1.2em}}@media (max-width:480px){.category-sites{grid-template-columns:1fr} .similar-site-card{max-height:100%}}.category-long-description{background-color:#f9f9f9;padding:20px;margin:10px 0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);font-size:1em;line-height:1.6;color:#333}body.dark-theme .category-long-description{background-color:#161b22;color:#c9d1d9;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.main{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:300px;overflow:hidden;border:1px solid #ddd;transition:transform 0.3s,box-shadow 0.3s}body.dark-theme .main{background:#161b22;border:1px solid #30363d;box-shadow:0 4px 6px rgba(0,0,0,0.5)}.main:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,0.2)}.main h2{background:linear-gradient(135deg,#6200ea,#3700b3);color:#fff;margin:0;padding:5px;text-align:center;font-size:1.5em;display:flex;justify-content:flex-start;gap:10px;border-bottom:5px solid rgba(255,255,255,0.2);align-items:center}body.dark-theme .main h2{background:linear-gradient(135deg,#30363d,#21262d)}.main h2 span{text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.sites{max-height:250px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}body.dark-theme .sites{scrollbar-color:#777 #333}.sites::-webkit-scrollbar{width:8px}.sites::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}body.dark-theme .sites::-webkit-scrollbar-track{background:#333}.sites::-webkit-scrollbar-thumb{background:#888;border-radius:4px;border:2px solid #f1f1f1}body.dark-theme .sites::-webkit-scrollbar-thumb{background:#777;border:2px solid #333}.sites::-webkit-scrollbar-thumb:hover{background:#555}body.dark-theme .sites::-webkit-scrollbar-thumb:hover{background:#888}.site-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee;transition:background 0.3s}body.dark-theme .site-item{border-bottom:1px solid #30363d}.site-item:hover{background:#f4f4f9}body.dark-theme .site-item:hover{background:#21262d}.site-number{font-weight:bold;margin-right:10px;color:#777}body.dark-theme .site-number{color:#8b949e}.site-icon{font-size:1.2em;margin-right:10px}body.dark-theme .site-icon{color:#c9d1d9}.site-name{flex-grow:1}.info-link{opacity:0;transition:opacity 0.3s ease,color 0.3s;color:#6200ea;text-decoration:none}body.dark-theme .info-link{color:#58a6ff}.site-item:hover .info-link{opacity:1}.info-link:hover{color:#3700b3}body.dark-theme .info-link:hover{color:#79c0ff}.main-description{padding:5px;color:#555;border-bottom:1px solid #eee;background-color:#4300c208;height:30px;margin-right:-2px;margin-left:-2px;font-size:12px;text-align:center}body.dark-theme .main-description{color:#8b949e;border-bottom:1px solid #30363d;background-color:rgba(88,166,255,0.1)}.category-description{background-color:#f9f9f9;border-left:4px solid #0073e6;padding:15px 20px;margin:5px 0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);font-family:Arial,sans-serif;font-size:14px;line-height:1.6;color:#333}body.dark-theme .category-description{background-color:#161b22;border-left:4px solid #58a6ff;color:#c9d1d9;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.category-description p{margin:0}@media (max-width:768px){.category-description{padding:10px 15px;font-size:13px;margin:5px;margin-bottom:10px}}.similar-sites-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.similar-site-card{background:#ffffff;border-radius:12px;height:100%;transition:transform 0.3s,box-shadow 0.3s;overflow:hidden;max-height:290px;box-shadow:6px 6px 15px rgba(0,0,0,0.3)}@media (max-width:480px){.category-sites{grid-template-columns:1fr} .similar-site-card{max-height:100%}}body.dark-theme .similar-site-card{background:#161b22}.similar-site-card:hover{transform:translateY(-5px)}.category-site-card{background:#ffffff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;padding:0 32px 32px 32px;display:flex;flex-direction:column}body.dark-theme .category-site-card{background:#161b22;box-shadow:0 4px 6px rgba(0,0,0,0.5)}.site-card{background:#ffffff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;margin-bottom:10px}body.dark-theme .site-card{background:#161b22;box-shadow:0 4px 6px rgba(0,0,0,0.5)}@media (min-width:768px){.site-card{grid-template-columns:1fr 1fr;padding:3rem}}.screenshot{width:100%;height:auto;border-radius:8px;transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.screenshot:hover{transform:translateY(-4px)}.description{font-size:1.1rem;line-height:1.8}body.dark-theme .description{color:#c9d1d9}.buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (min-width:480px){.buttons{flex-direction:row}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s ease;flex:1}.btn-primary{background:#6200ea;color:white;margin-top:5px;width:100%;padding:15px 0 15px 0}body.dark-theme .btn-primary{background:#58a6ff;color:#0d1117;margin-top:10px;width:100%;padding:15px 0 15px 0}.btn-primary:hover{background:#3700b3}body.dark-theme .btn-primary:hover{background:#79c0ff}.btn-secondary{background:transparent;color:#6200ea;border:2px solid #6200ea}body.dark-theme .btn-secondary{color:#58a6ff;border:2px solid #58a6ff}.btn-secondary:hover{background:#6200ea;color:white}body.dark-theme .btn-secondary:hover{background:#58a6ff;color:#0d1117}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)}}.site-card,.category-site-card{animation:fadeIn 0.6s ease-out}.similar-sites{margin-top:3rem;padding:2rem 0;border-top:1px solid #eee}body.dark-theme .similar-sites{border-top:1px solid #30363d}.similar-sites h2{text-align:center;font-size:2em;margin-bottom:2rem;color:#6200ea}body.dark-theme .similar-sites h2{color:#58a6ff}.similar-site-card img{width:100%;height:100%;object-fit:cover;min-height:200px}.logo{font-size:1.5em;font-weight:bold}.logo a{color:#333;text-decoration:none}body.dark-theme .logo a{color:#c9d1d9}.intro-container{max-width:1200px;margin:40px auto;padding:40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);background:#ffffff}body.dark-theme .intro-container{background:#161b22;box-shadow:0 4px 12px rgba(0,0,0,0.5)}.intro-text{font-size:1.1em;line-height:1.8;color:#333;text-align:center;margin:0}body.dark-theme .intro-text{color:#c9d1d9}footer{background:#f4f4f9;padding:20px;text-align:center;margin-top:40px}body.dark-theme footer{background:#0d1117}.footer-container{max-width:1200px;margin:0 auto}.footer-container p{color:#777;font-size:0.9em}body.dark-theme .footer-container p{color:#8b949e}.footer-links{margin-top:10px}.footer-links a{color:#777;text-decoration:none;margin:0 10px}body.dark-theme .footer-links a{color:#58a6ff}.post-container,.category-container{max-width:1200px;margin:10px auto;padding:0 1rem;position:relative}@media (max-width:635px){.main{width:100%} .site-item .info-link{opacity:1;padding:0 10px 0 10px} .post-container,.category-container{margin:10px auto;padding:2px} .description{padding:5px} .site-card{padding:5px} .category-site-item{padding:0;max-width:100%} .category-site-card{padding:2px} .category-sites{padding:2px} .similar-site-card{font-size:20px;margin-bottom:10px} .category-site-item a{font-size:20px;margin-bottom:10px}}.btn-suggest{background:#4CAF50;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.btn-suggest:hover{background:#388e3c}body.dark-theme .btn-suggest{background:#66bb6a}body.dark-theme .btn-suggest:hover{background:#4c8c4a}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);justify-content:center;align-items:center;z-index:1000}.modal.active{display:flex}.modal-content{background:#fff;padding:20px;border-radius:12px;max-width:500px;width:90%;position:relative}body.dark-theme .modal-content{background:#161b22}.modal-close{position:absolute;top:10px;right:10px;background:#ff4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer}.modal-close:hover{background:#d32f2f}.alert-error{background:#ffebee;color:#d32f2f;padding:10px;border-radius:8px;margin:10px 0}.alert-success{background:#e8f5e9;color:#2e7d32;padding:10px;border-radius:8px;margin:10px 0}