/* DISCOVERY — vars: bg fg ac card line mut fh fb */
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--fb,"Outfit",system-ui);min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.hd{display:flex;align-items:center;gap:22px;padding:16px 24px}.lg{font:800 22px var(--fh);letter-spacing:2px}.lg span{color:var(--ac)}
.hd nav{display:flex;gap:16px;font-size:14px;color:var(--mut)}.hd nav a:hover{color:var(--fg)}.hd small{margin-left:auto;color:var(--mut)}
.stage{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:0 24px 24px;max-width:1300px;margin:auto}
.card{background:var(--card);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.card>a .th,.card .player{border-radius:0}
.th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#0006}.th img{width:100%;height:100%;object-fit:cover}
.dur{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;font:600 11px/1 system-ui;padding:3px 6px;border-radius:4px;font-style:normal}
.info{padding:18px 22px}.info h1{font:600 23px/1.25 var(--fh);margin:0 0 6px}.mut{color:var(--mut);font-size:13px}.mut a{color:var(--ac)}
.moods{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 18px}.moods a{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;color:var(--mut);cursor:pointer;user-select:none}.moods a.on,.moods a:hover{border-color:var(--ac);color:var(--ac)}
.ctl{display:flex;gap:12px;padding:0 22px 22px}.ctl a{flex:1;text-align:center;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--fg) 8%,transparent);font-weight:600;cursor:pointer;user-select:none}.ctl a.go{background:var(--ac);color:var(--bg)}
kbd{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:0 6px;font:11px system-ui;margin-left:6px;opacity:.7}
.q h3{margin:0 0 12px;font-weight:600;color:var(--mut);font-size:12px;letter-spacing:2px}.qi{display:grid;grid-template-columns:96px 1fr;gap:10px;margin-bottom:12px;align-items:center}.qi .th{border-radius:8px}.qi .dur{font-size:9px;right:4px;bottom:4px}.qi b{font-size:12px;line-height:1.3;font-weight:500}
.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qgrid .qi{grid-template-columns:1fr;gap:6px}
.player{aspect-ratio:16/9;background:#000}.player iframe{width:100%;height:100%;border:0}
.adslot{margin:16px auto;overflow:hidden;max-width:1300px}
.more{max-width:1300px;margin:auto;padding:0 24px 24px}
.feed{max-width:820px;margin:auto;padding:10px 20px 40px}.ft1{font:700 30px var(--fh);margin:0}.day{font:600 13px var(--fb);color:var(--ac);letter-spacing:2px;text-transform:uppercase;margin:26px 0 10px;border-bottom:1px solid var(--line);padding-bottom:6px}
.fi{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:center;padding:8px 0}.fi b{display:block;line-height:1.3}.fi small{color:var(--mut)}.btn{display:inline-block;margin-top:16px;border:1px solid var(--ac);color:var(--ac);border-radius:12px;padding:10px 18px}
.wrap{max-width:1300px;margin:auto;padding:10px 24px 30px}.lhead{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.lhead h1{font:700 26px var(--fh);margin:0}.lhead small{color:var(--mut);font-size:13px}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg a{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:13px;color:var(--mut)}.seg a.on{border-color:var(--ac);color:var(--ac)}
.pager{display:flex;gap:6px;justify-content:center;margin:20px 0}.pager a,.pager b{padding:7px 13px;border-radius:10px;border:1px solid var(--line)}.pager b{background:var(--ac);color:var(--bg)}
.taglist{display:flex;flex-wrap:wrap;gap:8px}.taglist a{border:1px solid var(--line);border-radius:20px;padding:6px 14px}.taglist small{color:var(--mut)}.wrap h1{font:700 26px var(--fh)}
.intro{max-width:820px;margin:10px auto 30px;padding:0 20px;color:var(--mut);font-size:14px;line-height:1.7}
.ft{max-width:1300px;margin:auto;padding:20px 24px 100px;border-top:1px solid var(--line)}.flinks{display:flex;gap:16px;flex-wrap:wrap;color:var(--mut)}.fnote{font-size:12px;color:var(--mut)}
@media(max-width:820px){.stage{grid-template-columns:1fr;padding:0 0 20px}.card{border-radius:0}.q{padding:0 16px}.hd small,.hd nav{display:none}
.ctl{position:sticky;bottom:0;background:var(--bg);padding:12px}.qgrid{grid-template-columns:1fr 1fr}.fi{grid-template-columns:120px 1fr}}