:root{--font-family-primary:"Inter", system-ui, -apple-system, sans-serif;--font-family-heading:"Inter", system-ui, -apple-system, sans-serif;--font-family-arabic:"Rubik", "Lateef", "Inter", system-ui, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--font-weight-base:400;--line-height-base:1.6;--text-xs:clamp(.625rem, .55rem + .2vw, .75rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.875rem, .8rem + .25vw, 1rem);--text-lg:clamp(1rem, .9rem + .3vw, 1.125rem);--text-xl:clamp(1.125rem, 1rem + .4vw, 1.375rem);--text-2xl:clamp(1.375rem, 1.2rem + .6vw, 1.75rem);--text-3xl:clamp(1.75rem, 1.5rem + 1.2vw, 2.75rem);--text-4xl:clamp(2.25rem, 2rem + 1.5vw, 3.5rem);--text-hero:clamp(2.5rem, 5vw + 1rem, 5rem);--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-tertiary:#ffffff73;--color-surface-base:#0a0514;--color-surface-raised:#160c28;--color-surface-muted:#8b5cf614;--color-border-default:#8b5cf626;--color-border-strong:#8b5cf640;--color-border-accent:#8b5cf666;--color-focus-ring:#8b5cf680;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-bg:#8b5cf61f;--color-accent-secondary:#f59e0b;--color-accent-secondary-hover:#d97706;--color-accent-secondary-bg:#f59e0b1f;--color-error:#ef4444;--color-error-bg:#ef44441f;--color-rating:#fbbf24;--color-success:#22c55e;--color-success-bg:#22c55e1f;--color-info:#3b82f6;--color-info-bg:#3b82f61f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:80px;--space-gutter:clamp(16px, 4vw, 56px);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-full:9999px;--glass-blur:30px;--glass-bg:#0009;--glass-bg-strong:#120c20b8;--glass-border:var(--color-border-default);--glass-border-strong:#ffffff47;--glass-highlight:#ffffff80;--glass-tint:color-mix(in srgb, var(--color-accent) 14%, transparent);--glass-shadow:0 8px 32px #00000061, 0 1px 0 #ffffff14 inset;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006, 0 1px 3px #0000004d;--shadow-lg:0 12px 32px -8px #0009;--shadow-xl:0 20px 40px -12px #00000080;--shadow-glow:0 0 20px #8b5cf64d;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--text:var(--color-text-secondary);--text-h:var(--color-text-primary);--text-muted:var(--color-text-tertiary);--text-secondary:var(--color-text-secondary);--bg:var(--color-surface-base);--bg-secondary:var(--color-surface-raised);--border:var(--color-border-default);--code-bg:var(--color-surface-raised);--accent:var(--color-accent);--accent-bg:var(--color-accent-bg);--accent-border:var(--color-border-accent);--social-bg:var(--color-surface-muted);--hover-bg:var(--color-surface-muted);--error:var(--color-error);--rating:var(--color-rating);--success:var(--color-success);--card-bg:#ffffff08;--nav-bg:#000000d9;--shadow:var(--shadow-md);--surface:var(--color-surface-raised);--ease-default:var(--ease-in-out);--duration-instant:var(--duration-fast);--shadow-dropdown:var(--shadow-lg);--shadow-elevated:var(--shadow-xl);--ease-cinematic:var(--ease-out);--duration-cinematic:.3s}button,input,select,textarea{font-family:var(--font-family-primary)}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;position:relative}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.btn{letter-spacing:.2px;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:#fff;box-shadow:0 6px 18px -6px #8b5cf699}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px -6px #8b5cf6c7}.btn--primary:active{transform:scale(.97)translateY(0)}.btn--secondary{background:var(--color-surface-muted);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default)}.btn--secondary:hover{background:var(--color-border-default);box-shadow:inset 0 0 0 1px var(--color-border-accent)}.btn--ghost{color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default);background:0 0}.btn--ghost:hover{background:var(--color-surface-muted)}.btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 18px -6px #ef444499}.btn--danger:hover{box-shadow:0 10px 28px -6px #ef4444c7}.btn--sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:8px 14px}.btn--lg{font-size:var(--text-lg);padding:14px 30px}.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url]{background:var(--color-surface-raised);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);padding:12px 14px}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.input:focus,select:focus,textarea:focus,input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg);outline:none}::selection{background:var(--color-accent);color:#fff}html{scrollbar-color:var(--color-border-accent) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}@media (prefers-reduced-motion:reduce){.btn,.btn--primary,.btn--secondary,.btn--ghost,.btn--danger{transition:none!important;transform:none!important}}html{font-size:clamp(16.5px,.5vw + 14px,18px)}:root{font:var(--font-weight-base) var(--text-base) / 1.6 var(--font-family-primary);letter-spacing:-.01em;color:var(--color-text-secondary);background:var(--color-surface-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default)}#root{box-sizing:border-box;width:100%;max-width:100%;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;flex:1;margin:0;display:flex;overflow-x:hidden}html{max-width:100%;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;flex-direction:column;max-width:100%;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.row-scroll-container::-webkit-scrollbar{display:none}.scrollable::-webkit-scrollbar{display:none}.movie-row-track::-webkit-scrollbar{display:none}.focusable:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}h1{font-size:var(--text-hero);letter-spacing:-.04em;margin:0;line-height:1.05}h2{font-size:var(--text-3xl);letter-spacing:-.03em;margin:0;line-height:1.1}h3{font-size:var(--text-2xl);margin:0;line-height:1.2}p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6}a{color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-default);text-decoration:none}a:hover{color:var(--color-accent)}code,.counter{font-family:var(--font-family-mono);color:var(--color-text-primary);border-radius:4px;display:inline-flex}code{font-size:var(--text-sm);background:var(--color-surface-raised);padding:4px 8px;line-height:135%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}[dir=rtl]{--font-family-primary:var(--font-family-arabic);--font-family-heading:var(--font-family-arabic)}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[dir=rtl] .text-start{text-align:right}[dir=rtl] .text-end{text-align:left}[dir=rtl] .search-bar input,[dir=rtl] .main-search-input{text-align:right}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.low-power .hero-slide-fade:before{background:linear-gradient(to bottom, var(--bg) 0%, color-mix(in srgb, var(--bg) 50%, transparent) 150px, transparent 300px), linear-gradient(to top, var(--bg) 0%, var(--bg) 15%, transparent 70%)!important}.low-power .hero-slide-fade:before,.low-power .hero-cover-fallback{will-change:auto!important}.low-power .home-hero-container{contain:layout paint style}.low-power .card-container,.low-power .streaming-brand-card{box-shadow:none!important}.low-power .movie-card-focusable.focused .card-container{box-shadow:0 0 8px var(--accent-border)!important}.low-power .progressive-image-container img{transition:none!important}.low-power .nav-right-section,.low-power .navbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.low-power .top10-number{-webkit-text-stroke:1px var(--accent)!important;text-shadow:none!important}.low-power .hero-content h1{text-shadow:0 2px 8px #00000080!important}.low-power .search-results-dropdown,.low-power .shortcuts-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#main-content{padding-top:64px}:root{--ease-cinematic:cubic-bezier(.4, 0, .2, 1);--duration-cinematic:.3s}.page-container{padding:var(--space-gutter)}@media (width<=768px){#main-content{padding-top:0!important}}.back-btn-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);background:#0006;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-btn-icon:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.back-btn-icon:active{transform:scale(.95)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.responsive-home-content{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-gutter)!important}.movie-row-section{max-width:100%;margin-bottom:clamp(30px,8vw,80px);position:relative}.row-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.row-title{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:.04em;align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.row-title:before{display:none}.row-header:after,.top10-header:after,.brand-carousel-header:after{content:"";left:0;right:0;bottom:calc(-1 * var(--space-3));background:linear-gradient(to right, var(--color-border-accent), transparent 70%);pointer-events:none;height:1px;position:absolute}.row-title-bold{color:var(--color-text-primary);font-weight:800}.row-title-light{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.85em;font-weight:400}.row-view-all{color:var(--color-text-tertiary);font-weight:500;font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease-default);align-items:center;gap:6px;text-decoration:none;display:flex}.row-view-all:hover{color:var(--color-text-primary)}[dir=ltr] .row-view-all:hover{transform:translate(4px)}[dir=rtl] .row-view-all:hover{transform:translate(-4px)}.row-scroll-container{gap:var(--space-4);padding:0 0 var(--space-4) 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;will-change:scroll-position;margin:0;display:flex;overflow-x:auto}.row-scroll-container::-webkit-scrollbar{display:none}.row-item{flex:0 0 clamp(140px,18vw,220px);min-width:clamp(140px,18vw,220px)}.row-relative-container{position:relative}.row-nav-btn{width:48px;color:var(--color-text-primary);cursor:pointer;z-index:5;transition:opacity var(--duration-fast) var(--ease-default);opacity:0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.row-relative-container:hover .row-nav-btn{opacity:1}.row-nav-btn.left{background:linear-gradient(90deg,#000c,#0000);inset-inline-start:-12px}.row-nav-btn.right{background:linear-gradient(270deg,#000c,#0000);inset-inline-end:-12px}[dir=rtl] .row-nav-btn.left{background:linear-gradient(270deg,#050505cc,#0000);inset-inline:auto -12px}[dir=rtl] .row-nav-btn.right{background:linear-gradient(90deg,#050505cc,#0000);inset-inline:-12px auto}@media (width<=768px){.row-nav-btn{display:none}}.page-header{margin-bottom:var(--space-7)}.page-title{align-items:center;gap:var(--space-4);font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-weight:700;display:flex}.movie-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(clamp(120px,18vw,180px),1fr));justify-content:center;display:grid}.empty-state{text-align:center;padding:var(--space-8) var(--space-5)}.empty-state-text{font-size:var(--text-base);color:var(--color-text-tertiary)}.loading-spinner{padding:var(--space-8) var(--space-5);justify-content:center;display:flex}.error-message{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-error)}.not-found-404{color:var(--color-text-primary);opacity:.15;margin:0;font-size:clamp(60px,25vw,120px);font-weight:700}@media (width<=480px){.shortcuts-modal{padding:24px 20px}}.shortcuts-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-backdrop.modal-open{opacity:1;pointer-events:auto}.shortcuts-modal{background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-6);width:90%;max-width:400px;box-shadow:var(--shadow-elevated);opacity:0;transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-fast) var(--ease-default);position:relative;transform:scale(.95)translateY(12px)}.modal-open .shortcuts-modal{opacity:1;transform:scale(1)translateY(0)}.shortcuts-close-btn{top:16px;border:1px solid var(--border);color:var(--text);cursor:pointer;width:44px;height:44px;transition:all var(--duration-fast) var(--ease-default);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:16px}.shortcuts-close-btn:hover{background:#ffffff1a}.shortcuts-header{color:var(--text-h);align-items:center;gap:12px;margin-bottom:24px;display:flex}.shortcuts-header h2{font-size:var(--text-xl);margin:0}.shortcuts-list{flex-direction:column;gap:12px;display:flex}.shortcut-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcut-label{font-size:var(--text-base);color:var(--text)}.shortcut-keys{gap:4px;display:flex}.shortcut-key{background:var(--code-bg);border:1px solid var(--border);min-width:28px;height:26px;font-size:var(--text-xs);color:var(--text-h);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-weight:700;display:inline-flex}.shortcuts-dismiss{font-size:var(--text-xs);color:var(--text);opacity:.5;text-align:center;margin:24px 0 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-fade-in{animation:.4s ease-out forwards fade-in}.anim-fade-in-up{animation:.4s ease-out forwards fade-in-up}.anim-fade-in-scale{animation:.4s ease-out forwards fade-in-scale}.anim-slide-down{animation:.25s ease-out forwards slide-down}.anim-slide-up{animation:.25s ease-out forwards slide-up}.anim-hover-lift{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.anim-hover-lift:hover{transform:translateY(-4px)scale(1.03)}.anim-hover-slide{transition:transform .2s}.anim-hover-slide:hover{transform:translate(-4px)}[dir=rtl] .anim-hover-slide:hover{transform:translate(4px)}.anim-active-scale{transition:transform .1s}.anim-active-scale:active{transform:scale(.97)}.anim-hover-bright{transition:filter .2s,transform .2s}.anim-hover-bright:hover{filter:brightness(1.1)}.anim-stagger{animation:.5s cubic-bezier(.22,1,.36,1) forwards fade-in-up;animation-delay:var(--stagger-delay,0s)}.anim-stagger-inview{opacity:0}.anim-stagger-inview.visible{animation:.5s cubic-bezier(.22,1,.36,1) forwards fade-in-up;animation-delay:var(--stagger-delay,0s)}@keyframes cinematic-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-cinematic-row{animation:cinematic-slide-up .6s var(--ease-cinematic) forwards;opacity:0;animation-delay:var(--stagger-delay,0s)}.anim-hover-scale{transition:transform .2s}.anim-hover-scale:hover{transform:scale(1.05)}.anim-hover-scale:active{transform:scale(.95)}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)scale(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) scale(1) rotate(var(--rot));opacity:0}}.confetti-particle{animation:ease-out forwards confetti-burst}.auth-page{min-height:100vh;display:flex}.auth-brand{text-align:center;padding:var(--space-7);background:var(--color-surface-base);border-right:1px solid var(--color-border-default);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";background:radial-gradient(circle, var(--color-accent-bg), transparent 70%);pointer-events:none;opacity:.5;border-radius:50%;width:400px;height:400px;position:absolute;top:20%;left:10%}.auth-brand-logo{z-index:1;margin-bottom:var(--space-6);position:relative}.auth-brand-tagline{font-size:var(--text-3xl);color:var(--color-text-primary);margin:0 0 var(--space-3);z-index:1;letter-spacing:-.03em;max-width:360px;font-weight:700;line-height:1.15;position:relative}.auth-brand-sub{font-size:var(--text-sm);color:var(--color-text-tertiary);z-index:1;max-width:300px;margin:0;line-height:1.6;position:relative}.auth-form-side{padding:var(--space-7);background:var(--color-surface-base);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-7) var(--space-6);background:0 0;width:100%;max-width:420px}.auth-title{font-size:var(--text-2xl);margin:0 0 var(--space-1);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-6)}.auth-error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xs);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-label{gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;font-weight:600;display:flex}.auth-input{background:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);font-family:var(--font-family-primary);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.auth-input::placeholder{color:var(--color-text-tertiary)}.auth-input-error{border-color:var(--color-error)!important}.auth-input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg);border-color:var(--color-error)!important}.auth-field-error{color:var(--color-error);font-size:var(--text-xs);margin-top:-2px;font-weight:400}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{width:100%;padding-inline-end:40px}.auth-password-toggle{inset-inline-end:2px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--color-text-primary)}.auth-submit-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.auth-submit{background:var(--color-text-primary);color:var(--color-surface-base);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-default);margin-top:var(--space-1);font-weight:600;font-family:var(--font-family-primary);border:none}.auth-submit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit:not(:disabled):hover{background:#ffffffeb;box-shadow:0 0 0 4px #8b5cf64d}.auth-submit:not(:disabled):active{transform:scale(.98)}.auth-turnstile-wrap{margin-top:var(--space-4);align-items:flex-start;gap:var(--space-2);flex-direction:column;min-height:65px;display:flex}.auth-turnstile-wrap .auth-field-error{margin:0}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-6) 0 0}.auth-link{color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-default);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--color-accent)}@media (width<=768px){.auth-page{flex-direction:column}.auth-brand{padding:var(--space-7) var(--space-5) var(--space-6);border-right:none;border-bottom:1px solid var(--color-border-default);flex:none}.auth-brand:before{width:200px;height:200px}.auth-brand-tagline{font-size:var(--text-2xl)}.auth-form-side{padding:var(--space-6) var(--space-5);flex:1}.auth-card{border:none;border-radius:0;padding:0}}.nav-user-button{align-items:center;padding:0 4px;display:flex}.nav-user-button.nav-signed-in{align-items:center;gap:8px;display:flex}.nav-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:13px;font-weight:600;overflow:hidden}.nav-sign-out{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);background:0 0;border-radius:6px;padding:4px 10px;font-size:11px}.nav-sign-out:hover{color:#ef4444;border-color:#ef4444}.nav-sign-in span{color:var(--accent);font-size:13px;font-weight:600}.mobile-sign-out{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-inline-start:auto;padding:2px 8px;font-size:12px}.mobile-sign-out:hover{color:#ef4444}.auth-gate{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.auth-gate-loading{justify-content:center;align-items:center;min-height:30vh;display:flex}.auth-gate-card{background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;width:100%;max-width:380px;-webkit-backdrop-filter:blur(var(--radius-lg))}.auth-gate-icon{color:var(--color-accent);margin-bottom:var(--space-4);opacity:.8}.auth-gate-title{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-weight:700}.auth-gate-text{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6);line-height:1.5}.auth-gate-btn{width:100%;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);text-align:center;font-weight:600;font-family:var(--font-family-primary);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-gate-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.auth-gate-btn:active{transform:scale(.98)}.auth-gate-footer{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.auth-gate-link{color:var(--color-accent);font-weight:600;text-decoration:none}.auth-gate-link:hover{text-decoration:underline}@keyframes empty-icon-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.empty-state-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4);animation:empty-icon-pulse 3s var(--ease-in-out) infinite}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-1);font-weight:600}.empty-state-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-4);max-width:320px;line-height:1.5}.empty-state-action{margin-top:var(--space-1)}.empty-state-action button,.empty-state-action a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border:none;font-weight:600;text-decoration:none;display:inline-flex}.empty-state-action button:hover,.empty-state-action a:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.empty-state-action button:active,.empty-state-action a:active{transform:translateY(0)}.confirm-backdrop{-webkit-backdrop-filter:blur(var(--radius-sm));z-index:10000;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-backdrop.modal-open{opacity:1;pointer-events:auto}.confirm-dialog{background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-7);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg)}.confirm-icon{background:var(--color-error-bg);width:52px;height:52px;color:var(--color-error);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.confirm-title{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-2);font-weight:700}.confirm-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-6);line-height:1.5}.confirm-actions{gap:var(--space-3);justify-content:center;display:flex}.confirm-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);font-weight:600;font-family:var(--font-family-primary);border:none;flex:1}.confirm-btn:hover{transform:translateY(-1px)}.confirm-btn:active{transform:scale(.97)}.confirm-btn-cancel{background:var(--color-surface-muted);color:var(--color-text-secondary)}.confirm-btn-cancel:hover{background:var(--color-border-default)}.confirm-btn-danger{background:var(--color-error);color:#fff}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-confirm{background:var(--color-accent);color:#fff}.confirm-btn-confirm:hover{background:var(--color-accent-hover)}.hero-tag-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.hero-rating{color:var(--color-rating)}.hero-play-btn{background:var(--color-text-primary);width:56px;height:56px;color:var(--color-surface-base);transition:transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 4px 15px #0006}.hero-play-btn:hover{background:#ffffffeb;transform:scale(1.08);box-shadow:0 0 0 4px #8b5cf659,0 8px 24px #8b5cf673}.hero-play-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{top:-100%;z-index:9999;border-radius:var(--radius-md);background:var(--accent);color:var(--text-h);font-size:var(--text-sm);transition:top var(--duration-fast) var(--ease-default);padding:10px 20px;font-weight:600;text-decoration:none;position:absolute;inset-inline-start:16px}.skip-link:focus{top:16px}.navbar{padding:0 var(--space-gutter);-webkit-backdrop-filter:blur();justify-content:space-between;align-items:center;gap:var(--space-6);top:0;z-index:1000;height:64px;box-shadow:none;transition:background var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), height var(--duration-normal) var(--ease-out), backdrop-filter var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);background:0 0;border-bottom:1px solid #0000;flex-wrap:nowrap;display:flex;position:fixed;inset-inline:0}.navbar:before{content:"";pointer-events:none;opacity:1;transition:opacity var(--duration-normal) var(--ease-default);z-index:-1;background:linear-gradient(#0a05148c 0%,#0a051400 100%);position:absolute;inset:0}.navbar.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.navbar.scrolled:before{opacity:0}.nav-left-section{flex:1;align-items:center;gap:16px;display:flex}.nav-right-section{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.nav-brand{font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.action-toggle{background:var(--color-surface-muted);border:1px solid var(--glass-border);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(12px);transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);font-weight:600;font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.action-toggle:hover{background:var(--glass-border);border-color:var(--glass-border-strong);color:var(--color-text-primary)}.action-toggle:active{background:var(--glass-tint);transform:scale(.92)}.action-toggle.focused{outline:2px solid var(--color-focus-ring);outline-offset:2px}.lang-text{min-width:20px}.search-form-container{min-width:180px;max-width:320px;transition:all var(--duration-slow) var(--ease-in-out);flex:1;position:relative}.search-form-container:focus-within{max-width:650px}.search-form{border-radius:var(--radius-full);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(160%);width:100%;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:#ffffff0f;align-items:center;display:flex;position:relative}.search-form.focused{border-color:var(--glass-border-strong);box-shadow:0 0 0 3px var(--color-accent-bg);background:#ffffff1a}.search-input{border-radius:var(--radius-full);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-family-primary);transition:background var(--duration-fast) var(--ease-default);background:0 0;border:none;outline:none;padding:10px 16px;padding-inline:16px 42px}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:focus{background:0 0}.search-icon{pointer-events:none;opacity:.6;position:absolute;inset-inline-end:14px}.search-results-dropdown{top:calc(100% + 8px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:1100;max-height:420px;padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;inset-inline:0;overflow-y:auto}.search-result-item{border-radius:var(--radius-xs);color:var(--color-text-primary);transition:background var(--duration-instant) var(--ease-default);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.search-result-item:hover{background:var(--color-surface-muted)}[dir=ltr] .search-result-item:hover{transform:translate(4px)}[dir=rtl] .search-result-item:hover{transform:translate(-4px)}.result-thumb{border-radius:var(--radius-sm);object-fit:cover;width:44px;height:64px;box-shadow:0 2px 4px #0000001a}.result-info{text-align:start;flex-direction:column;gap:2px;display:flex}.result-title{font-size:var(--text-base);margin:0;font-weight:600}.result-meta{font-size:var(--text-xs);color:var(--text)}.desktop-links{flex-shrink:0;align-items:center;gap:4px;display:flex}.auth-nav-container{align-items:center;display:flex;position:relative}.sign-in-btn{background:var(--color-text-primary);color:var(--color-surface-base);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);align-items:center;gap:8px;padding:9px 18px;text-decoration:none;display:flex}.sign-in-btn:hover,.sign-in-btn.focused{background:#ffffffe6}.sign-in-btn:active{transform:scale(.94)}.sign-in-btn.focused{outline:2px solid var(--color-focus-ring);outline-offset:2px}.user-profile-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--color-surface-muted);-webkit-backdrop-filter:blur(12px);width:42px;height:42px;color:var(--text-h);cursor:pointer;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.user-profile-btn:hover,.user-profile-btn.focused{border-color:var(--accent);color:var(--accent)}.user-profile-btn.focused{box-shadow:0 0 20px var(--accent-border);transform:scale(1.1)}.user-avatar{object-fit:cover;width:100%;height:100%}.user-dropdown{top:calc(100% + 8px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);width:240px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--glass-shadow);z-index:1100;position:absolute;inset-inline-end:0}.user-dropdown-header{padding:var(--space-3) var(--space-4)}.user-name{color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm);margin:0}.user-email{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:2px 0 0}.user-dropdown-divider{background:var(--color-border-default);height:1px;margin:var(--space-1) 0}.user-dropdown-item{width:100%;color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);text-align:start;font-family:var(--font-family-primary);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.user-dropdown-item:hover{background:var(--color-error-bg);color:var(--color-error)}.nav-link{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link.active,.nav-link.focused{color:var(--color-text-primary);background:var(--color-surface-muted)}.nav-link:active{transform:scale(.94)}.nav-link.active{color:var(--color-text-primary)}.nav-link.focused{outline:2px solid var(--color-focus-ring);outline-offset:2px}.nav-link span{opacity:1;max-width:120px;transition:max-width .3s cubic-bezier(.4, 0, .2, 1), opacity var(--duration-fast) var(--ease-default), margin .3s ease;white-space:nowrap;display:inline-block;overflow:hidden}[dir=rtl] .nav-link{font-size:var(--text-sm);padding:10px 12px}[dir=rtl] .nav-link span{max-width:100px}.navbar.search-active .nav-link{gap:0;padding:10px 12px}.navbar:has(.search-form-container:focus-within) .nav-link{gap:0;padding:10px 12px}.navbar.search-active .nav-link span{opacity:0;max-width:0}.navbar:has(.search-form-container:focus-within) .nav-link span{opacity:0;max-width:0}.mobile-search-toggle{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;padding:10px;display:none}.mobile-search-toggle.focused{border-color:var(--accent);box-shadow:0 0 15px var(--accent-border);transform:scale(1.1)}.mobile-bottom-nav{bottom:12px;background:var(--glass-bg-strong);height:64px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);z-index:1000;padding:0 var(--space-1);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);justify-content:space-around;align-items:center;display:none;position:fixed;inset-inline:8px}.mobile-bottom-nav:before{content:"";top:2px;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 30%,#ffffff59 50%,#ffffff40 70%,#0000 100%);border-radius:1px;height:1px;position:absolute;inset-inline:15%}.mobile-bottom-nav:after{content:"";border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 40% at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 70%), linear-gradient(180deg, #ffffff08 0%, transparent 40%);pointer-events:none;position:absolute;inset:0}.mobile-nav-item{color:var(--color-text-tertiary);border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), transform var(--duration-instant) var(--ease-spring);cursor:pointer;min-width:0;font-size:9px;font-weight:600;font-family:var(--font-family-primary);z-index:1;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 8px;line-height:normal;text-decoration:none;display:flex;position:relative}.mobile-nav-item:active{background:var(--color-surface-muted);color:var(--color-text-primary);transform:scale(.92)}@media (hover:hover){.mobile-nav-item:hover{background:var(--color-surface-muted);color:var(--color-text-secondary)}}.mobile-nav-item svg{width:20px;height:20px;transition:color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default)}.mobile-nav-item.active,.mobile-nav-item.focused{color:var(--color-text-primary);background:var(--color-accent-bg)}.mobile-nav-item.active svg,.mobile-nav-item.focused svg{color:var(--color-accent);transform:scale(1.05)}.mobile-nav-item.active:after{content:"";bottom:-1px;background:var(--color-accent);height:2px;box-shadow:0 0 8px var(--color-accent);border-radius:1px;position:absolute;inset-inline:30%}.more-chevron{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.more-chevron.open{transform:rotate(180deg)}@keyframes pill-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mobile-search-close{color:var(--text-h);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:4px;padding:8px;display:none}.mobile-search-close:hover{opacity:1}@media (width<=1300px){.navbar{gap:12px;padding:12px 20px}.nav-left-section{gap:8px}.desktop-links{gap:4px}.nav-link{font-size:var(--text-sm);padding:8px 10px}.nav-link span{max-width:70px}.search-form-container{min-width:160px;max-width:260px}.nav-actions{gap:8px}[dir=rtl] .nav-link{padding:8px;font-size:13px}[dir=rtl] .nav-link span{max-width:90px}[dir=rtl] .search-form-container{min-width:140px;max-width:220px}}@media (width<=1100px){[dir=rtl] .nav-link{font-size:var(--text-xs);padding:8px 6px}[dir=rtl] .nav-link span{max-width:75px}[dir=rtl] .search-form-container{min-width:120px;max-width:180px}}.mobile-more-overlay,.mobile-more-sheet{display:none}@media (width<=768px){.mobile-more-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-sheet{background:var(--color-surface-raised);border-top:1px solid var(--color-border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:85vh;padding:var(--space-2) 0 calc(var(--space-3) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;animation:slideUp var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-sheet .drag-handle{background:var(--color-border-default);width:36px;height:4px;margin:var(--space-1) auto var(--space-2);border-radius:2px;flex-shrink:0}.mobile-more-item{width:100%;padding:12px var(--space-5);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;font-family:var(--font-family-primary);cursor:pointer;text-align:start;transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);background:0 0;border:none;align-items:center;gap:12px;text-decoration:none;display:flex}.mobile-more-item:active{background:var(--color-surface-muted)}.mobile-more-item.active{color:var(--color-text-primary)}.mobile-more-item svg{opacity:.5;flex-shrink:0}.mobile-more-item.active svg{opacity:1}.mobile-sign-out{border-radius:var(--radius-xs);background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-xs);font-weight:600;font-family:var(--font-family-primary);cursor:pointer;transition:background var(--duration-instant) var(--ease-default);border:none;margin-inline-start:auto;padding:6px 12px}.mobile-sign-out:active{background:#ef444433}.navbar{display:none}.navbar.search-active{z-index:1002;flex-wrap:nowrap;padding:10px 5%;display:flex}.navbar.search-active .nav-left-section{flex:1}.nav-left-section{gap:12px}.nav-brand{font-size:var(--text-xl);gap:8px}.nav-brand .site-logo span,.navbar.search-active .site-logo span,.navbar.search-active .nav-right-section{display:none}.navbar.search-active .search-form-container{max-width:100%;box-shadow:none;z-index:1001;background:0 0;border:none;padding:0;display:flex;position:relative;top:0}.navbar.search-active .search-form{background:var(--code-bg);border-radius:var(--radius-lg);align-items:center;gap:0;padding-inline-start:8px;display:flex;position:relative}.navbar.search-active .mobile-search-close{z-index:5;padding:8px;display:flex;position:absolute;inset-inline-start:8px}.navbar.search-active .search-icon{z-index:5;opacity:.6;display:flex;position:absolute;inset-inline-end:12px}.navbar.search-active .search-input{box-shadow:none;background:0 0;border:none;flex:1;width:100%;padding-inline:44px!important}.search-form-container .search-results-dropdown{top:72px;position:fixed;inset-inline:16px}.navbar.search-active .search-form-container .search-results-dropdown{top:calc(100% + 12px);position:absolute;inset-inline:0}.search-result-item{justify-content:flex-start;padding:12px}.result-info{text-align:start;min-width:120px}.sign-in-btn span{display:none}.sign-in-btn{padding:10px}.mobile-search-toggle{display:flex}.nav-actions{gap:8px}.desktop-links,.lang-text{display:none}.action-toggle{padding:8px}.mobile-bottom-nav{display:flex}body{padding-bottom:calc(80px + env(safe-area-inset-bottom,16px))}.mobile-bottom-nav{bottom:12px}.search-form-container{flex:1;display:none}.search-form-container.open{display:flex}.search-input{font-size:var(--text-base);border-radius:var(--radius-lg);padding-inline:12px 42px}}@media (width<=400px){.nav-brand .site-logo span{display:none}}.pc-more-container{position:relative}.pc-more-toggle{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;background:0 0;border:none;padding:10px 16px}.pc-more-toggle.active{color:var(--accent)}.pc-more-dropdown{top:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2);min-width:180px;box-shadow:var(--shadow-dropdown);z-index:1100;flex-direction:column;gap:2px;margin-top:8px;display:flex;position:absolute;inset-inline-start:0}.pc-more-item{border-radius:var(--radius-xs);color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);transition:background var(--duration-instant) var(--ease-default), color var(--duration-instant) var(--ease-default);align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.pc-more-item:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.pc-more-item .active{color:var(--accent)}@media (width<=768px){.pc-more-container,.user-dropdown{display:none}}.user-menu-anchor{position:relative}.nav-profile-btn{cursor:pointer;transition:transform var(--duration-instant) var(--ease-default);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.nav-profile-btn:hover{transform:scale(1.05)}.nav-profile-btn.focused{outline:2px solid var(--color-focus-ring);outline-offset:2px}.nav-profile-avatar{background:var(--color-surface-muted);border:1px solid var(--color-border-default);width:32px;height:32px;color:var(--color-text-primary);font-size:var(--text-xs);text-transform:uppercase;transition:border-color var(--duration-instant) var(--ease-default);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.nav-profile-btn:hover .nav-profile-avatar,.nav-profile-btn.active .nav-profile-avatar{border-color:var(--color-border-strong)}.nav-user-pill{background:var(--color-surface-muted);-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default);cursor:pointer;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;text-decoration:none;display:flex}.nav-user-pill:hover{background:#fff3;border-color:#ffffff4d}.search-dropdown-header{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px 8px;font-size:12px;font-weight:800}.search-dropdown-header svg{vertical-align:middle;margin-inline-end:6px;display:inline}.search-dropdown-empty{text-align:center;color:var(--text);padding:20px;font-size:14px}.footer{background:var(--color-surface-base);border-top:1px solid var(--color-border-default);padding:var(--space-8) var(--space-gutter) var(--space-6);margin-top:var(--space-8);color:var(--color-text-tertiary)}.footer-content{gap:var(--space-8);max-width:1400px;margin:0 auto;margin-bottom:var(--space-7);grid-template-columns:1.5fr 1fr;display:grid}.footer-brand-section{gap:var(--space-5);flex-direction:column;display:flex}.footer-brand{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;text-decoration:none;display:flex}.footer-tagline{max-width:360px;font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6}.footer-socials{gap:var(--space-4);display:flex}.footer-socials a{color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-in-out)}.footer-socials a:hover{color:var(--color-text-primary)}.footer-links-grid{gap:var(--space-7);grid-template-columns:repeat(2,1fr);display:grid}.footer-link-group h3{color:var(--color-text-primary);font-size:var(--text-xs);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.footer-link-group ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-link-group a{color:var(--color-text-tertiary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-in-out);text-decoration:none}.footer-link-group a:hover{color:var(--color-text-primary)}.footer-bottom{max-width:1400px;padding-top:var(--space-6);border-top:1px solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-bottom-links{gap:var(--space-6);display:flex}.footer-bottom-links a{color:var(--color-text-tertiary);text-decoration:none}.footer-bottom-links a:hover{color:var(--color-text-primary)}@media (width<=768px){.footer{padding-bottom:100px}.footer-content{gap:var(--space-7);text-align:center;grid-template-columns:1fr}.footer-brand-section{align-items:center}.footer-tagline{max-width:none}.footer-socials{justify-content:center}.footer-links-grid{gap:var(--space-5);grid-template-columns:1fr}.footer-bottom{gap:var(--space-5);text-align:center;flex-direction:column}}@media (width<=480px){.footer{padding:var(--space-6) var(--space-gutter) var(--space-5);margin-top:var(--space-6)}.footer-content{gap:var(--space-5)}.footer-brand-section,.footer-links-grid{gap:var(--space-4)}.footer-link-group h3{margin-bottom:var(--space-4)}.footer-bottom{gap:var(--space-3);flex-direction:column;font-size:10px}.footer-bottom-links{gap:var(--space-2);flex-direction:column}}.reload-prompt-container{width:0;height:0;margin:0;padding:0}.reload-prompt{inset-inline-end:0;bottom:var(--space-10);margin:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:2000;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);gap:var(--space-3);flex-direction:column;max-width:300px;animation:.3s ease-out slideIn;display:flex;position:fixed}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reload-prompt-message{font-size:var(--text-base);color:var(--text-h);font-weight:500;line-height:1.4}.reload-prompt-buttons{gap:var(--space-2);display:flex}.reload-prompt-btn{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-h);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;flex:1}.reload-prompt-btn-close{padding:var(--space-2) var(--space-4);background:var(--code-bg);color:var(--text-h);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer}@media (width>=768px){.reload-prompt{bottom:var(--space-5)}}.modal-backdrop{z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease;background-color:#000000e6;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);display:flex;position:fixed;inset:0}.modal-backdrop.modal-open{opacity:1;pointer-events:auto}.quick-view-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);opacity:0;transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal) ease;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.92)translateY(20px)}.modal-open .quick-view-card{opacity:1;transform:scale(1)translateY(0)}.modal-close-btn{top:var(--space-5);color:var(--text-h);padding:var(--space-2);cursor:pointer;z-index:10;transition:all var(--duration-normal) ease;background:#00000080;border:none;border-radius:50%;display:flex;position:absolute;inset-inline-end:var(--space-5)}.modal-close-btn:hover{background:var(--accent);transform:scale(1.1)}.quick-view-content{grid-template-columns:350px 1fr;height:100%;display:grid}.quick-view-image{width:350px;height:100%;position:relative;overflow:hidden}.quick-view-image img{object-fit:cover;width:100%;height:100%}.image-overlay{background:linear-gradient(to right, transparent, var(--bg));position:absolute;inset:0}[dir=rtl] .image-overlay{background:linear-gradient(to left, transparent, var(--bg))}.info-footer{gap:var(--space-4);margin-top:auto;display:flex}.quick-view-cta-btn{justify-content:center;align-items:center;gap:var(--space-3);padding:clamp(var(--space-3), 2vh, var(--space-5)) clamp(var(--space-6), 4vw, 40px);border-radius:var(--radius-lg);font-weight:800;font-size:var(--text-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out);border:1px solid var(--color-border-strong);background:var(--card-bg);color:var(--text-h);width:fit-content;display:inline-flex}.quick-view-cta-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--text-h);box-shadow:0 4px 14px var(--accent-border)}.quick-view-cta-btn:hover,.quick-view-cta-btn.focused{filter:brightness(1.1);transform:translateY(-4px)scale(1.02)}.quick-view-cta-btn.primary:hover,.quick-view-cta-btn.primary.focused{box-shadow:0 10px 25px #8b5cf699}.quick-view-info{gap:var(--space-6);flex-direction:column;max-height:85vh;padding:clamp(24px,5vw,60px);display:flex;overflow-y:auto}.quick-view-summary{color:var(--text);font-size:var(--text-base);-webkit-line-clamp:8;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=900px){.quick-view-content{grid-template-columns:1fr}.quick-view-poster-wrapper{display:none}.quick-view-card{max-height:90vh}.quick-view-info{padding:var(--space-7) var(--space-6)}.quick-view-summary{-webkit-line-clamp:10}}@media (width<=480px){.modal-backdrop{padding:0}.quick-view-card{border:none;border-radius:0;height:100%;max-height:100%}.quick-view-info{max-height:100%}}