/* Progress uses the same surfaces and typography as the finished research desk.
   Only the active step expands; no invented percentage or layout animation. */
.theater.theater-progress{overflow:hidden;isolation:isolate}
.theater-progress .theater-progress-intro{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--p-surface-2);border-block:1px solid var(--p-line);flex:none}
.theater-progress-intro strong{font-size:16px;line-height:1.5;color:var(--p-text)}
.theater-progress .theater-draft-note{padding:4px 0 0;font-size:12px;line-height:1.6;color:var(--p-muted)}
.theater-progress-orbit{width:28px;height:28px;flex:none;border:3px solid var(--p-line);border-top-color:var(--p-accent);border-radius:50%;animation:progress-orbit 1s linear infinite}
@keyframes progress-orbit{to{transform:rotate(360deg)}}
.theater-progress[data-status=failed] .theater-progress-orbit,.theater-progress[data-status=finished] .theater-progress-orbit{animation:none;border-color:var(--p-muted)}
.compact-desk[data-studio-view=research] .theater-progress .theater-board,.theater-progress .theater-board{display:block;overflow:auto;overscroll-behavior:contain;padding:16px 24px;min-height:0}
.compact-desk[data-studio-view=research] .theater-progress .theater-station,.theater-progress .theater-station{display:block;flex:none;margin:0 0 10px;padding:0;min-height:0;max-height:none;opacity:1;overflow:hidden;border:1px solid var(--p-line);border-radius:12px;background:var(--p-surface);box-shadow:0 2px 4px #0f172a08;transition:none!important}
.theater-progress .theater-station[data-state=active]{border-color:var(--p-accent)}
.theater-progress .theater-station-head{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px;border:0;list-style:none;cursor:pointer;position:relative}
.theater-progress .theater-station-head::-webkit-details-marker{display:none}
.theater-progress .theater-station-head:focus-visible{outline:2px solid var(--p-accent);outline-offset:-3px;border-radius:10px}
.theater-progress .theater-station-title{font-size:14px!important;line-height:1.5;margin:0}
.theater-progress .theater-folio{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--p-surface-2);font-size:12px;color:var(--p-accent);animation:none}
.theater-progress .theater-station-state{margin-left:auto;font-size:12px;color:var(--p-muted)}
.theater-progress .theater-gutter,.theater-progress .theater-gutter-rule{display:none!important}
.compact-desk[data-studio-view=research] .theater-progress .theater-field,.theater-progress .theater-field{display:block!important;padding:0 16px 16px;grid-template-rows:none;grid-template-columns:none}
.theater-progress .theater-station:not([open])>.theater-field{display:none!important}
.theater-progress .theater-col{padding:12px!important;border:1px solid var(--p-line)!important;border-radius:8px;margin:8px 0;background:var(--p-surface-2)}
.theater-progress .theater-col-body{display:block;max-height:160px;min-height:0;overflow:auto;mask-image:none!important;-webkit-mask-image:none!important}
.theater-progress :is(.theater-live,.theater-text p,.theater-station-copy){font-size:14px!important;line-height:1.75;max-width:none;margin:8px 0;filter:none}
.theater-progress .theater-pair{display:block;overflow:visible}
.theater-progress .theater-vs,.theater-progress .theater-col-rule{display:none}
.theater-progress .theater-apparatus{border:0;padding:8px 0;margin:0}
.theater-progress .theater-facts{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.theater-progress .theater-fact{padding:8px;border:0}
.theater-progress .theater-skeleton{display:block;max-width:440px;mask-image:none;margin:12px 0}
.theater-progress .theater-skeleton i{display:block;height:8px;margin:8px 0;border-radius:4px;background:linear-gradient(100deg,var(--p-line) 20%,color-mix(in srgb,var(--p-accent) 35%,var(--p-surface)) 50%,var(--p-line) 80%);background-size:220% 100%;animation:progress-sheen 1.6s ease-in-out infinite}
.theater-progress .theater-skeleton i:nth-child(2){width:65%}
@keyframes progress-sheen{from{background-position:180% 0}to{background-position:-80% 0}}
.theater-progress .theater-sweep::after{background:linear-gradient(90deg,transparent,var(--p-accent),transparent)}
.theater-progress .theater-failure{display:flex;flex-wrap:wrap;height:auto;padding:14px;background:var(--p-surface-2);gap:12px}
.theater-progress .theater-failure-message{font-size:14px;white-space:normal}
.theater-progress .theater-footer{padding:10px 24px}
@media(max-width:700px){
 .theater-progress .theater-progress-intro{padding:16px;align-items:flex-start}
 .compact-desk[data-studio-view=research] .theater-progress .theater-board{padding:12px;max-height:none}
 .theater-progress .focus-header{min-height:0!important;padding:16px!important;display:flex!important;flex-wrap:wrap;gap:12px}
 .theater-progress .focus-actions{width:100%;justify-content:space-between}
 .theater-progress .focus-meta{font-size:12px;line-height:1.6}
 .theater-progress .theater-station-head{padding:12px}
 .theater-progress .theater-col-body{max-height:180px}
 .theater-progress .theater-footer{padding:12px}
}
@media(prefers-reduced-motion:reduce){.theater-progress-orbit,.theater-progress .theater-skeleton i{animation:none!important}}
:is(.premier-motion-paused,.premier-motion-reduced) :is(.theater-progress-orbit,.theater-progress .theater-skeleton i){animation:none!important}
