*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page{max-width:var(--page);margin-inline:auto;padding-inline:var(--sp-4)}@media(min-width:768px){.page{padding-inline:var(--sp-5)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.header{background:var(--c-bg-2);border-bottom:1px solid var(--c-line);position:sticky;top:0;z-index:20}.header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:60px}.header__logo img{height:32px;width:auto}.header__offline{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:13px;color:var(--c-text-2);white-space:nowrap}.header__offline:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-brand);flex:none}@media(max-width:480px){.header__offline span{display:none}}.nav{background:var(--c-bg-2);border-bottom:1px solid var(--c-line);overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav__list{display:flex;gap:var(--sp-2);margin:0;padding:0 var(--sp-4) var(--sp-3);list-style:none;min-width:max-content}@media(min-width:768px){.nav__list{padding-inline:var(--sp-5)}}.nav__link{display:inline-flex;align-items:center;gap:var(--sp-2);height:38px;padding:0 var(--sp-4);background:var(--c-bg);border-radius:var(--r-btn);font-size:14px;font-weight:600;color:var(--c-text-2);transition:background var(--ease),color var(--ease),transform var(--ease)}.nav__link:hover{background:var(--c-bg-3);color:var(--c-text)}.nav__link[aria-current=page]{background:var(--c-brand);color:var(--c-on-brand)}.hero{padding:var(--sp-6) 0 var(--sp-5)}.hero__title{margin:0;font-size:clamp(26px,7vw,44px);font-weight:600;line-height:1.2;text-wrap:balance}.hl{background:var(--c-brand);color:var(--c-on-brand);border-radius:var(--r-block);padding:2px 14px;font-weight:700;display:inline-block}.hero__sub{margin:var(--sp-4) 0 0;max-width:46ch;color:var(--c-text-2);font-size:clamp(15px,4vw,18px)}.shelf{padding-block:var(--sp-5)}.shelf__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.shelf__title{margin:0;font-size:clamp(20px,5vw,28px);font-weight:600}.shelf__more{font-size:14px;font-weight:600;color:var(--c-text-2);white-space:nowrap;transition:color var(--ease)}.shelf__more:hover{color:var(--c-text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4)}@media(min-width:768px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-5)}}.card{display:flex;flex-direction:column;gap:var(--sp-3)}.card__cover{position:relative;aspect-ratio:2 / 3;border-radius:var(--r-card);overflow:hidden;background:var(--c-bg-3);box-shadow:var(--shadow-card);transition:transform var(--ease)}.card--wide .card__cover{aspect-ratio:16 / 9}.card:hover .card__cover{transform:var(--lift)}.card__cover img{width:100%;height:100%;object-fit:cover}.badge-pd{position:absolute;left:var(--sp-2);bottom:var(--sp-2);padding:5px 10px;border-radius:var(--r-btn);background:linear-gradient(135deg,var(--c-badge-from),var(--c-badge-to));color:#fff;font-size:11px;font-weight:600;line-height:1}.card__title{margin:0;font-size:15px;font-weight:600;line-height:1.3}.card__meta{font-size:13px;color:var(--c-text-3);display:flex;flex-wrap:wrap;gap:4px 8px}.card__meta span+span:before{content:"\b7";margin-right:8px;color:var(--c-line)}.stub{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4);background:hsl(48 12% calc(var(--stub-lightness, 100%) - var(--tint, 10%)))}.stub__rule{width:32px;height:4px;border-radius:2px;background:var(--c-brand);margin-bottom:auto}.stub__title{font-size:17px;font-weight:600;line-height:1.2;color:var(--c-text);text-wrap:balance}.stub__title--long{font-size:14px}.stub__author{font-size:12px;color:var(--c-text-2)}.card__action{position:absolute;right:var(--sp-2);top:var(--sp-2);padding:5px 12px;border-radius:var(--r-btn);background:var(--c-brand);color:var(--c-on-brand);font-size:12px;font-weight:700;opacity:.92}.empty{padding:var(--sp-7) 0;color:var(--c-text-2);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-6);border:none;border-radius:var(--r-btn);background:var(--c-brand);color:var(--c-on-brand);font-size:16px;font-weight:600;cursor:pointer;transition:background var(--ease),transform var(--ease)}.btn:hover{background:var(--c-brand-press);transform:var(--lift)}.btn:active{transform:none}.btn--ghost{background:var(--c-bg-2)}.btn--ghost:hover{background:var(--c-bg-3)}.wikibar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--c-bg-2);border-left:4px solid var(--c-brand);border-radius:var(--r-block);transition:background var(--ease),transform var(--ease)}.wikibar:hover{background:var(--c-bg-3);transform:var(--lift)}.wikibar:active{transform:none}.wikibar__text{flex:1;min-width:0}.wikibar__title{display:block;font-size:18px;font-weight:600}.wikibar__lead{display:block;margin-top:var(--sp-1);color:var(--c-text-2);font-size:14px}.wikibar__go{flex:none;font-size:22px;color:var(--c-text-3)}.footer{margin-top:var(--sp-7);background:var(--c-bg-2);border-top:1px solid var(--c-line);padding-block:var(--sp-6)}.promo{background:var(--c-bg);border-radius:var(--r-card);padding:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;box-shadow:var(--shadow-card)}@media(min-width:768px){.promo{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--sp-6)}}.promo__logos{display:flex;align-items:center;gap:var(--sp-4);flex:none}.promo__logos img{height:34px;width:auto}.promo__text{max-width:42ch}.promo__title{margin:0 0 var(--sp-2);font-size:20px;font-weight:600}.promo__lead{margin:0;color:var(--c-text-2);font-size:15px}.qr{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);padding:var(--sp-4);background:var(--c-bg);border-radius:var(--r-block)}.qr img{width:88px;height:88px;flex:none}.qr__text{font-size:14px;color:var(--c-text-2)}.qr__text b{display:block;color:var(--c-text);font-size:15px;margin-bottom:2px}.disclaimer{margin-top:var(--sp-5);font-size:13px;line-height:1.6;color:var(--c-text-3);max-width:70ch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.toolbar{display:flex;flex-direction:column;gap:var(--sp-4);padding-block:var(--sp-5) var(--sp-3)}.search{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding-inline:var(--sp-4);background:var(--c-bg-2);border-radius:var(--r-btn)}.search:before{content:"";width:16px;height:16px;flex:none;border:2px solid var(--c-text-3);border-radius:50%;box-shadow:5px 5px 0 -2px var(--c-text-3);transform:translate(-1px,-1px)}.search input{flex:1;min-width:0;border:none;background:none;font:inherit;color:inherit;outline:none}.search input::placeholder{color:var(--c-text-3)}.chips{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:38px;padding:0 var(--sp-4);border:none;border-radius:var(--r-btn);background:var(--c-bg-2);font-size:14px;font-weight:600;color:var(--c-text-2);white-space:nowrap;cursor:pointer;transition:background var(--ease),color var(--ease)}.chip:hover{background:var(--c-bg-3);color:var(--c-text)}.chip--on{background:var(--c-brand);color:var(--c-on-brand)}.count{font-size:14px;color:var(--c-text-3);font-variant-numeric:tabular-nums}.back{display:inline-block;padding-block:var(--sp-5) var(--sp-4);font-size:14px;font-weight:600;color:var(--c-text-2);transition:color var(--ease)}.back:hover{color:var(--c-text)}.detail{display:grid;gap:var(--sp-5);padding-bottom:var(--sp-6)}@media(min-width:768px){.detail{grid-template-columns:300px 1fr;gap:var(--sp-7);align-items:start}}.detail__cover{position:relative;aspect-ratio:2 / 3;max-width:260px;border-radius:var(--r-card);overflow:hidden;background:var(--c-bg-3);box-shadow:var(--shadow-card)}.detail__cover--wide{aspect-ratio:16 / 9;max-width:100%}@media(min-width:768px){.detail__cover{max-width:100%}.detail__cover--wide{grid-column:1 / -1;max-width:560px}}.detail__cover img{width:100%;height:100%;object-fit:cover}.detail__body{display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.badge-pd--static{position:static}.detail__title{margin:0;font-size:clamp(24px,6vw,36px);font-weight:700;line-height:1.15;text-wrap:balance}.detail__author{margin:0;font-size:18px;color:var(--c-text-2)}.action{display:flex;flex-direction:column;gap:var(--sp-2)}.action .btn[disabled]{background:var(--c-bg-3);color:var(--c-text-3);cursor:not-allowed;transform:none}.action__note{margin:0;font-size:13px;color:var(--c-text-3)}.detail__text{max-width:62ch;color:var(--c-text);line-height:1.65}.detail__text p{margin:0 0 var(--sp-3)}.facts{margin:0;width:100%;max-width:460px;border-top:1px solid var(--c-line)}.facts__row{display:grid;grid-template-columns:130px 1fr;gap:var(--sp-4);padding-block:var(--sp-3);border-bottom:1px solid var(--c-line);font-size:15px}.facts dt{color:var(--c-text-3)}.facts dd{margin:0}.playlists{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4);padding-bottom:var(--sp-4)}.playlist{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--c-bg-2);border-radius:var(--r-block);transition:background var(--ease),transform var(--ease)}.playlist:hover{background:var(--c-bg-3);transform:var(--lift)}.playlist__title{font-weight:600}.playlist__meta{font-size:13px;color:var(--c-text-2)}body[data-theme]{transition:background var(--ease),color var(--ease)}body[data-theme=sepia]{background:#f4ecd8;color:#3b3227}body[data-theme=dark]{background:#16150f;color:#e8e6e1}.rbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);background:var(--c-bg-2);border-bottom:1px solid var(--c-line);flex-wrap:wrap}body[data-theme=sepia] .rbar{background:#ede3cb;border-color:#dfd2b4}body[data-theme=dark] .rbar{background:#1f1d14;border-color:#33301f}.rbar__back{font-size:22px;line-height:1;padding:var(--sp-2)}.rbar__title{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbar__tools{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.rbar__group{display:flex;align-items:center;gap:var(--sp-1)}.rbar__btn{min-width:40px;height:38px;border:none;border-radius:var(--r-btn);background:var(--c-bg);font-weight:600;cursor:pointer}body[data-theme=dark] .rbar__btn,body[data-theme=dark] .chip{background:#2a2719;color:#e8e6e1}.rbar__size{min-width:46px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.rbar__toc{height:38px;max-width:200px;border:none;border-radius:var(--r-btn);background:var(--c-bg);font:inherit;font-size:14px;padding-inline:var(--sp-3)}.rwrap{position:relative;display:flex;align-items:stretch;height:calc(100dvh - 56px)}.rarea{flex:1;min-width:0}.rpdf{flex:1;min-width:0;border:none}.rnav{flex:none;width:44px;border:none;background:none;font-size:30px;line-height:1;color:var(--c-text-3);cursor:pointer}.rnav:hover{color:var(--c-text)}@media(max-width:600px){.rnav{width:32px;font-size:24px}}:root{--plyr-color-main: #FFCA05;--plyr-video-control-color-hover: #1A1A1A}.stage{margin-top:var(--sp-4);border-radius:var(--r-card);overflow:hidden;background:#000}.stage__media{width:100%;display:block}.nowplaying{padding-block:var(--sp-5) var(--sp-4)}.nowplaying__title{margin:0;font-size:clamp(22px,5vw,32px);font-weight:700;text-wrap:balance}.nowplaying__author{margin:var(--sp-2) 0 0;color:var(--c-text-2);font-size:17px}.queue{margin:var(--sp-5) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.track{width:100%;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:none;border-radius:var(--r-block);background:none;text-align:left;cursor:pointer;transition:background var(--ease)}.track:hover,.track--on{background:var(--c-bg-2)}.track--on .track__n{background:var(--c-brand);color:var(--c-on-brand)}.track__n{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--c-bg-3);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.track__body{flex:1;min-width:0;display:flex;flex-direction:column}.track__title{font-weight:600;font-size:15px}.track__author{font-size:13px;color:var(--c-text-2)}.track__time{flex:none;font-size:13px;color:var(--c-text-3);font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--c-brand-focus);outline-offset:2px;border-radius:var(--r-btn)}.card:focus-visible{outline-offset:4px}html[data-scale=m] body{zoom:1.12}html[data-scale=l] body{zoom:1.28}.scale{display:flex;align-items:baseline;gap:2px;flex:none}.scale__btn{width:34px;height:34px;border:none;border-radius:var(--r-btn);background:transparent;color:var(--c-text-2);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--ease),color var(--ease)}.scale__btn--m{font-size:16px}.scale__btn--l{font-size:19px}.scale__btn:hover{background:var(--c-bg-3)}.scale__btn[aria-pressed=true]{background:var(--c-brand);color:var(--c-on-brand)}@media(max-width:560px){.header__offline{display:none}}.card--skeleton{aspect-ratio:2 / 3;border-radius:var(--r-card);background:linear-gradient(100deg,var(--c-bg-2) 30%,var(--c-bg-3) 50%,var(--c-bg-2) 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.card--skeleton{animation:none}}.card__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0000002e}.card__progress span{display:block;height:100%;background:var(--c-brand)}.chips--len{margin-top:var(--sp-2)}.chips--modes{margin:var(--sp-4) 0}.totop{display:none}@supports (animation-timeline: scroll()){.totop{display:grid;place-items:center;position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:30;width:48px;height:48px;border-radius:50%;background:var(--c-bg);border:1px solid var(--c-line);box-shadow:var(--shadow-card);color:var(--c-text);font-size:20px;text-decoration:none;opacity:0;visibility:hidden;animation:totop-in both;animation-timeline:scroll();animation-range:400px 700px}}@keyframes totop-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.empty:empty{display:none}.theme__btn{font-size:15px;line-height:1;margin-right:var(--sp-2)}:root[data-theme=dark] .header__logo img,:root[data-theme=dark] .promo__logos img{filter:invert(1) hue-rotate(180deg)}@media(max-width:600px){.detail{grid-template-columns:116px 1fr;gap:var(--sp-4);align-items:start}.detail__cover{max-width:116px}.detail__cover--wide{grid-column:1 / -1;max-width:100%}.detail__title{font-size:22px}.detail__text,.facts{grid-column:1 / -1}}.nowplaying{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-4);align-items:start}.nowplaying:not(:has(.nowplaying__cover)){grid-template-columns:1fr}.nowplaying__cover{grid-row:span 2;width:96px;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--r-block);box-shadow:var(--shadow-card)}