:root{--bg: #10141a;--panel: #151a22;--card: #1c242f;--card-border: #29333f;--text: #e8edf4;--text-dim: #8d9bad;--accent: #4cc3ff;--accent-dim: #2a7fae;--pink: #ff7d9c;--ok: #5fd38a;--err: #ff5470;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#topbar{height:46px;display:flex;align-items:center;gap:24px;padding:0 16px;background:#0c1015;border-bottom:1px solid var(--card-border)}#topbar .brand{font-size:.95rem;letter-spacing:.02em}#topbar-spacer{flex:1}#topbar-case{font-size:.78rem;color:var(--text-dim);background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:3px 12px;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topbar-case b{color:var(--text);font-weight:600}#modules{display:flex;gap:4px}.module{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:.82rem;padding:6px 12px;border-radius:6px;cursor:pointer}.module:hover:not(.active){color:var(--text)}.module.active{color:var(--text);background:var(--card);border-color:var(--card-border)}#app{display:flex;height:calc(100% - 46px)}#viewport{flex:1;position:relative;min-width:0}#viewport canvas{display:block}#rail{width:62px;flex:0 0 62px;height:100%;background:#0c1015;border-right:1px solid var(--card-border);display:flex;flex-direction:column;padding:8px 6px;gap:4px}.rail-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;cursor:pointer;transition:background .12s}.rail-item:hover{background:#161d27;color:var(--text)}.rail-item.active{background:var(--card);border-color:var(--card-border);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.rail-icon{font-size:1.15rem;line-height:1}.rail-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}.side-panel{width:300px;flex:0 0 300px;height:100%;overflow-y:auto;background:var(--panel);border-right:1px solid var(--card-border);padding:10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:#38465c transparent}.section{display:none;flex-direction:column;gap:8px}.section.active{display:flex}.section-title{font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:2px 2px 4px}.card{box-shadow:0 1px 4px #00000038;transition:border-color .15s ease;background:var(--card);border:1px solid var(--card-border);border-radius:10px}.card h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.card h2:after{content:"";width:7px;height:7px;border-right:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);transform:rotate(-45deg);transition:transform .15s}.card.open h2:after{transform:rotate(45deg)}.card h2:hover{color:var(--text)}.card .body{display:none;padding:0 12px 12px;flex-direction:column;gap:9px}.card.open .body{display:flex}.card h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:4px}.hidden{display:none!important}.hint{color:var(--text-dim);font-size:.78rem;line-height:1.45}.btn{transition:background .12s ease,border-color .12s ease,transform .08s ease,box-shadow .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);background:#26303f;color:var(--text);border-radius:7px;padding:7px 10px;font-size:.84rem;cursor:pointer;transition:background .15s,border-color .15s;flex:1}.btn:hover:not(:disabled){background:#2f3c4f;border-color:#3d4d64;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#3aa9e0,#2679a8);border-color:#4cb6ec;color:#fff;font-weight:600;box-shadow:0 1px 8px #4cc3ff2e}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#49b6ec,#2f8ec0);box-shadow:0 2px 12px #4cc3ff4d}.btn.ghost{background:transparent}.btn.wide{width:100%}.btn-row{display:flex;gap:8px}.status-row{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim)}.dot{width:8px;height:8px;border-radius:50%;background:#46536a;flex:0 0 8px}.dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.slider-label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-dim)}.slider-label span{color:var(--text);font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:-18px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.35}.val-edit{cursor:text;border-bottom:1px dashed transparent}.val-edit:hover{color:var(--accent);border-bottom-color:var(--accent)}.val-input{width:62px;background:#0f141c;border:1px solid var(--accent);border-radius:4px;color:var(--text);font:inherit;font-size:.8rem;font-variant-numeric:tabular-nums;padding:0 4px;text-align:right;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.val-input::-webkit-outer-spin-button,.val-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#vb-opening-val .val-input{width:52px;font-size:.72rem}.vb-jaw b{white-space:nowrap;min-width:52px;text-align:right}#readouts{background:#151b25;border:1px solid var(--card-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px}.ro{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-dim)}.ro b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.ro.total b{color:var(--accent)}.select-label{display:flex;flex-direction:column;gap:3px;font-size:.74rem;color:var(--text-dim);flex:1}select{background:#26303f;color:var(--text);border:1px solid var(--card-border);border-radius:6px;padding:6px;font-size:.82rem}.toggle-row{display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer}.toggle-row input{accent-color:var(--accent)}.field{display:flex;flex-direction:column;gap:3px;font-size:.74rem;color:var(--text-dim);flex:1}.field input,.field textarea{background:#151b25;color:var(--text);border:1px solid var(--card-border);border-radius:6px;padding:6px 8px;font-size:.84rem;font-family:inherit;resize:vertical;width:100%}.field input:focus,.field textarea:focus{outline:1px solid var(--accent-dim)}.tint-lower{color:#8fc1f5}#contact-legend{display:flex;flex-direction:column;gap:3px}.legend-bar{height:9px;border-radius:5px;background:linear-gradient(to right,#660017,#660017 9%,#f51a14 10%,#fcd940 52%,#6bd680 86%,#efe9dd)}.legend-labels{display:flex;justify-content:space-between;font-size:.66rem;color:var(--text-dim)}#growth-legend{display:flex;flex-direction:column;gap:3px}.legend-bar.growth{background:linear-gradient(to right,#296bf2,#fff,#ed3820)}.lm-label{background:#0e1218cc;border:1px solid #35b89f;border-radius:4px;color:#7fe7d2;font-size:10px;font-family:Inter,Segoe UI,system-ui,sans-serif;padding:0 4px;white-space:nowrap}#visit-list,#plan-list,#ti-log,#tooth-list{display:flex;flex-direction:column;gap:4px}.plan-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);border-radius:10px;background:#26303f;color:var(--text-dim);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;cursor:pointer;flex:0 0 auto}.plan-chip.active{color:#0d1117;background:var(--accent);border-color:var(--accent)}.plan-chip.done{color:#0d1117;background:var(--ok);border-color:var(--ok)}#trend-chart svg{width:100%;height:110px;display:block}#trend-chart .axis{stroke:#2c3648;stroke-width:1}#trend-chart .line{fill:none;stroke:var(--accent);stroke-width:2}#trend-chart .pt{fill:var(--accent)}#trend-chart text{fill:#93a1b5;font-size:8.5px;font-family:Inter,system-ui,sans-serif}#measure-list,#margin-list,#crown-list,#cloud-list{display:flex;flex-direction:column;gap:4px}.measure-row{display:flex;align-items:center;gap:8px;background:#151b25;border:1px solid var(--card-border);border-radius:6px;padding:4px 8px;font-size:.78rem}.measure-row.selected{border-color:var(--accent)}.measure-row .m-name{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measure-row img.thumb{width:46px;height:30px;object-fit:cover;border-radius:4px;flex:0 0 46px}.measure-row .m-value{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.measure-row .m-del{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:0 2px;margin-left:auto}.measure-row .m-value+.m-del{margin-left:0}.measure-row .m-del:hover{color:var(--pink)}.measure-row.clickable{cursor:pointer}#panel-footer{margin-top:auto;font-size:.66rem;color:#5d6b80;text-align:center;padding-top:6px}.m-label{background:#0e1218d9;border:1px solid var(--accent-dim);border-radius:5px;color:var(--text);font-size:11px;font-family:Inter,Segoe UI,system-ui,sans-serif;padding:1px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}#hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.hero-box{pointer-events:auto;background:#151a22f0;border:1px solid var(--card-border);border-radius:16px;padding:34px 44px;text-align:center;display:flex;flex-direction:column;gap:12px;max-width:380px;box-shadow:0 20px 60px #00000073}.hero-logo{font-size:2.6rem}.hero-box h2{font-size:1.15rem}.hero-box p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.hero-sub{font-size:.7rem!important;color:#5d6b80!important}#viewport.dragging:before{content:"Drop scans to load";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed var(--accent);border-radius:12px;background:#2a7fae1f;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:20;pointer-events:none}#viewbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#0c1015e0;border:1px solid var(--card-border);border-radius:10px;padding:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6}.vb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-dim);font-size:.76rem;padding:5px 10px;border-radius:6px;cursor:pointer}.vb:hover{color:var(--text);background:#232d3b}.vb-toggle.on{color:var(--accent);background:#202a37}.vb-sep{width:1px;align-self:stretch;background:var(--card-border);margin:2px 4px}.vb-jaw{display:flex;align-items:center;gap:7px;padding:0 8px;font-size:.72rem;color:var(--text-dim)}.vb-jaw input[type=range]{width:110px}.vb-jaw b{color:var(--text);font-variant-numeric:tabular-nums;min-width:26px;text-align:right;font-size:.74rem}.vb-jaw-label{text-transform:uppercase;letter-spacing:.06em}#toolhint{position:absolute;top:14px;left:50%;transform:translate(-50%);background:var(--accent-dim);border:1px solid var(--accent);color:#fff;font-size:.8rem;padding:6px 14px;border-radius:999px;z-index:10;pointer-events:none}#toasts{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:30;max-width:320px}.toast{background:#1e2632f5;border:1px solid var(--card-border);border-left:3px solid var(--accent);border-radius:8px;padding:9px 12px;font-size:.8rem;animation:toast-in .18s ease-out}.toast.error{border-left-color:var(--err)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}#tour-card{position:absolute;bottom:64px;left:14px;width:300px;background:#151a22f7;border:1px solid var(--accent-dim);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;z-index:25;box-shadow:0 16px 40px #00000080}#tour-card h3{font-size:.92rem}#tour-card p{font-size:.8rem;color:var(--text-dim);line-height:1.5}.tour-progress{font-size:.66rem;color:var(--accent);letter-spacing:.1em}.tour-highlight{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px;transition:outline .2s}#route-modal,#whatsnew-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b0f99;display:flex;align-items:center;justify-content:center;z-index:40}.modal-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;width:300px;display:flex;flex-direction:column;gap:10px}.modal-box h3{font-size:.9rem;word-break:break-all}.route-actions{display:flex;flex-direction:column;gap:6px}.wn-box{width:420px;max-width:92vw}.wn-body{max-height:44vh;overflow-y:auto;font-size:.8rem;line-height:1.5;color:var(--text-dim, #9fb0c0);padding-right:6px}.wn-body h4{color:var(--accent);font-size:.8rem;margin:10px 0 4px}.wn-body h4:first-child{margin-top:0}.wn-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.wn-body strong{color:var(--text, #e8eef4)}.wn-label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:var(--text-dim, #9fb0c0)}.wn-label textarea{resize:vertical;background:#ffffff0a;border:1px solid var(--card-border);border-radius:8px;color:inherit;font:inherit;padding:8px}.wn-label textarea:focus{outline:1px solid var(--accent-dim, var(--accent))}body.consult #rail,body.consult #panel,body.consult #toolhint{display:none!important}body.consult #topbar{background:#0a0d11}body.consult #topbar-case{font-size:.95rem;padding:5px 18px;max-width:60vw}body.consult #viewbar{transform:translate(-50%) scale(1.22);transform-origin:bottom center}body.consult #btn-present{color:#0d1117;background:var(--accent);border-color:var(--accent);font-weight:600}