:root{color-scheme:dark;--ink:#f7f3ec;--muted:#b8b0a4;--line:rgba(255,255,255,.12);--accent:#ffcf70;--panel:rgba(26,24,31,.84)}
    *{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;color:var(--ink);background:radial-gradient(circle at 80% 5%,#4d355d 0,transparent 34%),radial-gradient(circle at 15% 85%,#20495a 0,transparent 35%),#100f14;display:grid;place-items:center;padding:clamp(18px,4vw,64px)}
    main{width:min(980px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,64px);box-shadow:0 30px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
    .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.title{font-size:clamp(2.2rem,7vw,5.6rem);line-height:.96;margin:.55em 0 .35em;max-width:10ch}.lead{font-size:clamp(1rem,2.2vw,1.35rem);line-height:1.75;color:var(--muted);max-width:42rem}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.card{border:1px solid var(--line);border-radius:18px;padding:18px;min-height:112px}.card b{display:block;margin-bottom:8px}.card span{color:var(--muted);font-size:.92rem;line-height:1.55}
    .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.play{display:none;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--accent);color:#211506;text-decoration:none;font-weight:800}.desktop .play{display:inline-flex}.back{color:var(--ink);text-decoration:none;padding:12px}.notice{display:block;margin-top:20px;padding:16px 18px;border-radius:16px;background:rgba(255,207,112,.1);border:1px solid rgba(255,207,112,.35);color:#ffe2a8;line-height:1.6}.desktop .notice{display:none}
    footer{margin-top:34px;color:var(--muted);font-size:.82rem}.mobile .play{display:none}.mobile .notice{display:block}
    @media(max-width:720px){main{border-radius:22px;padding:28px 22px}.grid{grid-template-columns:1fr}.title{font-size:clamp(2.5rem,15vw,4rem)}.actions{align-items:stretch;flex-direction:column}.back{text-align:center}}
  
.languages{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.languages a{color:var(--muted);font-size:1rem}.languages [aria-current]{color:var(--accent)}.title{max-width:16ch;font-size:clamp(2.2rem,6vw,4.4rem)}