/* Material layers are decorative; the useful canvas has a strict 4:3 geometry. */
body main.ritual-room.movie {
  --movie-ink:#eeeae0;--movie-muted:#b5b4ac;--accent:#eeeae0;--module-accent:#eeeae0;
  color:var(--movie-ink);background:#2c2119;
  background-image:url(movie-desk-repeat.svg);
  background-size:max(1920px,150vw) auto;background-position:center;background-repeat:repeat;
}
body main.movie::before {background:none;opacity:0;}
body main.movie :is(.imprint-brand,.module-navigation,.account-button,.module-how-it-works,.annual-progress) {color:var(--movie-ink);}
body main.movie .imprint-wordmark {filter:brightness(0) invert(94%) sepia(8%) saturate(280%);}
body main.movie .room-content {padding:0;min-height:0;overflow:visible;}
body main.movie .movie-panel {height:100%;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;}
.movie-workspace {width:min(100%,var(--movie-width,760px));flex:none;position:relative;container-type:inline-size;}
.movie-slate {--movie-rim:clamp(12px,1.7vw,21px);position:relative;width:100%;padding:var(--movie-rim);border-radius:clamp(9px,1.1vw,14px);isolation:isolate;overflow:hidden;
  background:#876039;
  box-shadow:0 1px 0 #e1be8266 inset,1px 0 0 #d4ae7659 inset,-1px -2px 0 #322012 inset,0 4px 0 -1px #513a23,0 6px 0 -1px #271d13,2px 9px 6px -3px #120b08a8,8px 16px 21px -8px #120b0870,3px 5px 5px #120b0833;}
.movie-rim {position:absolute;display:block;pointer-events:none;z-index:0;background-color:#997247;background-image:linear-gradient(#eac88b24,#45260d22),url(movie-wood-grain.svg);background-blend-mode:soft-light,normal;}
.movie-rim-top,.movie-rim-bottom {height:var(--movie-rim);left:0;right:0;background-size:100% 100%,512px 100%;}
.movie-rim-top {top:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--movie-rim)) 100%,var(--movie-rim) 100%);box-shadow:0 1px 1px #f1d6a755 inset,0 -2px 3px #321e1570 inset;}
.movie-rim-bottom {bottom:0;clip-path:polygon(var(--movie-rim) 0,calc(100% - var(--movie-rim)) 0,100% 100%,0 100%);background-position:0 0,-92px -3px;box-shadow:0 2px 3px #e4ba7c55 inset,0 -2px 2px #36231499 inset;}
.movie-rim-left,.movie-rim-right {width:var(--movie-rim);top:0;bottom:0;background-size:100% 100%,100% 512px;}
.movie-rim-left {left:0;clip-path:polygon(0 0,100% var(--movie-rim),100% calc(100% - var(--movie-rim)),0 100%);box-shadow:1px 0 1px #f1d6a755 inset,-2px 0 3px #321e1570 inset;}
.movie-rim-right {right:0;clip-path:polygon(0 var(--movie-rim),100% 0,100% 100%,0 calc(100% - var(--movie-rim)));background-position:0 0,-4px -75px;box-shadow:2px 0 3px #e4ba7c55 inset,-2px 0 2px #36231499 inset;}
.movie-face {aspect-ratio:4 / 3;width:100%;position:relative;border-radius:3px;overflow:hidden;z-index:1;
  background-color:#090d0b;background-image:linear-gradient(115deg,#070b09b8,#020605cf),url(movie-slate-material.webp);background-size:cover;
  box-shadow:0 2px 6px #000b inset,0 0 0 1px #261d13,0 1px 0 2px #e4bd7c40;}
.movie-face::after {content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:url(movie-slate-grain.svg);mix-blend-mode:soft-light;opacity:.11;}
.movie-face canvas {position:absolute;inset:0;display:block;width:100%;height:100%;}
.movie-ghost {opacity:.065;pointer-events:none;}
.movie-drawing {touch-action:none;cursor:default;outline:none;}
.movie-face.has-tool-cursor .movie-drawing {cursor:none;}
.movie-tool-cursor {position:absolute;z-index:3;pointer-events:none;box-sizing:border-box;translate:-50% -50%;border:1px solid #eeeae0;border-radius:50%;box-shadow:0 0 0 1px #09110bc9;}
.movie-tool-cursor[hidden] {display:none;}
.movie-face:has(.movie-drawing:focus-visible) {outline:2px solid #eeeae0;outline-offset:3px;}
.movie-controls {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:17px;color:var(--movie-ink);}
.movie-controls button {display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,opacity .2s;}
.movie-controls button:focus-visible {outline:1px solid #eeeae0;outline-offset:0;}
.movie-controls button:disabled {opacity:.25;cursor:default;}
.movie-controls button[aria-pressed=true] {background:#eeeae014;}
.movie-controls svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.movie-playback,.movie-tools {display:flex;align-items:center;gap:0;}
.movie-progress {width:clamp(34px,7vw,110px);height:2px;background:#eeeae02b;margin:0 9px 0 3px;overflow:hidden;}
.movie-progress span {display:block;height:100%;width:100%;background:#eeeae0;transform-origin:left;transform:scaleX(0);}
.movie-duration {font:12px/1 Arial,sans-serif;white-space:nowrap;color:#c7c7bd;}
.movie-tools {padding-inline:5px;}
/* The history has seven scrolling slots plus a persistent Today slot. */
.movie-controls {display:flex;justify-content:space-between;gap:20px;margin-top:23px;min-height:50px;}
.movie-controls button {gap:8px;height:48px;padding:0 14px;border:1px solid transparent;border-radius:7px;font:13px/1.2 Arial,sans-serif;background:transparent;}
.movie-controls button:hover:not(:disabled):not([aria-pressed=true]) {background:#eeeae012;border-color:#eeeae047;}
.movie-controls button[aria-pressed=true] {background:#eeeae012;border-color:#eeeae060;}
.movie-controls [data-movie=play] {min-width:100px;border-color:#eeeae060;background:linear-gradient(#eeeae01c,#eeeae008);letter-spacing:.06em;}
.movie-playback,.movie-tools {gap:6px;}
.movie-controls .movie-position-button,
.movie-controls .movie-position-button:is(:hover,:active,[aria-pressed=true]) {width:44px;min-width:44px;padding:0;border:0;background:transparent;box-shadow:none;color:#c7c7bd;}
.movie-controls .movie-position-button[aria-pressed=true] {color:#eeeae0;}
.movie-tools {padding:0;flex-shrink:0;}
.movie-tools button {width:46px;padding:0;}
.movie-tools svg {width:23px;height:23px;}
.movie-tools [data-movie=ghost] {margin-right:8px;}
.movie-guide-toggle {position:absolute;bottom:calc(100% + 8px);left:0;z-index:4;min-height:32px;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0;border:0;background:transparent;color:#eeeae0;cursor:pointer;font:12px/1.3 Arial,sans-serif;}
.movie-guide-switch {position:relative;width:26px;height:15px;flex:none;border:1px solid #eeeae080;border-radius:99px;background:#eeeae00b;transition:background .18s;}
.movie-guide-switch::after {content:'';position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#eeeae0;transition:transform .18s;}
.movie-guide-toggle[aria-pressed=true] .movie-guide-switch {background:#eeeae033;}
.movie-guide-toggle[aria-pressed=true] .movie-guide-switch::after {transform:translateX(11px);}
.movie-guide-toggle:hover {color:#fff9ee;}
.movie-guide-toggle[aria-pressed=false] {color:#c0beb3;}
.movie-guide-toggle:disabled {opacity:.3;cursor:default;}
.movie-guide-toggle:focus-visible {outline:2px solid #eeeae0;outline-offset:3px;}
.movie-tools button {position:relative;border:0;border-radius:50%;background:transparent;box-shadow:none;}
.movie-controls .movie-tools button:is(:hover,[aria-pressed=true]) {border:0;background:transparent;}
.movie-tools button:is([data-movie=chalk],[data-movie=erase])[aria-pressed=true]::after {content:'';position:absolute;inset:6px;border:1.5px solid #eeeae0;border-radius:50%;pointer-events:none;}
.movie-tools button:focus-visible {outline-offset:2px;border-radius:50%;}
.movie-tools .movie-chalk-tip {width:24px;height:24px;border-radius:53.5% 46.5% 48% 52% / 54.5% 47.5% 52.5% 45.5%;rotate:-2.5deg;}
.movie-controls .movie-tools button {width:44px;min-width:44px;height:44px;padding:0;}
.movie-tools .movie-chalk-tip {flex:none;}
.movie-chalk-tip {display:block;width:23px;height:23px;border-radius:47% 51% 49% 48%;background-color:#eeeae0;background-image:url(movie-slate-grain.svg);background-size:82px 82px;background-blend-mode:multiply;box-shadow:inset 0 0 2px 1px #fff8,0 1px 2px #0007;}
.movie-progress {width:40px;margin:0 3px;}
.movie-duration {font-size:11px;}
.movie-frame-strip {position:absolute;left:calc(100% + 22px);top:32px;display:flex;flex-direction:column;gap:6px;width:116px;height:calc(var(--movie-strip-height,650px) - 32px);}
.movie-frame-strip button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:var(--movie-thumb-height,70px);flex:none;padding:3px;border:0;background:transparent;color:#c7c7b9;border-radius:3px;cursor:pointer;transition:color .18s;}
.movie-frame-strip canvas {display:block;width:auto;max-width:100%;height:calc(100% - 17px);aspect-ratio:4/3;background:#0c110f;border-radius:2px;}
.movie-frame-strip span {display:flex;justify-content:center;gap:7px;font:10px/14px Arial,sans-serif;white-space:nowrap;}
.movie-frame-strip time {color:#b6b7ab;}
.movie-frame-strip button:hover {color:#fff9ee;}
.movie-frame-strip button:hover canvas {outline:1px solid #eeeae060;outline-offset:2px;}
.movie-frame-strip button[aria-pressed=true] {color:#eeeae0;background:transparent;}
.movie-frame-strip button[aria-pressed=true] canvas {outline:1px solid #eeeae0;outline-offset:2px;}
.movie-frame-strip button:focus-visible,.movie-history:focus-visible {outline:2px solid #eeeae0;outline-offset:-2px;}
.movie-frame-strip button:disabled {opacity:.4;cursor:default;}
.movie-frame-strip .movie-history-up {height:28px;background:transparent;border-color:transparent;padding:2px;}
.movie-history-up svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.movie-history {position:relative;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#eeeae035 transparent;}
.movie-frame-strip [data-movie=today] > span {font-weight:600;color:#eeeae0;}
.movie-turn {position:absolute;right:26px;top:25px;font:12px/1.4 Arial,sans-serif;letter-spacing:.03em;color:#eeeae0;background:#111916c9;padding:6px 10px;border-radius:4px;pointer-events:none;z-index:3;}
.movie-turn:empty {display:none;}
.movie-panel.is-previewing .movie-drawing {cursor:default;}
.movie-panel[data-intro=ready] [data-movie=today] {animation:movie-ready 1.6s ease-out both;}
@keyframes movie-ready {0%{box-shadow:0 0 0 0 #eeeae080;}100%{box-shadow:0 0 0 10px #eeeae000;}}
body main.ritual-room.movie > header.pluritual-header .module-how-trigger {display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid #eeeae044;border-radius:6px;background:#eeeae005;color:#eeeae0;font-size:0;text-decoration:none;}
body main.ritual-room.movie > header.pluritual-header .module-how-trigger > span {display:none;}
body main.ritual-room.movie > header.pluritual-header .module-how-trigger > svg.help-question-icon {display:block;width:25px;height:25px;}
body main.ritual-room.movie > header.pluritual-header .module-how-trigger:hover {background:#eeeae014;}
@media(max-width:999px){
 .movie-frame-strip {position:relative;left:auto;top:auto;flex-direction:row;width:100%;height:94px;margin-top:16px;gap:6px;}
 .movie-frame-strip button {width:80px;height:94px;}
 .movie-history {flex-direction:row;overflow-x:auto;overflow-y:hidden;}
 .movie-frame-strip .movie-history-up {display:none;}
 .movie-frame-strip canvas {width:100%;height:auto;}
 .movie-controls button {padding-inline:8px;}.movie-tools {padding:0;}
}
@media(max-width:650px){.movie-controls .movie-position-button span{display:none;}.movie-controls [data-movie=play]{min-width:68px;}.movie-controls{gap:6px;}}
@media(max-width:900px),(max-width:1024px) and (max-height:500px){body main.ritual-room.movie > header.pluritual-header .module-how-trigger{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:8px;flex:none;}body main.ritual-room.movie > header.pluritual-header .module-how-trigger > svg.help-question-icon{width:22px;height:22px;flex:none;}}
@media(prefers-reduced-motion:reduce){.movie-panel[data-intro=ready] [data-movie=today]{animation:none;}}
.movie-cta {display:flex;align-items:center;flex-direction:column;gap:0;flex:none;min-height:68px;}
body main.movie .voice-submit-btn.wip-organic-action {--action-fill:#e3dfd2;--action-hover-fill:#f4efe2;--action-disabled-fill:#a8aa9e;--action-wave-rgb:227,223,210;color:#1a2320;max-width:calc(100vw - 38px);}
body main.movie .voice-submit-btn.wip-organic-action:disabled {color:#29332e;}
.movie-status {font:12px/1.4 Arial,sans-serif;margin:8px 0 0;color:#d2d0c4;text-align:center;max-width:440px;}
.movie-status:empty {display:none;}
.movie-status.is-error {color:#f1b5a7;}
.movie-panel.is-playing .movie-drawing {cursor:default;}
.movie-panel.is-expanded {position:fixed;inset:0;z-index:70;height:100dvh;width:100vw;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#1b2320;gap:8px;overflow:auto;}
.movie-panel.is-expanded .movie-workspace {margin:auto;}
.movie-panel.is-expanded .movie-cta {display:none;}
body main.movie .movie-panel.is-expanded {display:flex;position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;z-index:70;}
body main.movie > .room-content:has(.movie-panel.is-expanded) {transform:none!important;animation:none!important;}
@media(max-width:900px){
  body main.movie .movie-panel {gap:8px;}
  .movie-controls {margin-top:12px;gap:0;}
  .movie-controls button {min-width:40px;height:44px;padding:7px;}
  .movie-tools {padding-inline:1px;}
  .movie-progress {width:28px;margin-inline:0 6px;}
  .movie-duration {font-size:10px;}
  .movie-cta {min-height:62px;}
  body main.movie .voice-submit-btn.wip-organic-action {height:52px!important;min-height:52px!important;font-size:16px!important;}
}
@media(max-width:650px){.movie-controls {display:flex;justify-content:space-between;flex-wrap:wrap;}.movie-controls button {min-width:32px;padding:6px;}.movie-playback {margin-right:8px;}}
@media(max-width:370px){.movie-progress {display:none;}.movie-duration {margin-inline:0 4px;}}
@container(max-width:560px){
  .movie-controls {display:flex;justify-content:space-between;flex-wrap:wrap;gap:0;}
  .movie-controls button {min-width:32px;padding:6px;}
  .movie-playback {margin-right:0;}
  .movie-progress {width:24px;margin-inline:0 6px;}
  
  .movie-duration {font-size:10px;}
}
@container(max-width:350px){.movie-progress {display:none;}}
@media(max-height:520px) and (min-width:600px){
  body main.movie .movie-panel {display:grid;grid-template-columns:var(--movie-width,270px) 210px;gap:18px;justify-items:center;justify-content:center;}
  .movie-workspace {justify-self:center;}.movie-cta {justify-self:start;width:210px;}
  body main.movie .voice-submit-btn.wip-organic-action {width:210px!important;}
  .movie-controls {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px;}.movie-progress {display:none;}.movie-controls button {min-width:28px;padding:5px;}.movie-duration {font-size:9px;}
}
@media(prefers-reduced-motion:reduce){.movie-controls button {transition:none;}}
@container(max-width:760px){
 .movie-controls {flex-wrap:nowrap;gap:8px;}
 .movie-controls button {height:44px;font-size:11px;gap:4px;padding-inline:5px;}
 .movie-controls [data-movie=play] {min-width:70px;}
 .movie-controls .movie-position-button {padding-inline:3px;}
 .movie-position-button svg {width:16px;height:16px;}
 .movie-playback,.movie-tools {gap:2px;}
 .movie-tools button {min-width:36px;width:36px;}
 .movie-tools [data-movie=ghost] {margin-right:3px;}
 .movie-progress,.movie-duration {display:none;}
}
@media(min-width:1000px) and (max-height:1000px){
 .movie-frame-strip button:not(.movie-history-up) {flex-direction:row;gap:7px;padding:3px;}
 .movie-frame-strip canvas {height:100%;width:auto;flex:none;}
 .movie-frame-strip span {gap:4px;font-size:10px;}
}
@container(max-width:520px){
 .movie-controls .movie-position-button span {display:none;}
 .movie-controls .movie-position-button {min-width:30px;}
 .movie-tools button {min-width:32px;width:32px;}
}
@media(max-width:650px){.movie-controls {flex-wrap:wrap;}.movie-tools {margin-left:auto;}}

/* A short drawing room must scroll below the shared navigation, not centre
   an overflowing studio behind it. Keep the fixed-size drawing geometry. */
@media(max-width:999px),(max-height:520px){
  body main.ritual-room.movie.has-module-navigation > .room-content:has(.movie-panel:not(.is-live):not(.is-expanded)) {
    overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
  }
  body main.ritual-room.movie .movie-panel:not(.is-live):not(.is-expanded) {
    justify-content:flex-start;box-sizing:border-box;padding-top:44px;padding-bottom:16px;
  }
  body main.ritual-room.movie .movie-panel:not(.is-live):not(.is-expanded) :is(.movie-cta,.movie-test-tools) {
    max-width:100%;
  }
}
@media(max-height:520px) and (min-width:600px){
  body main.ritual-room.movie .movie-panel:not(.is-live):not(.is-expanded) {
    justify-content:center;align-content:start;
  }
}

.movie-study-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px;font:12px/1.4 Arial,sans-serif;color:#cfcdc0;}
.movie-study-bar button{background:transparent;border:0;border-bottom:1px solid #eeeae055;color:#eeeae0;padding:5px 0;cursor:pointer;font:inherit;}
.movie-panel.is-loading .movie-face canvas{visibility:hidden;}
.movie-study-bar button[hidden]{display:none;}
.movie-test-tools,.movie-draw-dialog{
  box-sizing:border-box;border:1px solid #a68d685c;border-radius:10px;
  background:#211e18;color:#f2eadb;font:14px/1.4 Arial,sans-serif;
}
.movie-test-tools{width:min(620px,calc(100vw - 24px));padding:10px 12px;box-shadow:0 4px 14px #0005;}
.movie-test-tools header{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;}
.movie-test-tools header strong{font-size:13px;letter-spacing:.04em;}
.movie-test-tools .movie-study-count{color:#d4c8b5;font-size:12px;}
.movie-test-tools header [data-movie=study]{margin-inline-start:auto;min-height:32px;padding:0 4px;border:none;background:none;color:#ddcfba;text-decoration:underline;cursor:pointer;}
.movie-test-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.movie-test-actions button,.movie-test-tools [data-movie=retry]{
  min-height:44px;padding:8px 12px;border:1px solid #a68d6880;border-radius:6px;
  background:#342d22;color:inherit;font:600 13px/1.25 Arial,sans-serif;cursor:pointer;
}
.movie-test-actions button[hidden],.movie-test-tools button[hidden]{display:none;}
.movie-test-actions button:hover:not(:disabled){background:#494033;}
.movie-test-tools button:focus-visible,.movie-draw-dialog button:focus-visible{outline:2px solid #f2eadb;outline-offset:2px;}
.movie-test-actions button:disabled{opacity:.48;cursor:default;}
.movie-test-actions [data-movie=repeat]{display:flex;align-items:center;justify-content:center;gap:8px;}
.movie-test-actions [data-movie=repeat][aria-pressed=true]{background:#e1d8bf;border-color:#e1d8bf;color:#24261c;}
.movie-test-switch{min-width:29px;padding:2px 4px;border:1px solid currentColor;border-radius:12px;text-align:center;font-size:10px;}
.movie-test-actions [data-movie=prepare-draw]{margin-inline-start:auto;background:transparent;color:#f2d2a7;}
.movie-test-notice{margin:8px 0 0;color:#e2d5bf;font-size:12px;}
.movie-test-notice:empty{display:none;}
.movie-test-notice.is-error{color:#ffb6a7;}
.movie-panel.is-repeat-drawing [data-action=movie-submit] span{white-space:nowrap;font-size:16px;}
.movie-draw-dialog{width:min(450px,calc(100% - 28px));padding:20px;}
.movie-draw-dialog::backdrop{background:#0b0b09b8;}
.movie-draw-dialog h2{margin:0;font:400 29px/1.15 Fraunces,Georgia,serif;}
.movie-draw-dialog p{margin:12px 0 20px;color:#e2d5bf;}
.movie-draw-dialog .movie-draw-confirm:not(:disabled){background:#e1d8bf;color:#24261c;}
.movie-draw-dialog .movie-draw-confirm{margin-inline-start:auto;}
@media(max-width:620px),(max-height:520px) and (min-width:600px){
  .movie-test-tools .movie-test-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .movie-test-actions [data-movie=prepare-draw]{margin:0;}
}
@media(max-height:520px) and (min-width:600px){
  .movie-test-tools{width:210px;}
  .movie-test-tools .movie-test-actions button{padding-inline:4px;}
}
@media(min-width:1120px) and (min-height:521px){
  .movie-panel:not(.is-live):has(.movie-test-tools){--movie-test-sidebar:244px;}
  .movie-panel:not(.is-live) .movie-test-tools{
    position:absolute;z-index:5;top:50%;right:calc(50% + var(--movie-width,420px)/2 + 22px);
    transform:translateY(-50%);width:210px;
  }
  .movie-panel:not(.is-live) .movie-test-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .movie-panel:not(.is-live) .movie-test-actions :is([data-movie=repeat],[data-movie=prepare-draw],[data-movie=prepare-reroll]){grid-column:1/-1;margin:0;}
  .movie-panel:not(.is-live) .movie-test-actions [data-movie=prepare-draw]{margin-top:4px;}
}
.movie-panel .movie-status{display:block;height:34px;min-height:34px;overflow:auto;margin-top:4px;}
.movie-study-modal{position:fixed;inset:0;z-index:180;overflow:auto;overscroll-behavior:contain;background:#080f10cc;backdrop-filter:blur(9px);padding:24px;color:#eeeae0;font:14px/1.5 Arial,sans-serif;}
.movie-study-dialog{max-width:1020px;margin:0 auto;padding:28px;border:1px solid #ded7bd3b;border-radius:16px;background:radial-gradient(ellipse at top left,#45463844,transparent 60%),#1e2522;box-shadow:0 20px 90px #0009;outline:0;}
.movie-study-dialog>header,.movie-study-family>header{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.movie-study-dialog h2,.movie-study-dialog h3{font-family:Fraunces,Georgia,serif;font-weight:400;margin:0;}
.movie-study-dialog h2{font-size:32px;}.movie-study-dialog h3{font-size:21px;}
.movie-study-dialog header p{font-size:10px;letter-spacing:.16em;color:#b7b7a8;margin:0 0 6px;}
.movie-study-dialog button{font:inherit;color:inherit;background:#eeeae00b;border:1px solid #eeeae042;border-radius:7px;padding:10px 14px;cursor:pointer;}
.movie-study-dialog button:disabled{opacity:.4;cursor:default;}
.movie-study-dialog button:hover:not(:disabled){background:#eeeae018;}
.movie-study-dialog :is(button,input,summary):focus-visible{outline:2px solid #eeeae0;outline-offset:3px;}
.movie-study-dialog [data-study=close]{font-size:25px;line-height:1;padding:10px 14px;}
.movie-study-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
.movie-study-notice{font-size:12px;color:#c2c2b4;}
.movie-study-outcome{display:grid;grid-template-columns:minmax(180px,1fr) 1fr;gap:24px;align-items:center;border-block:1px solid #eeeae023;margin:24px 0;padding:24px 0;}
.movie-study-outcome canvas{width:100%;aspect-ratio:4/3;background:#151c19;border-radius:8px;}
.movie-study-outcome small{display:block;margin-top:8px;color:#d8c5a8;}
.movie-study-family{padding:18px 0;border-bottom:1px solid #eeeae023;}
.movie-study-family.is-selected{border-left:2px solid #e4d5a4;padding-left:15px;}
.movie-study-family header span{font-size:12px;color:#cfccbc;}
.movie-study-family p{font-size:12px;color:#c6c8bc;}
.movie-study-thumbnails{display:flex;flex-wrap:wrap;gap:12px;}
.movie-study-thumbnails figure{width:132px;margin:0;}
.movie-study-thumbnails canvas{display:block;width:100%;aspect-ratio:4/3;background:#131b17;border:1px solid #eeeae01a;border-radius:5px;}
.movie-study-thumbnails figcaption{font-size:11px;line-height:1.35;margin-top:5px;color:#cbc8b8;}
.movie-study-dialog details{border-top:1px solid #eeeae025;margin-top:20px;padding-top:16px;}
.movie-study-dialog summary{cursor:pointer;padding-block:6px;}
.movie-study-settings label{display:flex;justify-content:space-between;gap:20px;max-width:500px;margin:10px 0;align-items:center;}
.movie-study-settings input{width:90px;padding:8px;background:#0d1612;color:#eeeae0;border:1px solid #eeeae03c;border-radius:4px;font:inherit;}
.movie-study-settings small{display:block;margin-top:10px;color:#b6b9a8;}
.movie-study-dialog footer{margin-top:24px;}.movie-study-history .movie-study-thumbnails{margin-top:12px;}
.movie-structure{margin-block:24px;border-block:1px solid #eeeae030;padding-block:22px;}
.movie-structure>header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.movie-structure-family{border-top:1px solid #eeeae025;margin-top:24px;padding-top:20px;}
.movie-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;align-items:start;}
.movie-structure-grid figure{margin:0 0 18px;min-width:0;}
.movie-structure-grid canvas{display:block;width:100%;aspect-ratio:4/3;background:#111916;border:1px solid #eeeae021;border-radius:8px;}
.movie-structure-grid canvas[hidden]{display:none;}
.movie-structure-grid figcaption{margin-top:8px;color:#e4dfcd;}
.movie-structure-grid small{display:block;margin-top:4px;color:#bdbdac;overflow-wrap:anywhere;}
@media(max-width:600px){.movie-structure-grid{grid-template-columns:1fr;gap:8px;}}
@media(max-width:600px){.movie-study-modal{padding:10px;}.movie-study-dialog{padding:18px;}.movie-study-dialog h2{font-size:25px;}.movie-study-outcome{grid-template-columns:1fr;gap:14px;}.movie-study-thumbnails figure{width:calc(50% - 6px);}.movie-study-bar{gap:6px 12px;font-size:11px;}.movie-study-settings label{gap:10px;}}

/* Results1: one proposed image; families and calculation details follow it. */
.movie-study-modal{padding:24px;color:#eeeae0;background:#090d0de6;}
.movie-study-dialog{max-width:1100px;padding:30px 34px;background:radial-gradient(ellipse at 12% 0,#66634b20,transparent 54%),#202522;}
.movie-study-dialog>header{align-items:flex-start;padding-bottom:6px;}
.movie-study-dialog>header p{font-size:11px;letter-spacing:.13em;}
.movie-study-dialog>header h2{font-size:clamp(25px,3.4vw,36px);}
.movie-study-flow{display:grid;grid-template-columns:1fr 1fr 1.2fr;list-style:none;padding:18px 0;margin:14px 0 26px;border-block:1px solid #eeeae029;gap:24px;}
.movie-study-flow li{position:relative;display:flex;align-items:baseline;gap:7px;color:#bfc0b2;font-size:13px;}
.movie-study-flow li+li::before{content:'→';position:absolute;left:-22px;color:#b8b7a56b;}
.movie-study-flow strong{font-size:17px;font-weight:500;color:#eeeae0;}
.movie-result{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.9fr);gap:30px;align-items:center;margin-bottom:36px;}
.movie-result figure{margin:0;min-width:0;}
.movie-result-art canvas{display:block;width:100%;aspect-ratio:4/3;border:1px solid #eeeae02e;border-radius:10px;background:#101614;box-shadow:0 16px 35px -18px #000b;}
.movie-result-art figcaption{margin-top:9px;font-size:12px;color:#c4c3b4;}
.movie-study-tag{display:inline-block;width:fit-content;font-size:10px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;border:1px solid #d5d1b63a;border-radius:20px;padding:5px 9px;color:#d9d2ad;background:#d5d1b609;}
.movie-result-copy h3{font-size:clamp(25px,2.7vw,32px);margin-top:12px;line-height:1.2;}
.movie-result-copy>p{color:#c9c9bb;max-width:36ch;line-height:1.6;}
.movie-result-copy strong{color:#eeeae0;font-weight:500;}
.movie-result-reference{display:flex;align-items:center;gap:12px;margin-block:18px!important;}
.movie-result-reference canvas{display:block;width:80px;aspect-ratio:4/3;border:1px solid #eeeae024;border-radius:4px;background:#111715;}
.movie-result-reference figcaption{font-size:11px;color:#b7b9aa;line-height:1.5;}
.movie-study-dialog .movie-study-primary{background:#e3dfd2;color:#1a2320;border:1px solid #e3dfd2;border-radius:28px 26px 27px 25px;padding:13px 20px;font-weight:700;line-height:1.4;}
.movie-study-dialog .movie-study-primary:hover:not(:disabled){background:#f4efe2;border-color:#f4efe2;}
.movie-study-dialog .movie-study-primary:disabled{opacity:.5;}
.movie-result-next>.movie-study-primary{width:100%;}
.movie-result-next>.movie-study-notice{line-height:1.5;font-size:11px;margin:8px 2px;}
.movie-study-dialog .movie-study-text-button{border:0;border-bottom:1px solid #ded9bd55;border-radius:0;background:transparent;padding:4px 0;color:#ded9bd;}
.movie-study-dialog .movie-study-text-button:hover:not(:disabled){background:transparent;color:#fff7df;border-color:#fff7df;}
.movie-study-dialog .movie-study-back{margin-top:12px;}
.movie-study-lock{border-left:2px solid #d6bc88;padding:9px 12px;background:#d6bc880b;font-size:12px;line-height:1.55;color:#e4d5b4;}
.movie-study-empty{padding:34px 22px;text-align:center;background:#121a1666;border:1px solid #eeeae020;border-radius:10px;margin-bottom:30px;}
.movie-study-empty h3{font-size:26px;}
.movie-study-empty p{max-width:48ch;color:#c1c4b6;margin:12px auto 20px;}
.movie-study-empty .movie-study-text-button{display:block;margin:16px auto 0;}
.movie-study-spinner{display:block;width:25px;height:25px;border:1px solid #eeeae027;border-top-color:#ded9bd;border-radius:50%;margin:0 auto 16px;animation:movie-study-turn 1.2s linear infinite;}
.movie-result-options{margin:16px 0;display:flex;gap:6px;flex-wrap:wrap;}
.movie-result-options p{flex-basis:100%;margin:0 0 4px;font-size:12px;color:#c3c4b6;}
.movie-result-options button{font-size:12px;padding:7px 10px;}
.movie-result-options button[aria-pressed=true]{border-color:#d9d2ad;background:#d9d2ad18;}
.movie-study-groups{border-top:1px solid #eeeae029;padding-top:25px;}
.movie-study-groups>h3{font-size:25px;}
.movie-study-groups>.movie-study-notice{max-width:64ch;line-height:1.6;margin:9px 0 18px;}
.movie-family-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
.movie-study-dialog .movie-family-card{margin:0;padding:0;border:1px solid #eeeae027;border-radius:10px;background:#1219164d;min-width:0;}
.movie-study-dialog .movie-family-card.is-drawn{border-color:#d9d2ad66;}
.movie-family-card>summary{padding:16px;list-style:none;}
.movie-family-card>summary::-webkit-details-marker{display:none;}
.movie-family-title{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.movie-family-title>strong{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:400;}
.movie-family-count{display:block;font-size:12px;margin-top:7px;color:#dddac9;}
.movie-family-count>span{color:#b8baaa;}
.movie-family-mosaic{display:flex;gap:5px;margin:14px 0;align-items:stretch;height:90px;}
.movie-family-mosaic canvas{display:block;min-width:0;flex:1;width:0;height:100%;aspect-ratio:4/3;object-fit:contain;background:#0e1512;border-radius:4px;}
.movie-family-mosaic>span{display:flex;align-items:center;justify-content:center;color:#babba9;font-size:13px;min-width:30px;}
.movie-family-open{display:block;margin-top:12px;font-size:11px;color:#cecbb8;}
.movie-family-open::after{content:' +';float:right;font-size:16px;line-height:1;}
.movie-family-card[open] .movie-family-open::after{content:' −';}
.movie-family-card[open] .movie-family-mosaic{display:none;}
.movie-family-content{padding:0 16px 16px;}
.movie-family-content .movie-study-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.movie-family-content .movie-study-thumbnails figure{width:auto;min-width:0;}
.movie-study-dialog .movie-study-advanced{margin-top:30px;}
.movie-study-dialog :is(.movie-study-advanced,.movie-study-history,.movie-study-maintenance)>summary{color:#c8c8b9;font-size:13px;}
.movie-study-dialog .movie-study-maintenance{margin-top:14px;}
.movie-study-dialog .movie-study-maintenance>summary{color:#aaaD9e;font-size:12px;}
.movie-study-dialog h4{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:19px;margin-bottom:10px;}
.movie-study-dialog h5{font:13px/1.5 Arial,sans-serif;color:#d5d2c3;margin-block:16px 7px;}
.movie-study-history .movie-study-thumbnails figure{width:110px;}
.movie-study-history .movie-study-thumbnails button{font-size:11px;padding:5px 8px;margin-top:6px;}
@keyframes movie-study-turn{to{transform:rotate(360deg);}}
@media(max-width:700px){
  .movie-study-dialog{padding:22px;}.movie-result{grid-template-columns:1fr;gap:20px;}.movie-result-art{max-width:520px;}.movie-result-copy>p{max-width:none;}
  .movie-result-copy:has(.movie-result-reference){display:grid;grid-template-columns:minmax(0,1fr) 128px;column-gap:12px;}
  .movie-result-copy:has(.movie-result-reference)>:is(.movie-study-tag,h3,.movie-result-options,.movie-result-next,.movie-study-notice){grid-column:1/-1;}
  .movie-result-copy:has(.movie-result-reference)>p:not(.movie-study-notice){grid-column:1;grid-row:3;}
  .movie-result-reference{grid-column:2;grid-row:3;align-self:center;margin:0!important;gap:7px;}.movie-result-reference canvas{width:56px;flex:none;}.movie-result-reference figcaption{font-size:10px;}
  .movie-result-next{padding-top:5px;}.movie-result-copy h3{font-size:27px;}.movie-result-copy>.movie-study-tag{font-size:10px;}
}
@media(max-width:480px){
  .movie-study-modal{padding:8px;}.movie-study-dialog{padding:18px 15px;border-radius:12px;}.movie-study-dialog>header p{font-size:9px;}.movie-study-dialog [data-study=close]{padding:8px 10px;font-size:23px;}
  .movie-study-flow{gap:15px;padding:13px 0;margin:14px 0 20px;}.movie-study-flow li{display:block;font-size:11px;line-height:1.6;}.movie-study-flow li+li::before{left:-15px;top:7px;}.movie-study-flow strong{display:block;font-size:15px;}
  .movie-result{margin-bottom:26px;}.movie-result-copy h3{font-size:26px;}.movie-result-copy>p{font-size:13px;}.movie-family-list{grid-template-columns:1fr;}.movie-family-card>summary{padding:14px;}.movie-family-content{padding:0 14px 14px;}
  .movie-study-history .movie-study-thumbnails figure{width:calc(33.333% - 8px);}.movie-study-empty{padding:28px 15px;}.movie-study-empty h3{font-size:23px;}
}
@media(prefers-reduced-motion:reduce){.movie-study-spinner{animation:none;}}
.movie-representative-alternatives .movie-study-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:14px;}
.movie-representative-alternatives .movie-study-thumbnails figure{width:auto;min-width:0;}
.movie-representative-explanation p{max-width:74ch;line-height:1.65;}
.movie-study-dialog :is(.movie-representative-explanation,[data-disclosure=structural-comparison])>summary{font-size:13px;color:#c8c8b9;}