:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(90,150,255,.18),transparent 35%),linear-gradient(180deg,#07111f,#04070d);color:#f7fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,code{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.poster{width:min(960px,100%);padding:48px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:#080f1bc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000059}.eyebrow{margin:0 0 12px;color:#8fc7ff;text-transform:uppercase;letter-spacing:.18em;font-size:12px}h1{margin:0;font-size:clamp(40px,8vw,88px);line-height:.95}.lede{max-width:640px;margin:20px 0 0;color:#f7fafcc7;font-size:18px;line-height:1.6}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:#f7fafc8c;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions button{border:0;border-radius:999px;padding:14px 22px;cursor:pointer}.actions button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#8fc7ff;color:#08111b}.secondary{background:#ffffff14;color:#f7fafc}.detail-grid{display:grid;gap:16px;margin-top:28px}.detail-grid label{display:grid;gap:8px;color:#f7fafcb8;font-size:14px}code{display:block;white-space:pre-wrap;word-break:break-all;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:#cbe6ff}.error{margin-top:20px;color:#ff9d9d}@media (max-width: 720px){.poster{padding:28px;border-radius:24px}.lede{font-size:16px}}
