:root{color-scheme:dark;--bg:#101817;--panel:#17211e;--line:#2c3933;--text:#e4ece7;--muted:#96aaa0;--accent:#c3e7d4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,"Helvetica Neue",Arial,sans-serif}button,input,select{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){color:#fff}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header{display:flex;align-items:center;gap:24px;padding:0 30px;height:65px;border-bottom:1px solid var(--line);background:#151e1b}.brand{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--text)}.brand span{font-size:18px;letter-spacing:-.5px}.nav-label{color:var(--muted);font-size:11px;margin-left:45px}.active{padding:10px 15px;background:#26342e;border-radius:5px;font-size:11px}.help{margin-left:auto;color:var(--muted);font-size:12px}.help span{margin-left:6px}main{max-width:1540px;margin:auto;padding:0 26px}.exam-bar{height:69px;display:flex;align-items:center;gap:14px}.exam-bar label,.micro{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}select{background:#1a2520;color:var(--text);padding:10px 32px 10px 12px;border:1px solid #34443b;border-radius:5px;font-size:11px;max-width:75%}.clip-badge{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font:10px ui-monospace,monospace}.clip-badge i{width:5px;height:5px;border-radius:50%;background:#b8d9c6}.workspace{display:grid;grid-template-columns:minmax(320px,1.04fr) minmax(360px,1.13fr) 205px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#131e18}.body-panel,.image-panel{min-width:0}.body-panel{border-right:1px solid var(--line)}.image-panel{background:#0b1210}.panel-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}h2{font-size:12px;font-weight:500;margin:0}.state-badge{font:9px ui-monospace,monospace;color:#b7dcc4;letter-spacing:1px}.state-badge.frozen{color:#e4d2a5}#body-view,#ultrasound-view{height:clamp(350px,55vh,570px);position:relative;overflow:hidden}#body-view{background:radial-gradient(ellipse at 45% 45%,#2b3930,#17221b 50%,#0e1812 90%)}#body-view>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.view-toolbar{position:absolute;top:14px;left:14px;right:14px;z-index:3;display:flex;align-items:center;justify-content:space-between}.segmented{display:flex;gap:3px;background:#101b15bd;padding:3px;border:1px solid #3b5041;border-radius:5px;backdrop-filter:blur(5px)}.segmented button{font-size:10px;color:#aebfb3;padding:7px 10px;border-radius:3px}.segmented button[aria-pressed=true]{background:#3e5545;color:#eff6ed}#reset-view{background:#16241bc7;border:1px solid #3b5041;border-radius:5px;padding:4px 9px;font-size:18px}.panel-foot{height:81px;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}#loading,#error{position:absolute;z-index:7;inset:0;background:#111c16ec;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted)}#error{padding:35px;flex-direction:column;text-align:center}#error button{background:var(--accent);color:#1a2b20;padding:10px 18px;border-radius:4px}.spinner{width:20px;height:20px;border:2px solid #304a37;border-top-color:#bddec6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ultrasound-view{background:#030604;display:flex;align-items:center;justify-content:center;padding:27px 0}#ultrasound{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:716/537;touch-action:manipulation}.image-metadata,.image-footer{position:absolute;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;font:8px ui-monospace,monospace;letter-spacing:.7px;color:#829a8b}.image-metadata{top:11px}.image-footer{bottom:10px}.image-metadata span:first-child{color:#c9d8cd}#freeze-label{position:absolute;right:15px;top:34px;background:#332e23b8;border:1px solid #746b50;padding:4px 7px;border-radius:3px;font:8px ui-monospace,monospace;color:#e4d2a5;pointer-events:none}#scan-empty{position:absolute;inset:35px 20px;display:grid;place-content:center;text-align:center;font-size:11px;color:#8da393;background:#030604;pointer-events:none}#image-tooltip{position:absolute;background:#d5e9da;color:#14271b;padding:7px 10px;border-radius:4px;z-index:5;font-size:11px;pointer-events:none;box-shadow:0 4px 15px #0005}.clip-progress{height:2px;background:#24352b}.clip-progress i{height:100%;width:0;display:block;background:#a8c6af}.image-controls{height:51px;padding:10px 14px 0;display:flex;align-items:center;gap:10px}.primary,.secondary{border-radius:4px;padding:10px 13px;font-size:10px;white-space:nowrap}.primary{background:var(--accent);color:#14291d}.primary:hover:not(:disabled){color:#14291d;background:#d6eddf}.secondary{border:1px solid #354b3d;color:#b6cbbd}.secondary[aria-pressed=true]{background:#354b3d}kbd{font:8px ui-monospace,monospace;padding:1px 3px;border:1px solid #789a83;border-radius:2px;margin-left:12px;opacity:.8}.clear{margin-left:auto;font-size:9px;color:#adbfaf}.selection-caption{height:28px;padding:8px 16px 0;color:#8ea798;font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.anatomy-panel{padding:21px 17px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#1a271f;min-width:0}.aside-top{display:flex;justify-content:space-between;align-items:center}.aside-top h2{font:9px ui-monospace,monospace;letter-spacing:1.5px}#structure-count{color:#829a8b;font-size:9px}#anatomy-hint{font-size:10px;line-height:1.8;color:#a8bcae;margin:20px 0}.structure{width:100%;display:flex;text-align:left;gap:10px;padding:13px 10px;border:1px solid #526d59;border-radius:5px;background:#38503f;color:#ecf5ec;align-items:center;font-size:11px}.structure small{display:block;color:#b4cbb8;font-size:9px;margin-top:7px}.structure-dot{width:6px;height:6px;border-radius:50%;background:#c9edbf;flex-shrink:0}.structure-detail{margin-top:28px;padding-top:23px;border-top:1px solid #35473b}.structure-detail h3{font-size:20px;line-height:1.3;font-weight:400;margin:16px 0 8px}.structure-detail em{font-size:10px;color:#afc3b4;font-style:normal}.structure-detail p{font-size:10px;line-height:1.9;color:#b4c6b9;margin-top:16px}.aside-foot{margin-top:auto;padding-top:24px;font-size:9px;color:#829b89;line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;color:#7e9587;font-size:9px;padding:18px 0 23px}footer button{font-size:10px;color:#a2bcaa}dialog{background:#1a271f;color:var(--text);border:1px solid #465d4c;border-radius:10px;max-width:580px;max-height:85vh;padding:36px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#020b07b0;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;font-size:24px;color:var(--muted)}dialog h2{font-size:25px;line-height:1.3;margin:14px 0 23px}dialog p{color:#afc4b6;font-size:12px;line-height:1.8}dialog ol{padding-left:19px}dialog li{padding:7px 0;font-size:13px}dialog a{display:block;font-size:11px;margin:13px 0}.dialog-note{border-top:1px solid #3d5143;margin-top:23px;padding-top:19px;font-size:11px!important}
@media(max-width:1050px){.workspace{grid-template-columns:1fr 1fr}.anatomy-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 24px;border-left:0;border-top:1px solid var(--line)}.aside-top{grid-column:1}.anatomy-panel #anatomy-hint{grid-column:1;margin:0}.structure-detail{grid-column:3;grid-row:1/4;margin:0;padding:0 0 0 22px;border-top:0;border-left:1px solid #35473b}#structure-list{grid-column:2;grid-row:1/4}.aside-foot{grid-column:1;margin:0;padding:0}.structure-detail h3{margin-top:10px}#body-view,#ultrasound-view{height:390px}}
@media(max-width:700px){.header{padding:0 15px;gap:17px;height:58px}.brand{font-size:21px}.brand span{font-size:16px}.nav-label{display:none}.active{font-size:10px;padding:9px}.help span{display:none}.help{margin-left:auto}.exam-bar{height:64px;gap:9px}.exam-bar label{font-size:8px}main{padding:0 12px}.clip-badge{display:none}select{font-size:10px}.workspace{display:flex;flex-direction:column}.body-panel{border-right:0}.panel-heading{height:42px;padding:0 15px}.panel-heading h2{font-size:11px}#body-view{height:300px}.panel-foot{height:40px;padding:12px 15px;font-size:9px}.image-panel{border-top:1px solid var(--line)}#ultrasound-view{height:310px}.image-controls{gap:7px;padding-left:12px;padding-right:12px}.primary,.secondary{padding:9px 11px}.clear{font-size:8px}kbd{margin-left:7px}.anatomy-panel{display:block;padding:20px 16px}.anatomy-panel #anatomy-hint{margin:14px 0}.structure-detail{border-left:0;border-top:1px solid #35473b;padding:18px 0 0;margin-top:18px}.aside-foot{margin-top:18px}.structure-detail p{font-size:11px}footer{font-size:8px;line-height:1.6;gap:10px}footer button{font-size:9px;min-width:95px}dialog{padding:27px 23px}.selection-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
/* Examination workspace: quieter surfaces and clear primary controls. */
:root{--bg:#13191c;--panel:#1b2428;--line:#354047;--text:#e7ecee;--muted:#9eabb1;--accent:#c4dfd5}
.header{background:#182024}.active{background:#2a373b}.exam-bar{height:108px;gap:24px}.exam-choice{display:flex;align-items:center;gap:22px}.exam-choice label{font:500 15px Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;color:var(--text)}.exam-choice select{max-width:none;min-width:280px;font-size:20px;font-weight:500;padding:15px 45px 15px 18px;background:#223135;border-color:#607d78;border-radius:7px;cursor:pointer}.exam-step{margin-left:auto;font-size:12px;color:var(--muted)}.workspace{background:#1a2427}.body-panel{background:#1b2529}.image-panel{background:#0d1316}.anatomy-panel{background:#1c282c}#body-view{background:radial-gradient(ellipse at 50% 40%,#465153,#2b373c 60%,#202b31)}.segmented{background:#182327dc;border-color:#516168}.segmented button[aria-pressed=true]{background:#40565b}.segmented button{font-size:11px;padding:8px 11px}#reset-view{background:#223237;border-color:#516168}.panel-foot{height:68px;font-size:12px}.image-controls{height:68px;padding:12px 16px;gap:14px;flex-wrap:wrap}.primary{font-size:13px;font-weight:500;padding:12px 18px;min-width:132px}.shortcut{font-size:11px;color:var(--muted)}.clear{font-size:10px}.state-badge{font-size:10px;letter-spacing:.5px}.structure{background:#304b48;border-color:#56766d}.structure-detail{border-color:#35464c}#probe-notice{position:absolute;z-index:6;bottom:18px;left:18px;right:18px;margin:auto;max-width:330px;padding:12px 15px;border:1px solid #647e7b;border-radius:7px;background:#14252bee;color:#e1ebe7;font-size:12px;line-height:1.5;box-shadow:0 6px 20px #0003;pointer-events:none}#ultrasound-view{padding:12px 0}#freeze-label{top:14px;right:14px;font-size:10px}.structure-detail p{font-size:12px}footer{font-size:10px;color:#93a3ab}dialog{background:#1c282c}#scan-empty{font-size:12px}#anatomy-hint{font-size:11px}#loading,#error{background:#1c282ce8}
@media(max-width:1050px){.exam-step{display:none}.exam-bar{height:100px}}
@media(max-width:700px){.exam-bar{height:auto;padding:20px 0}.exam-choice{display:block;width:100%}.exam-choice label{display:block;margin-bottom:10px;font-size:13px}.exam-choice select{width:100%;min-width:0;font-size:20px;padding:14px 16px}.panel-foot{height:45px;font-size:11px}.image-controls{height:auto;min-height:70px;gap:12px}.shortcut{font-size:10px}.clear{margin-left:0}.panel-heading h2{font-size:12px}#body-view{height:330px}}
/* Compact case picker, fixed camera and selected-structure learning notes. */
.exam-bar{height:68px;padding:0;display:flex;align-items:center}.current-exam{display:flex;align-items:center;gap:20px;padding:9px 0;font-size:15px;font-weight:500}.change-exam{font-size:11px;font-weight:400;color:var(--muted)}.change-exam>span{margin-left:9px}.current-exam:hover .change-exam{color:var(--text)}.body-panel #body-view{height:calc(clamp(350px,55vh,570px) + 48px)}.exam-dialog{width:360px;padding:30px;background:#1b272c}.exam-dialog h2{font-size:20px;margin:3px 20px 22px 0;letter-spacing:-.3px}.exam-card{display:block;text-align:left;width:100%;padding:0;overflow:hidden;border:1px solid #4a6266;border-radius:9px;background:#243438;transition:border-color .15s,transform .15s}.exam-card:hover:not(:disabled){border-color:#c4dfd5;transform:translateY(-2px)}.exam-image{height:170px;background:#050907;position:relative;overflow:hidden}.exam-image canvas{display:block;width:100%;height:100%;object-fit:cover}.exam-image>span{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted)}.exam-card-caption{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;font-size:16px}.exam-card-caption strong{font-weight:500}.exam-card-caption>span{color:#bbd8ca;font-size:18px}#learning-notes{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}#learning-notes h4{font-size:13px;font-weight:500;margin:0 0 12px}#learning-notes ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}#learning-notes li{font-size:11px;color:#b4c6c8;line-height:1.65}#learning-notes li strong{color:#e0e9e7;font-weight:500}#learning-notes .learning-context{font-size:10px;line-height:1.6;color:#95a8ad;margin:14px 0 10px}#learning-notes a{font-size:10px;color:#c4dfd5}.anatomy-panel{max-height:calc(clamp(350px,55vh,570px) + 116px);overflow-y:auto;scrollbar-width:thin}.structure-detail{margin-top:20px;padding-top:17px}.structure-detail h3{font-size:19px;margin:10px 0 6px}
@media(max-width:1050px){.body-panel #body-view{height:438px}.anatomy-panel{max-height:none}.structure-detail{margin-top:0;padding-top:0}}
@media(max-width:700px){.exam-bar{height:62px;padding:0}.current-exam{width:100%;justify-content:space-between;font-size:15px}.body-panel #body-view{height:350px}.anatomy-panel{overflow:visible}.structure-detail{margin-top:18px;padding-top:18px}.exam-dialog{max-width:calc(100vw - 32px);padding:25px}.exam-dialog h2{font-size:19px}#learning-notes li{font-size:12px}}
/* Non-modal, text-only examination selection. */
.exam-picker{position:relative}.exam-picker #exam-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:12;min-width:210px;padding:5px;background:#203035;border:1px solid #496067;border-radius:7px;box-shadow:0 12px 30px #0005}.exam-picker #exam-menu button{display:flex;justify-content:space-between;gap:35px;align-items:center;width:100%;padding:12px 13px;text-align:left;border-radius:4px;font-size:13px;color:var(--text)}.exam-picker #exam-menu button:hover,.exam-picker #exam-menu button:focus-visible{background:#344b4d}.exam-picker #exam-menu button>span{color:var(--accent)}
@media(max-width:700px){.exam-picker{width:100%}.exam-picker #exam-menu{min-width:200px}}


/* Optional kidney experiment; the recording workflow remains available. */
#scan-mode{margin-left:auto;display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:7px;background:#172124}
#scan-mode button{padding:9px 14px;border-radius:4px;font-size:12px;color:var(--muted)}
#scan-mode button[aria-pressed="true"]{background:#344b48;color:#edf5f1}
@media(max-width:540px){.exam-bar{height:auto;min-height:69px;flex-wrap:wrap;padding:12px 0;gap:10px}#scan-mode{margin-left:0}#scan-mode button{padding:8px 13px}}