.pc-main{padding-top:24px;padding-bottom:250px}.pc-hero{padding:48px;border-radius:24px;background:linear-gradient(120deg,#172a3f,#38565e);color:#fff;margin:20px 0}.pc-hero h1{font-size:clamp(26px,4vw,46px)}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:22px;margin:24px 0}.pc-card{padding:16px;border:1px solid #dce2e6;border-radius:18px;background:var(--surface,#fff)}.pc-card img{aspect-ratio:1;width:100%;object-fit:cover;border-radius:14px}.pc-card h3{font-size:18px;margin:12px 0}.pc-card span,.pc-card p{color:#6a7885;font-size:13px}.pc-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pc-links button{font:inherit;background:transparent;border:1px solid #ccd5dd;border-radius:10px;padding:8px 14px;cursor:pointer}.pc-search{display:flex;gap:10px;flex-wrap:wrap;padding:20px;background:#f3f5f7;border-radius:14px}.pc-search input{flex:1;min-width:160px}.pc-main input,.pc-main select,.pc-main textarea{font:inherit;padding:11px;border:1px solid #cdd7df;border-radius:9px}.pc-episode{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid #e0e5e9}.pc-episode>div{flex:1}.pc-episode h3{font-size:18px}.pc-episode p{font-size:12px;color:#697888}.pc-detail{display:grid;grid-template-columns:240px 1fr;gap:32px;margin:36px 0}.pc-detail>img{width:100%;border-radius:22px}.pc-description{white-space:normal;line-height:2;overflow-wrap:anywhere}.pc-form{max-width:720px;margin:30px auto;background:#f5f7fa;border-radius:20px;padding:28px}.pc-form label{display:grid;gap:8px;margin:16px 0}.pc-form label:has([type=checkbox]){display:flex}.pc-form textarea{min-height:100px}.pc-player{position:fixed;bottom:12px;left:3%;right:3%;z-index:90;display:flex;gap:18px;padding:18px;border-radius:20px;background:#172a3f;color:white;box-shadow:0 10px 30px #0005}.pc-player[hidden]{display:none}.pc-player>img{width:85px;height:85px;object-fit:cover;border-radius:12px}.pc-player>div{flex:1;min-width:0}.pc-player audio{width:100%;height:36px}.pc-player button{color:white}.pc-player select{color:#172a3f}.pc-player p{margin:0;font-size:12px}#pcNotice{color:#9a3a2a}#pcTrackResult pre{white-space:pre-wrap;overflow-wrap:anywhere}.pc-links input[type=checkbox]{width:auto}@media(max-width:650px){.pc-detail{grid-template-columns:1fr}.pc-detail>img{max-width:180px}.pc-hero{padding:25px}.pc-episode{flex-wrap:wrap}.pc-episode>div{flex-basis:100%}.pc-player>img{display:none}.pc-form{padding:18px}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.pc-main [hidden]{display:none!important}.pc-grid>*{min-width:0;overflow-wrap:anywhere}.pc-main{min-width:0}.pc-form input:not([type=checkbox]),.pc-form textarea,.pc-form select{width:100%;box-sizing:border-box}.pc-main button{font:inherit}.pc-search select{max-width:100%}
[data-theme=dark] .pc-card,[data-theme=dark] .pc-form,[data-theme=dark] .pc-search{background:#222536;color:#f2f2f7;border-color:#505468}[data-theme=dark] .pc-card p,[data-theme=dark] .pc-card span,[data-theme=dark] .pc-episode p{color:#bcc4d4}[data-theme=dark] .pc-main input,[data-theme=dark] .pc-main textarea,[data-theme=dark] .pc-main select{background:#171b2a;color:#f2f2f7}[data-theme=dark] .pc-links button{color:inherit}

html[data-theme=dark] body.pc-page,body.pc-page[data-theme=dark]{background:#151827;color:#f2f2f7}.pc-page[data-theme=dark] #pcNotice,html[data-theme=dark] .pc-page #pcNotice{color:#ffb7a5}

/* R15: explicit 44px close target, keyboard focus, safe mobile spacing. */
.pc-player>div{padding-left:44px}.pc-player #pcClose{position:absolute;left:10px;top:8px;width:44px;height:44px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#ffffff12;color:#fff;font-size:28px;line-height:1;cursor:pointer}.pc-player button:focus-visible,.pc-player select:focus-visible{outline:3px solid #e9cb79;outline-offset:3px}.pc-player strong{display:block;overflow-wrap:anywhere}.pc-player .pc-links{gap:8px}.pc-player .pc-links button{min-height:44px}
@media(max-width:650px){.pc-player{bottom:calc(72px + env(safe-area-inset-bottom));left:8px;right:8px;padding:14px;max-height:55dvh;overflow:auto}.pc-player>div{padding-left:34px}.pc-player #pcClose{left:4px;top:4px}.pc-player .pc-links{font-size:12px}.pc-player .pc-links button{padding:6px 8px}.pc-main{padding-bottom:340px}}