.hero{padding-top:clamp(16px,2.4vw,24px)}.hero-frame{position:relative;height:clamp(520px,78vh,740px);border:1px solid var(--line);border-radius:var(--r-2xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:0;transition:opacity .65s var(--ease)}.hero-media img.is-loaded{opacity:1}.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,var(--surface) 0,color-mix(in srgb,var(--surface) 95%,transparent) 36%,color-mix(in srgb,var(--surface) 55%,transparent) 66%,color-mix(in srgb,var(--surface) 10%,transparent) 100%),linear-gradient(to top,var(--surface) 0,color-mix(in srgb,var(--surface) 86%,transparent) 20%,transparent 48%);pointer-events:none}.hero-inner{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(20px,4vw,52px);padding:clamp(22px,3.6vw,46px);pointer-events:none}.hero-inner>*{pointer-events:auto}.hero-copy{max-width:640px;color:var(--text)}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-dot.is-paused{animation:soft-pulse 1.6s var(--ease) infinite}.hero-title{margin-top:14px;font-size:clamp(2.6rem, 5.4vw, 4.7rem);line-height:1.04;text-wrap:balance}.hero-origin{margin-top:12px;font-size:var(--fs-15);color:var(--muted);line-height:1.45}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:14px;font-size:var(--fs-12);font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}.hero-play{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;border-radius:var(--pill);background:var(--primary);color:var(--on-primary);font-size:var(--fs-14);font-weight:500;box-shadow:0 14px 34px -18px rgba(16,16,26,.75);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.hero-play:hover{background:var(--accent);color:var(--on-accent);box-shadow:0 14px 34px -16px rgba(207,74,29,.55)}.hero-play:active{transform:translateY(1px)}.hero-ghost{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:var(--pill);border:1px solid var(--line-2);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);font-size:var(--fs-14);font-weight:500;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.hero-ghost:hover{background:var(--panel);border-color:var(--text)}.hero-ghost:active{transform:translateY(1px)}.hero-save{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text-2);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.hero-save:hover{background:var(--panel);border-color:var(--text);color:var(--text)}.hero-save.is-saved{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.hero-save.is-saved svg{fill:currentColor}.hero-pager{display:flex;flex-direction:column;gap:8px;flex:none;width:min(220px,30vw)}.hero-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid transparent;background:0 0;color:var(--muted);font-size:var(--fs-12);text-align:left;line-height:1.25;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.hero-chip:hover{color:var(--text-2);background:color-mix(in srgb,var(--panel) 70%,transparent)}.hero-chip.is-active{border-color:var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text);box-shadow:var(--shadow-xs)}.hero-chip .n{flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}.hero-chip.is-active .n{color:var(--accent)}.hero-chip .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-progress{position:absolute;right:0;bottom:0;left:0;z-index:2;height:2px;background:color-mix(in srgb,var(--line) 75%,transparent)}.hero-progress i{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}.hero-progress i.is-run{animation:hero-fill var(--hero-ms,7000ms) linear forwards}.hero-frame.is-paused .hero-progress i.is-run{animation-play-state:paused}@keyframes hero-fill{to{transform:scaleX(1)}}@media (max-width:860px){.hero-frame{height:clamp(500px,85vh,680px);border-radius:var(--r-lg)}.hero-inner{flex-direction:column;align-items:flex-start;gap:22px}.hero-pager{flex-direction:row;width:100%;overflow-x:auto;scrollbar-width:none}.hero-pager::-webkit-scrollbar{display:none}.hero-chip{min-width:0;padding:8px 10px}.hero-chip .t{display:none}}.ticker{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-block:13px}.ticker::after,.ticker::before{content:"";position:absolute;top:0;bottom:0;z-index:2;width:60px;pointer-events:none}.ticker::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.ticker::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.ticker-track{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);animation:40s linear infinite marquee}.ticker-track span{flex:none}.ticker-track i{flex:none;color:var(--accent);font-style:normal}@media (prefers-reduced-motion:reduce){.hero-progress i.is-run,.ticker-track{animation:none}}.rank-shelf{grid-auto-columns:clamp(180px,18vw,240px);gap:16px}.rank-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:0;transition:transform .4s var(--ease)}.rank-item:hover{transform:translateY(-4px)}.rank-num{font-family:var(--font-serif);font-size:clamp(72px, 10vw, 108px);font-weight:500;line-height:.75;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--line-2);text-stroke:1px var(--line-2);user-select:none;padding-right:6px;transition:color var(--dur) var(--ease),-webkit-text-stroke-color var(--dur) var(--ease)}.rank-item:hover .rank-num{color:var(--accent);-webkit-text-stroke-color:transparent}.rank-poster{position:relative;aspect-ratio:2/3;border-radius:var(--r-md);overflow:hidden;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.rank-poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.rank-item:hover .rank-poster img{transform:scale(1.04)}.rank-title{grid-column:1/-1;margin-top:10px;font-size:var(--fs-12);font-weight:500;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.mood-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;aspect-ratio:16/10;padding:clamp(16px,2.4vw,24px);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s var(--ease),color .3s var(--ease)}.mood-tile:hover{transform:translateY(-3px);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--primary)}.mood-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14;filter:grayscale(1);transition:opacity .4s var(--ease),transform .6s var(--ease-out)}.mood-tile:hover img{opacity:.2;transform:scale(1.04)}.mood-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(170deg,color-mix(in srgb,var(--surface) 35%,transparent) 0,color-mix(in srgb,var(--surface) 75%,transparent) 100%)}.mood-body{position:static;display:flex;flex-direction:column;gap:4px;padding:0;color:inherit}.mood-n{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted);transition:color .3s var(--ease)}.mood-name{font-family:var(--font-serif);font-size:clamp(1.25rem, 1.8vw, 1.6rem);font-weight:500;line-height:1.12}.mood-go{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px;opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease),transform .3s var(--ease),color .3s var(--ease)}.mood-tile:hover .mood-go,.mood-tile:hover .mood-n{color:color-mix(in srgb,var(--on-primary) 62%,transparent)}.mood-tile:hover .mood-go{opacity:1;transform:none}@media (max-width:860px){.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.statement{margin-top:clamp(44px,6vw,80px);padding-block:clamp(50px,7vw,90px);border-top:1px solid var(--line);background:var(--bg-soft)}.statement-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}.statement-copy .eyebrow{margin-bottom:18px}.statement-title{font-size:clamp(2rem, 4.6vw, 3.8rem);line-height:1.08;text-wrap:balance}.statement-title em{color:var(--accent);font-style:italic}.statement-text{margin-top:16px}.stat-list{display:grid;gap:0}.stat-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-block:18px;border-top:1px solid var(--line)}.stat-list>div:last-child{border-bottom:1px solid var(--line)}.stat-list dt{font-size:var(--fs-13);font-weight:450;color:var(--text-2)}.stat-list dd{font-size:clamp(1.7rem, 3vw, 2.6rem);line-height:1;color:var(--text)}@media (max-width:860px){.statement-inner{grid-template-columns:1fr}}.catalog-body{padding-top:clamp(30px,4vw,52px)}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:clamp(16px,2vw,26px);border-bottom:1px solid var(--line)}.catalog-total{flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.catalog-total b{font-family:var(--font-serif);font-size:clamp(1.8rem, 3.2vw, 2.8rem);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--text)}.catalog-bar{position:sticky;top:calc(var(--header-h) + 1px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:var(--bg)}@supports (backdrop-filter:blur(1px)){.catalog-bar{background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(18px) saturate(150%)}}.catalog-tabs{display:flex;gap:clamp(18px,2.6vw,30px);min-width:0;overflow-x:auto;scrollbar-width:none}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tab{position:relative;flex:none;height:52px;font-size:var(--fs-13);font-weight:500;color:var(--muted);white-space:nowrap;transition:color var(--dur) var(--ease)}.catalog-tab::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .36s var(--ease)}.catalog-tab:hover{color:var(--text)}.catalog-tab.is-active{color:var(--text);font-weight:500}.catalog-tab.is-active::after{transform:scaleX(1)}.catalog-tools{display:flex;align-items:center;gap:14px;flex:none}.catalog-shown{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.catalog-random{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border:1px solid var(--line-2);border-radius:var(--pill);background:var(--surface);font-size:var(--fs-11);font-weight:450;color:var(--text-2);white-space:nowrap;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.catalog-random svg{width:13px;height:13px}.catalog-random:hover{border-color:var(--text);color:var(--text)}.catalog-random.is-busy{opacity:.55;pointer-events:none}.catalog-random.is-busy svg{animation:.9s linear infinite spin}.catalog-body .poster-grid{padding-top:clamp(20px,2.8vw,32px);row-gap:clamp(26px,3vw,38px)}.catalog-body .card{animation:card-in .5s var(--ease) both;animation-delay:calc(var(--i, 0) * 32ms)}@keyframes card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.catalog-foot{margin-top:clamp(30px,4vw,48px);border-top:1px solid var(--line)}.load-more{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:66px;border-bottom:1px solid var(--line);font-size:var(--fs-12);color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.load-more:hover{background:var(--panel);color:var(--text)}.load-more-dot{width:5px;height:5px;border-radius:50%;background:var(--text-2);transition:background var(--dur) var(--ease)}.load-more:hover .load-more-dot{background:var(--accent)}.load-more-label{font-weight:500}.load-more-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.load-more.is-loading .load-more-dot{animation:.9s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.9);opacity:.45}}.continue-section{padding-top:clamp(30px,4vw,52px)}.continue-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.continue-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.continue-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.continue-card img{width:62px;height:88px;border-radius:var(--r-xs);object-fit:cover;background:var(--panel-2)}.continue-card .t{display:block;font-size:var(--fs-13);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-card .p{display:block;height:3px;margin:8px 0 7px;border-radius:2px;background:var(--line);overflow:hidden}.continue-card .p i{display:block;height:100%;background:var(--accent)}.continue-card .s{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-index{margin-top:clamp(52px,7vw,92px);border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:clamp(14px,3vw,44px);padding-block:24px;border-bottom:1px solid var(--line);animation:rise-in .5s var(--ease) both}.index-row:nth-child(2){animation-delay:70ms}.index-row:nth-child(3){animation-delay:.14s}.index-label{padding-top:5px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.index-list{display:flex;flex-wrap:wrap;gap:9px 28px;min-width:0}.index-list a{font-size:var(--fs-14);line-height:1.45;color:var(--text-2);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(100% - 1px);background-size:0 1px;transition:color .2s var(--ease),background-size .26s var(--ease)}.index-list a:hover{color:var(--text);background-size:100% 1px}.index-list--num a{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.01em;font-variant-numeric:tabular-nums}.index-empty{font-size:var(--fs-13);color:var(--muted)}@media (max-width:1000px){.continue-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.catalog-shown{display:none}.catalog-head{align-items:baseline;gap:16px}.catalog-total b{font-size:1.7rem}}@media (max-width:720px){.catalog-tab{height:46px}.catalog-random{height:30px;padding:0 9px}.catalog-random span{display:none}.continue-strip{grid-template-columns:minmax(0,1fr)}.load-more{height:58px}.index-row{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:20px}.index-label{padding-top:0}.index-list{gap:8px 20px}}