:root{--bg:#fafaf7;--card:#fff;--tx:#1b1b1f;--mut:#6b6b73;--ac:#e5484d;--ln:#e6e6e0;--r:14px;--hd:Sora,Inter,system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.w{max-width:1100px;margin:0 auto;padding:0 16px}
header.top{background:var(--card);border-bottom:1px solid var(--ln)}
header.top .w{display:flex;align-items:center;gap:16px;padding:14px 16px;flex-wrap:wrap}
.logo{font:700 20px var(--hd);margin-right:auto}.logo i{color:var(--ac);font-style:normal}
nav{display:flex;gap:18px;font-size:14px;color:var(--mut)}
.age{font:700 12px Inter,system-ui,sans-serif;border:1px solid var(--ac);color:var(--ac);padding:3px 8px;border-radius:99px}
.hero{text-align:center;padding:48px 0 20px}
.hero h1{font:700 clamp(28px,5vw,44px)/1.15 var(--hd);margin:0 0 12px}.hero h1 span{color:var(--ac)}
.hero p,.lead{color:var(--mut);max-width:640px}.hero p{margin:0 auto 20px}
h1{font:700 clamp(24px,4vw,34px)/1.2 var(--hd)}h2{font:700 20px var(--hd);margin:30px 0 14px}
.btn{display:inline-block;background:var(--ac);color:#fff;border:0;padding:12px 20px;border-radius:var(--r);font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--ln)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.th{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#e5484d,#1b1b1f);color:#fff;font-size:28px}
.th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th em{position:absolute;right:8px;bottom:8px;background:#000a;padding:2px 6px;border-radius:4px;font:12px Inter,system-ui,sans-serif}
.m{padding:10px 12px}.m h3{font:600 14px/1.35 Inter,system-ui,sans-serif;margin:0 0 4px}.m small{color:var(--mut)}
.crumb{font-size:13px;color:var(--mut);margin:18px 0 6px}
.player{aspect-ratio:16/9;max-width:860px;background:#111;border-radius:var(--r);overflow:hidden}
.player iframe,.facade{width:100%;height:100%;border:0}
.facade{background:linear-gradient(135deg,#e5484d,#1b1b1f);color:#fff;font:700 20px Inter,system-ui,sans-serif;cursor:pointer}
.meta{color:var(--mut);font-size:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.chips span{font-size:13px;padding:4px 12px;border:1px solid var(--ln);border-radius:99px;background:var(--card);color:var(--mut)}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:34px 0}
.info div{padding:16px;border:1px solid var(--ln);border-radius:var(--r);background:var(--card);color:var(--mut);font-size:14px}
.info b{display:block;color:var(--tx);font-family:var(--hd)}
footer{border-top:1px solid var(--ln);margin-top:40px;padding:20px 0;color:var(--mut);font-size:13px}
footer a{margin-right:14px}
#gate{position:fixed;inset:0;z-index:99;background:#fafaf7f2;display:grid;place-items:center;padding:20px}
.gbox{background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:28px;max-width:420px;text-align:center}
.gbox h2{margin-top:0}
@media (prefers-color-scheme:dark){:root{--bg:#121214;--card:#1b1b1f;--tx:#f2f2f4;--mut:#a0a0aa;--ln:#2c2c33}#gate{background:#121214f2}.gbox{background:#1b1b1f}}

.prose{max-width:760px}.prose h2{margin:28px 0 8px;font-size:18px}.prose p,.prose li{color:var(--mut)}.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}.prose a{color:var(--ac);text-decoration:underline}.prose code{background:var(--card);border:1px solid var(--ln);padding:1px 5px;border-radius:4px}
.cb{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--card);border-top:1px solid var(--ln);padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px}.cb p{margin:0;color:var(--mut)}.cb a{text-decoration:underline}.cb .btn{padding:8px 16px;font-size:14px}
.chips a{font-size:13px;padding:6px 14px;border:1px solid var(--ln);border-radius:99px;background:var(--card);color:var(--tx)}.chips a:hover{border-color:var(--ac);color:var(--ac)}.prose h3{font:600 16px var(--hd);margin:18px 0 4px}