/* User-supplied visionOS / Liquid Glass surface mechanics, adapted for readable anatomy controls. */
:root{--glass-bg:rgba(255,255,255,.08);--glass-bg-hover:rgba(255,255,255,.14);--glass-border:rgba(255,255,255,.22);--glass-highlight:rgba(255,255,255,.45);--glass-shadow:0 20px 50px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.1) inset;--glass-blur:24px;--glass-radius:28px;--glass-ink:#eaf3fb;--glass-surface:rgba(23,36,57,.70);--glass-button:rgba(255,255,255,.08)}
html[data-theme="light"]{--glass-bg:rgba(255,255,255,.56);--glass-bg-hover:rgba(255,255,255,.8);--glass-border:rgba(255,255,255,.72);--glass-highlight:rgba(255,255,255,.96);--glass-shadow:0 18px 45px rgba(49,72,105,.12),0 0 0 1px rgba(255,255,255,.75) inset;--glass-ink:#213f56;--glass-surface:rgba(255,255,255,.62);--glass-button:rgba(255,255,255,.5)}
html[data-theme] body,html[data-theme] body:has(.explorer-workspace){background:radial-gradient(ellipse at 8% 7%,#30426385,transparent 48%),radial-gradient(ellipse at 94% 45%,#155a5b66,transparent 52%),radial-gradient(ellipse at 45% 95%,#302a5655,transparent 52%),#0b1422;background-attachment:fixed}
html[data-theme="light"] body,html[data-theme="light"] body:has(.explorer-workspace){background:radial-gradient(ellipse at 6% 10%,#c7c9edb0,transparent 50%),radial-gradient(ellipse at 94% 40%,#a7dbd5a0,transparent 52%),radial-gradient(ellipse at 40% 95%,#dae9ff,transparent 50%),#e9eff5;background-attachment:fixed}
.vision-glass{position:relative;overflow:hidden;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(190%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);transition:background .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1)}
html[data-theme] .vision-glass{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--glass-ink)}
.vision-glass:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--glass-highlight) 0%,var(--glass-border) 35%,rgba(255,255,255,.02) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10}
.vision-glass-interactive:hover{background:var(--glass-bg-hover);transform:translateY(-2px) scale(1.01);box-shadow:0 30px 60px #0005,0 0 20px #ffffff20;will-change:transform}
.vision-glass-btn{border-radius:9999px;transition:background .2s ease,transform .1s ease;cursor:pointer}
html[data-theme] .explorer-workspace .vision-glass-btn{background:var(--glass-button);border:1px solid var(--glass-border);border-radius:9999px;color:var(--glass-ink);box-shadow:0 1px 0 #ffffff16 inset}
html[data-theme] .explorer-workspace .vision-glass-btn:hover{background:var(--glass-bg-hover)}.vision-glass-btn:active{transform:scale(.96)}
html[data-theme] .explorer-workspace .vision-glass-btn:disabled{opacity:.35;cursor:default}
html[data-theme] .explorer-workspace .vision-glass-btn[aria-pressed="true"],html[data-theme] .explorer-workspace .vision-glass-btn.on{background:#3c9b7a55;border-color:#7cdbb5;color:#c6ffeb}
html[data-theme="light"] .explorer-workspace .vision-glass-btn[aria-pressed="true"],html[data-theme="light"] .explorer-workspace .vision-glass-btn.on{background:#a8dec6aa;border-color:#57a587;color:#1f654c}
.vision-nav{display:flex;gap:6px;padding:7px 10px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:9999px;box-shadow:0 12px 30px #0003}
html[data-theme] .model-view-tools.vision-nav{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:9999px;bottom:40px}
html[data-theme] .model-view-tools button{font-size:10px;padding:7px 10px;border-radius:999px}
html[data-theme] .model-stage-panel.vision-glass{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 20px 50px #0002}
html[data-theme] .model-stage-top,html[data-theme] .selection-toolbar,html[data-theme] .model-stage-bottom,html[data-theme] .highlight-key{background:var(--glass-bg);border-color:var(--glass-border)}
html[data-theme] .model-stage-top{padding:13px 15px;gap:7px}.model-stage-top>div:first-child{min-width:90px}.quality-control{margin-right:2px}
html[data-theme] .model-stage[data-background="dark"]{background:radial-gradient(ellipse at 45% 40%,#263b4c,#142432 62%,#0f1c2a)}html[data-theme] .model-stage[data-background="light"]{background:radial-gradient(ellipse at 45% 40%,#e4edf3,#cbd8e3)}
html[data-theme] .study-tool-rail,html[data-theme] .section-controls{background:var(--glass-surface);border-color:var(--glass-border);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 12px 32px #0002;border-radius:22px}
html[data-theme] .study-tool-rail button{border-radius:16px!important}.study-tool-rail{padding:6px;gap:3px}
html[data-theme] .model-credit{background:var(--glass-bg);border-top:1px solid var(--glass-border);line-height:1.6;padding:7px 15px;color:#8fa6b9}html[data-theme="light"] .model-credit{color:#5f7a8e}
.viewer-signature{padding:9px 16px 11px;text-align:center;border-top:1px solid var(--glass-border);font-size:12px;letter-spacing:.15px;color:#9fb8c8;background:var(--glass-bg)}.viewer-signature strong{font-weight:600;color:#bcecd9}html[data-theme="light"] .viewer-signature{color:#607e8b}html[data-theme="light"] .viewer-signature strong{color:#286b56}
html[data-theme] .explorer-workspace .model-browser .search{background:var(--glass-bg);border-color:var(--glass-border);border-radius:15px;padding:10px 12px}
html[data-theme] .system-filter.active{border-radius:12px}html[data-theme] .model-item{border-radius:12px}.model-browser>summary{padding:17px 15px}.model-list{scrollbar-width:thin}
html[data-theme] .model-inspector .inspector-note{background:var(--glass-bg);border-color:var(--glass-border);border-radius:20px}.model-inspector h2{font-weight:500;letter-spacing:-.7px}.model-inspector p{line-height:1.8}
html[data-theme] body:has(.explorer-workspace) .rail{background:var(--glass-surface);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-color:var(--glass-border)}html[data-theme] body:has(.explorer-workspace) header{background:var(--glass-bg);border-color:var(--glass-border)}
html[data-theme] body:has(.explorer-workspace) .nav{border-radius:999px}html[data-theme] body:has(.explorer-workspace) .icon-button{border-radius:999px;background:var(--glass-bg);border-color:var(--glass-border);color:var(--glass-ink)}
html[data-theme] .flashcard,html[data-theme] .testing-panel,html[data-theme] .quiz-card,html[data-theme] .saved-card,html[data-theme] dialog{background:var(--glass-surface);border-color:var(--glass-border);border-radius:var(--glass-radius);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:var(--glass-shadow);color:var(--glass-ink)}
.zoom-controls{position:absolute;left:16px;bottom:80px;z-index:4;display:flex;flex-direction:column;gap:5px;padding:4px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface)}html[data-theme] .zoom-controls button{font-size:20px;width:34px;height:34px;padding:0;line-height:1;display:grid;place-content:center}
.expanded-panel-toggle{display:none}.model-stage-top strong{margin-top:3px}.model-stage-top .vision-glass-btn{white-space:nowrap}.model-stage-top>label{margin-left:auto}
/* Expanded mode gives the entire viewport to the canvas; browser and inspector become drawers. */
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded){display:flex;position:fixed;inset:0;padding:8px;width:100vw;height:100dvh;min-height:0;gap:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 20% 20%,#24364b,#0c1727)}
html[data-theme="light"] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded){background:radial-gradient(ellipse at 20% 20%,#e7e5f5,#cfdfeb)}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage-panel{width:100%;height:100%;min-width:0;min-height:0;border-radius:24px;flex:1}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage{height:0;min-height:0;flex:1}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-library,html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-inspector{display:none;position:absolute;z-index:8;top:128px;bottom:96px;width:270px;max-height:none;min-height:0;margin:0;box-shadow:0 20px 60px #0005;background:var(--glass-surface);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded).library-open .model-library{display:flex;left:20px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded).inspector-open .model-inspector{display:block;right:20px;overflow:auto}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .expanded-panel-toggle{display:inline-flex;align-items:center;gap:5px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage-bottom{display:none}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage-top{padding:9px 14px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .selection-toolbar{padding:7px 14px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .highlight-key{padding:6px 14px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-credit{font-size:7px;padding:5px 14px}
html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .viewer-signature{padding:7px 14px;font-size:12px}
html[data-theme] .compatibility-graphics .study-tool-rail,html[data-theme] .compatibility-graphics .model-view-tools,html[data-theme] .compatibility-graphics .section-controls{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:1000px){.model-stage-top{flex-wrap:wrap}.model-stage-top>div:first-child{margin-right:auto}.model-stage-top .quality-control{margin-left:0}.model-view-tools button{padding:7px!important}.explorer-workspace{gap:12px}}
@media(max-width:760px){:root{--glass-radius:22px;--glass-blur:16px}.model-stage-top .stage-tool{font-size:9px;padding:7px 6px}.model-stage-top>div:first-child{flex:1 1 100%}.model-stage-top .quality-control{margin-left:auto}html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded){padding:4px}html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage-top>div:first-child{flex:1 1 100%;font-size:7px}html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-stage-top>div:first-child strong{display:inline;font-size:11px;margin-left:8px}html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-library,html[data-theme] :is(.explorer-workspace:fullscreen,.explorer-workspace.is-expanded) .model-inspector{top:155px;bottom:120px;width:min(290px,80vw)}.model-gestures{font-size:7px;padding:0 40px}.model-view-tools{bottom:39px;gap:2px!important}.model-view-tools button{font-size:8px!important;padding:7px 6px!important}.zoom-controls{left:10px;bottom:85px}.viewer-signature{font-size:11px}.model-credit{font-size:7px}.highlight-key{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vision-glass,.vision-glass-btn{transition:none}.vision-glass-interactive:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.vision-glass,.vision-nav,.study-tool-rail,.section-controls{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-theme] .vision-glass{background:#172438}html[data-theme="light"] .vision-glass{background:#f1f6fa}}
@supports not (backdrop-filter:blur(1px)){html[data-theme] .vision-glass{background:#172438}html[data-theme="light"] .vision-glass{background:#f1f6fa}}

.share-popover{position:fixed;right:25px;top:95px;z-index:30;padding:22px;width:min(440px,calc(100vw - 40px))}.share-popover h3{margin:0 30px 8px 0;font-size:20px}.share-popover p{font-size:12px;line-height:1.7}.share-popover textarea{width:100%;height:100px;border:1px solid var(--glass-border);border-radius:12px;padding:10px;background:var(--glass-bg);color:var(--glass-ink);font:11px/1.5 Arial;resize:none}.share-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--glass-ink);font-size:22px}
