@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#071719;--panel:#0c2023;--line:#263c3e;--muted:#9bb2b4;--accent:#76d8c7;--pink:#ef91ae}*{box-sizing:border-box}body{margin:0;background:#f3f4f0;color:#edf5ef;font:15px 'DM Sans',sans-serif}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:94px;max-width:1460px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;color:#203638}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:19px;font-weight:600}.brand-mark{font-size:41px;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;font-weight:500}.preview{font-size:10px;letter-spacing:1.7px;color:#71827f}.preview b{font-weight:500;margin-left:20px;color:#304d46}main{max-width:1510px;margin:0 auto 22px;border-radius:30px;padding:48px 48px 24px;background:var(--bg)}.intro{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent);margin:0 0 18px}h1{font:500 clamp(36px,4.2vw,62px)/1.08 'Manrope',sans-serif;letter-spacing:-2.6px;margin:0}.lead{font-size:19px;line-height:1.7;color:#c9d8d5;max-width:430px;margin:0 30px 0 0}.lead span{display:block;font-size:13px;color:var(--muted);margin-top:13px}.explorer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:36px}.viewer{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#163238 0%,#0a1b20 61%,#091a1e 100%)}.viewer-top{padding:18px 21px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:1.5px}.viewer-top i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.viewer-top button,#reset{font-size:11px;letter-spacing:0;border:0;background:none;color:#aac1c2}.viewer-top button[aria-pressed=true]{color:var(--accent)}#stage{height:475px;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#loading{position:absolute;inset:45% 0 auto;text-align:center;color:var(--muted)}#anatomy-label{pointer-events:none;position:absolute;left:25px;top:25px;font-size:11px;background:#0c2226df;border:1px solid #5d9c9277;padding:9px 13px;border-radius:5px;color:#b9f6e7;max-width:235px}#anatomy-label b{font-weight:450}#anatomy-label span{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--accent);margin-right:8px}.orientation{position:absolute;right:22px;top:42%;font-size:9px;color:#81999a;text-align:center;line-height:2.2;pointer-events:none}.orientation span{display:block}.orientation i{font-style:normal;margin:0 6px}.model-caption{display:flex;position:absolute;bottom:10px;left:22px;right:22px;justify-content:space-between;font-size:10px;color:#8ca5a6;pointer-events:none}.model-caption span:first-child{letter-spacing:1.4px;font-size:9px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.segmented{display:flex;gap:3px;background:#07171a88;border:1px solid #294043;border-radius:8px;padding:3px}.segmented button{border:0;border-radius:5px;background:none;padding:7px 13px;font-size:11px;color:var(--muted)}.segmented button[aria-pressed=true]{background:#294440;color:#d9f5e9}.controls{padding:0 20px 16px}.controls label{display:flex;gap:13px;align-items:center;font-size:11px;color:#bbcecb}.controls label span{min-width:32px;text-align:right}input{accent-color:var(--accent);width:100%}.styles{margin-top:15px;justify-content:center}.styles button{flex:1}.legend{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:20px;color:#8ca5a6;font-size:9px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.bone{background:#b4c8ce}.region{background:var(--accent)}.lesion{background:var(--pink)}aside{padding-top:8px}aside>.eyebrow{color:var(--muted);margin-bottom:13px}#categories{display:grid;gap:3px}#categories button{border:1px solid transparent;border-radius:9px;display:flex;align-items:center;text-align:left;width:100%;padding:13px 14px;background:none;color:#b5c8c8;font-size:15px;gap:15px}#categories button span{font-size:10px;color:#769591;letter-spacing:1px}#categories button:after{content:'↗';margin-left:auto;color:#557e77}#categories button:hover{background:#102a2c}#categories button[aria-pressed=true]{background:#193b37;border-color:#3b6b5e;color:#e4fff2}#categories button[aria-pressed=true] span{color:var(--accent)}#detail{margin-top:23px;border-top:1px solid var(--line);padding-top:23px}#detail .eyebrow{margin-bottom:8px;font-size:9px}h2{font:500 25px/1.3 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 11px}#detail-copy,#condition-copy{color:#a9bfbd;font-size:13px;line-height:1.7;margin:0 0 16px}.select-label{display:block;font-size:10px;letter-spacing:.6px;color:#d1ded8;margin:17px 0 9px}select{width:100%;border:1px solid #3e5653;border-radius:7px;background:#11282a;color:#e4eee8;padding:12px;font-size:13px}#condition-copy{margin:12px 0 0;font-size:12px;min-height:40px}.detail-footer{margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.small-label{font-size:8px;letter-spacing:1.7px;color:#7d9e98}.detail-footer p{font-size:11px;line-height:1.7;color:#bad0c8;margin:7px 0 0}footer{display:flex;gap:40px;justify-content:space-between;margin-top:22px;color:#819e99;font-size:10px;line-height:1.7}footer>p{max-width:760px;margin:0}details{max-width:450px}summary{cursor:pointer;white-space:nowrap}a{color:#b0d5c5}@media(min-width:1450px){#stage{height:535px}}@media(max-width:850px){header{height:78px;padding:0 24px}.preview{display:none}main{border-radius:22px;padding:30px 22px}.intro{display:block}.lead{font-size:15px;margin-top:23px}.lead span{font-size:12px}h1{letter-spacing:-1.5px}.explorer{grid-template-columns:1fr;gap:24px}#stage{height:420px}#categories{grid-template-columns:1fr 1fr}#categories button{font-size:12px;padding:11px 8px;gap:7px}#categories button:after{display:none}footer{display:block}details{margin-top:15px}.legend{gap:12px;font-size:8px}}@media(max-width:420px){main{padding:25px 15px}#stage{height:360px}.model-caption{font-size:8px}.segmented button{padding:7px 10px}#anatomy-label{font-size:10px;max-width:180px}.brand{font-size:16px}}

#valve-controls{border:1px solid #70505c;border-radius:8px;padding:13px;margin-top:14px;background:#30232b}#valve-controls[hidden]{display:none}#valve-controls label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#efc9d4}#valve-controls input{accent-color:#ef91ae;margin:14px 0 7px}.valve-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#c6a2b0}

#septum-controls{margin-top:16px;padding:14px;border:1px solid #4b6666;border-radius:10px;background:#11282b}#septum-controls[hidden]{display:none}#septum-controls .eyebrow{font-size:8px;letter-spacing:1.3px}#septum-controls .segmented button{flex:1}#septum-result{font-size:12px;color:#c4ddd7;line-height:1.6}#flow-pause{background:none;border:1px solid #456b66;border-radius:6px;padding:7px 10px;font-size:11px}#septum-controls small{display:block;font-size:10px;line-height:1.5;color:#91afa8;margin-top:12px}

#sinus-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px 20px;border-top:1px solid var(--line);background:#0b2024}#sinus-legend[hidden]{display:none}#sinus-legend span{display:flex;align-items:center;gap:9px;color:var(--sinus-color);font-size:11px}#sinus-legend i{width:8px;height:8px;border-radius:50%;background:var(--sinus-color)}

#irrigation-controls{padding:18px 20px;border-top:1px solid #305364;background:#0b242d}#irrigation-controls[hidden],#irrigation-evidence[hidden],#irrigation-marker[hidden]{display:none}.irrigation-header{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.3px;color:#b0cfd9}.saline-key{color:#8ee4ff;letter-spacing:0}.irrigation-steps{display:flex;gap:5px;margin:13px 0}.irrigation-steps button{flex:1;border:1px solid #345564;background:transparent;border-radius:6px;padding:8px 3px;font-size:11px;color:#9cbfc9}.irrigation-steps button[aria-pressed=true]{background:#204958;color:#ddf9ff;border-color:#77cce7}#irrigation-title{font-size:15px;color:#e4f6ff;margin:12px 0 6px}#irrigation-copy{font-size:12px;line-height:1.6;color:#a9c4ce;margin:0;min-height:39px}.irrigation-playback{display:flex;align-items:center;gap:13px;margin:12px 0}.irrigation-playback button{border:1px solid #456b7b;background:#163746;border-radius:6px;padding:8px;font-size:11px;white-space:nowrap}.irrigation-playback input{min-width:40px;accent-color:#87deff}.irrigation-note{font-size:10px;line-height:1.6;color:#8fabb7;margin:8px 0 0}#irrigation-evidence{margin-top:17px;padding:16px;border:1px solid #335968;border-radius:10px;background:#102a32}#irrigation-evidence>p:not(.eyebrow),#irrigation-evidence details p{font-size:12px;line-height:1.7;color:#adc5cc}#irrigation-evidence summary,#irrigation-evidence a{font-size:11px;color:#98dbef}#irrigation-evidence details .irrigation-note{font-size:10px;color:#8fabb7}#irrigation-marker{position:absolute;pointer-events:none;border-left:2px solid #ffd28b;padding:5px 8px;color:#ffdba2;background:#10242bdd;font-size:10px;max-width:151px;border-radius:0 4px 4px 0}#irrigation-marker span{display:block;color:#bba88a;font-size:8px;margin-top:3px}input:focus-visible{outline:2px solid #87deff;outline-offset:3px}

html.embedded body{background:#071719}html.embedded header,html.embedded .intro{display:none}html.embedded main{margin:0;max-width:none;border-radius:0;padding:10px 28px 22px}html.embedded .explorer{gap:28px}html.embedded #stage{height:475px}@media(max-width:850px){html.embedded main{padding:8px 16px 22px}html.embedded #stage{height:380px}}

.anatomy-guide{margin-top:32px;border-top:1px solid var(--line);padding:32px 0;max-width:900px}.anatomy-guide h2{font-size:27px;color:#edf7f3;line-height:1.25}.anatomy-guide p,.anatomy-guide li{font-size:15px;color:#b6cec8;line-height:1.8}.anatomy-guide ul{padding-left:22px}.anatomy-guide a{color:#a0e2d0;text-underline-offset:3px}html.embedded .anatomy-guide{display:none}