:root{--bg:#0f151c;--panel:#121c26d1;--panel-solid:#16222e;--line:#ffffff1a;--text:#eef4f8;--muted:#9fb2c2;--accent:#35c2b0;--accent2:#7fd8ff;--warn:#ffb347;--bad:#ff6b6b;--good:#5fd38d;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(at 50% 42%,#3a2226 0%,#1c1215 45%,#0b0a0d 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;overflow:hidden}canvas#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.hidden{display:none!important}#loading{text-align:center;color:var(--muted);z-index:50;background:var(--bg);place-content:center;gap:12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.tooth-spinner{font-size:56px;animation:1s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-10px)rotate(8deg)}}.screen{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0e59;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.screen.overlay{z-index:30;background:#060a0e99}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:12px;width:min(460px,100%);max-height:100%;padding:20px;display:flex;overflow:auto;box-shadow:0 20px 60px #00000073}.card.wide{width:min(760px,100%)}.card h1{letter-spacing:-.5px;margin:0;font-size:clamp(26px,6vw,38px)}.card h2{margin:0;font-size:22px}.hero{text-align:center;align-items:center}.logo{font-size:54px;line-height:1}.sub{color:var(--accent2);margin:0}.muted{color:var(--muted)}.small{font-size:13px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.head-row{justify-content:space-between;align-items:center;display:flex}.big-btn{color:#062321;background:linear-gradient(#3fd3c0,#25a495);border-radius:14px;padding:14px 22px;font-size:17px;font-weight:700;box-shadow:0 6px 20px #35c2b059}.big-btn:active{transform:scale(.97)}.ghost-btn{border:1px solid var(--line);background:#ffffff12;border-radius:14px;padding:12px 18px}.ghost-btn.danger{color:var(--bad)}.link-btn{color:var(--muted);text-underline-offset:3px;background:0 0;padding:6px 8px;text-decoration:underline}.icon-btn{border:1px solid var(--line);background:#ffffff14;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.name-field{color:var(--muted);text-align:left;flex-direction:column;gap:6px;width:100%;max-width:280px;font-size:13px;display:flex}.name-field input{font:inherit;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:12px;padding:10px 12px;font-size:16px}#levelList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.level{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:16px;align-items:flex-start;gap:10px;padding:12px;display:flex}.level:active{transform:scale(.98)}.level .em{font-size:34px;line-height:1}.level .nm{font-weight:700}.level .ag{color:var(--muted);font-size:12px}.level .st{letter-spacing:1px;margin-top:4px;font-size:14px}.level .tag{color:var(--accent);background:#35c2b033;border-radius:20px;margin-top:4px;padding:2px 7px;font-size:11px;display:inline-block}.brief-head{align-items:center;gap:12px;display:flex}#briefEmoji{font-size:48px}#briefBio{margin:0;line-height:1.45}.quote{border-left:3px solid var(--accent);background:#ffffff0f;border-radius:8px;padding:10px 12px;font-style:italic}.steps ol{margin:6px 0 0;padding-left:22px;font-size:14px;line-height:1.55}.step-title{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px}.how{margin:0;padding-left:18px;line-height:1.5}.how li{margin-bottom:8px}#hud{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#topbar{top:calc(6px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute}#topbar>*{pointer-events:auto}#patientChip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex:none;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}#pEmoji{font-size:26px}#pName{white-space:nowrap;font-size:13px;font-weight:700}.comfort{background:#ffffff1f;border-radius:6px;width:90px;height:7px;margin-top:3px;overflow:hidden}#comfortFill{background:var(--good);width:100%;height:100%;transition:width .2s,background .3s}#mood{font-size:22px;transition:transform .15s}#mood.hurt{transform:scale(1.35)rotate(-10deg)}#tasks{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}#tasks::-webkit-scrollbar{display:none}.task{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex:none;min-width:58px;padding:4px 8px 6px;font-size:11px;line-height:1.1;position:relative;overflow:hidden}.task .tl{color:var(--muted);white-space:nowrap}.task .tv{font-size:13px;font-weight:700}.task .bar{background:var(--accent);height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.task.done{border-color:#5fd38d99}.task.done .tv{color:var(--good)}.task.done .bar{background:var(--good)}#timer{font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:none;padding:7px 9px;font-size:13px}#bubble{top:calc(56px + var(--safe-t));left:calc(10px + var(--safe-l));color:#1b2630;pointer-events:none;background:#fff;border-radius:14px;max-width:min(320px,70vw);padding:8px 12px;font-size:14px;animation:.2s ease-out pop;position:absolute;box-shadow:0 6px 20px #00000059}#bubble:before{content:"";border:7px solid #0000;border-top:0;border-bottom-color:#fff;position:absolute;top:-7px;left:18px}#bubble.pain{background:#ffe1e1}#bubble.pain:before{border-bottom-color:#ffe1e1}@keyframes pop{0%{opacity:0;transform:scale(.85)}}#toast{top:calc(58px + var(--safe-t));color:var(--text);text-align:center;pointer-events:none;background:#0a141ceb;border:1px solid #35c2b080;border-radius:14px;max-width:min(520px,86vw);padding:9px 14px;font-size:14px;animation:.2s ease-out pop;position:absolute;left:50%;transform:translate(-50%)}#toast.good{border-color:var(--good)}#toast.warn{border-color:var(--warn)}#toothLabel{bottom:calc(92px + var(--safe-b));border:1px solid var(--line);text-align:center;pointer-events:none;background:#0a141ce6;border-radius:12px;max-width:90vw;padding:8px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}#views{right:calc(6px + var(--safe-r));flex-direction:column;gap:5px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.view-btn{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;min-width:56px;padding:6px 8px;font-size:11px}.view-btn.active{border-color:var(--accent);color:var(--accent)}#toolbar{bottom:calc(6px + var(--safe-b));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;border-radius:18px;gap:5px;max-width:calc(100vw - 12px);padding:5px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.tool-btn{width:62px;height:58px;color:var(--muted);background:#ffffff0a;border-radius:13px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;font-size:10.5px;display:flex;position:relative}.tool-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tool-btn.active{color:#fff;box-shadow:inset 0 0 0 1.5px var(--accent);background:#35c2b038}.tool-btn .num{opacity:.55;font-size:9px;position:absolute;top:3px;left:6px}.tool-btn.done:after{content:"✓";color:var(--good);font-size:12px;font-weight:700;position:absolute;top:2px;right:6px}.tool-btn.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:inset 0 0 0 2px var(--warn), 0 0 16px #ffb34799}}#toolHint{bottom:calc(76px + var(--safe-b));color:var(--text);text-align:center;pointer-events:none;background:#0a141cd9;border-radius:10px;max-width:min(480px,92vw);padding:6px 10px;font-size:12.5px;position:absolute;left:50%;transform:translate(-50%)}#leftCtrl{left:calc(8px + var(--safe-l));bottom:calc(80px + var(--safe-b));position:absolute}#btnSuction{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;font-size:11px;display:flex;position:relative}#btnSuction .ring{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:3px}.ring-fg{fill:none;stroke:var(--accent2);stroke-width:3.2px;stroke-dasharray:106.8;stroke-dashoffset:106.8px;transition:stroke .3s}#btnSuction .ico{width:26px;height:26px;stroke:var(--accent2);fill:none;stroke-width:1.8px;stroke-linecap:round}#btnSuction.active{background:#7fd8ff40;transform:scale(.96)}#btnSuction.alarm{animation:.6s ease-in-out infinite alarm}@keyframes alarm{50%{box-shadow:0 0 0 4px #ff6b6b99}}#rightCtrl{right:calc(8px + var(--safe-r));bottom:calc(80px + var(--safe-b));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.pill-btn{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:12px;padding:8px 11px;font-size:13px}.pill-btn.primary{border-color:var(--accent);background:#35c2b040}.pill-btn.cool{opacity:.5}#crosshair{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 0 0 1px #0006}#crosshair:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#chart{gap:6px;display:grid}.chart-row{grid-template-columns:repeat(14,1fr);gap:3px;display:grid}.chart-row.split{border-top:1px dashed var(--line);padding-top:6px}.tc{aspect-ratio:.8;background:#ffffff0f;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:3px 0;font-size:10px;display:flex;position:relative}.tc .ico{border-radius:40% 40% 30% 30%;flex:1;width:60%;margin:2px 0}.tc.clean .ico{background:var(--good)}.tc.some .ico{background:var(--warn)}.tc.dirty .ico{background:var(--bad)}.tc.missing{opacity:.35}.tc.missing .ico{border:1px dashed var(--muted);background:0 0}.tc .marks{height:10px;font-size:8px;line-height:10px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.lg{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.lg.clean{background:var(--good)}.lg.some{background:var(--warn)}.lg.dirty{background:var(--bad)}.stars{text-align:center;letter-spacing:6px;font-size:44px}.stars .off{opacity:.2;filter:grayscale()}#resTitle{text-align:center}#resText{text-align:center;margin:0}#resTable{grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;display:grid}#resTable .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.score{text-align:center;color:var(--accent);font-size:26px;font-weight:800}#quizQ{font-size:19px;line-height:1.35}#quizA{flex-direction:column;gap:8px;display:flex}.qa{text-align:left;border:1px solid var(--line);background:#ffffff12;border-radius:12px;padding:12px 14px}.qa.ok{border-color:var(--good);background:#5fd38d40}.qa.bad{border-color:var(--bad);background:#ff6b6b33}#quizWhy{color:var(--muted);margin:0;line-height:1.45}#rotateHint{bottom:calc(150px + var(--safe-b));z-index:15;pointer-events:none;white-space:nowrap;background:#0a141ce6;border-radius:12px;padding:8px 12px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait){#tasks{position:absolute;top:46px;left:0;right:0}#views{top:calc(92px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));scrollbar-width:none;flex-direction:row;gap:4px;overflow-x:auto;transform:none}.view-btn{flex:none;padding:5px 8px}#bubble{top:calc(132px + var(--safe-t))}#toast{top:calc(134px + var(--safe-t))}#rotateHint{bottom:calc(160px + var(--safe-b))}.tool-btn{width:50px;font-size:9.5px}#leftCtrl,#rightCtrl{bottom:calc(76px + var(--safe-b))}}@media (max-height:500px) and (orientation:landscape){.tool-btn{width:54px;height:50px}.tool-btn svg{width:22px;height:22px}#leftCtrl{bottom:calc(6px + var(--safe-b))}#rightCtrl{bottom:calc(6px + var(--safe-b));gap:4px}.pill-btn{padding:6px 9px;font-size:12px}#btnSuction{width:64px;height:64px}#views{top:calc(50px + var(--safe-t));gap:3px;transform:none}.view-btn{padding:4px 7px;font-size:10.5px}#toolHint,#toothLabel{bottom:calc(66px + var(--safe-b))}#bubble{top:calc(52px + var(--safe-t))}.card{gap:8px;padding:14px}.steps ol{font-size:13px;line-height:1.35}.stars{font-size:30px}#resTable{gap:1px 12px;font-size:12.5px}.score{font-size:21px}.qa{padding:9px 12px}}#scrHow{z-index:40}