.cg-stepguide{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(16px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));background:var(--bg);color:var(--ink)}.cg-stepguide__inner{width:100%;max-width:430px;display:flex;flex-direction:column;gap:16px}.cg-stepguide__title{margin:0;font-family:var(--font-title);font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.015em;color:var(--ink)}.cg-stepguide__title:focus{outline:none}.cg-stepguide__poster{position:relative;align-self:center;width:min(100%,calc(46dvh * 9 / 16));aspect-ratio:9/16;overflow:hidden;border-radius:var(--r-lg);background:var(--brand-navy);box-shadow:var(--shadow-card)}.cg-stepguide__poster-img{display:block;width:100%;height:100%;object-fit:cover}.cg-stepguide__poster-play{position:absolute;inset:0;background:color-mix(in srgb,var(--brand-navy) 28%,transparent);pointer-events:none}.cg-stepguide__poster-disc,.cg-stepguide__poster-play{display:flex;align-items:center;justify-content:center}.cg-stepguide__poster-disc{width:72px;height:72px;border-radius:var(--r-pill);background:var(--hero-fg);color:var(--brand-navy);box-shadow:var(--shadow-elevated)}.cg-stepguide__hint{font-weight:600;color:var(--ink-2)}.cg-stepguide__hint,.cg-stepguide__live{margin:0;text-align:center;font-size:14.5px}.cg-stepguide__live{min-height:1.3em;font-weight:700;color:var(--state-warning-fg)}.cg-stepguide__langs{align-self:center;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink-2)}.cg-stepguide__lang{min-width:52px;height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-family:var(--font-title);font-size:14.5px;font-weight:800;cursor:pointer}.cg-stepguide__lang[aria-pressed=true]{border-color:var(--accent-fill-bd);background:var(--state-success-bg);color:var(--state-success-fg)}.cg-stepguide__lang:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cg-stepguide__chip{align-self:center;padding:4px 10px;border-radius:var(--r-pill);background:var(--state-neutral-bg);color:var(--state-neutral-fg);font-size:12.5px;font-weight:800}.cg-stepguide__fail{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;border:1.5px solid var(--state-danger-bd);border-radius:var(--r-md);background:var(--state-danger-bg);color:var(--state-danger-fg)}.cg-stepguide__fail-text{margin:0;font-size:16px;text-align:center}.cg-stepguide__fail-text,.cg-stepguide__link{font-family:var(--font-title);font-weight:800}.cg-stepguide__link{min-height:44px;padding:0 8px;border:none;background:transparent;color:var(--accent);font-size:15.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cg-stepguide__link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.cg-stepguide__watched{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--state-success-bg);color:var(--state-success-fg);font-size:13.5px;font-weight:800}.cg-stepguide__section{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-card)}.cg-stepguide__h2{margin:0;font-family:var(--font-title);font-size:15px;font-weight:800;color:var(--ink)}.cg-stepguide__body{margin:0;font-size:16.5px;line-height:1.45;color:var(--ink-2);white-space:pre-line}.cg-stepguide__needs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.cg-stepguide__need{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.35;color:var(--ink)}.cg-stepguide__need-icon{flex:none;margin-top:2px;color:var(--accent)}.cg-stepguide-help{display:flex;flex-direction:column;gap:10px;padding:14px;border:1.5px solid var(--line);border-radius:var(--r-md);background:transparent}.cg-stepguide-help__title{margin:0;font-family:var(--font-title);font-size:15px;font-weight:800;color:var(--ink)}.cg-stepguide-help__row{display:flex;flex-direction:column;gap:8px}.cg-stepguide-help__link{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:1.5px solid var(--line);border-radius:var(--r-btn);background:transparent;color:var(--ink);text-decoration:none;cursor:pointer}.cg-stepguide-help__link:hover{border-color:var(--accent-fill-bd);background:var(--accent-soft)}.cg-stepguide-help__link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cg-stepguide-help__icon{flex:none;color:var(--accent)}.cg-stepguide-help__text{min-width:0;display:flex;flex-direction:column}.cg-stepguide-help__label{font-family:var(--font-title);font-size:16px;font-weight:800}.cg-stepguide-help__sub{font-size:13.5px;font-weight:600;color:var(--ink-2)}.cg-stepguide-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-family:var(--font-title);font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px var(--shadow-1)}.cg-stepguide-pill:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cg-stepguide-inline{align-items:flex-start}.cg-stepguide-card,.cg-stepguide-inline{display:flex;flex-direction:column;gap:12px;margin:12px 20px}.cg-stepguide-card{padding:16px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-card)}.cg-screen>.cg-stepguide-card,.cg-screen>.cg-stepguide-inline{margin:0}@media (prefers-reduced-motion:reduce){.cg-stepguide *,.cg-stepguide-pill{transition:none;animation:none}}.cg-player__notice{position:absolute;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;pointer-events:none}.cg-player__notice:not(:empty){padding:10px 14px;border-radius:var(--r-md);background:var(--brand-navy);color:var(--hero-fg);font-size:14.5px;font-weight:800}