:root{--bg-deep: #050B12;--bg-base: #07121B;--bg-elevated: #081722;--surface-1: #0C1822;--surface-2: #101F2B;--surface-3: #132532;--accent-primary: #8B5CF6;--accent-primary-hover: #9D72F7;--accent-cyan: #06B6D4;--accent-blue: #3B82F6;--accent-pink: #EC4899;--accent-green: #10B981;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-subtle: rgba(148, 163, 184, .08);--border-medium: rgba(148, 163, 184, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(139, 92, 246, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--header-height: 64px;--max-width: 1440px;--card-aspect: 4 / 5;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-header: 100;--z-overlay: 200;--z-modal: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background:var(--bg-deep);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,92,246,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(6,182,212,.04),transparent),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(59,130,246,.04),transparent);pointer-events:none;z-index:-1}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{padding:0 var(--space-lg)}}@media(min-width:1280px){.container{padding:0 var(--space-xl)}}.page{flex:1;padding-top:calc(var(--header-height) + var(--space-lg));padding-bottom:var(--space-3xl);animation:fadeIn var(--transition-slow) ease}.page__header{margin-bottom:var(--space-xl)}.page__title{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em}.page__subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--accent-primary),#7C3AED);color:#fff;box-shadow:0 4px 16px #8b5cf659}.btn--primary:hover{background:linear-gradient(135deg,var(--accent-primary-hover),#8B5CF6);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf673}.btn--secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-medium)}.btn--secondary:hover{background:var(--surface-3);border-color:#8b5cf64d}.btn--ghost{color:var(--text-secondary);padding:8px 16px}.btn--ghost:hover{color:var(--text-primary);background:var(--surface-2)}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.btn--icon:hover{background:var(--surface-2)}.btn--lg{padding:14px 32px;font-size:var(--font-size-base)}.badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.badge--new{background:#10b98133;color:var(--accent-green)}.badge--popular{background:#ec489933;color:var(--accent-pink)}.badge--featured{background:#8b5cf633;color:var(--accent-primary)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.empty-state__text{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto}.error-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.error-state__title{font-size:var(--font-size-xl);font-weight:700;color:#f87171;margin-bottom:var(--space-sm)}.error-state__text{color:var(--text-secondary);margin-bottom:var(--space-lg)}.section-error{padding:var(--space-lg) 0}.section-error__text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.section-error .btn{font-size:var(--font-size-sm);padding:8px 16px}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-lg);flex-wrap:wrap}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb__sep{opacity:.4}.rating{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:600;color:#fbbf24}.rating svg{width:14px;height:14px;fill:currentColor}.pagination{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl)}.section{margin-bottom:var(--space-2xl)}.section:last-child{margin-bottom:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:767px){.page{padding-bottom:calc(var(--space-3xl) + 60px)}}.brand-logo{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.brand-logo__img{flex-shrink:0;object-fit:contain;border-radius:var(--radius-sm)}.brand-logo__img--header{width:40px;height:40px}.brand-logo__img--footer{width:36px;height:36px}.brand-logo__text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.brand-logo__text-full{font-weight:800;font-size:var(--font-size-sm);letter-spacing:-.02em;white-space:nowrap}.brand-logo__text-short{display:none;font-weight:800;font-size:var(--font-size-md);letter-spacing:-.02em}@media(min-width:1100px){.brand-logo__text-full{font-size:var(--font-size-md)}}@media(max-width:480px){.brand-logo__text-full{display:none}.brand-logo__text-short{display:inline}.brand-logo__img--header{width:32px;height:32px}}@media(max-width:360px){.brand-logo__text{display:none}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#050b12d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:var(--z-header)}.header__inner{display:flex;align-items:center;height:100%;gap:var(--space-md)}.header__logo{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.02em}.header__logo-icon{flex-shrink:0}.header__logo .brand-logo{min-width:0}.header__nav{display:none;gap:4px;overflow-x:auto;flex:1;padding:4px 0}.header__nav-pill{padding:6px 14px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);border-radius:var(--radius-pill);white-space:nowrap;transition:all var(--transition-fast)}.header__nav-pill:hover{color:var(--text-primary);background:var(--surface-2)}.header__nav-pill--active{color:#fff;background:var(--accent-primary);box-shadow:var(--shadow-glow)}.header__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.header__action{position:relative}.header__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;background:var(--accent-pink);color:#fff;border-radius:var(--radius-pill)}.search{position:relative}.search__form{display:none;align-items:center;background:var(--surface-2);border:1px solid var(--border-medium);border-radius:var(--radius-pill);padding:0 var(--space-md);width:240px;transition:all var(--transition-base)}.search--expanded .search__form{display:flex}.search__form:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf626}.search__icon{display:flex;color:var(--text-muted);flex-shrink:0}.search__icon svg{width:16px;height:16px}.search__input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm);padding:8px var(--space-sm)}.search__input::placeholder{color:var(--text-muted)}.search__clear{display:flex;align-items:center;color:var(--text-muted);padding:4px}.search__clear svg{width:14px;height:14px}.search__toggle svg{width:20px;height:20px}.search__results{position:absolute;top:calc(100% + 8px);right:0;width:480px;max-height:70vh;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);z-index:var(--z-overlay)}.search__empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.search__empty p{font-weight:600;margin-bottom:var(--space-xs)}.search__view-all{display:block;text-align:center;margin-top:var(--space-md)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#050b12f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:var(--z-header);padding:6px 0 env(safe-area-inset-bottom,6px)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;font-size:10px;font-weight:500;color:var(--text-muted);transition:color var(--transition-fast)}.bottom-nav__item svg{width:20px;height:20px}.bottom-nav__item--active{color:var(--accent-primary)}@media(min-width:768px){.header__nav,.search__form{display:flex}.search__toggle,.bottom-nav{display:none}}@media(min-width:1024px){.search__form{width:280px}}@media(max-width:767px){.search--expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--bg-deep);padding:var(--space-md);display:flex;flex-direction:column}.search--expanded .search__form{display:flex;width:100%;margin-top:var(--space-md)}.search--expanded .search__results{position:static;width:100%;flex:1;margin-top:var(--space-md);max-height:none}}.game-card{position:relative;border-radius:var(--radius-lg);transition:transform var(--transition-base)}.game-card__link{display:block}.game-card__media{position:relative;aspect-ratio:var(--card-aspect);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2)}.game-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.game-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity var(--transition-base)}.game-card__play-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;color:#fff;transform:scale(.8);transition:transform var(--transition-base);box-shadow:var(--shadow-glow)}.game-card__play-btn svg{width:20px;height:20px;margin-left:2px}.game-card__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.game-card__badge{position:static;top:auto;left:auto;z-index:auto;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;font-size:11px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000059}.game-card__badge.badge--popular{background:linear-gradient(135deg,#f472b6,#db2777 55%,#be185d);box-shadow:0 4px 12px #db277780,0 2px 4px #0000004d}.game-card__badge.badge--new{background:linear-gradient(135deg,#34d399,#10b981 55%,#059669);box-shadow:0 4px 12px #10b98180,0 2px 4px #0000004d}@media(max-width:480px){.game-card__badges{top:8px;left:8px;gap:3px}.game-card__badge{padding:4px 8px;font-size:10px;border-radius:7px}}.game-card__info{padding:var(--space-sm) 2px}.game-card__title{font-size:var(--font-size-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card__category{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.game-card__rating{margin-top:4px;font-size:var(--font-size-xs)}.game-card__fav{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;color:#fff;opacity:0;transition:all var(--transition-fast);z-index:2}.game-card__fav svg{width:16px;height:16px}.game-card__fav--active{opacity:1;color:var(--accent-pink)}@media(hover:hover){.game-card:hover{transform:translateY(-4px)}.game-card:hover .game-card__img{transform:scale(1.05)}.game-card:hover .game-card__overlay{opacity:1}.game-card:hover .game-card__play-btn{transform:scale(1)}.game-card:hover .game-card__fav{opacity:1}}@media(hover:none){.game-card__fav{opacity:1}}.carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);gap:var(--space-md)}.carousel__title-group{display:flex;align-items:center;gap:var(--space-sm)}.carousel__icon{color:var(--accent-primary);display:flex}.carousel__icon svg{width:20px;height:20px}.carousel__title{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.01em}.carousel__controls{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.carousel__view-all{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.carousel__view-all:hover{color:var(--accent-primary)}.carousel__arrows{display:none;gap:4px}.carousel__arrow svg{width:18px;height:18px}.carousel__wrapper{overflow:hidden;margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md)}.carousel__track{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.carousel__item{flex:0 0 calc(50% - 8px);scroll-snap-align:start;min-width:0}@media(min-width:480px){.carousel__item{flex:0 0 calc(33.333% - 11px)}}@media(min-width:768px){.carousel__item{flex:0 0 calc(25% - 12px)}.carousel__arrows{display:flex}}@media(min-width:1024px){.carousel__item{flex:0 0 calc(20% - 13px)}}@media(min-width:1280px){.carousel__item{flex:0 0 calc(16.666% - 14px)}}.game-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}@media(min-width:480px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.game-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}@media(min-width:1280px){.game-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1440px){.game-grid{grid-template-columns:repeat(6,1fr)}}.featured__card{display:grid;grid-template-columns:1fr;background:var(--surface-1);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);min-height:320px}.featured__media{position:relative;min-height:200px}.featured__img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.featured__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,11,18,.95) 0%,rgba(5,11,18,.3) 50%,transparent 100%)}.featured__content{position:relative;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-sm);z-index:1}.featured__title{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em}.featured__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured__meta{display:flex;align-items:center;gap:var(--space-md)}.featured__category{font-size:var(--font-size-sm);color:var(--accent-cyan);font-weight:500}.featured__actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.featured__fav--active{color:var(--accent-pink)}@media(min-width:768px){.featured__card{grid-template-columns:1.2fr 1fr;min-height:360px}.featured__content{padding:var(--space-xl);justify-content:center}.featured__title{font-size:var(--font-size-3xl)}.featured__desc{-webkit-line-clamp:3}}.category-pills{display:flex;gap:var(--space-sm);overflow-x:auto;padding:4px 0;margin-bottom:var(--space-lg)}.category-pill{padding:8px 16px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);white-space:nowrap;transition:all var(--transition-fast)}.category-pill:hover{color:var(--text-primary);border-color:var(--border-medium)}.category-pill--active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}@media(min-width:480px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.category-grid{grid-template-columns:repeat(7,1fr);gap:var(--space-md)}}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);text-align:center}.category-card:hover{background:var(--surface-3);border-color:#8b5cf64d;transform:translateY(-2px)}.category-card__icon{font-size:1.5rem}.category-card__name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--card{aspect-ratio:var(--card-aspect);border-radius:var(--radius-lg)}.skeleton--text{height:14px;width:70%;margin-top:var(--space-sm)}.skeleton--text-sm{height:10px;width:40%;margin-top:4px}.skeleton--featured{width:100%;height:100%;min-height:320px;border-radius:var(--radius-xl)}.game-player{margin-bottom:var(--space-2xl)}.game-player__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.game-player__title{font-size:var(--font-size-xl);font-weight:700}.game-player__category{font-size:var(--font-size-sm);color:var(--text-muted)}.game-player__actions{display:flex;gap:var(--space-sm)}.game-player__fav--active{color:var(--accent-pink)}.game-player__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.game-player__iframe{width:100%;height:100%;border:none}.game-player__loading,.game-player__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--surface-1);color:var(--text-secondary)}.game-player__spinner{width:40px;height:40px;border:3px solid var(--surface-3);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-player__error-title{font-weight:700;color:#f87171}.game-detail{display:grid;gap:var(--space-xl)}.game-detail__hero{display:grid;gap:var(--space-lg)}.game-detail__banner{aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-2);max-height:400px}.game-detail__banner img{width:100%;height:100%;object-fit:cover}.game-detail__info{display:flex;flex-direction:column;gap:var(--space-md)}.game-detail__title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em}.game-detail__meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.game-detail__category{padding:4px 12px;background:#06b6d426;color:var(--accent-cyan);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600}.game-detail__desc{color:var(--text-secondary);line-height:1.7;max-width:720px}.game-detail__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.game-detail__fav--active{color:var(--accent-pink)}.game-detail__section{margin-top:var(--space-xl)}.game-detail__section-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md)}.game-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.game-detail__tag{padding:4px 12px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--text-secondary)}.game-detail__about{color:var(--text-secondary);line-height:1.8;max-width:720px}@media(min-width:768px){.game-detail__hero{grid-template-columns:1fr 1fr;align-items:start}.game-detail__banner{aspect-ratio:4 / 5;max-height:none}}.footer{background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--space-2xl) 0 var(--space-lg);margin-top:auto}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.footer__logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:800;font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.footer__tagline{color:var(--text-muted);font-size:var(--font-size-sm);max-width:280px}.footer__heading{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-md)}.footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__links a{font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--accent-primary)}.footer__social{display:flex;gap:var(--space-sm);flex-wrap:wrap}.footer__social-link{padding:6px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.footer__social-link:hover{background:var(--surface-3);color:var(--accent-primary)}.footer__bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}@media(min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.home-categories-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;padding:4px 0 var(--space-md);margin-bottom:var(--space-md)}@media(min-width:768px){.home-categories-scroll{display:none}}.home-categories-desktop{display:none}@media(min-width:768px){.home-categories-desktop{display:block}}.search--page .search__form{display:flex;width:100%;max-width:600px;padding:0 var(--space-lg);border-radius:var(--radius-lg)}.search--page .search__input{padding:12px var(--space-sm);font-size:var(--font-size-base)}.search-page__bar{margin-bottom:var(--space-xl)}.search-page__count{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}