*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--text: #1f2937;--text-light: #6b7280;--bg: #ffffff;--bg-secondary: #f8fafc;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--radius: 12px;--radius-sm: 8px}[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--text: #f1f5f9;--text-light: #94a3b8;--bg: #0f172a;--bg-secondary: #1e293b;--border: #334155;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-secondary);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1280px;margin:0 auto;padding:0 20px}.main-wrapper{flex:1;padding:30px 0}.header{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:1.4rem}.logo-icon{font-size:1.6rem}.nav{display:flex;gap:6px;flex:1;justify-content:center}.nav a{padding:8px 14px;text-decoration:none;color:var(--text);font-weight:500;font-size:.9rem;border-radius:var(--radius-sm);transition:all .2s}.nav a:hover,.nav a.active{background:var(--primary);color:#fff}.nav-skeleton{padding:8px 14px;display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:10px}.lang-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:.85rem;cursor:pointer}.icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-secondary)}.menu-btn{display:none}.user-btn{position:relative;text-decoration:none}.user-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#22c55e;border-radius:50%;border:2px solid var(--bg)}.search-bar{display:flex;padding:15px 0;gap:10px}.search-bar input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem}.search-bar button{padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.content-grid{display:grid;grid-template-columns:1fr 340px;gap:30px;max-width:100%;overflow:hidden}.content-grid>main{min-width:0;max-width:100%;overflow:hidden;word-break:break-word}.main-content{min-width:0;max-width:100%;overflow:hidden}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.post-card{background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-card-image{display:block;aspect-ratio:16/10;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-content{padding:16px}.category-badge{display:inline-block;padding:4px 10px;font-size:.75rem;font-weight:600;color:#fff;border-radius:4px;text-decoration:none;margin-bottom:8px}.post-card-title{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:8px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card a{text-decoration:none}.post-card-summary{font-size:.875rem;color:var(--text-light);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-light)}.post-meta span{display:flex;align-items:center;gap:4px}.post-card-featured{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;text-decoration:none}.post-card-featured img{width:100%;height:100%;object-fit:cover}.post-card-featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 20px;background:linear-gradient(transparent,#000c);color:#fff}.post-card-featured h2{font-size:1.5rem;margin:10px 0}.post-card-small{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.post-card-small:last-child{border-bottom:none}.post-card-small img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.post-card-small h4{font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:4px}.post-date{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:4px}.sidebar{display:flex;flex-direction:column;gap:24px}.widget{background:var(--bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.widget-title{font-size:1rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text)}.categories-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:var(--text);border-radius:var(--radius-sm);transition:background .2s}.category-item:hover{background:var(--bg-secondary)}.category-color{width:8px;height:8px;border-radius:50%}.category-name{flex:1;font-size:.9rem}.category-count{font-size:.8rem;color:var(--text-light);background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.post-detail-page{padding-top:10px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-light);text-decoration:none;font-size:.9rem;margin-bottom:20px}.back-link:hover{color:var(--primary)}.post-detail{background:var(--bg);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);max-width:100%;overflow:hidden;box-sizing:border-box;word-break:break-word}.post-detail *{max-width:100%;box-sizing:border-box}.post-detail img,.post-detail video,.post-detail iframe,.post-detail embed,.post-detail object{max-width:100%!important;width:auto!important;height:auto!important;display:block}.post-title{font-size:1.8rem;font-weight:700;line-height:1.3;margin:12px 0 16px}.post-meta-detail{display:flex;gap:20px;color:var(--text-light);font-size:.9rem;margin-bottom:24px}.post-meta-detail span{display:flex;align-items:center;gap:6px}.post-image{margin:0 0 24px;width:100%;max-width:100%;border-radius:var(--radius);overflow:hidden}.post-image img{width:100%;max-width:100%;height:auto;max-height:500px;display:block;border-radius:var(--radius);object-fit:contain}.post-image figcaption{font-size:.85rem;color:var(--text-light);text-align:center;margin-top:8px}.post-content{font-size:1.05rem;line-height:1.8;overflow:hidden;word-break:break-word}.post-content p{margin-bottom:16px}.post-content img{max-width:100%!important;width:auto!important;height:auto!important;max-height:600px;border-radius:var(--radius-sm);display:block;object-fit:contain}.post-content iframe,.post-content video,.post-content embed,.post-content object{max-width:100%!important;width:100%;height:auto;min-height:300px}.post-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;font-size:.9rem;transition:all .2s}.action-btn:hover{border-color:var(--primary);color:var(--primary)}.action-btn.liked{background:var(--primary);color:#fff;border-color:var(--primary)}.comments-section{background:var(--bg);border-radius:var(--radius);padding:30px;margin-top:24px;box-shadow:var(--shadow)}.comments-section h3{display:flex;align-items:center;gap:8px;margin-bottom:20px}.comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.comment-form input,.comment-form textarea{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit}.comment-form textarea{resize:vertical;min-height:100px}.comment-form button{align-self:flex-start;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer}.comment-form button:hover{background:var(--primary-dark)}.comment{padding:16px 0;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.comment-header span{color:var(--text-light)}.footer{background:var(--text);color:#fff;padding:50px 0 20px;margin-top:50px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-brand p{color:#ffffffb3;font-size:.9rem}.footer h4{margin-bottom:16px;font-size:1rem}.footer-links a{display:block;color:#ffffffb3;text-decoration:none;padding:6px 0;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-contact p{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem}.social-links{display:flex;gap:12px;margin-top:12px}.social-links a{color:#ffffffb3;transition:color .2s}.social-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#ffffff80}.contact-page{padding:40px 0}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;max-width:900px;margin:0 auto}.contact-info h1{margin-bottom:16px}.contact-info p{color:var(--text-light);margin-bottom:24px}.contact-details p{display:flex;align-items:center;gap:10px;margin-bottom:12px}.contact-form-wrapper{background:var(--bg);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow)}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit}.contact-form button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer}.contact-form button:hover{background:var(--primary-dark)}.contact-form button:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:40px;color:#10b981}.success-message h2{margin:16px 0 8px;color:var(--text)}.success-message p{color:var(--text-light)}.loading{text-align:center;padding:60px;color:var(--text-light);font-size:1.1rem}.section-title,.page-title{font-size:1.4rem;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:10px}.results-count{color:var(--text-light);margin-bottom:20px}.no-results{text-align:center;padding:40px;color:var(--text-light)}.load-more-btn{display:block;width:100%;max-width:200px;margin:30px auto 0;padding:14px 28px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer;transition:all .2s}.load-more-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.featured-section{margin-bottom:40px}.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.featured-grid>:first-child{grid-row:span 2}.hero-section{margin-bottom:40px}.hero-skeleton{height:450px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;height:450px}.hero-main{position:relative;border-radius:var(--radius);overflow:hidden;text-decoration:none;display:block}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hero-main:hover .hero-image img{transform:scale(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:30px;color:#fff;z-index:1}.hero-category{display:inline-block;padding:6px 14px;font-size:.75rem;font-weight:600;color:#fff;border-radius:4px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.hero-title{font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;gap:16px;font-size:.85rem;color:#fffc}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-side{display:flex;flex-direction:column;gap:12px}.hero-side-item{display:flex;gap:14px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:all .2s;flex:1;box-shadow:var(--shadow)}.hero-side-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.hero-side-image{width:100px;height:75px;flex-shrink:0;border-radius:6px;overflow:hidden}.hero-side-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.hero-side-item:hover .hero-side-image img{transform:scale(1.1)}.hero-side-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.hero-side-category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hero-side-title{font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-side-date{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:4px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header .section-title{margin-bottom:0}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;height:auto}.hero-main{height:350px}.hero-side{flex-direction:row;flex-wrap:wrap}.hero-side-item{flex:1 1 calc(50% - 6px);min-width:280px}}@media(max-width:600px){.hero-main{height:280px}.hero-title{font-size:1.3rem}.hero-content{padding:20px}.hero-side-item{flex:1 1 100%}}.weather-widget{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:var(--radius-sm);font-size:.85rem}.weather-icon{color:#0ea5e9;display:flex}.weather-info{display:flex;flex-direction:column;line-height:1.2}.weather-temp{font-size:1rem;font-weight:600;color:var(--text)}.weather-city{font-size:.7rem;color:var(--text-light);display:flex;align-items:center;gap:2px}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.sidebar{order:2}.featured-grid{grid-template-columns:1fr}.featured-grid>:first-child{grid-row:auto}}@media(max-width:768px){.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);flex-direction:column;padding:20px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.nav.open,.menu-btn{display:flex}.posts-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:30px}.contact-content{grid-template-columns:1fr}.post-title{font-size:1.4rem}.post-detail{padding:20px}}.logo-img{height:36px;width:auto}.weather-widget{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:var(--radius-sm);font-size:.85rem;color:#fff}.weather-main{display:flex;align-items:center;gap:8px}.weather-icon{color:#fff;opacity:.9}.weather-temp{display:flex;flex-direction:column;line-height:1.2}.temp-value{font-size:1.1rem;font-weight:700;color:#fff}.temp-city{display:flex;align-items:center;gap:3px;font-size:.7rem;color:#fffc}.weather-details{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:1px solid rgba(255,255,255,.3)}.weather-detail{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#ffffffd9}.loading-weather{min-width:120px;min-height:44px;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.weather-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@media(max-width:900px){.weather-widget{display:none}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-image{aspect-ratio:16/10;width:100%}.skeleton-badge{width:80px;height:24px;margin-bottom:10px}.skeleton-title{width:90%;height:20px;margin-bottom:8px}.skeleton-text{width:100%;height:40px;margin-bottom:12px}.skeleton-meta{width:70%;height:16px}.skeleton-thumb{width:80px;height:60px;flex-shrink:0}.skeleton-title-sm{width:100%;height:16px;margin-bottom:6px}.skeleton-date{width:60px;height:12px}.skeleton-full{position:absolute;inset:0}.skeleton-featured{position:relative}.skeleton-widget-title{width:150px;height:24px;margin-bottom:16px}.skeleton-category{width:100%;height:40px;margin-bottom:8px}.skeleton-title-lg{width:80%;height:32px;margin:16px 0}.skeleton-meta-lg{width:50%;height:20px;margin-bottom:24px}.skeleton-image-lg{width:100%;height:400px;margin-bottom:24px}.skeleton-content{width:100%;height:20px;margin-bottom:12px}.skeleton-content-short{width:60%;height:20px}.img-wrapper{position:relative;overflow:hidden}.img-wrapper .skeleton{position:absolute;inset:0}.post-card-image{position:relative}.post-card-image .skeleton{position:absolute;inset:0}.load-more-trigger{min-height:60px;display:flex;justify-content:center;align-items:center;margin-top:30px}.loading-more{display:flex;align-items:center;gap:12px;color:var(--text-light)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.end-message{text-align:center;color:var(--text-light);padding:20px;font-size:.9rem}.footer{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;padding:60px 0 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}.footer-logo{filter:brightness(0) invert(1);margin-bottom:16px}.footer-brand p{color:#fff9;font-size:.9rem;line-height:1.7;margin-bottom:20px}.footer h4{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;font-weight:600}.footer-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-categories a{display:flex;align-items:center;gap:8px;color:#ffffffb3;text-decoration:none;font-size:.85rem;padding:6px 0;transition:all .2s}.footer-categories a:hover{color:#fff;transform:translate(4px)}.cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.footer-section>a{display:flex;align-items:center;gap:10px;color:#ffffffb3;text-decoration:none;font-size:.9rem;padding:8px 0;transition:all .2s}.footer-section>a:hover{color:#fff;padding-left:8px}.footer-section>a svg{flex-shrink:0;opacity:.8}.footer-section>a:hover svg{opacity:1}.contact-item{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:.9rem;margin-bottom:12px}.newsletter{margin-top:20px}.newsletter p{font-size:.85rem;color:#fff9;margin-bottom:10px}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;font-size:.9rem}.newsletter-form input::placeholder{color:#fff6}.newsletter-form button{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.newsletter-form button:hover{background:var(--primary-dark)}.social-links{display:flex;gap:12px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fffc;transition:all .2s}.social-links a:hover{transform:translateY(-3px)}.social-links .social-telegram:hover{background:#08c;color:#fff}.social-links .social-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-links .social-youtube:hover{background:red;color:#fff}.social-links .social-tiktok:hover{background:#000;color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:.85rem;color:#ffffff80}.scroll-top{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.scroll-top:hover{background:var(--primary);transform:translateY(-3px)}@media(max-width:900px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:600px){.footer-content,.footer-categories{grid-template-columns:1fr}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0;z-index:1000;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -2px 10px #0000001a}.bottom-nav.visible{transform:translateY(0)}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;color:var(--text-light);background:none;border:none;font-size:.7rem;cursor:pointer;transition:color .2s}.bottom-nav a:hover,.bottom-nav button:hover,.bottom-nav a.active{color:var(--primary)}.floating-scroll-top{position:fixed;bottom:80px;right:20px;width:48px;height:48px;background:var(--primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 12px #2563eb66}.floating-scroll-top.visible{opacity:1;transform:translateY(0)}.floating-scroll-top:hover{background:var(--primary-dark);transform:translateY(-3px)}.skeleton-hero-main{position:relative;border-radius:var(--radius);overflow:hidden;min-height:450px}.skeleton-card{pointer-events:none}.post-card-small.skeleton-card{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.post-card-small.skeleton-card .post-card-small-content{flex:1;display:flex;flex-direction:column;gap:6px}@media(min-width:769px){.bottom-nav{display:none}.floating-scroll-top{bottom:30px}}@media(max-width:768px){.footer{padding-bottom:80px}}.quick-links-section{background:var(--bg);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}.quick-links-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--primary)}.quick-links-header h3{font-size:1rem;font-weight:600;color:var(--text);margin:0}.quick-links{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-link{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:var(--bg-secondary);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .2s;border:1px solid var(--border)}.quick-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}.quick-link-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.quick-link span{font-size:.8rem;font-weight:500;text-align:center}@media(max-width:900px){.quick-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.quick-links-section{padding:16px}.quick-links{grid-template-columns:repeat(2,1fr);gap:10px}.quick-link{padding:12px 10px}.quick-link-icon{width:42px;height:42px}.quick-link span{font-size:.75rem}}.homepage-section{margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.section-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;margin:0}.section-color-bar{width:4px;height:24px;border-radius:2px}.section-more{display:flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:gap .2s}.section-more:hover{gap:10px}.section-featured{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.featured-main{position:relative;border-radius:var(--radius);overflow:hidden;text-decoration:none;display:block;min-height:380px}.featured-image{position:absolute;inset:0}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.featured-main:hover .featured-image img{transform:scale(1.05)}.featured-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.featured-content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff;z-index:1}.featured-category{display:inline-block;padding:5px 12px;font-size:.7rem;font-weight:600;color:#fff;border-radius:4px;margin-bottom:10px;text-transform:uppercase}.featured-title{font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{display:flex;gap:16px;font-size:.8rem;color:#fffc}.featured-meta span{display:flex;align-items:center;gap:5px}.featured-side{display:flex;flex-direction:column;gap:12px}.featured-side-item{display:flex;gap:14px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:all .2s;box-shadow:var(--shadow)}.featured-side-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.featured-side-image{width:100px;height:75px;flex-shrink:0;border-radius:6px;overflow:hidden}.featured-side-image img{width:100%;height:100%;object-fit:cover}.featured-side-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.featured-side-content h4{font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-side-date{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:4px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.section-list{display:flex;flex-direction:column;gap:16px}.list-item{display:flex;gap:20px;padding:16px;background:var(--bg);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .2s;box-shadow:var(--shadow)}.list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-image{width:200px;height:140px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.list-image img{width:100%;height:100%;object-fit:cover}.list-content{flex:1;display:flex;flex-direction:column;justify-content:center}.list-content h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;line-height:1.4}.list-content p{font-size:.9rem;color:var(--text-light);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-light)}.list-meta span{display:flex;align-items:center;gap:5px}.section-slider{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.slider-item{position:relative;min-width:280px;height:200px;border-radius:var(--radius);overflow:hidden;text-decoration:none;flex-shrink:0}.slider-image{position:absolute;inset:0}.slider-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.slider-item:hover .slider-image img{transform:scale(1.05)}.slider-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%)}.slider-content{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff;z-index:1}.slider-content h4{font-size:.95rem;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-content span{font-size:.75rem;color:#fffc;display:flex;align-items:center;gap:4px}.ad-banner-horizontal{display:block;margin:30px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.ad-banner-horizontal img{width:100%;height:auto;display:block}.post-banner{margin:24px 0;border-radius:var(--radius);overflow:hidden}.post-banner img{width:100%;height:auto;display:block}.home-banner{margin-bottom:24px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.home-banner a{display:block}.home-banner img{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}@media(max-width:768px){.home-banner{margin:0 -20px 20px;border-radius:0}.home-banner img{max-height:120px}}@media(max-width:480px){.home-banner img{max-height:100px}}@media(max-width:1024px){.section-featured{grid-template-columns:1fr}.featured-main{min-height:300px}.featured-side{flex-direction:row;flex-wrap:wrap}.featured-side-item{flex:1 1 calc(50% - 6px);min-width:250px}.section-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-grid{grid-template-columns:1fr}.featured-side-item{flex:1 1 100%}.list-item{flex-direction:column}.list-image{width:100%;height:180px}.featured-main{min-height:250px}.featured-title{font-size:1.2rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding:20px 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#2563eb0d}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow{padding:0}.pagination-dots{color:var(--text-light);padding:0 4px;font-size:.9rem}@media(max-width:600px){.pagination{gap:4px}.pagination-btn{min-width:36px;height:36px;padding:0 8px;font-size:.85rem}}.rss-page{max-width:900px;margin:0 auto}.rss-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary) 0%,#1d4ed8 100%);border-radius:var(--radius);color:#fff;margin-bottom:30px}.rss-header svg{margin-bottom:16px}.rss-header h1{font-size:2rem;margin-bottom:8px}.rss-header p{opacity:.9;font-size:1rem}.rss-content{display:flex;flex-direction:column;gap:24px}.rss-section{background:var(--bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.rss-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.rss-section-header svg{color:var(--primary);flex-shrink:0;margin-top:2px}.rss-section-header h2{font-size:1.2rem;margin-bottom:4px}.rss-section-header p{color:var(--text-light);font-size:.9rem}.rss-feeds-list{display:flex;flex-direction:column;gap:10px}.rss-feed-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.rss-feed-info{display:flex;align-items:center;gap:10px}.rss-icon{color:#f97316}.rss-label{font-weight:500;font-size:.95rem}.rss-feed-actions{display:flex;align-items:center;gap:8px}.rss-url{font-size:.75rem;color:var(--text-light);background:var(--bg);padding:6px 10px;border-radius:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rss-copy-btn,.rss-open-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg);border-radius:6px;cursor:pointer;color:var(--text-light);transition:all .2s}.rss-copy-btn:hover,.rss-open-btn:hover{background:var(--primary);color:#fff}.rss-guide{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.rss-guide h2{font-size:1.2rem;margin-bottom:20px;color:var(--text)}.rss-guide-content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rss-guide-item{background:#fff;padding:20px;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.rss-guide-item h3{font-size:1rem;margin-bottom:8px;color:var(--primary)}.rss-guide-item p{font-size:.85rem;color:var(--text-light);margin-bottom:12px;line-height:1.5}.rss-guide-item code{display:block;font-size:.8rem;background:var(--bg-secondary);padding:8px 12px;border-radius:4px;color:var(--primary)}.rss-loading{padding:10px 0}.footer-section .rss-link{display:flex;align-items:center;gap:10px;color:#f97316;text-decoration:none;font-size:.9rem;padding:8px 0;transition:all .2s}.footer-section .rss-link:hover{color:#fb923c}@media(max-width:768px){.rss-header{padding:30px 16px}.rss-header h1{font-size:1.5rem}.rss-section{padding:16px}.rss-feed-item{flex-direction:column;align-items:flex-start;gap:12px}.rss-feed-actions{width:100%}.rss-url{flex:1;max-width:none}.rss-guide-content{grid-template-columns:1fr}}.sidebar-banner{padding:0!important;overflow:hidden}.sidebar-banner a{display:block}.sidebar-banner img{width:100%;height:auto;display:block;border-radius:var(--radius)}.category-banner{margin-bottom:24px;border-radius:var(--radius);overflow:hidden}.category-banner img{width:100%;height:auto;display:block;max-height:150px;object-fit:cover}@media(max-width:768px){.category-banner{margin:0 -20px 20px;border-radius:0}.category-banner img{max-height:100px}.sidebar-banner{display:none}}.lang-dropdown{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.lang-btn:hover{border-color:var(--primary)}.lang-btn svg.rotate{transform:rotate(180deg)}.lang-btn svg{transition:transform .2s}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;overflow:hidden}.lang-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.lang-option:hover{background:var(--bg-secondary)}.lang-option.active{background:var(--primary);color:#fff}.lang-code{font-weight:600;min-width:28px}.lang-name{color:inherit;opacity:.8}.lang-option.active .lang-name{opacity:1}.theme-btn{color:var(--text)}.theme-btn:hover{color:var(--primary)}[data-theme=dark] .theme-btn{color:#fbbf24}[data-theme=dark] .header{background:var(--bg);border-color:var(--border)}[data-theme=dark] .logo-img{filter:brightness(0) invert(1)}[data-theme=dark] .post-card,[data-theme=dark] .widget,[data-theme=dark] .quick-links-section{background:var(--bg)}[data-theme=dark] .quick-link{background:var(--bg-secondary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#334155 25%,#475569,#334155 75%);background-size:200% 100%}[data-theme=dark] .footer{background:#020617}[data-theme=dark] .rss-section{background:var(--bg)}[data-theme=dark] .rss-guide{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:var(--border)}[data-theme=dark] .rss-guide-item{background:var(--bg-secondary)}@media(max-width:768px){.lang-btn span{display:none}.lang-btn{padding:8px}.lang-menu{right:-50px}}[data-theme=dark] .action-btn{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}[data-theme=dark] .action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=dark] .comment-form input,[data-theme=dark] .comment-form textarea{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}[data-theme=dark] .comment-form input::placeholder,[data-theme=dark] .comment-form textarea::placeholder{color:var(--text-light)}[data-theme=dark] .comment{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .search-bar input{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}[data-theme=dark] .search-bar button{background:var(--primary)}[data-theme=dark] .pagination-btn{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .pagination-btn:hover,[data-theme=dark] .pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=dark] .category-badge{color:#fff}[data-theme=dark] .post-detail,[data-theme=dark] .comments-section{background:var(--bg)}[data-theme=dark] .back-link{color:var(--text-light)}[data-theme=dark] .back-link:hover{color:var(--primary)}[data-theme=dark] .hero-main,[data-theme=dark] .hero-side-item{background:var(--bg)}[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea{background:var(--bg-secondary);border-color:var(--border);color:var(--text)}[data-theme=dark] .icon-btn{color:var(--text)}[data-theme=dark] .icon-btn:hover{color:var(--primary)}[data-theme=dark] .nav a{color:var(--text)}[data-theme=dark] .nav a:hover,[data-theme=dark] .nav a.active{background:var(--primary);color:#fff}[data-theme=dark] .bottom-nav{background:var(--bg);border-color:var(--border)}[data-theme=dark] .bottom-nav-btn{color:var(--text-light)}[data-theme=dark] .bottom-nav-btn:hover,[data-theme=dark] .bottom-nav-btn.active{color:var(--primary)}.hero-slider{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;height:450px}.hero-slider-main{position:relative;border-radius:var(--radius);overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;text-decoration:none}.hero-slide.active{opacity:1;visibility:visible;z-index:1}.hero-slide .hero-image{position:absolute;inset:0}.hero-slide .hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}.hero-slide.active .hero-image img{transform:scale(1.05)}.hero-slide .hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.hero-slide .hero-content{position:absolute;bottom:0;left:0;right:0;padding:30px;color:#fff;z-index:2;transform:translateY(20px);opacity:0;transition:transform .5s ease .2s,opacity .5s ease .2s}.hero-slide.active .hero-content{transform:translateY(0);opacity:1}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.hero-slider-main:hover .hero-nav{opacity:1}.hero-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.hero-nav-prev{left:16px}.hero-nav-next{right:16px}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px}.hero-dot{width:10px;height:10px;border:none;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease;padding:0}.hero-dot:hover{background:#ffffffb3}.hero-dot.active{background:#fff;width:30px;border-radius:5px}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:10}.hero-progress-bar{height:100%;background:var(--primary);animation:progressSlide linear forwards;width:0}@keyframes progressSlide{0%{width:0}to{width:100%}}.hero-slider .hero-side{display:flex;flex-direction:column;gap:12px}.hero-slider .hero-side-item{display:flex;gap:14px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:all .3s ease;flex:1;box-shadow:var(--shadow);border:2px solid transparent;cursor:pointer;text-align:left;width:100%}.hero-slider .hero-side-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.hero-slider .hero-side-item.active{border-color:var(--primary);background:var(--bg-secondary)}.hero-slider .hero-side-image{width:100px;height:75px;flex-shrink:0;border-radius:6px;overflow:hidden}.hero-slider .hero-side-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.hero-slider .hero-side-item:hover .hero-side-image img{transform:scale(1.1)}.hero-slider .hero-side-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.hero-slider .hero-side-category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hero-slider .hero-side-title{font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-slider .hero-side-date{font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:4px}@media(max-width:1024px){.hero-slider{grid-template-columns:1fr;height:auto}.hero-slider-main{height:350px}.hero-slider .hero-side{flex-direction:row;flex-wrap:wrap}.hero-slider .hero-side-item{flex:1 1 calc(50% - 6px);min-width:280px}.hero-nav{opacity:1;width:40px;height:40px}}@media(max-width:600px){.hero-slider-main{height:280px}.hero-slide .hero-content{padding:20px}.hero-slider .hero-side-item{flex:1 1 100%}.hero-nav{width:36px;height:36px}.hero-nav-prev{left:10px}.hero-nav-next{right:10px}.hero-dots{bottom:12px}.hero-dot{width:8px;height:8px}.hero-dot.active{width:24px}}[data-theme=dark] .hero-slider .hero-side-item{background:var(--bg)}[data-theme=dark] .hero-slider .hero-side-item.active{background:var(--bg-secondary)}.weather-widget{min-width:160px;min-height:48px;transition:opacity .3s ease,transform .3s ease}.weather-widget.transitioning{opacity:.5;transform:scale(.98)}.weather-widget .temp-city{transition:all .3s ease}.back-nav{display:flex;align-items:center;gap:10px;margin-bottom:20px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg);border:1px solid var(--border);border-radius:50px;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-4px)}.back-btn svg{transition:transform .2s ease}.back-btn:hover svg{transform:translate(-3px)}.home-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg);border:1px solid var(--border);border-radius:50%;color:var(--text-light);text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow)}.home-btn:hover{background:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}[data-theme=dark] .back-btn{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .back-btn:hover{background:var(--primary);color:#fff}[data-theme=dark] .home-btn{background:var(--bg);border-color:var(--border);color:var(--text-light)}[data-theme=dark] .home-btn:hover{background:var(--bg-secondary);color:var(--primary)}@media(max-width:600px){.back-btn{padding:8px 14px;font-size:.85rem}.back-btn span{display:none}.back-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.home-btn{width:40px;height:40px}}.popular-posts{display:flex;flex-direction:column}.popular-post-wrapper{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--border);transition:all .4s ease;position:relative;border-radius:var(--radius-sm);margin:0 -8px;padding:10px 8px}.popular-post-wrapper:last-child{border-bottom:none}.popular-post-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:3px;opacity:0;transform:scaleY(0);transition:all .3s ease}.popular-post-wrapper.active{background:var(--bg-secondary);transform:translate(4px)}.popular-post-wrapper.active:before{opacity:1;transform:scaleY(1)}.popular-rank{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--bg-secondary);color:var(--text-light);font-size:.8rem;font-weight:700;border-radius:50%;margin-right:10px;transition:all .3s ease;align-self:center}.popular-post-wrapper.active .popular-rank{background:var(--primary);color:#fff;transform:scale(1.1)}.popular-post-wrapper .post-card-small{flex:1;border-bottom:none;padding:0}[data-theme=dark] .popular-post-wrapper.active,[data-theme=dark] .popular-rank{background:var(--bg-secondary)}[data-theme=dark] .popular-post-wrapper.active .popular-rank{background:var(--primary)}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#a8d4ff;text-shadow:0 0 8px rgba(100,180,255,.8),0 0 15px rgba(100,180,255,.5);animation:snowfall linear infinite;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 3px rgba(0,100,200,.4))}[data-theme=dark] .snowflake{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8);filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}@keyframes snowfall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.3}}.new-year-theme{--ny-red: #c41e3a;--ny-green: #228b22;--ny-gold: #ffd700;--ny-silver: #c0c0c0}.new-year-header{background:linear-gradient(135deg,var(--bg) 0%,rgba(196,30,58,.05) 100%);border-bottom:2px solid;border-image:linear-gradient(90deg,#c41e3a,#228b22,gold,#228b22,#c41e3a) 1}.new-year-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c41e3a,gold,#228b22,gold,#c41e3a);background-size:200% 100%;animation:shimmerGradient 3s linear infinite}@keyframes shimmerGradient{0%{background-position:200% 0}to{background-position:-200% 0}}.new-year-badge{position:absolute;top:-8px;right:-12px;font-size:1.2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo{position:relative}.new-year-theme .post-card{border:1px solid transparent;transition:all .3s ease}.new-year-theme .post-card:hover{border-color:#c41e3a4d;box-shadow:0 4px 20px #c41e3a26}.new-year-theme .hero-slider-main:after{content:"🎄";position:absolute;top:20px;right:20px;font-size:2rem;z-index:20;animation:bounce 2s ease-in-out infinite}.new-year-theme .widget{position:relative;overflow:hidden}.new-year-theme .widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c41e3a,#228b22,gold)}.new-year-theme .footer{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);position:relative}.new-year-theme .footer:before{content:"❄️ 🎄 ⭐ 🎁 ❄️ 🎄 ⭐ 🎁 ❄️";position:absolute;top:0;left:0;right:0;text-align:center;font-size:1.5rem;padding:10px 0;background:linear-gradient(90deg,#c41e3a33,#228b2233,#ffd70033);letter-spacing:20px}.new-year-theme .pagination-btn.active{background:linear-gradient(135deg,#c41e3a,#228b22);border-color:transparent}.new-year-theme .action-btn.liked{background:linear-gradient(135deg,#c41e3a,#ff6b6b);border-color:transparent}.new-year-theme .quick-links-section{background:linear-gradient(135deg,var(--bg) 0%,rgba(255,215,0,.05) 100%);border:1px solid rgba(255,215,0,.2)}.new-year-theme .hero-category{position:relative}.new-year-theme .hero-category:before{content:"🎁 "}.new-year-header .header-content:after{content:"💡💡💡💡💡💡💡💡💡💡";position:absolute;bottom:-15px;left:0;right:0;text-align:center;font-size:.8rem;letter-spacing:30px;animation:blink 1.5s ease-in-out infinite;pointer-events:none}@keyframes blink{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.6;filter:brightness(1.5)}}[data-theme=dark].new-year-theme .new-year-header{background:linear-gradient(135deg,var(--bg) 0%,rgba(196,30,58,.1) 100%)}[data-theme=dark].new-year-theme .widget:before{opacity:.7}@media(max-width:768px){.new-year-header .header-content:after{letter-spacing:15px;font-size:.6rem}.new-year-theme .hero-slider-main:after{font-size:1.5rem;top:10px;right:10px}.new-year-theme .footer:before{font-size:1rem;letter-spacing:10px}}@media(prefers-reduced-motion:reduce){.snowflake{animation:none;display:none}.new-year-badge{animation:none}.new-year-header:before{animation:none}.new-year-header .header-content:after{animation:none}}@media(max-width:480px){.section-title,.page-title{font-size:1.1rem;word-break:break-word}.section-header{flex-wrap:wrap;gap:10px}.section-header .section-title{flex:1;min-width:0}}@media(max-width:360px){.section-title,.page-title{font-size:1rem}}.category-slider-wrapper{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg) 100%);padding:16px 0;border-bottom:1px solid var(--border)}.category-slider-wrapper .container{max-width:1280px;margin:0 auto;padding:0 16px}.category-slider-container{position:relative;display:flex;align-items:center;gap:8px}.category-slider{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;flex:1;-ms-overflow-style:none;scrollbar-width:none}.category-slider::-webkit-scrollbar{display:none}.category-slider.loading{overflow:hidden}.category-card{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--card-bg);border-radius:12px;text-decoration:none;color:var(--text);white-space:nowrap;transition:all .3s ease;border:1px solid var(--border);box-shadow:0 2px 8px #0000000a;min-width:fit-content}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f;border-color:var(--accent);background:linear-gradient(135deg,var(--card-bg) 0%,color-mix(in srgb,var(--accent) 8%,var(--card-bg)) 100%)}.category-card.skeleton{width:140px;height:48px;background:var(--border);animation:pulse 1.5s infinite}.category-icon{font-size:1.4rem;line-height:1}.category-name{font-weight:600;font-size:.95rem}.category-count{background:var(--accent, var(--primary));color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:4px}.cat-nav-btn{width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:all .2s;color:var(--text)}.cat-nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-nav-left{order:-1}.cat-nav-right{order:1}@media(max-width:768px){.category-slider-wrapper{padding:12px 0}.category-card{padding:8px 14px}.category-icon{font-size:1.1rem}.category-name{font-size:.85rem}.cat-nav-btn{width:32px;height:32px}}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.post-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg);border-radius:4px;font-size:.75rem;color:var(--text-muted);border:1px solid var(--border)}.post-tag svg{opacity:.6}.post-card-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px}.post-card-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all .3s}.post-card-dot.active{background:#fff;width:16px;border-radius:3px}@media(max-width:768px){.category-slider-inner{padding:0 16px}.category-slider-btn{display:none}.category-chip{padding:6px 12px;font-size:.85rem}}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.category-header .page-title{margin-bottom:0}.sort-buttons{display:flex;gap:8px}.sort-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-light);font-size:.9rem;cursor:pointer;transition:all .2s}.sort-btn:hover{border-color:var(--primary);color:var(--primary)}.sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-card.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:scale(1.05);box-shadow:0 4px 12px #2563eb4d}.category-card.active .category-icon{filter:brightness(1.2)}.category-card.active .category-name{color:#fff}.category-card.active .category-count{background:#fff3;color:#fff}.snow-container{contain:strict;will-change:contents}.snowflake{backface-visibility:hidden;perspective:1000px}@media(max-width:600px){.category-header{flex-direction:column;align-items:flex-start}.sort-buttons{width:100%}.sort-btn{flex:1;justify-content:center}}.weather-page{max-width:900px;margin:0 auto}.weather-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-light);margin-bottom:20px}.weather-breadcrumb .separator{color:var(--border)}.weather-breadcrumb .current{color:var(--primary);font-weight:500}.weather-header{margin-bottom:30px}.weather-header h1{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--text)}.weather-search{position:relative;max-width:500px}.search-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.search-input-wrapper input{flex:1;border:none;background:none;font-size:1rem;color:var(--text);outline:none}.search-input-wrapper svg{color:var(--text-light)}.geo-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-light);border-radius:50%;transition:all .2s}.geo-btn:hover{background:var(--bg-secondary);color:var(--primary)}.geo-btn .spin{animation:spin 1s linear infinite}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;box-shadow:var(--shadow-md);z-index:100;max-height:300px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;text-align:left;transition:background .2s}.search-result:hover{background:var(--bg-secondary)}.search-result span{flex:1;font-weight:500}.search-result small{color:var(--text-light);font-size:.85rem}.weather-loading{display:flex;justify-content:center;padding:60px}.weather-current{margin-bottom:30px}.weather-main-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:var(--radius);padding:30px;color:#fff}.weather-location{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin-bottom:20px;opacity:.9}.weather-current-info{display:flex;align-items:center;gap:30px;margin-bottom:30px}.weather-icon-large svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.weather-icon-sun{color:#fbbf24}.weather-icon-cloud{color:#e5e7eb}.weather-icon-rain{color:#60a5fa}.weather-icon-snow{color:#f0f9ff}.weather-icon-fog{color:#d1d5db}.weather-temp-large{display:flex;flex-direction:column}.weather-temp-large .temp{font-size:4rem;font-weight:700;line-height:1}.weather-temp-large .desc{font-size:1.2rem;opacity:.9;margin-top:8px}.weather-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.weather-detail-item{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:16px;border-radius:var(--radius-sm)}.weather-detail-item svg{opacity:.8}.weather-detail-item div{display:flex;flex-direction:column}.weather-detail-item .label{font-size:.8rem;opacity:.8}.weather-detail-item .value{font-size:1.1rem;font-weight:600}.weather-forecast{background:var(--bg);border-radius:var(--radius);padding:24px;margin-bottom:30px;box-shadow:var(--shadow)}.weather-forecast h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:20px;color:var(--text)}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.forecast-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center}.forecast-date{font-size:.8rem;color:var(--text-light);font-weight:500}.forecast-temps{display:flex;gap:8px;font-size:.9rem}.temp-max{font-weight:600;color:var(--text)}.temp-min{color:var(--text-light)}.forecast-precip{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#3b82f6}.weather-popular{background:var(--bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.weather-popular h3{font-size:1rem;margin-bottom:16px;color:var(--text)}.popular-cities{display:flex;flex-wrap:wrap;gap:10px}.popular-city{padding:8px 16px;border:1px solid var(--border);border-radius:20px;background:var(--bg);cursor:pointer;font-size:.9rem;transition:all .2s}.popular-city:hover{border-color:var(--primary);color:var(--primary)}.popular-city.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:768px){.weather-current-info{flex-direction:column;text-align:center}.weather-temp-large .temp{font-size:3rem}.weather-details-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.forecast-grid{grid-template-columns:repeat(2,1fr)}}.weather-skeleton{display:flex;flex-direction:column;gap:30px}.skeleton-card{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:var(--radius);padding:30px;animation:skeleton-pulse 1.5s ease-in-out infinite}[data-theme=dark] .skeleton-card{background:linear-gradient(135deg,#334155,#1e293b)}.skeleton-location{width:150px;height:24px;background:#ffffff4d;border-radius:6px;margin-bottom:20px}.skeleton-main{display:flex;align-items:center;gap:30px;margin-bottom:30px}.skeleton-icon{width:80px;height:80px;background:#ffffff4d;border-radius:50%}.skeleton-temp{width:180px;height:80px;background:#ffffff4d;border-radius:8px}.skeleton-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skeleton-detail{height:60px;background:#fff3;border-radius:var(--radius-sm)}.forecast-skeleton{background:var(--bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.skeleton-title{width:200px;height:28px;background:var(--border);border-radius:6px;margin-bottom:20px}.skeleton-forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.skeleton-forecast-card{height:140px;background:var(--bg-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.search-loading,.search-no-results{padding:16px;text-align:center;color:var(--text-light);font-size:.9rem}@media(max-width:768px){.skeleton-main{flex-direction:column;text-align:center}.skeleton-details{grid-template-columns:1fr}.skeleton-forecast-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.skeleton-forecast-grid{grid-template-columns:repeat(2,1fr)}}.services-slider-wrapper{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%);padding:16px 0;border-bottom:1px solid var(--border)}.services-slider-wrapper .container{max-width:1280px;margin:0 auto;padding:0 16px}.services-slider-container{position:relative;display:flex;align-items:center;gap:8px}.services-slider{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;flex:1;-ms-overflow-style:none;scrollbar-width:none}.services-slider::-webkit-scrollbar{display:none}.service-card{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg);border-radius:12px;text-decoration:none;color:var(--text);white-space:nowrap;transition:all .3s ease;border:2px solid var(--border);box-shadow:0 2px 8px #0000000a;min-width:fit-content}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f;border-color:var(--accent);color:var(--accent)}.service-card.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.service-card.active .service-icon{color:#fff}.service-icon{display:flex;align-items:center;justify-content:center;color:var(--accent);transition:color .3s}.service-name{font-weight:600;font-size:.95rem}@media(max-width:768px){.services-slider-wrapper{padding:12px 0}.service-card{padding:10px 16px}.service-name{font-size:.85rem}}.calendar-page{max-width:1100px;margin:0 auto}.calendar-header{margin-bottom:24px}.calendar-header h1{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--text)}.calendar-content{display:grid;grid-template-columns:1fr 320px;gap:24px}.calendar-main{background:var(--bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.calendar-nav{display:flex;align-items:center;gap:16px;margin-bottom:24px}.calendar-nav .nav-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text)}.calendar-nav .nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.calendar-month-year{flex:1;text-align:center}.calendar-month-year .month{font-size:1.4rem;font-weight:700;color:var(--text);margin-right:8px}.calendar-month-year .year{font-size:1.2rem;color:var(--text-light)}.today-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.today-btn:hover{background:var(--primary-dark)}.calendar-grid{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.weekday{padding:12px;text-align:center;font-weight:600;font-size:.85rem;color:var(--text-light)}.weekday.weekend{color:#ef4444}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--bg-secondary)}.calendar-day.other-month{opacity:.4}.calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.weekend .day-number{color:#ef4444}.calendar-day.has-holiday{cursor:pointer}.calendar-day.day-off{background:#fef2f2}[data-theme=dark] .calendar-day.day-off{background:#ef44441a}.calendar-day.selected{background:var(--bg-secondary);box-shadow:inset 0 0 0 2px var(--primary)}.day-number{font-size:.95rem;font-weight:500;color:var(--text)}.holiday-dots{display:flex;gap:3px;margin-top:4px}.holiday-dot{width:6px;height:6px;border-radius:50%}.selected-date-holidays{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.holiday-detail{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:4px solid;margin-bottom:8px}.holiday-detail .holiday-icon{font-size:1.5rem}.holiday-detail .holiday-info{flex:1}.holiday-detail .holiday-name{font-weight:600;color:var(--text);display:block}.day-off-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#ef4444;margin-top:4px}.calendar-sidebar{display:flex;flex-direction:column;gap:20px}.holidays-section,.upcoming-section{background:var(--bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.holidays-section h3,.upcoming-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:16px}.holidays-list,.upcoming-list{display:flex;flex-direction:column;gap:10px}.holiday-item,.upcoming-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:4px solid}.holiday-item.day-off{background:#fef2f2}[data-theme=dark] .holiday-item.day-off{background:#ef44441a}.holiday-icon,.upcoming-icon{font-size:1.3rem}.holiday-content,.upcoming-content{flex:1;min-width:0}.holiday-name,.upcoming-name{font-weight:600;font-size:.9rem;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-date,.upcoming-date{font-size:.8rem;color:var(--text-light)}.days-until{color:var(--primary);font-weight:500}.day-off-tag{color:#ef4444}.no-holidays{color:var(--text-light);font-size:.9rem;text-align:center;padding:20px}.calendar-skeleton{display:flex;flex-direction:column;gap:20px}.calendar-skeleton .skeleton-header{height:50px;background:var(--border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.calendar-skeleton .skeleton-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--bg);padding:20px;border-radius:var(--radius)}.calendar-skeleton .skeleton-day{aspect-ratio:1;background:var(--border);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.calendar-skeleton .skeleton-list{display:flex;flex-direction:column;gap:10px}.calendar-skeleton .skeleton-holiday{height:60px;background:var(--border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@media(max-width:900px){.calendar-content{grid-template-columns:1fr}.calendar-sidebar{flex-direction:row;overflow-x:auto}.holidays-section,.upcoming-section{min-width:280px}}@media(max-width:600px){.calendar-nav{flex-wrap:wrap;justify-content:center}.calendar-month-year{order:-1;width:100%;margin-bottom:10px}.calendar-day{padding:4px}.day-number{font-size:.8rem}.holiday-dots{margin-top:2px}.holiday-dot{width:4px;height:4px}.calendar-sidebar{flex-direction:column}.holidays-section,.upcoming-section{min-width:auto}}.sports-widget{background:var(--bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.sports-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sports-widget-header h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text);margin:0}.view-all-link{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--primary);text-decoration:none;font-weight:500}.view-all-link:hover{text-decoration:underline}.sports-widget-loading{display:flex;flex-direction:column;gap:10px}.match-skeleton{height:80px;background:var(--border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.sports-matches{display:flex;flex-direction:column;gap:10px}.match-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;position:relative}.match-card.live{border-left:3px solid #ef4444}.live-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;color:#ef4444;background:#fef2f2;padding:2px 6px;border-radius:4px;animation:pulse-live 2s infinite}[data-theme=dark] .live-badge{background:#ef444433}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.match-league{font-size:.7rem;color:var(--text-light);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-teams{display:flex;flex-direction:column;gap:6px}.match-teams .team{display:flex;align-items:center;gap:8px}.team-badge{width:20px;height:20px;object-fit:contain}.team-name{flex:1;font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-score{font-size:.9rem;font-weight:700;color:var(--text);min-width:20px;text-align:center}.match-status{font-size:.7rem;color:var(--text-light);text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.no-matches{text-align:center;color:var(--text-light);padding:20px;font-size:.9rem}.sports-page{max-width:1000px;margin:0 auto}.sports-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sports-header h1{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--text)}.sports-header-actions{display:flex;align-items:center;gap:12px}.sports-selector{display:flex;gap:8px;margin-bottom:20px;padding:8px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto;-webkit-overflow-scrolling:touch}.sport-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s;white-space:nowrap}.sport-btn:hover{background:var(--bg-secondary);color:var(--text)}.sport-btn.active{background:var(--primary);color:#fff}.sport-icon{font-size:1.2rem}.sport-name{font-size:.85rem}@media(max-width:768px){.sports-selector{padding:6px;gap:4px}.sport-btn{padding:8px 12px;flex-direction:column;gap:4px}.sport-icon{font-size:1.4rem}.sport-name{font-size:.7rem}}.last-update{font-size:.8rem;color:var(--text-light)}.refresh-btn{width:36px;height:36px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .2s}.refresh-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.refresh-btn.spinning svg{animation:spin 1s linear infinite}.sports-nav{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sports-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg);padding:8px;border-radius:var(--radius);box-shadow:var(--shadow)}.sports-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s}.sports-tabs .tab:hover{background:var(--bg-secondary);color:var(--text)}.sports-tabs .tab.active{background:var(--primary);color:#fff}.sports-filter{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-light)}.sports-filter select{flex:1;max-width:300px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.9rem;cursor:pointer}.sports-content{display:flex;flex-direction:column;gap:24px}.league-section{background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.league-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-secondary);font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.league-matches{display:flex;flex-direction:column}.sports-match-card{padding:16px 20px;border-bottom:1px solid var(--border);transition:background .2s}.sports-match-card:last-child{border-bottom:none}.sports-match-card:hover{background:var(--bg-secondary)}.sports-match-card.live{background:#fef2f2}[data-theme=dark] .sports-match-card.live{background:#ef44441a}.match-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.match-date{font-size:.8rem;color:var(--text-light)}.match-status-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px;background:var(--bg-secondary);color:var(--text-light)}.match-status-badge.live{background:#ef4444;color:#fff}.match-status-badge.ft{background:#22c55e;color:#fff}.match-content{display:flex;flex-direction:column;gap:10px}.team-row{display:flex;align-items:center;justify-content:space-between}.team-info{display:flex;align-items:center;gap:12px;flex:1}.team-logo{width:28px;height:28px;object-fit:contain}.team-logo-placeholder{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.team-row .team-name{font-size:.95rem;font-weight:500}.team-row .score{font-size:1.2rem;font-weight:700;color:var(--text);min-width:30px;text-align:center}.team-row .score.winner{color:#22c55e}.match-venue{font-size:.75rem;color:var(--text-light);margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.no-matches-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg);border-radius:var(--radius);color:var(--text-light);text-align:center}.no-matches-message svg{margin-bottom:16px;opacity:.5}.no-matches-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.league-icon{font-size:1.2rem}.sports-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skeleton-match-card{height:150px;background:var(--border);border-radius:var(--radius);animation:skeleton-pulse 1.5s ease-in-out infinite}@media(max-width:768px){.sports-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.sports-tabs .tab{padding:10px 16px;font-size:.85rem;white-space:nowrap}.sports-skeleton{grid-template-columns:1fr}}.standings-container{background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.standings-table-wrapper{overflow-x:auto}.standings-table{width:100%;border-collapse:collapse;font-size:.9rem}.standings-table th{background:var(--bg-secondary);padding:12px 8px;text-align:center;font-weight:600;color:var(--text-light);font-size:.8rem;border-bottom:2px solid var(--border);white-space:nowrap}.standings-table th.team-col{text-align:left;padding-left:16px}.standings-table th.pts-col{background:var(--primary);color:#fff}.standings-table th.form-col{min-width:100px}.standings-table td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border)}.standings-table tbody tr{cursor:pointer;transition:background .2s}.standings-table tbody tr:hover{background:var(--bg-secondary)}.standings-table tbody tr.champions{border-left:3px solid #22c55e}.standings-table tbody tr.relegation{border-left:3px solid #ef4444}.pos-cell .position{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);font-weight:600;font-size:.8rem}.team-cell{display:flex;align-items:center;gap:10px;text-align:left;padding-left:16px!important}.team-badge-sm{width:24px;height:24px;object-fit:contain}.standings-table .win{color:#22c55e;font-weight:600}.standings-table .loss{color:#ef4444}.standings-table .positive{color:#22c55e}.standings-table .negative{color:#ef4444}.pts-cell{font-weight:700;font-size:1rem;color:var(--primary)}.form-cell{display:flex;gap:3px;justify-content:center}.form-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;font-size:.65rem;font-weight:700;color:#fff}.form-badge.win{background:#22c55e}.form-badge.draw{background:#6b7280}.form-badge.loss{background:#ef4444}.standings-legend{display:flex;gap:20px;padding:12px 16px;background:var(--bg-secondary);font-size:.8rem;color:var(--text-light)}.legend-item{display:flex;align-items:center;gap:6px}.legend-item .dot{width:10px;height:10px;border-radius:2px}.legend-item.champions .dot{background:#22c55e}.legend-item.relegation .dot{background:#ef4444}.team-detail{display:flex;flex-direction:column;gap:24px}.back-btn{align-self:flex-start;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--text);transition:all .2s}.back-btn:hover{background:var(--bg-secondary)}.team-header-card{background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.team-banner{height:150px;background-size:cover;background-position:center}.team-header-content{display:flex;align-items:center;gap:20px;padding:20px;margin-top:-40px;position:relative}.team-badge-large{width:100px;height:100px;object-fit:contain;background:var(--bg);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-md)}.team-info-main{flex:1}.team-info-main h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.team-league{color:var(--text-light);font-size:.9rem;margin-bottom:8px}.team-stadium,.team-founded{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-light);margin-bottom:4px}.team-links{display:flex;gap:10px}.team-links a{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .2s}.team-links a:hover{background:var(--primary);color:#fff}.team-matches-section{background:var(--bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.team-matches-section h3{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text)}.team-matches-list{display:flex;flex-direction:column;gap:10px}.team-match-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.match-date-small{font-size:.8rem;color:var(--text-light);min-width:100px}.match-teams-inline{display:flex;align-items:center;gap:10px;flex:1}.match-teams-inline .highlight{font-weight:600;color:var(--primary)}.score-inline{font-weight:700;padding:4px 10px;background:var(--bg);border-radius:4px}.match-teams-inline .vs{color:var(--text-light);font-size:.8rem}.match-meta{display:flex;align-items:center;gap:12px}.match-round{font-size:.75rem;color:var(--text-light);background:var(--bg-secondary);padding:2px 8px;border-radius:4px}.match-count{margin-left:auto;font-size:.8rem;color:var(--text-light);font-weight:400}@media(max-width:768px){.standings-table th,.standings-table td{padding:8px 4px;font-size:.8rem}.standings-table th.form-col,.standings-table td.form-cell{display:none}.team-header-content{flex-direction:column;text-align:center;margin-top:-30px}.team-badge-large{width:80px;height:80px}.team-match-item{flex-direction:column;align-items:flex-start;gap:8px}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px}.loader-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}