/* Light macOS shell. Deliberately scoped away from the approved scene artwork. */
html:root { color-scheme:light; --ink:#252527;--ink-2:#646468;--ink-3:#717175;--line:rgba(0,0,0,.1);--blue:#007aff }
html body {background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#252527}
html #stage {background:#fff;inset:32px 0 88px}
html #stage video {object-fit:contain;object-position:center;filter:none}
/* Keep the approved artwork visible independently of video decoding/autoplay. */
html #scene-still {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}
html #stage #v-idle {visibility:hidden}
html #stage .vig {display:none}
html #menubar {background:rgba(245,245,247,.82);color:#242426;border-bottom:1px solid #dedee2;box-shadow:none;letter-spacing:0}
html #logo {background:none;color:#242426;filter:none;font-weight:750}
html #boot {background:#fff}
html #boot .bl {background:none;color:#242426;-webkit-text-fill-color:#242426}
html .mitem,html #mright,html #status,html #motion-toggle,html #sound-toggle {color:#333338}
html #dock-wrap {bottom:max(14px,env(safe-area-inset-bottom))}
html #dock {gap:8px;padding:8px 10px 11px;border-radius:22px;background:rgba(226,226,229,.67);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #00000016,0 8px 28px #0000001c,inset 0 1px 1px #ffffff;backdrop-filter:blur(20px) saturate(160%)}
html .dicon {width:58px;height:58px;flex-shrink:0}
html .dicon img {width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 3px 3px #00000020)}
html .dicon svg {padding:5px;filter:drop-shadow(0 3px 3px #00000020)}
html .dicon .run {background:#414146;bottom:-5px}
html .dsep {background:#00000025;margin:4px 3px}
html .dicon .lbl {background:rgba(250,250,252,.94);color:#252527;border:1px solid #00000019;box-shadow:0 4px 14px #00000018;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0}
html .dicon:focus-visible .lbl {opacity:1}
html .folder {width:112px}
html .folder .ic {width:80px;height:72px}
html .folder .ic img {display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0000001a)}
html .folder .nm {font-size:12px;line-height:1.3;color:#242426;text-shadow:0 1px 3px #fff,0 0 6px #fff;background:rgba(255,255,255,.65);padding:2px 6px;font-weight:500}
html .folder[data-sel="1"] .nm {color:#fff;text-shadow:none;background:#007aff}
html .win {background:rgba(245,245,247,.96);color:#242426;border:1px solid #00000030;box-shadow:0 25px 70px #00000030,0 3px 12px #00000015}
html .tbar {background:linear-gradient(#f8f8fa,#ececee);border-bottom:1px solid #d4d4d7}
html .tbar .ttl {color:#323236}
html .wbody,html #f-main {background:#fff;color:#242426}
html #f-side {background:rgba(232,233,236,.94);border-color:#d6d6da;flex-basis:210px}
html #f-side button {color:#333338}
html #f-side button[data-on="1"] {background:#d4d5da;color:#222226}
html #f-side .cap,html #f-side .n,html #f-desc,html .wmeta span {color:#6a6a70}
html #f-side .ic {color:#007aff}
html #f-side button[data-on="1"] .ic {color:#007aff}
html .finder-nav button,html .finder-tools button {color:#57575c;background:transparent}
html #f-head,html #f-status {border-color:#e6e6e9}
html #f-status {background:#f6f6f7;color:#66666b}
.finder-folder {display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;border-radius:7px;font-size:13px}
.finder-folder img {width:88px;height:76px;object-fit:contain}
.finder-folder:hover,.finder-folder:focus-visible {background:#edf3ff}
html .finder-nav button:disabled {opacity:.3;cursor:default}
html .about-facts div {border-color:#e2e2e5}
html .about-facts span,html #w-about .sub {color:#6a6a70}
html .toast {background:#f5f5f7;color:#242426;border:1px solid #00000020}
html button:focus-visible,html a:focus-visible {outline:2px solid #007aff;outline-offset:3px}
@media(max-width:760px){
 html #stage {inset:110px 0 105px}
 html .folder {width:100px}html .folder .ic {width:64px;height:56px}
 html .folder .nm {font-size:11px}
 html .dicon {width:48px;height:48px}
 html #dock {gap:4px;padding:6px 8px 10px}
 html #f-side {flex:0 0 auto;padding:7px;min-height:44px}
 html #f-side button {min-height:38px}
 html #w-works {height:min(570px,calc(100dvh - 145px));max-height:calc(100dvh - 145px)}
 html #status {display:none}
}
@media(prefers-reduced-transparency:reduce){html #dock,html #menubar,html .win{background:#f0f0f2;backdrop-filter:none}}
@media(prefers-contrast:more){html #dock,html .win{border-color:#555}html .folder .nm{background:white;text-shadow:none}}