.prog-frame{background:linear-gradient(165deg,#1d2d3e,#0b1622);box-shadow:inset 0 1px #ffffff14,0 22px 50px -28px #071b2eb3}.prog-screen{background:#f6f8fa;box-shadow:inset 0 0 0 1px #071b2e0f}.prog-card{background:#fff;box-shadow:0 0 0 1px #071b2e14}.prog-episode{background:#fff;border:1.5px solid #071b2e1a;transition:border-color .15s,transform .15s}.prog-episode[aria-pressed=true]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}@media (hover:hover){.prog-episode:hover:not([aria-pressed=true]){border-color:color-mix(in oklab, var(--navy) 45%, transparent)}}.prog-episode:focus-visible,.prog-check:focus-visible{outline:2px solid var(--ecg);outline-offset:2px}.prog-check{background:var(--navy);color:#fff;transition:transform .15s,opacity .15s}.prog-check:active{transform:scale(.98)}.prog-check:disabled{opacity:.4;cursor:not-allowed}.spx-answer.prog-right{border-color:var(--spx-low);background:color-mix(in oklab, var(--spx-low) 8%, white)}.spx-answer.prog-wrong{border-color:var(--spx-high);background:color-mix(in oklab, var(--spx-high) 7%, white)}.spx-answer:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.prog-episode,.prog-check{transition:none}}.spx-answer[aria-pressed=true]:not(.prog-right):not(.prog-wrong){border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.prog-draft{color:#5c3600;background:#fff8ec;border:1px dashed #d69a2db3;border-radius:1.1rem;padding:.85rem 1rem}@media (max-width:30rem){.prog-tabs .spx-seg{border-radius:1.25rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:2px;display:grid}.prog-tabs .spx-seg button{border-radius:1rem}}