@import"https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800;900&family=Shippori+Mincho:wght@700;800&display=swap";:root{--ink: #09090f;--ink-2: #0f0f1e;--ink-3: rgba(15,15,30,.65);--line: rgba(255,255,255,.08);--line-2: rgba(255,255,255,.14);--paper: #ede9f8;--muted: #706c96;--accent: #6366f1;--accent-2: #8b5cf6;--accent-deep: #4f46e5;--accent-glow: rgba(99,102,241,.32);--shu: #6366f1;--shu-deep: #4f46e5;--shu-glow: rgba(99,102,241,.32);--gold: #f59e0b;--gold-glow: rgba(245,158,11,.25);--green: #34d399;--radius: 12px;--radius-lg: 18px;--mincho: "Shippori Mincho", Georgia, serif;--gothic: "Geologica", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--paper);font-family:var(--gothic);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:-.02em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 65% at 8% -8%,rgba(99,102,241,.16) 0%,transparent 55%),radial-gradient(ellipse 65% 55% at 92% 108%,rgba(139,92,246,.13) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 52% 52%,rgba(99,102,241,.06) 0%,transparent 65%)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}video{outline:none}.container{max-width:1260px;margin:0 auto;padding:0 32px;position:relative;z-index:2}.navbar{position:sticky;top:0;z-index:100;height:64px;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);background:#09090fb8;border-bottom:1px solid var(--line)}.navbar-inner{display:flex;align-items:center;gap:20px;height:100%}.brand{font-family:var(--mincho);font-weight:800;font-size:22px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;color:var(--paper);flex-shrink:0}.brand:before{content:"鏡";color:var(--accent);font-size:24px}.brand span{color:var(--accent)}.nav-links{display:flex;gap:2px}.nav-links a{color:var(--muted);font-weight:500;font-size:14px;padding:6px 12px;border-radius:8px;transition:color .15s,background .15s}.nav-links a:hover,.nav-links a.active{color:var(--paper);background:#ffffff0f}.nav-spacer{flex:1}.search-mini{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:8px 16px;transition:border-color .2s,background .2s,box-shadow .2s}.search-mini:focus-within{border-color:#6366f173;background:#6366f10f;box-shadow:0 0 0 3px #6366f11f}.search-mini input{background:none;border:none;color:var(--paper);outline:none;width:100%;font-size:14px;font-family:inherit}.search-mini input::placeholder{color:var(--muted)}.search-wrap{flex:1;max-width:280px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.11);background:#ffffff0f;color:var(--paper);padding:10px 20px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.1px;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;white-space:nowrap}.btn:hover{background:#ffffff1c;border-color:#ffffff2e}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 22px -4px var(--accent-glow)}.btn-accent:hover{background:linear-gradient(135deg,#7475f3,#9d6ef8);border-color:transparent;box-shadow:0 8px 32px -4px #6366f180;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:#ffffff21}.hero-outer{position:relative;height:clamp(520px,74vh,800px);overflow:hidden;margin-bottom:48px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center 20%;transform:scale(1.15);filter:brightness(.55) blur(45px) saturate(1.5)}.hero-poster-wrap{position:absolute;right:180px;top:50%;z-index:1;transform:translateY(-50%);height:72%;width:auto;aspect-ratio:2/3;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #000000b3,0 0 0 2px #ffffff12}.hero-poster-card{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#09090f 0%,#09090f 20%,rgba(9,9,15,.85) 38%,rgba(9,9,15,.4) 58%,rgba(9,9,15,.08) 74%,transparent 86%),linear-gradient(0deg,#09090f 0%,rgba(9,9,15,.8) 10%,rgba(9,9,15,.2) 26%,transparent 46%)}.hero-body{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 56px 72px;max-width:1260px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-weight:700;letter-spacing:2.5px;font-size:11px;text-transform:uppercase;margin-bottom:16px}.hero-eyebrow:before{content:"";display:block;width:20px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;flex-shrink:0}.hero h1{font-family:var(--mincho);font-weight:800;font-size:clamp(36px,5.8vw,78px);line-height:1.04;margin:0 0 14px;letter-spacing:-1px;max-width:680px;text-shadow:0 2px 24px rgba(0,0,0,.6)}.hero p{color:#ede9f8b3;line-height:1.7;margin:0 0 28px;font-size:15px;max-width:500px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{color:var(--muted);font-size:13px;margin-bottom:12px;letter-spacing:.3px}.hero-genres{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.hero-genres .chip{font-size:11px;padding:4px 10px;background:#ffffff12;border-color:#ffffff1c;color:#ede9f8a6}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero{position:relative;border-radius:20px;overflow:hidden;margin:28px 0 46px;min-height:440px;border:1px solid var(--line)}.hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;transform:scale(1.1);filter:brightness(.85) blur(6px)}.hero .hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(9,9,15,.88) 0%,rgba(9,9,15,.62) 24%,rgba(9,9,15,.18) 52%,rgba(9,9,15,.03) 74%,transparent 100%),linear-gradient(0deg,rgba(9,9,15,1) 0%,rgba(9,9,15,.65) 16%,rgba(9,9,15,.12) 36%,transparent 54%)}.hero:after{content:"鏡";position:absolute;right:3%;top:50%;transform:translateY(-50%);font-family:var(--mincho);font-weight:800;font-size:300px;line-height:1;color:#6366f10d;pointer-events:none;-webkit-user-select:none;user-select:none}.hero .hero-body{position:relative;z-index:2;padding:52px;max-width:580px;display:block;height:auto}.section-head{display:flex;align-items:center;gap:14px;margin:0 0 22px}.section-head h2{font-weight:800;font-size:15px;margin:0;color:var(--paper);letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.section-head h2:before{content:"";display:block;width:3px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));flex-shrink:0}.section-head .eyebrow{color:var(--muted);font-size:11px;font-weight:500;background:#ffffff0a;padding:2px 9px;border-radius:999px;border:1px solid var(--line)}.section-head:after{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:18px}.card{display:block}.card-poster{position:relative;aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;background:var(--ink-2);box-shadow:0 4px 24px #00000073}.card-poster img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.25,.46,.45,.94)}.card:hover .card-poster img{transform:scale(1.07)}.card-overlay{display:none}.card-overlay-genre{font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--gold);margin-bottom:5px;text-shadow:0 1px 4px rgba(0,0,0,.8);opacity:.9}.card-overlay-title{font-weight:700;font-size:13px;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.95)}.card-badge{position:absolute;z-index:3;font-size:10px;font-weight:700;letter-spacing:.2px;padding:3px 8px;border-radius:7px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-badge-year{top:8px;left:8px;background:#09090fd1;color:var(--gold);border:1px solid rgba(245,158,11,.22)}.card-badge-ep{top:8px;right:8px;background:#09090fd1;color:var(--muted);border:1px solid var(--line)}.card-badge-airing{top:8px;right:8px;background:#09090fe0;color:var(--green);border:1px solid rgba(52,211,153,.28);animation:pulse-airing 2.8s ease-in-out infinite}.card-badge-custom{top:8px;right:8px;background:#09090fe0;color:var(--accent);border:1px solid rgba(99,102,241,.3)}@keyframes pulse-airing{0%,to{opacity:1}50%{opacity:.5}}.card-ep-badge{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:28px 9px 8px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,transparent 100%);display:flex;flex-direction:column;align-items:flex-start;line-height:1}.card-ep-num{font-size:26px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-1px}.card-ep-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff6;margin-top:2px}.card-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;border-radius:var(--radius);border-radius:6px;box-shadow:inset 0 0 0 2px #6366f199;transition:opacity .22s}.card:hover .card-poster:after{opacity:1}.card:hover .card-poster{box-shadow:0 12px 48px -8px #000000a6,0 0 0 0 transparent}.card-info{padding:8px 2px 4px}.card-title{font-size:13px;font-weight:600;line-height:1.38;color:var(--paper);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.card-meta{font-size:11px;color:var(--muted)}.row-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;margin-bottom:40px;scroll-snap-type:x mandatory;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.row-scroll .card{flex-shrink:0;width:150px;scroll-snap-align:start}.row-scroll .card-poster{aspect-ratio:2/3}.date-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.date-tabs::-webkit-scrollbar{display:none}.date-tab{flex-shrink:0;padding:6px 15px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);white-space:nowrap;transition:all .14s}.date-tab.active{background:#6366f124;border-color:var(--accent);color:var(--accent)}.date-tab:hover:not(.active){border-color:#ffffff38;color:var(--paper)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:56px}.genre-tile{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--ink-2);border:1px solid var(--line);transition:transform .18s,border-color .18s;display:block}.genre-tile:hover{transform:translateY(-3px) scale(1.02);border-color:#6366f180}.genre-tile img{width:100%;height:100%;object-fit:cover;opacity:.65;filter:blur(3px) saturate(1.2);transform:scale(1.08);transition:opacity .2s,filter .2s;display:block}.genre-tile:hover img{opacity:.85;filter:blur(1.5px) saturate(1.4)}.genre-tile-name{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9)}@media (max-width: 760px){.genre-grid{grid-template-columns:repeat(2,1fr);gap:8px}.genre-tile-name{font-size:12px}}.title-backdrop-wrap{position:relative}.title-backdrop{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:560px;overflow:hidden;pointer-events:none;z-index:0}.title-backdrop img{width:100%;height:100%;object-fit:cover;object-position:top;filter:blur(90px) saturate(.5);transform:scale(1.2);opacity:.14}.title-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(9,9,15,.94) 0%,rgba(9,9,15,.38) 28%,rgba(9,9,15,.16) 50%,rgba(9,9,15,.68) 75%,var(--ink) 100%)}.title-head{display:grid;grid-template-columns:240px 1fr;gap:40px;margin:36px 0;position:relative;z-index:1}.title-poster{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 64px -16px #000000d9}.title-meta h1{font-family:var(--mincho);font-weight:800;font-size:34px;margin:0 0 4px;letter-spacing:-.4px}.title-meta .en{color:var(--muted);font-style:italic;margin:0 0 16px;font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--muted);padding:5px 12px;border-radius:999px;font-size:12px;transition:border-color .15s,color .15s}a.chip{cursor:pointer}a.chip:hover{border-color:var(--accent);color:var(--accent)}.title-desc{color:#ede9f8bf;line-height:1.75;margin:16px 0;font-size:15px}.title-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.player-wrap{margin:6px 0 24px;position:relative;z-index:1}.player-shell{border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:0 32px 80px -20px #000000f2;border:1px solid var(--line)}.player-shell video{width:100%;display:block;aspect-ratio:16/9;background:#000}.player-shell:fullscreen,.player-shell:-webkit-full-screen{border-radius:0}.episodes{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.ep-btn{border:1px solid var(--line);background:#ffffff0a;color:var(--muted);padding:7px 14px;border-radius:8px;font-weight:600;font-size:13px;min-width:38px;text-align:center;transition:background .12s,border-color .12s,color .12s}.ep-btn:hover{color:var(--paper);background:#ffffff17;border-color:#ffffff2e}.ep-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.auth-wrap{max-width:420px;margin:72px auto;position:relative;z-index:2}.auth-card{background:#0f0f1ee0;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:40px;box-shadow:0 24px 80px -16px #000c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-card h1{font-family:var(--mincho);font-weight:800;font-size:28px;margin:0 0 6px}.auth-card .sub{color:var(--muted);margin:0 0 28px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500}.field input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--paper);font-size:15px;outline:none;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.field input:focus{border-color:#6366f180;background:#6366f10f;box-shadow:0 0 0 3px #6366f11f}.field input::placeholder{color:var(--muted);opacity:.55}.auth-alt{text-align:center;margin-top:22px;color:var(--muted);font-size:14px}.auth-alt a{color:var(--accent);font-weight:700}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:shine 1.4s linear infinite;border-radius:var(--radius)}@keyframes shine{to{background-position:-200% 0}}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.07);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite;margin:72px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#6366f114;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:13px 18px;border-radius:10px;margin-bottom:18px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:64px 20px;font-size:15px}.site-footer{margin-top:80px;border-top:1px solid var(--line);background:#09090fcc;position:relative;z-index:2}.site-footer .container{padding-top:44px;padding-bottom:52px}.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-brand{font-family:var(--mincho);font-weight:800;font-size:22px}.footer-brand:before{content:"鏡 ";color:var(--accent)}.footer-tagline{color:var(--muted);font-size:14px;margin-top:8px;max-width:300px;line-height:1.6}.footer-cols{display:flex;gap:56px}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);margin:0 0 14px;font-weight:700}.footer-col a{display:block;color:var(--muted);font-size:14px;margin-bottom:9px;transition:color .15s}.footer-col a:hover{color:var(--paper)}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}@keyframes toastIn{0%{opacity:0;transform:translate(20px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px 4px;z-index:60}.hamburger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--paper);transition:background .15s}.hamburger:hover span{background:var(--accent)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease}.mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(300px,82vw);background:var(--ink-2);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:slideInRight .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#6366f14d;color:var(--paper)}:focus-visible{outline:2px solid rgba(99,102,241,.55);outline-offset:3px;border-radius:4px}button:focus:not(:focus-visible){outline:none}@media (max-width: 960px){.title-head{grid-template-columns:200px 1fr;gap:28px}}@media (max-width: 760px){.container{padding:0 18px}.nav-links,.nav-username,.search-wrap{display:none}.hamburger{display:flex}.hero h1{font-size:26px}.hero{min-height:300px}.hero .hero-body{padding:32px 22px}.hero:after{font-size:180px}.hero-outer{height:clamp(340px,52vh,500px)}.hero-body{padding:0 18px 40px}.hero-poster-wrap{display:none!important}.hero-scrim{background:linear-gradient(0deg,#09090f 0%,rgba(9,9,15,.8) 18%,rgba(9,9,15,.3) 45%,transparent 70%),linear-gradient(180deg,rgba(9,9,15,.5) 0%,transparent 30%)}.title-head{grid-template-columns:1fr}.title-poster{max-width:180px}.title-meta h1{font-size:26px}.grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.row-scroll .card{width:128px}.footer-top{flex-direction:column}.footer-cols{gap:36px;flex-wrap:wrap}}@media (max-width: 480px){.grid{grid-template-columns:repeat(2,1fr);gap:11px}.section-head h2{font-size:18px}}.mobile-search{margin:12px 16px 4px;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--line);border-radius:999px;padding:10px 16px;transition:border-color .2s}.mobile-search:focus-within{border-color:#6366f173}.mobile-search input{background:none;border:none;color:var(--paper);outline:none;width:100%;font-size:15px;font-family:inherit}.mobile-search input::placeholder{color:var(--muted)}@media (pointer: coarse){.p-btn{padding:10px 12px!important}.ep-btn{padding:10px 16px;min-width:44px;font-size:14px}}@media (max-width: 760px){.card-overlay-title{font-size:12px}.card-overlay-genre{font-size:9px}.btn{padding:11px 20px}.title-meta .en{font-size:13px}.title-desc{font-size:14px}.section-head{margin-bottom:18px}.section-head h2{font-size:18px}.hero-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:10px}.hero p{font-size:14px}.hero-actions .btn{padding:10px 18px;font-size:14px}.footer-cols{gap:24px}}@media (max-width: 380px){.grid{grid-template-columns:repeat(2,1fr);gap:9px}.hero-outer{height:clamp(300px,60vh,400px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hero-outer:after{display:none}.hero-skeleton{background:linear-gradient(135deg,var(--ink-2) 0%,var(--ink) 100%);animation:skeleton-pulse 1.8s ease-in-out infinite}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:26px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,transform .18s;-webkit-user-select:none;user-select:none}.hero-arrow:hover{background:#6366f138;border-color:#6366f166;transform:translateY(-50%) scale(1.08)}.hero-arrow-prev{left:22px}.hero-arrow-next{right:22px}.hero-dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:7px;z-index:10}.hero-dot{width:7px;height:7px;border-radius:99px;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:background .22s,width .22s,transform .22s}.hero-dot.active{background:var(--accent);width:22px;transform:none}.hero-dot:not(.active):hover{background:#ffffff8c}.section-icon{font-size:16px;line-height:1;flex-shrink:0}.row-scroll-wide .card{width:170px}.row-scroll-wide .card-poster{aspect-ratio:2/3}