@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg-primary:#fff;--color-bg-secondary:#f6f7fb;--color-bg-tertiary:#f2f4fb;--color-bg-elevated:#eef1fb;--color-surface:#fff;--color-text-primary:#222;--color-text-secondary:#4a4a4a;--color-text-muted:#7a7a7a;--color-text-inverse:#fff;--color-accent-primary:#667eea;--color-accent-secondary:#764ba2;--color-accent-success:#66bb6a;--color-accent-warning:#ffa726;--color-accent-danger:#ef5350;--color-border:#ffffff14;--color-border-strong:#ffffff29;--glass-bg:#ffffffd6;--glass-bg-light:#00000008;--glass-blur:blur(8px);--glass-border:1px solid #1018280f;--font-sans:"Lexend", system-ui, -apple-system, sans-serif;--font-mono:"Inter", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1280px;--container-text:720px;--navbar-height:90px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow-accent:0 0 24px #4fc3f733;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-navbar:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,video,canvas{max-width:100%;display:block}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary)}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:var(--font-light)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.08em}.tracking-wider{letter-spacing:.12em}.label-data{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-primary)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.container--text{max-width:var(--container-text)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg)}.glass--light{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid #ffffff0f}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.04em;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:var(--color-accent-primary)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-glow-accent);background:#81d4fa}.btn--ghost{color:var(--color-text-primary);border-color:var(--color-border-strong);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--glass-bg-light);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn--lg{padding:var(--space-4) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.navbar{height:var(--navbar-height);z-index:var(--z-navbar);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);background:linear-gradient(#a77bca,#c128ec);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__inner{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.navbar__toggle{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;justify-content:center;align-items:center;width:44px;height:44px;display:none}.navbar__toggle:hover{background:#ffffff2e}.navbar__toggle-icon{width:20px;height:2px;transition:background var(--transition-base);background:currentColor;display:block;position:relative}.navbar__toggle-icon:before,.navbar__toggle-icon:after{content:"";transform-origin:50%;width:100%;height:100%;transition:top var(--transition-base), transform var(--transition-base), opacity var(--transition-base);background:currentColor;position:absolute;left:0}.navbar__toggle-icon:before{top:-6px}.navbar__toggle-icon:after{top:6px}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon{background:0 0}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon:before{top:0;transform:rotate(45deg)}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon:after{top:0;transform:rotate(-45deg)}.navbar__logo{font-family:var(--font-sans);letter-spacing:.02em;align-items:center;gap:0;font-size:1.8rem;font-weight:400;display:inline-flex}.navbar__logo-icon{object-fit:contain;width:36px;height:36px;display:inline-block}.navbar__logo-text{color:var(--color-text-inverse);align-items:baseline;gap:0;display:inline-flex}.navbar__logo-text span{display:inline}.logo-square{color:#ff9}.logo-eater{color:var(--color-text-inverse)}.navbar__icons{gap:var(--space-4);align-items:center;display:inline-flex}.navbar__icons img{object-fit:contain;width:auto;height:1.2rem;display:inline-block}.navbar__nav{align-items:center;gap:var(--space-8);display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar__nav-social{display:none}.navbar__link{font-size:1.05rem;font-weight:var(--font-medium);color:#fff;transition:color var(--transition-fast)}.navbar__link:hover{color:var(--color-text-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);cursor:pointer;overflow:hidden}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__thumbnail{aspect-ratio:16/9;background:var(--color-bg-tertiary);width:100%;overflow:hidden}.card__thumbnail img,.square-card__thumb img,.recommended-item__thumb img{object-fit:cover;width:100%;height:100%;display:block}.card__body{padding:var(--space-4) var(--space-2)}.card__category{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);margin-bottom:var(--space-2)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.section-copy{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:68ch;margin-top:var(--space-4);margin-bottom:var(--space-10)}.use-grid,.how-grid{gap:var(--space-10);display:grid}.use-grid__aside,.how-grid__aside{max-width:360px}.use-grid__main{gap:var(--space-5);display:grid}.use-card{border-radius:var(--radius-lg);padding:var(--space-6);background:#ffffff1a;border:1px solid #ffffff2e}.use-card h3{margin-bottom:var(--space-3);font-size:var(--text-lg);color:#fff}.use-card p{color:#ffffffe0;line-height:var(--leading-relaxed);margin:0}.use-card--warning{background:#ffffff1f;border-color:#ff704359}@media (width>=900px){.use-grid,.how-grid{grid-template-columns:minmax(0,1fr) 3fr;align-items:start}.use-grid__main{grid-template-columns:repeat(3,minmax(0,1fr))}}.how-grid__main p{margin-bottom:var(--space-6);line-height:var(--leading-relaxed);color:inherit}.section-heading--light{color:#fff}.overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:var(--glass-blur);background:#0d0d0de6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay--warning{border-radius:var(--radius-xl);background:#ef53501a;border:1px solid #ef53504d}.ad-zone{background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);width:100%;min-height:90px;color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.08em;justify-content:center;align-items:center;display:flex}.page-wrapper{min-height:100dvh;padding-top:var(--navbar-height);flex-direction:column;display:flex}html{scroll-padding-top:var(--navbar-height)}.main-content{flex:1}.section{padding-block:var(--space-20);scroll-margin-top:calc(var(--navbar-height) + var(--space-6))}#squares-grid{scroll-margin-top:calc(var(--navbar-height) + var(--space-6))}.section--sm{padding-block:var(--space-12)}.section--gradient{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.section--gradient p,.section--gradient .section-heading,.section--gradient .label-data,.section--gradient .text-lg,.section--gradient .btn{color:#fff}.section--gradient .btn--ghost{color:#fff;border-color:#fffc}.section--white{color:var(--color-text-primary);background:#fff}.section--white .section-heading,.section--white .text-lg,.section--white .label-data,.section--white p,.section--white .btn,.section--white .cta-stat__value,.section--white .cta-stat__label{color:var(--color-text-primary)}.section--white .btn--ghost{color:var(--color-accent-primary);border-color:var(--color-border)}.section--white .btn--white-text{color:var(--color-text-inverse)}.section--white p+p{margin-top:var(--space-4)}.section--white h2{margin-top:var(--space-10)}.divider{background:var(--color-border);width:100%;height:1px}.footer{padding-block:var(--space-12);color:#fff;font-size:var(--text-sm);background:#2c3e50}.footer__link{color:#fff;text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:3px}.hero{height:min(calc(100dvh - var(--navbar-height)), 950px);align-items:stretch;min-height:480px;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hero__inner{z-index:1;width:100%;max-width:var(--container-max);padding-inline:var(--space-12);grid-template-columns:1fr 1fr;margin-inline:auto;display:grid;position:relative}.hero__left{padding-block:var(--space-16);padding-right:var(--space-10);flex-direction:column;justify-content:space-between;display:flex}.hero__title{font-size:clamp(var(--text-4xl), 5vw, 4rem);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-inverse)}.hero__subtitle{font-size:var(--text-xl);color:#ffffffd9;max-width:480px;margin-bottom:var(--space-10);line-height:var(--leading-relaxed)}.hero__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero .btn--primary{color:var(--color-accent-primary);background:#fff;border-color:#fff}.hero .btn--primary:hover:not(:disabled){background:#ffffffe6;box-shadow:0 4px 24px #00000040}.hero__right{justify-content:flex-end;align-items:flex-end;display:flex;overflow:hidden}.hero__headphones{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:100%;display:block}.adsense-row{padding-block:var(--space-6)}.adsense-zone-1,.adsense-zone-2{width:100%}.section-heading{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-8);letter-spacing:-.01em}.squares-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.home-grid__error{color:var(--color-accent-danger);font-family:var(--font-mono);font-size:var(--text-sm);grid-column:1/-1}.square-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.square-card__thumb{justify-content:center;align-items:center;display:flex;position:relative}.square-card__icon{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 16px #4fc3f74d);transition:transform var(--transition-base), filter var(--transition-base);font-size:3rem;line-height:1}.square-card:hover .square-card__icon{filter:drop-shadow(0 0 24px #4fc3f780);transform:scale(1.1)}.card__badge{top:var(--space-2);right:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase;gap:.25em;display:inline-flex;position:absolute}.card__badge-icon{font-size:2em;line-height:.6;display:inline-block}.card__badge--warning{color:var(--color-accent-danger);background:#ffcd07f5;border:1px solid #ef5350f5}.card__freq-label{margin-bottom:var(--space-2);display:block}.card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-3)}.card__tags{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.tag-chip{padding:2px var(--space-1);background:var(--glass-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-medium);letter-spacing:.06em;text-transform:lowercase;color:var(--color-text-muted);white-space:nowrap;display:inline-block}.cta-section{color:var(--color-text-inverse);padding-block:var(--space-20);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-top:none;border-bottom:none}.cta-section--flush-bottom{padding-bottom:0}.section--white.cta-section{color:var(--color-text-primary);background:#fff}.section--white.cta-section .cta-stat__value{color:var(--color-accent-primary)}.section--white.cta-section .btn--ghost{color:var(--color-accent-primary);border-color:var(--color-border);background:0 0}.cta-section__inner{justify-content:space-between;align-items:stretch;gap:var(--space-12);flex-wrap:wrap;display:flex}.cta-section__stat-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.cta-section__visual{flex:420px;justify-content:center;align-items:flex-end;height:100%;min-height:320px;padding-bottom:0;display:flex}.cta-section__visual img{max-width:100%;height:auto;margin-bottom:0;line-height:0;display:block}.cta-section__content{text-align:right;flex-direction:column;flex:420px;justify-content:center;align-items:flex-end;display:flex}.cta-section__content .btn{align-self:flex-end}.cta-stat{text-align:center}.cta-stat__value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-accent-primary);margin-bottom:var(--space-2);line-height:1;display:block}.cta-stat__label{display:block}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--color-border);padding-block:var(--space-6)}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-item__q{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.faq-item__a{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.sq-layout{height:calc(100dvh - var(--navbar-height));margin-top:var(--navbar-height);grid-template-columns:1fr 380px;display:grid;overflow:hidden}.sq-stage{background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.sq-canvas-container{position:absolute;inset:0}#square-canvas{width:100%;height:100%;display:block}.sq-freq-readout{top:var(--space-4);left:var(--space-4);z-index:var(--z-raised);gap:var(--space-2);pointer-events:none;display:flex;position:absolute}.freq-chip{padding:var(--space-1) var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent-primary);letter-spacing:.06em}.sq-interstitial{inset:var(--navbar-height) 0 0;width:100%;height:calc(100vh - var(--navbar-height));z-index:calc(var(--z-overlay) + 10);padding:var(--space-8);background:#0d0d0df5;justify-content:center;align-items:center;display:flex;position:fixed}.sq-interstitial[hidden]{display:none}.sq-interstitial__card{max-width:460px;padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;border:1px solid #ef535066}.sq-interstitial__icon{margin-bottom:var(--space-4);font-size:3.75rem}.sq-interstitial__title{font-size:3rem;font-weight:var(--font-bold);color:var(--color-accent-danger);text-transform:uppercase;letter-spacing:.09em;margin-bottom:var(--space-4);line-height:1.05}.sq-interstitial__title-line{display:block}.sq-interstitial__title-line+.sq-interstitial__title-line{margin-top:.2em}.sq-interstitial__body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.sq-interstitial__button{background:var(--color-accent-danger);width:100%;color:var(--color-text-inverse);border-color:var(--color-accent-danger)}.sq-interstitial__button:hover:not(:disabled){color:var(--color-text-inverse);background:#e64b4d;border-color:#e64b4d}.sq-play-overlay{z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);-webkit-backdrop-filter:blur(4px);transition:opacity var(--transition-slow);background:radial-gradient(circle,#00000042 0%,#00000094 100%);flex-direction:column;display:flex;position:absolute;inset:0}.sq-play-overlay.hidden{opacity:0;pointer-events:none}.sq-play-btn{border-radius:var(--radius-full);background:var(--color-accent-primary);cursor:pointer;width:88px;height:88px;color:var(--color-text-inverse);transition:transform var(--transition-base), box-shadow var(--transition-base);border:none;justify-content:center;align-items:center;display:flex}.sq-play-btn:hover{transform:scale(1.08);box-shadow:0 0 48px #4fc3f773}.sq-play-btn svg{width:36px;height:36px;margin-left:4px}.sq-play-hint{font-size:var(--text-base);color:#fff;letter-spacing:.04em}.sq-play-warning{font-size:var(--text-sm);color:var(--color-accent-danger);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans);margin:0}.sq-play-hint--sub{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.sq-fullscreen-btn{bottom:var(--space-4);right:var(--space-4);z-index:calc(var(--z-overlay) + 1);opacity:.5;transition:opacity var(--transition-fast);position:absolute}.sq-fullscreen-btn:hover{opacity:1}.sq-stage--pseudo-fullscreen{width:100vw;height:100dvh;z-index:calc(var(--z-navbar) + 20);position:fixed;inset:0}body.has-pseudo-fullscreen{overflow:hidden}body.has-pseudo-fullscreen .sq-stage--pseudo-fullscreen .sq-fullscreen-btn{bottom:max(var(--space-4), env(safe-area-inset-bottom));right:max(var(--space-4), env(safe-area-inset-right))}.sq-sidebar{background:var(--color-bg-secondary);border-left:1px solid var(--color-border);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.sq-sidebar__header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.sq-sidebar__category{margin-bottom:var(--space-2)}.sq-sidebar__title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.sq-sidebar__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.sq-freq-grid{background:var(--color-border);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.sq-freq-grid--header{grid-template-columns:1fr;width:100%}.sq-freq-grid__item{background:var(--color-bg-secondary);padding:var(--space-4) 0}.sq-freq-grid__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:10px}.sq-freq-grid__value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-accent-primary)}.sq-description{padding:var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);border-bottom:1px solid var(--color-border)}.sq-sidebar__ad{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.sq-recommended{padding:var(--space-6);flex:1}.sq-recommended__heading{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.sq-recommended__list{gap:var(--space-2);flex-direction:column;display:flex}.recommended-item{gap:var(--space-3);padding:var(--space-2) 0;border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #0000;align-items:center;text-decoration:none;display:flex}.recommended-item:hover{border-color:var(--color-border);background:var(--glass-bg-light)}.recommended-item__thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:140px;height:80px;display:flex;overflow:hidden}.recommended-item__icon{font-size:1.4rem;line-height:1}.recommended-item__info{flex:1;min-width:0}.recommended-item__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recommended-item__meta{color:var(--color-text-muted);margin-top:2px}@media (width<=960px){.sq-layout{grid-template-rows:56vw auto;grid-template-columns:1fr;height:auto;overflow:visible}.sq-stage{height:56vw;min-height:280px}.sq-sidebar{border-left:none;border-top:1px solid var(--color-border);overflow-y:visible}}@media (width<=768px){:root{--navbar-height:56px}.navbar__toggle{display:inline-flex}.navbar__nav{display:none}.navbar__nav--mobile{top:calc(100% + var(--space-2));left:var(--space-4);right:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;padding:var(--space-3);-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-xl);max-height:calc(100dvh - var(--navbar-height) - var(--space-6));z-index:calc(var(--z-navbar) + 1);transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);background:linear-gradient(#1c103cf5,#120b27fa);border:1px solid #ffffff24;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;overflow-y:auto;transform:translateY(-10px);box-shadow:0 18px 48px #0b061e57}.navbar__nav--mobile.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar__nav--mobile .navbar__link{width:100%;padding:var(--space-4);color:#fff;font-size:1rem;font-weight:var(--font-semibold);text-align:center;border-radius:var(--radius-md);border-bottom:1px solid #ffffff14;line-height:1.35;display:block}.navbar__nav--mobile .navbar__link:last-of-type{border-bottom:none}.navbar__nav--mobile .navbar__link:focus-visible,.navbar__nav--mobile .navbar__link:hover{color:#fff;background:#ffffff1a}.navbar__nav-social{justify-content:center;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #ffffff14;display:flex}.navbar__nav-social a{transition:opacity var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.navbar__nav-social a:hover,.navbar__nav-social a:focus-visible{opacity:.82;transform:translateY(-1px)}.navbar__nav-social img{object-fit:contain;width:auto;height:1.2rem}.navbar__icons,.navbar__icons--desktop{display:none}.container{padding-inline:var(--space-4)}.hero__inner{padding-inline:var(--space-6);grid-template-columns:1fr}.hero__left{justify-content:flex-start;gap:var(--space-8);padding-block:var(--space-12);padding-right:0}.hero__title{font-size:var(--text-4xl)}.hero{height:auto;min-height:560px}.hero__right{justify-content:center;align-items:center;min-height:320px;overflow:visible}.hero__headphones{object-fit:contain;object-position:center center;width:min(100%,360px);height:auto;max-height:420px}.cta-section__inner{gap:var(--space-8);flex-direction:column-reverse}.cta-section__stat-grid{width:100%}.sq-layout{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;overflow:visible}.sq-stage{height:auto;min-height:56vw;overflow:visible}.sq-interstitial{inset:var(--navbar-height) 0 0;width:100%;height:calc(100vh - var(--navbar-height));position:fixed}.sq-play-overlay{position:absolute;inset:0}.sq-fullscreen-btn{opacity:.82;width:48px;height:48px}}