/* A single full-screen model; tools appear only when requested. */
.simple-mode #skin-scene{inset:76px 0 64px!important;min-height:180px}
.simple-mode .topbar{height:76px;display:flex;gap:18px;padding:12px 24px}
.simple-mode .topbar strong{font:24px Georgia,serif}.simple-mode .topbar span{display:block;font-size:11px}
.simple-model-nav{display:flex;align-items:center;gap:8px;margin-left:auto!important}
.simple-model-nav a{display:block;text-decoration:none;padding:8px 15px;border:1px solid transparent;border-radius:7px;font-size:14px}
.simple-model-nav a[aria-current=page]{background:#f0c9ad;color:#172437}
.simple-mode .topbar #reference{display:block;min-height:40px;font-size:12px}
.simple-mode .course-picker,.simple-mode #exit-course,.simple-mode #scale-tools,.simple-mode #course-controls,.simple-mode #course-status,.simple-mode .model-limit,.simple-mode .anatomy-key,.simple-mode #notice{display:none!important}
.simple-mode .tool-rail{top:102px;left:20px;bottom:auto;right:auto;height:auto;display:flex;flex-direction:column;gap:8px;overflow:visible}
.simple-mode .tool{width:74px;min-height:68px;padding:8px 4px;font-size:12px}
.simple-mode .palette{position:absolute;left:110px;top:102px;bottom:auto;width:275px;max-height:calc(100dvh - 200px);height:auto;display:block;padding:18px;overflow:auto;z-index:4;background:#172638f5;border:1px solid #63759155;border-radius:12px;box-shadow:0 12px 40px #0003}
.simple-mode .interaction-panel{display:contents;position:static;background:none;border:0;overflow:visible;backdrop-filter:none}
.simple-mode .palette[hidden]{display:none!important}
.simple-mode .model-title{top:94px;left:50%;right:auto;max-width:58%;transform:translateX(-50%)}
.simple-mode .model-title h1{font:24px Georgia,serif}
.simple-mode .model-title span{font-size:11px}
.simple-mode .response-controls{display:block;position:absolute;left:auto;right:20px;bottom:82px;width:280px;height:auto;max-height:none;overflow:visible;border:0;padding:0;z-index:3}
.simple-mode .response-controls .tightening{display:block;position:static;transform:none;width:100%;height:auto;min-height:0;max-height:none;background:#172638ed;border:1px solid #63759155;border-radius:10px;padding:12px 16px}
.simple-mode .tightening label{font-size:12px;display:flex;justify-content:space-between;gap:12px}
.simple-mode .tightening .label-full{position:static;clip-path:none;width:auto;height:auto}
.simple-mode .tightening .label-compact,.simple-mode #response-note{display:none!important}
.simple-mode .tightening input{display:block;width:100%;min-height:30px}
.simple-mode .bottom-bar{height:64px;bottom:0;padding:10px 20px}
.simple-mode .bottom-bar #read-lesson{margin-left:auto}
.simple-mode .bottom-bar .gesture,.simple-mode #active-items{display:none}
.simple-mode .lesson{z-index:6;top:90px;right:20px;left:auto;bottom:78px;width:330px}
@media(max-width:700px){
 .simple-mode .topbar{height:68px;padding:10px 12px;gap:9px}
 .simple-mode .topbar strong{font-size:20px}.simple-mode .topbar span{display:none}
 .simple-mode .topbar .home{width:30px;height:30px;font-size:18px}
 .simple-model-nav{gap:3px!important}.simple-model-nav a{padding:7px 10px;font-size:12px}
 .simple-mode .topbar #reference{display:none}
 .simple-mode #skin-scene{inset:68px 0 128px!important}
 .simple-mode .model-title{top:82px;max-width:80%}.simple-mode .model-title h1{font-size:20px}
 .simple-mode .tool-rail{top:auto;bottom:64px;left:10px;right:10px;display:flex;flex-direction:row;justify-content:center;height:58px;gap:8px;overflow:visible;z-index:4}
 .simple-mode .tool{width:86px;min-height:54px;padding:4px;font-size:11px}.simple-mode .tool svg{width:22px;height:22px}
 .simple-mode .palette{top:auto;bottom:132px;left:12px;right:12px;width:auto;max-height:46dvh;padding:15px}
 .simple-mode .palette #options button,.simple-mode .palette label{font-size:14px!important}
 .simple-mode .model-title{left:50%;right:auto}
 .simple-mode .response-controls{bottom:132px;right:12px;width:220px}
 .simple-mode:not(.palette-closed) .response-controls{display:none}
 .simple-mode .response-controls .tightening{padding:8px 12px}
 .simple-mode .bottom-bar{height:60px;padding:8px}
 .simple-mode .bottom-bar button,.simple-mode .return-haptiforme{font-size:12px}
 .simple-mode .lesson{top:78px;left:10px;right:10px;bottom:128px;width:auto}
}
/* Lips keeps its original geometry and controls, without the course column. */
body.lips-simple{overflow:hidden;height:100dvh}
.lips-simple header{height:76px;min-height:0;flex-wrap:nowrap;gap:18px}
.lips-simple header nav{width:auto}
.lips-simple main{display:block;height:calc(100dvh - 76px)}
.lips-simple .visual{position:relative;top:0;height:100%;min-height:0;border:0}
.lips-simple .scene-heading{display:none}
.lips-simple .guide{position:absolute;top:92px;right:18px;width:300px;padding:0;max-height:calc(100dvh - 115px);overflow:auto;background:transparent;z-index:5;pointer-events:none}
.lips-simple .guide>*{display:none}
.lips-simple .guide .controls{display:block;margin:0;background:#172638f5;border:1px solid #63759155;border-radius:10px;padding:15px;pointer-events:auto}
.lips-simple .controls summary{font-weight:normal;font-size:14px;min-height:24px}
.lips-simple #timeline,.lips-simple label[for=timeline],.lips-simple #timeline+.range-ends,.lips-simple #scenario,.lips-simple label[for=scenario],.lips-simple .controls .check,.lips-simple #feedback,.lips-simple #material-note{display:none!important}
.lips-simple .controls label{font-size:12px;margin-top:14px}
.lips-simple .legend{bottom:80px}.lips-simple .view-buttons{bottom:28px}
@media(max-width:700px){
 .lips-simple header{height:68px;padding:10px 12px;gap:10px}
 .lips-simple header .brand{font-size:0}.lips-simple header .brand:before{content:'ⓗ';font-size:23px}
 .lips-simple header strong{font-size:20px}.lips-simple header strong span{display:none}
 .lips-simple header nav{margin-left:auto}
 .lips-simple main{height:calc(100dvh - 68px)}
 .lips-simple .guide{top:82px;right:12px;width:265px;max-height:calc(100dvh - 220px)}
 .lips-simple .legend{left:14px;font-size:10px;bottom:84px}.lips-simple .view-buttons{left:14px}
}
.lips-simple .guide>:not(.controls){display:none!important}
.simple-mode .lesson{width:300px;bottom:auto;max-height:calc(100dvh - 180px);padding:18px;border-radius:12px;box-shadow:0 12px 40px #0004}
.simple-mode .lesson #lesson-body h2{font:23px/1.15 Georgia,serif;margin:8px 0 18px}
.simple-mode .lesson #lesson-body p{font-size:13px;line-height:1.5;margin:6px 0 14px}
.simple-mode .lesson #lesson-body .observe-kicker{font:11px Arial,sans-serif;letter-spacing:.08em;color:#edb69d;margin:16px 0 6px}
.simple-mode .lesson #lesson-body .observe-limit{font-size:11px;color:#aebed0;border-top:1px solid #63759155;padding-top:12px}
.simple-mode .lesson details{margin-top:12px;font-size:11px}
.simple-mode #thread-guide{font-size:13px;margin-left:auto}
.simple-mode #read-lesson{margin-left:0!important;font-size:13px}
.simple-mode #thread-guide[aria-pressed=true]{background:#ffb65c;border-color:#ffb65c;color:#172437}
.simple-mode #thread-guide:disabled{opacity:.4;cursor:default}
.thread-marker{position:absolute;z-index:3;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:23px;height:23px;border:1px solid #172437;border-radius:50%;background:#ffb65c;color:#172437;font:bold 12px Arial,sans-serif;pointer-events:none;box-shadow:0 1px 5px #0005}
.simple-mode #thread-guide-caption{position:absolute;bottom:76px;left:20px;color:#ffd59e;background:#162638df;border-radius:7px;font:12px/1.4 Arial,sans-serif;padding:8px 12px;pointer-events:none;max-width:300px}
@media(max-width:700px){
 .simple-mode .bottom-bar .return-haptiforme{display:none}
 .simple-mode .bottom-bar button{font-size:12px;flex:1}
 .simple-mode .lesson{left:12px;right:12px;top:auto;bottom:132px;width:auto;max-height:48dvh;padding:15px}
 .simple-mode .lesson #lesson-body h2{font-size:21px;margin-bottom:12px}
 .simple-mode #thread-guide-caption{bottom:142px;left:12px;right:12px;max-width:none;font-size:11px;padding:6px 10px}
 .simple-mode .response-controls{bottom:184px}
 .thread-marker{min-width:22px;height:22px;font-size:11px}
}