.visual-workspace.visual-modal-active .visual-modal-footer [data-visual-modal-action="check"]{display:none!important}
.visual-submit-backdrop{position:absolute;inset:0;z-index:28;display:grid;place-items:center;padding:18px;background:rgba(7,25,45,.7);backdrop-filter:blur(3px)}
.visual-submit-dialog{width:min(560px,94%);max-height:88dvh;overflow:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.visual-submit-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#eaf6fb;color:var(--blue);font-size:1.55rem;font-weight:900}.visual-submit-dialog h2{margin:4px 0 8px}.visual-submit-dialog p{margin:0;color:var(--muted);line-height:1.5}.visual-submit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.visual-submit-actions .btn{min-height:44px}
.visual-workspace.visual-modal-active>.section-head>.status{display:none}.visual-item-status{margin-left:auto;display:grid;grid-template-columns:repeat(4,minmax(82px,auto));gap:6px;align-items:stretch}.visual-item-status span{min-width:82px;padding:6px 8px;border:1px solid #c9dce5;border-radius:11px;background:#fff}.visual-item-status small,.visual-item-status strong{display:block}.visual-item-status small{color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.visual-item-status strong{margin-top:2px;color:var(--navy);font-size:.76rem;white-space:nowrap}.visual-item-status span.correct{border-color:#8fc5ae;background:#eff9f3}.visual-item-status span.correct strong{color:#1d6244}.visual-item-status span.retry{border-color:#e2b567;background:#fff8e8}.visual-item-status span.retry strong{color:#704b05}
.visual-question-launch{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:6px;align-items:center;padding:6px 7px;border:1px solid #c6dce7;border-radius:12px;background:#f8fcfd}.visual-question-launch>div{min-width:0}.visual-question-launch>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-question-launch .btn{min-height:36px;padding:6px 10px;font-size:.72rem;white-space:nowrap}
.visual-workspace.visual-modal-active{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "epochs" "meta" "viewer" "footer"}.visual-workspace.visual-modal-active>.visual-question-card{display:none}.visual-workspace.visual-modal-active.visual-question-open>.visual-question-card{position:absolute;inset:0;z-index:24;display:block;margin:0;padding:72px clamp(22px,5vw,72px) 34px;border:0;border-radius:20px;background:linear-gradient(180deg,#f8fbfd,#eef5f8);overflow:auto;overscroll-behavior:contain}.visual-question-modal-toolbar{position:absolute;top:14px;left:18px;right:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.visual-question-modal-toolbar small,.visual-question-modal-toolbar strong{display:block}.visual-question-modal-toolbar small{color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.visual-question-modal-toolbar strong{margin-top:2px;color:var(--navy)}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top,.visual-workspace.visual-modal-active.visual-question-open .visual-stage-options,.visual-workspace.visual-modal-active.visual-question-open .visual-region-options,.visual-workspace.visual-modal-active.visual-question-open .visual-point-options,.visual-workspace.visual-modal-active.visual-question-open .visual-interval-options,.visual-workspace.visual-modal-active.visual-question-open .visual-point-help,.visual-workspace.visual-modal-active.visual-question-open .visual-feedback,.visual-workspace.visual-modal-active.visual-question-open .visual-retry-notice{width:min(980px,100%);margin-left:auto;margin-right:auto}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding-top:18px}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;margin-bottom:10px}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top p{font-size:1rem;line-height:1.55}.visual-workspace.visual-modal-active.visual-question-open .visual-stage-options{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:14px;margin-top:28px}.visual-workspace.visual-modal-active.visual-question-open .visual-region-options,.visual-workspace.visual-modal-active.visual-question-open .visual-point-options,.visual-workspace.visual-modal-active.visual-question-open .visual-interval-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.visual-workspace.visual-modal-active.visual-question-open .visual-choice{min-height:66px;font-size:1.05rem}.visual-workspace.visual-modal-active.visual-question-open .visual-question-actions{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.visual-workspace.visual-modal-active .visual-epoch-nav{align-items:stretch}.visual-epoch-cue{grid-column:1/-1;padding:7px 10px;border:1px solid #c6dce7;border-radius:11px;background:#f1f8fb;color:var(--navy)}.visual-epoch-cue strong,.visual-epoch-cue span{display:block}.visual-epoch-cue strong{font-size:.8rem}.visual-epoch-cue span{margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.3}
.visual-workspace.visual-modal-active .visual-epoch-button{position:relative;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.visual-workspace.visual-modal-active .visual-epoch-button:hover{transform:translateY(-1px)}.visual-workspace.visual-modal-active .visual-epoch-button.current{border-color:var(--teal);background:#eaf7f6;box-shadow:inset 0 0 0 2px rgba(15,138,155,.28)}.visual-workspace.visual-modal-active .visual-epoch-button.complete:not(.needs-review){padding-right:34px;border-color:#68a98d;background:#e7f5ed;color:#1d6244;box-shadow:inset 0 0 0 1px #68a98d}.visual-workspace.visual-modal-active .visual-epoch-button.complete:not(.needs-review)::after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.76rem;font-weight:900}.visual-workspace.visual-modal-active .visual-epoch-button.complete.current:not(.needs-review){box-shadow:inset 0 0 0 2px var(--green)}.visual-workspace.visual-modal-active .visual-epoch-button.next-step{border-color:var(--gold);background:#fff8e8;box-shadow:0 0 0 3px rgba(168,118,22,.16)}.visual-workspace.visual-modal-active .visual-epoch-button.next-step::before{content:"Next";position:absolute;top:-8px;right:7px;padding:2px 6px;border-radius:999px;background:var(--gold);color:#fff;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.visual-workspace.visual-modal-active .visual-epoch-button.needs-review{border-color:#d3a348;background:#fff8e8;color:#704b05;box-shadow:inset 0 0 0 1px #d3a348}.visual-workspace.visual-modal-active .visual-epoch-button:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:1100px){.visual-item-status{grid-template-columns:repeat(2,minmax(90px,1fr))}.visual-question-launch{grid-template-columns:minmax(160px,1fr) auto auto}}
@media(max-width:900px) and (orientation:landscape){.visual-submit-backdrop{padding:8px}.visual-submit-dialog{width:min(680px,96vw);max-height:92dvh;padding:14px;grid-template-columns:42px minmax(0,1fr);gap:11px}.visual-submit-icon{width:42px;height:42px}.visual-submit-dialog h2{font-size:1.05rem;margin:2px 0 5px}.visual-submit-dialog p{font-size:.78rem}.visual-submit-actions{margin-top:10px;gap:6px}.visual-submit-actions .btn{min-height:36px;padding:7px 9px;font-size:.76rem}.visual-workspace.visual-modal-active{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head" "epochs" "viewer"}.visual-workspace.visual-modal-active>.visual-modal-footer{display:none}.visual-item-status{grid-template-columns:1fr;gap:4px}.visual-item-status>span{display:none}.visual-question-launch{grid-column:1;display:flex;justify-content:flex-end;gap:5px;padding:0;border:0;background:transparent}.visual-question-launch>div{display:none}.visual-question-launch .btn{min-height:34px;padding:6px 9px;font-size:.7rem}.visual-workspace.visual-modal-active .visual-epoch-nav{display:flex;overflow-x:auto;align-items:stretch}.visual-epoch-cue{flex:0 0 142px;padding:5px 7px}.visual-epoch-cue strong{font-size:.67rem}.visual-epoch-cue span{font-size:.6rem}.visual-workspace.visual-modal-active .visual-epoch-button.complete:not(.needs-review){padding-right:29px}.visual-workspace.visual-modal-active.visual-question-open>.visual-question-card{inset:0;border-radius:0;padding:54px 14px 14px;background:#f7fbfd}.visual-question-modal-toolbar{top:7px;left:10px;right:44px;padding-bottom:6px}.visual-question-modal-toolbar small{font-size:.55rem}.visual-question-modal-toolbar strong{font-size:.72rem}.visual-question-modal-toolbar .btn{min-height:34px;padding:6px 9px;font-size:.7rem}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top{padding-top:7px;gap:10px}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top h2{font-size:1.28rem;margin-bottom:5px}.visual-workspace.visual-modal-active.visual-question-open .visual-question-top p{font-size:.78rem;line-height:1.35}.visual-workspace.visual-modal-active.visual-question-open .visual-stage-options{grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px;margin-top:14px}.visual-workspace.visual-modal-active.visual-question-open .visual-region-options,.visual-workspace.visual-modal-active.visual-question-open .visual-point-options,.visual-workspace.visual-modal-active.visual-question-open .visual-interval-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.visual-workspace.visual-modal-active.visual-question-open .visual-choice{min-height:48px;padding:8px;font-size:.86rem}}
@media(max-width:900px) and (orientation:portrait){.visual-item-status{display:none}.visual-submit-dialog{grid-template-columns:1fr}.visual-submit-actions{display:grid}.visual-submit-actions .btn{width:100%}}
