:root { color-scheme: dark; font-family: -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; background:#101014; color:#f5f5f6; }
* { box-sizing:border-box; } body { margin:0; } header,main { max-width:720px; margin:auto; padding:16px; }
header { display:flex; align-items:center; gap:12px; border-bottom:1px solid #303036; padding-top:max(16px,env(safe-area-inset-top)); }
header strong { font-size:24px; color:#ff8089; } header span { color:#a6a6b0; } header a { margin-left:auto; }
a { color:#ff929a; } .notice { color:#aaaab5; font-size:13px; line-height:1.6; }
button,input { font:inherit; border:1px solid #44444f; border-radius:10px; min-height:44px; padding:10px 14px; background:#23232b; color:#fff; }
button { cursor:pointer; } button:disabled { opacity:.5; } input { min-width:0; width:100%; } .search { display:flex; gap:8px; margin:8px 0; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.card { padding:0; text-align:left; overflow:hidden; } .card img { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; background:#25252a; }
.card strong,.card span { display:block; margin:10px; } .card span { color:#aaaab5; font-size:12px; }
video { width:100%; max-height:65vh; background:#000; border-radius:12px; } .episodes { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
label { display:block; margin:8px 0; } details { border:1px solid #333; padding:12px; border-radius:12px; } details p { font-size:13px; color:#aaaab5; }
[hidden] { display:none!important; } :focus-visible { outline:2px solid #ff929a; outline-offset:2px; }
@media(min-width:600px) { .cards { grid-template-columns:repeat(3,minmax(0,1fr)); } }