:root{color-scheme:light;--bg:#e9eee8;--paper:#fcfcf7;--ink:#243d34;--muted:#6a7d70;--line:#dce4d9;--green:#245b47;--pale:#e7f0e6;--gold:#a27b42;--red:#bd6456}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button,select{min-height:42px;border:1px solid var(--line);border-radius:11px;background:white;padding:9px 12px;font-size:13px}button:hover{background:#eef4e9}button:disabled{opacity:.42;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b39965;outline-offset:2px}button.primary{background:var(--green);color:white;border-color:var(--green);font-weight:650}button.primary:hover{background:#1c4939}input,textarea{width:100%;min-height:42px;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:10px;font-size:14px}textarea{resize:none}input[type=range]{padding:0;accent-color:var(--green);min-height:32px}input[type=checkbox]{width:18px;min-height:18px;margin:0 7px 0 0;flex-shrink:0;accent-color:var(--green)}#app{height:100vh;height:100dvh;display:grid;grid-template-rows:66px 58px minmax(0,1fr) 28px;max-width:1800px;margin:auto;padding:0 20px}.app-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2ddce;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;border-radius:10px;background:white;object-fit:contain}.brand strong{font-family:Georgia,serif;font-size:22px;letter-spacing:-.7px;display:block}.brand span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:7px}.header-actions button{background:transparent;border-color:transparent}.header-actions select{background:#f5f7f1;font-size:12px}.case-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:700}.case-identity{display:flex;align-items:center;gap:10px}.case-identity select{font-size:14px;font-weight:650;border:0;background:transparent;max-width:350px}.case-tools{display:flex;gap:7px;align-items:center}.case-tools button{background:transparent}.save-dot{font-size:10px;max-width:75px;color:var(--muted)}.clinic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-height:0;padding-bottom:10px}.patient-panel{background:var(--paper);border:1px solid #d6e0d1;border-radius:22px;display:grid;grid-template-rows:66px 44px minmax(0,1fr) 78px 54px;overflow:hidden;min-height:0;box-shadow:0 8px 30px #233c2510}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.scene-top h1{font-family:Georgia,serif;font-weight:500;font-size:23px;margin:3px 0}.scene-tags{display:flex;align-items:center;gap:8px}.scene-tags span{font-size:11px;padding:6px 9px;border-radius:30px;background:var(--pale)}.icon-button{padding:7px 10px;min-height:36px;background:transparent;border:0}.pose-row{display:flex;gap:5px;padding:0 16px 5px;border-bottom:1px solid var(--line)}.pose-row button{flex:1;min-height:32px;padding:6px;font-size:12px;background:transparent;border-color:transparent}.pose-row button[aria-pressed=true]{background:var(--green);color:white}.scene-wrap{position:relative;min-height:0;background:#f1f4ec;display:flex;align-items:center;justify-content:center;overflow:hidden}#patient-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#patient-scene svg{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}#phase-badge{position:absolute;top:12px;left:14px;background:#ffffffed;border:1px solid #dae3d5;border-radius:8px;max-width:80%;padding:7px 11px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #2d42220a}.scene-legend{position:absolute;bottom:10px;left:16px;color:var(--muted);font-size:10px;pointer-events:none}.patient-reply{display:flex;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line)}.patient-reply>div:nth-child(2){min-width:0;flex:1}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e7edde;color:#527050;font-size:10px;font-weight:800}.patient-reply strong{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.patient-reply p{font-size:13px;margin:5px 0 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transport{border-top:1px solid var(--line);display:flex;gap:6px;align-items:center;padding:7px 14px;background:#f8faf3}.transport button{font-size:11px;min-height:34px;padding:7px 10px}.speed-control{display:flex;align-items:center;gap:5px;margin-left:auto}.speed-control label{font-size:10px;color:var(--muted)}.speed-control select{font-size:11px;min-height:32px;padding:6px}.control-panel{display:grid;grid-template-rows:48px minmax(0,1fr) 108px;background:var(--paper);border:1px solid #d6e0d1;border-radius:22px;overflow:hidden;min-height:0;box-shadow:0 8px 30px #233c2510}#tab-strip{display:flex;gap:2px;padding:7px 10px;border-bottom:1px solid var(--line)}#tab-strip button{flex:1;min-height:32px;padding:5px 2px;border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:600}#tab-strip button[aria-selected=true]{background:var(--pale);color:var(--green)}#control-content{padding:15px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}#control-content h2{font-family:Georgia,serif;font-size:21px;font-weight:500;margin:0 0 4px}.subtext{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 12px}.field{margin:9px 0}.field label{display:block;font-size:11px;font-weight:650;margin-bottom:5px}.field select{width:100%;background:#f7faf3}.two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.question-grid button{font-size:12px;text-align:left;min-height:49px;padding:10px;background:#f2f6ed}.question-grid button span{display:block;font-size:16px;margin-bottom:2px}.ask-form{display:flex;gap:6px;margin:8px 0}.ask-form input{min-width:0}.ask-form button{min-width:42px;background:var(--green);color:white}.follow-row{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.follow-row button{font-size:10px;padding:6px 8px;min-height:32px;background:#f8f2e5;border-color:#ece1ca}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.motion-grid button{min-height:35px;font-size:10px;padding:5px}.motion-grid button.active{background:var(--pale);border-color:#96b397}.angle-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:8px 0 2px}.angle-row output{font-size:20px;font-weight:650;color:var(--green)}.full{width:100%}.mini-steps{display:flex;gap:5px;margin:10px 0}.mini-steps span{flex:1;min-height:31px;background:#eef1e9;border-radius:6px;padding:6px 3px;text-align:center;font-size:10px;color:var(--muted)}.mini-steps span.done{background:var(--pale);color:#2f6046}.mini-steps span.current{background:var(--green);color:#fff}.setup-note{border-left:3px solid #bc9a64;background:#f6f1e5;border-radius:0 8px 8px 0;padding:9px 10px;font-size:11px;line-height:1.5;margin:8px 0;max-height:84px;overflow:auto}.force-options{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.force-options button{font-size:10px;padding:5px;min-height:34px}.force-options button.active{background:#dceada;border-color:#83a984}.mmt-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.mmt-controls button{font-size:12px}.grade-row{display:flex;gap:7px;margin-top:9px}.grade-row select{flex:1;min-width:0}.grade-row button{font-size:11px}.result-strip{position:relative;border-top:1px solid var(--line);background:#f2f5ec;padding:12px 42px 12px 15px}.result-strip p{font-size:12px;line-height:1.5;margin:5px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-strip button{position:absolute;right:10px;top:16px;border:0;background:transparent;min-height:32px;padding:6px}.hypotheses{display:grid;gap:5px;margin:9px 0}.hypotheses label{display:flex;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:11px;min-height:33px}.reason-notes{min-height:50px;max-height:62px;font-size:12px}.app-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.app-footer button{font-size:10px;padding:2px 6px;min-height:22px;background:transparent;border:0}dialog{border:1px solid #cbd9c7;border-radius:20px;width:min(640px,90vw);max-height:82dvh;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #193d3530}dialog::backdrop{background:#10251e55;backdrop-filter:blur(3px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.drawer-head button{border:0;background:transparent}#drawer-body{padding:18px 22px;overflow:auto;max-height:65dvh;font-size:14px;line-height:1.65}#drawer-body h3{margin:12px 0 6px;font-size:16px}#drawer-body ul{padding-left:20px}.log-entry{border-bottom:1px solid var(--line);padding:10px 0}.log-entry strong{font-size:12px;color:var(--green)}.log-entry p{margin:4px 0}.score{font-size:33px;color:var(--green);font-weight:750}.progress-card{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:10px}.notice{color:#916139;font-size:11px;line-height:1.5;margin:8px 0}.mmt-value{color:var(--green);font-size:13px;font-weight:650;margin:7px 0}.check-row{display:flex;gap:8px;margin:9px 0}.check-row label{display:flex;align-items:center;font-size:11px}.tab-label-icon{display:none}@media(max-width:1050px){#app{padding:0 12px}.clinic-workspace{grid-template-columns:minmax(0,1fr) 328px;gap:10px}.scene-top{padding:12px 14px}.header-actions button{font-size:11px;padding:7px}.brand strong{font-size:20px}}@media(max-width:820px){.clinic-workspace{grid-template-columns:minmax(0,1fr) 310px}.brand span{display:none}.header-actions{gap:2px}.header-actions select{max-width:102px}.case-tools .save-dot{display:none}.case-identity .eyebrow{display:none}.scene-top h1{font-size:20px}.pose-row{padding:0 8px 5px}.pose-row button{font-size:10px}.scene-tags span{display:none}.transport{padding:6px 9px}.speed-control label{display:none}#control-content{padding:12px}.case-identity select{max-width:285px}}@media(max-width:650px){#app{grid-template-rows:54px 50px minmax(0,1fr) 25px;padding:0 8px}.brand img{width:36px;height:36px}.brand strong{font-size:17px}.header-actions button{font-size:0;padding:6px;min-width:30px}.header-actions button::first-letter{font-size:16px}.header-actions select{font-size:10px;max-width:78px;min-height:34px}.case-tools button{font-size:10px;padding:6px}.case-tools select{font-size:11px;max-width:78px;padding:5px}.case-identity select{font-size:12px;max-width:210px}.clinic-workspace{grid-template-columns:1fr;grid-template-rows:minmax(220px,43%) minmax(0,1fr);gap:8px}.patient-panel{grid-template-rows:40px 32px minmax(0,1fr) 48px 36px;border-radius:14px}.scene-top{padding:5px 12px}.scene-top .eyebrow{display:none}.scene-top h1{font-size:17px}.pose-row button{min-height:25px;padding:3px}.patient-reply{padding:5px 10px;gap:8px}.patient-reply p{font-size:11px;margin-top:2px;-webkit-line-clamp:1}.patient-reply strong{font-size:8px}.avatar{width:25px;height:25px;font-size:8px}.transport button{font-size:10px;min-height:26px;padding:3px 7px}.speed-control select{min-height:26px;padding:3px}.control-panel{grid-template-rows:38px minmax(0,1fr) 66px;border-radius:14px}#tab-strip{padding:4px 7px}#tab-strip button{min-height:27px;font-size:10px}.result-strip{padding:7px 37px 7px 12px}.result-strip p{font-size:11px;-webkit-line-clamp:2;margin-top:2px}.result-strip .eyebrow{font-size:8px}#control-content{padding:9px 12px}.scene-legend{display:none}#phase-badge{font-size:9px;top:5px;left:8px;padding:3px 6px}.question-grid{grid-template-columns:repeat(3,1fr);margin:6px 0}.question-grid button{min-height:36px;padding:6px;font-size:10px}.question-grid button span{display:inline;font-size:12px;margin-right:5px}.subtext{margin-bottom:6px}.field{margin:6px 0}#control-content h2{font-size:18px}.app-footer{font-size:8px}}@media(max-height:680px) and (min-width:651px){#app{grid-template-rows:54px 48px minmax(0,1fr) 24px}.patient-panel{grid-template-rows:48px 36px minmax(0,1fr) 62px 44px}.scene-top h1{font-size:20px}.control-panel{grid-template-rows:42px minmax(0,1fr) 82px}.result-strip p{-webkit-line-clamp:2}.question-grid button{min-height:39px;padding:7px}.question-grid button span{display:inline;margin-right:5px}.setup-note{max-height:64px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#control-content[data-mode=mmt] .field{margin:6px 0}#control-content[data-mode=mmt] .field label{margin-bottom:3px;font-size:10px}#control-content[data-mode=mmt] .field select{font-size:12px;min-height:37px;padding:7px 8px}#control-content[data-mode=mmt] .mmt-controls button{min-height:35px;padding:7px 8px;font-size:11px}#control-content[data-mode=mmt] .mini-steps{margin:7px 0}#control-content[data-mode=mmt] .mini-steps span{min-height:24px;padding:4px 2px;font-size:9px}#control-content[data-mode=mmt] .check-row{margin:7px 0}#control-content[data-mode=mmt] .grade-row select,#control-content[data-mode=mmt] .grade-row button{min-height:35px;padding:7px;font-size:11px}#control-content[data-mode=mmt] .setup-note.compact{display:flex;align-items:center;gap:5px;margin:5px 0;padding:6px 8px;max-height:39px;overflow:hidden}#control-content[data-mode=mmt] .compact span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.3}#control-content[data-mode=mmt] .compact button{border:0;background:transparent;padding:0;min-height:24px;font-size:17px}#control-content[data-mode=reason] .hypotheses label{min-height:28px;padding:5px 8px;font-size:10px}#control-content[data-mode=reason] .reason-notes{min-height:43px;max-height:48px}#control-content[data-mode=reason] .field{margin:7px 0}#control-content[data-mode=reason] select{min-height:36px;padding:7px}#control-content[data-mode=rom] .two .field label{font-size:10px}#control-content[data-mode=rom] .two select{font-size:12px;min-height:38px;padding:7px}

.patient-canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-slot{display:none}.viewer-controls{position:absolute;z-index:2;right:9px;top:9px;display:flex;gap:3px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.viewer-controls button,.viewer-controls select{min-height:29px;padding:5px 7px;font-size:10px;background:#fffffff0;border-radius:7px}.viewer-hint{position:absolute;right:13px;bottom:11px;font-size:9px;color:#516d58;background:#ffffffb0;padding:3px 7px;border-radius:5px;pointer-events:none}.viewer-note{position:absolute;bottom:35px;left:10px;font-size:11px;background:white;padding:6px 8px}.scene-legend{max-width:48%;font-size:9px}#control-content[data-mode=rom]>.two{grid-template-columns:1fr 1fr 1fr}#control-content[data-mode=rom]>.two:first-of-type{grid-template-columns:1fr 1fr}@media(max-width:650px){.viewer-controls{top:4px;max-width:63%;gap:2px}.viewer-controls button,.viewer-controls select{min-height:22px;padding:3px 5px;font-size:8px}.viewer-hint{font-size:7px;bottom:4px}.viewer-controls select{max-width:95px}}
