body.visual-modal-open{overflow:hidden}body.visual-modal-open::before{content:"";position:fixed;inset:0;z-index:1298;background:rgba(7,25,45,.78);backdrop-filter:blur(4px)}.visual-workspace.visual-modal-active{position:fixed;inset:2.5vh 1.5vw;z-index:1299;width:auto;height:95dvh;margin:0;padding:14px;border:1px solid var(--line);border-radius:22px;background:#f8fbfd;box-shadow:0 28px 80px rgba(0,0,0,.34);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"head head" "epochs epochs" "meta meta" "viewer question" "footer footer";gap:10px;overflow:hidden}.visual-workspace.visual-modal-active>.section-head{grid-area:head;margin:0;padding-right:48px}.visual-workspace.visual-modal-active>.visual-epoch-nav{grid-area:epochs;margin:0}.visual-workspace.visual-modal-active>.visual-study-meta{grid-area:meta;margin:0}.visual-workspace.visual-modal-active>.visual-viewer-shell{grid-area:viewer;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.visual-workspace.visual-modal-active .visual-scroll{flex:1 1 auto;min-height:0;overflow:auto}.visual-workspace.visual-modal-active>.visual-question-card{grid-area:question;min-width:0;min-height:0;margin:0;padding:15px;overflow-y:auto;overscroll-behavior:contain}.visual-workspace.visual-modal-active .visual-question-top{display:block}.visual-workspace.visual-modal-active .visual-counter{display:inline-flex;margin-top:8px}.visual-workspace.visual-modal-active .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-modal-footer{grid-area:footer;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px) minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 -4px 18px rgba(9,35,52,.06)}.visual-modal-footer-left,.visual-modal-footer-right{display:flex;gap:8px;align-items:center}.visual-modal-footer-right{justify-content:flex-end}.visual-modal-footer .btn{min-height:44px}.visual-modal-next-cue{text-align:center;min-width:0}.visual-modal-next-cue small,.visual-modal-next-cue strong{display:block}.visual-modal-next-cue small{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visual-modal-next-cue strong{margin-top:2px;color:var(--navy);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-modal-close{position:absolute;top:12px;right:14px;z-index:6;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:1.5rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}.visual-modal-close:hover,.visual-modal-close:focus-visible{border-color:var(--blue);background:var(--sky);outline:3px solid rgba(7,95,168,.15)}.visual-modal-rotate{display:none}.visual-result-next{margin-top:18px;padding-top:18px;border-top:1px solid #b9d9d1}.visual-result-next h3{margin:4px 0 6px}.visual-result-next p{margin:0;color:var(--muted)}.visual-workspace.visual-modal-active>.visual-result{grid-column:1/-1;grid-row:1/-1;align-self:center;justify-self:center;width:min(760px,100%);max-height:88dvh;overflow:auto;margin:0}.visual-workspace.visual-modal-active>.visual-result~.visual-modal-close{display:grid}@media(max-width:1100px){.visual-workspace.visual-modal-active{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}}@media(max-width:900px) and (orientation:landscape){.visual-workspace.visual-modal-active{inset:0;width:100vw;height:100dvh;border:0;border-radius:0;padding:7px 8px;grid-template-columns:minmax(0,1fr) minmax(260px,34vw);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head head" "epochs epochs" "viewer question" "footer footer";gap:6px}.visual-workspace.visual-modal-active>.visual-study-meta{display:none}.visual-workspace.visual-modal-active>.section-head{padding-right:42px}.visual-workspace.visual-modal-active>.section-head h2{font-size:1.05rem}.visual-workspace.visual-modal-active .visual-epoch-nav{display:flex;overflow-x:auto;gap:5px}.visual-workspace.visual-modal-active .visual-epoch-button{flex:0 0 118px;min-height:43px;padding:5px 7px}.visual-workspace.visual-modal-active .visual-epoch-button small{display:none}.visual-workspace.visual-modal-active .visual-viewer-head{padding:5px 8px}.visual-workspace.visual-modal-active .visual-viewer-head small{display:none}.visual-workspace.visual-modal-active>.visual-question-card{padding:9px}.visual-workspace.visual-modal-active .visual-question-top h2{font-size:.96rem;line-height:1.28}.visual-workspace.visual-modal-active .visual-question-top p,.visual-workspace.visual-modal-active .visual-point-help{font-size:.74rem;line-height:1.3}.visual-workspace.visual-modal-active .visual-stage-options,.visual-workspace.visual-modal-active .visual-region-options,.visual-workspace.visual-modal-active .visual-point-options,.visual-workspace.visual-modal-active .visual-interval-options{gap:5px;margin-top:8px}.visual-workspace.visual-modal-active .visual-choice{min-height:34px;min-width:52px;padding:6px 8px;font-size:.76rem}.visual-workspace.visual-modal-active .visual-feedback{margin-top:7px;padding:7px 8px;font-size:.74rem}.visual-modal-footer{grid-template-columns:auto minmax(130px,1fr) auto;gap:6px;padding:6px}.visual-modal-footer .btn{min-height:36px;padding:7px 9px;font-size:.74rem}.visual-modal-next-cue strong{font-size:.76rem}.visual-modal-footer-left .btn:nth-child(2),.visual-modal-footer-right .btn:first-child{display:none}.visual-modal-close{top:6px;right:7px;width:34px;height:34px;font-size:1.2rem}}@media(max-width:900px) and (orientation:portrait){.visual-workspace.visual-modal-active{inset:0;width:100vw;height:100dvh;border:0;border-radius:0;display:block;padding:0}.visual-workspace.visual-modal-active>*:not(.visual-modal-rotate):not(.visual-modal-close){visibility:hidden;pointer-events:none}.visual-workspace.visual-modal-active .visual-modal-rotate{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px;text-align:center;background:#f7fbfd;color:var(--ink)}.visual-modal-rotate strong{font-size:1.35rem}.visual-modal-rotate span{max-width:30rem;color:var(--muted);font-weight:700;line-height:1.5}.visual-modal-rotate-icon{font-size:3rem;line-height:1}.visual-modal-close{z-index:7}}@media(min-width:1500px){.visual-workspace.visual-modal-active{grid-template-columns:minmax(0,1fr) 440px;inset:2vh 1vw;height:96dvh}}