/* Consistent finishing for the teaching tools; scene geometry and controls stay intact. */
body{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}
::selection{background:#edb69d;color:#172437}
button,select,input{font-family:inherit}
button,select{transition:background-color .18s,border-color .18s;letter-spacing:.01em}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9fd7de;outline-offset:4px}
.simple-mode .topbar,.lips-simple>header{border-bottom:1px solid #7186a232;background:#101b2bf5}
.simple-model-nav{padding:4px;background:#ffffff05;border:1px solid #7186a22b;border-radius:10px}
.simple-model-nav a{font-size:13px;border-radius:7px}
.simple-model-nav a[aria-current=page]{background:#e8b99f;color:#152134}
.simple-mode .palette{background:#19293df5;border-color:#7186a245;border-radius:14px;box-shadow:0 20px 60px #02071350;padding:22px}
.simple-mode .palette h2{font:25px/1.2 Georgia,serif;letter-spacing:-.02em}
.simple-mode .palette :is(p,label){line-height:1.7}
.simple-mode .palette select{background:#142236;border-color:#7186a250;min-height:46px;border-radius:8px;font-size:14px;max-width:100%}
.simple-mode .palette button{border-color:#7186a245;border-radius:8px}
.simple-mode .tool{border-color:#7186a238;border-radius:10px;background:#18283ee8;box-shadow:0 4px 18px #00000012}
.simple-mode .tool.active,.simple-mode .tool[aria-pressed=true]{background:#e8b99f;color:#152134;border-color:#e8b99f}
.simple-mode .bottom-bar{border-top:1px solid #7186a22b;background:#101b2bf5}
.simple-mode .response-controls .tightening{border-color:#7186a245;border-radius:12px;background:#19293df5}
.lips-simple .guide .controls{background:#19293df5;border:1px solid #7186a245;border-radius:14px;box-shadow:0 20px 60px #02071350;padding:22px}
.lips-simple .controls select{font-size:14px;background:#142236;border-color:#7186a250;border-radius:8px;line-height:1.5}
.lips-simple .controls label{font-size:12px;line-height:1.7;margin-top:20px}.lips-simple .controls p{font-size:13px;line-height:1.7}
.lips-simple .controls summary{font-size:14px;letter-spacing:.01em}
.lips-simple .view-buttons button{border-color:#7186a245;box-shadow:0 4px 18px #00000012;border-radius:8px}
@media(max-width:600px){.simple-mode .palette{padding:18px}.simple-model-nav{gap:3px;padding:3px}.simple-model-nav a{font-size:12px;padding:7px 12px}.lips-simple .guide .controls{padding:18px}.simple-mode .topbar strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){button,select{transition:none}}
