:root{--bg-body:#f8faff;--bg-alt:#fff;--bg-card:#fff;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--secondary:#0ea5e9;--accent:#f59e0b;--danger:#ef4444;--neon-green:#39ff14;--cyber-pink:#ff007f;--electric-blue:#00f3ff;--text-strong:#111827;--text:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-hover:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-floating:0 12px 24px -6px rgba(0,0,0,.15),0 4px 8px -4px rgba(0,0,0,.1);--nav-height:64px;--sidebar-width:260px;--container-width:1440px;--card-min-width:240px;--bottom-nav-height:56px}:root.dark{--bg-body:#0f172a;--bg-alt:#1e293b;--bg-card:#1e293b;--primary:#6366f1;--primary-hover:#818cf8;--primary-light:#312e81;--text-strong:#f8fafc;--text:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border:#334155;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-floating:0 12px 24px -6px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.3)}.bg-gradient-hero{background:linear-gradient(135deg,var(--bg-body) 0,var(--primary-light) 100%)}.dark .bg-gradient-hero{background:linear-gradient(135deg,var(--bg-body) 0,#1e1b4b 100%)}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}#app{height:100%;width:100%}body{background-color:var(--bg-body);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;height:auto;max-width:100%}[role=button],a,button,input,select,textarea{touch-action:manipulation}@media(max-width:768px){.action-btn,.btn,.menu-toggle,.nav-item,button{min-height:48px;min-width:48px}::-webkit-scrollbar{display:none}body,html{scrollbar-width:none;-ms-overflow-style:none}}.container{margin:0 auto;max-width:var(--container-width);padding:0 24px;width:100%}@media(max-width:640px){.container{padding:0 16px}}.grid{display:grid;gap:16px;-moz-column-gap:15px;column-gap:15px;grid-template-columns:repeat(2,1fr);padding:0 10px;width:100%}@media(max-width:768px){.mobile-scroll-grid{display:block;margin:0;padding:0}.mobile-scroll-grid .grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding-bottom:0}}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid{gap:1.75rem;grid-template-columns:repeat(5,1fr)}}h1,h2,h3,h4,h5,h6{color:var(--text-strong);font-weight:700;line-height:1.2;margin:0}.floating-badge.rating,.meta-row .rating,.stats-block .stat-item:first-child .stat-value{color:#e0b55a}a{color:var(--primary);text-decoration:none;transition:color .2s}.skeleton{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--bg-alt) 25%,var(--bg-body) 37%,var(--bg-alt) 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden}.skeleton-image{background:var(--border);overflow:hidden;padding-top:86%;position:relative;width:100%}.skeleton-content{flex:1;padding:12px}.skeleton-text{background:var(--border);border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}body,html{overflow-x:hidden;width:100%}.app-wrapper{background-color:var(--bg-body);min-height:100vh}.app-wrapper,.layout-body{display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.layout-body{flex:1;position:relative;transition:margin-left .3s ease;width:100%}.cookie-consent-overlay[data-v-34d6ceb6]{align-items:flex-end;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.cookie-consent-modal[data-v-34d6ceb6]{animation:slideUp-34d6ceb6 .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:600px;padding:24px;width:100%}@media(min-width:768px){.cookie-consent-overlay[data-v-34d6ceb6]{align-items:center}.cookie-consent-modal[data-v-34d6ceb6]{text-align:center}}.cookie-title[data-v-34d6ceb6]{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:12px}.cookie-text[data-v-34d6ceb6]{color:#4a4a4a;font-size:.95rem;line-height:1.5;margin-bottom:24px}.cookie-actions[data-v-34d6ceb6]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media(min-width:768px){.cookie-actions[data-v-34d6ceb6]{flex-direction:row;justify-content:center}}.btn-accept[data-v-34d6ceb6]{background-color:#409eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:background-color .2s}.btn-accept[data-v-34d6ceb6]:hover{background-color:#66b1ff}.btn-custom[data-v-34d6ceb6]{background-color:transparent;border:1px solid #dcdfe6;border-radius:6px;color:#606266;cursor:pointer;font-size:1rem;padding:10px 24px;transition:all .2s}.btn-custom[data-v-34d6ceb6]:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.cookie-footer[data-v-34d6ceb6]{font-size:.85rem;text-align:center}.privacy-link[data-v-34d6ceb6]{color:#909399;text-decoration:underline}.privacy-link[data-v-34d6ceb6]:hover{color:#409eff}.fade-enter-active[data-v-34d6ceb6],.fade-leave-active[data-v-34d6ceb6]{transition:opacity .3s ease}.fade-enter-from[data-v-34d6ceb6],.fade-leave-to[data-v-34d6ceb6]{opacity:0}@keyframes slideUp-34d6ceb6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}