:root{--color-purple-main: #8c467a;--color-purple-soft: #a85d96;--color-yellow-accent: #f2b90c;--color-orange-accent: #f25e3d;--color-bg: #f2f2f2;--color-surface: #ffffff;--color-text: #3d2236;--color-muted: #7a6a76;--shadow-game: 0 4px 0 rgba(60, 30, 55, .12);--shadow-float: 0 18px 44px rgba(60, 30, 55, .08);--radius-lg: 20px;--radius-md: 14px;--font: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip}body{margin:0;min-height:100%;font-family:var(--font);line-height:1.5;overflow-x:clip;background:radial-gradient(1200px 600px at 12% -10%,color-mix(in srgb,var(--color-purple-main) 10%,transparent),transparent),radial-gradient(900px 480px at 98% 8%,color-mix(in srgb,var(--color-orange-accent) 8%,transparent),transparent),var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw}button{font-family:inherit}.app{width:100%;max-width:min(1240px,100%);margin:0 auto;padding-top:clamp(.65rem,2.5vw,1.5rem);padding-bottom:2.5rem;padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));box-sizing:border-box;min-width:0}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,1.75rem);background:linear-gradient(165deg,#fff,color-mix(in srgb,var(--color-purple-main) 3%,#fff));border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.35rem) clamp(1rem,2.5vw,1.6rem);box-shadow:var(--shadow-float);border:1px solid color-mix(in srgb,var(--color-purple-main) 22%,#e8e0e5);min-width:0;width:100%}.topbar__brand{display:flex;align-items:center;gap:clamp(.65rem,2vw,1rem);flex-wrap:wrap;min-width:0}.topbar__logo{display:block;object-fit:contain;max-height:clamp(76px,14vw,112px);width:auto;max-width:min(360px,55vw);background:transparent}.topbar__logo-fallback{min-width:200px;min-height:84px;border-radius:12px;background:linear-gradient(135deg,var(--color-purple-main),#5a2d50);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-yellow-accent) 55%,transparent);font-weight:800}.topbar__logo-fallback span{font-size:.75rem;opacity:.95}.topbar__logo-fallback strong{font-size:1.35rem;letter-spacing:.03em}.topbar__logo-fallback small{font-size:.72rem;font-weight:700;opacity:.9;margin-top:2px}.topbar__titles{min-width:0;flex:1 1 200px}.topbar__titles h1{margin:0;font-size:clamp(1.05rem,3.5vw,1.35rem);font-weight:800;color:var(--color-purple-main);line-height:1.2}.topbar__titles p{margin:.2rem 0 0;color:var(--color-muted);font-weight:600;font-size:clamp(.82rem,2.5vw,.92rem);line-height:1.35}.topbar__stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.stat{background:color-mix(in srgb,var(--color-bg) 85%,white);border-radius:var(--radius-md);padding:.5rem .85rem;border:1px dashed color-mix(in srgb,var(--color-purple-main) 28%,white);min-width:80px}.stat--accent{border-style:solid;border-color:var(--color-orange-accent)}.stat__label{display:block;font-size:.75rem;color:var(--color-muted);font-weight:700}.stat strong{font-size:1.25rem;color:var(--color-text)}.btn-ghost{border:none;background:var(--color-yellow-accent);color:#3b2f08;font-weight:800;border-radius:999px;padding:.55rem 1rem;cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--color-yellow-accent) 55%,#000);transition:transform .08s ease,box-shadow .08s ease}.btn-ghost:hover{transform:translateY(-1px)}.btn-ghost:active{transform:translateY(1px);box-shadow:none}.main{margin-top:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1.25rem,2.5vw,1.75rem)}.main-workspace{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);align-items:stretch;width:100%;min-width:0}.main-workspace .edu-panel,.main-workspace .chart-wrap--mouth{width:100%;max-width:100%;min-width:0}.main-workspace .chart-wrap--mouth{order:-1}@media (min-width: 1200px){.main-workspace{display:grid;grid-template-columns:minmax(0,min(400px,34vw)) minmax(0,1fr);gap:clamp(1.25rem,2vw,2rem);align-items:start}.main-workspace .chart-wrap--mouth{order:0}}.status-toolbar{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;border:1px solid color-mix(in srgb,var(--color-purple-main) 18%,#eee);box-shadow:var(--shadow-float);display:grid;gap:1rem}.status-toolbar__intro{display:grid;gap:.35rem}.status-toolbar__intro p{margin:0;font-size:.95rem;font-weight:600;color:var(--color-muted);line-height:1.45;max-width:52ch}.status-toolbar__badge{display:inline-flex;align-self:start;background:var(--color-purple-main);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.02em;padding:.25rem .6rem;border-radius:999px}.status-toolbar__buttons{display:flex;flex-wrap:wrap;gap:.55rem}.status-pill{border-radius:999px;border:2px solid transparent;padding:.5rem 1rem;font-weight:800;font-size:.92rem;cursor:pointer;transition:transform .1s ease,box-shadow .12s ease,border-color .15s ease;color:var(--color-text);box-shadow:0 2px #1e14280f}.status-pill--sound{background:#fff;border-color:color-mix(in srgb,var(--color-purple-main) 35%,white)}.status-pill--caries{background:color-mix(in srgb,var(--color-orange-accent) 18%,white);border-color:var(--color-orange-accent)}.status-pill--filled{background:color-mix(in srgb,var(--color-yellow-accent) 28%,white);border-color:var(--color-yellow-accent)}.status-pill--pending{background:color-mix(in srgb,var(--color-purple-main) 15%,white);border-color:var(--color-purple-main)}.status-pill--missing{background:#e9e4e7;border-color:#c9bcc3}.status-pill--active{outline:2px solid var(--color-purple-main);outline-offset:2px;transform:translateY(-1px);box-shadow:0 4px 12px #8c467a26}.edu-panel{container-type:inline-size;container-name:edu-panel;position:relative;overflow-x:clip;overflow-y:visible;max-height:none;border-radius:calc(var(--radius-lg) + 6px);padding:clamp(1rem,3.5vw,1.45rem);background:linear-gradient(165deg,#fff,color-mix(in srgb,var(--color-bg) 40%,#fff));border:1px solid color-mix(in srgb,var(--color-purple-main) 16%,#e5dde2);box-shadow:0 12px 36px #3c1e3712;animation:edu-enter .42s cubic-bezier(.22,1,.36,1) both}@media (min-width: 1200px){.main-workspace .edu-panel{max-height:min(75vh,680px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-purple-main) 35%,#ddd) transparent}.main-workspace .edu-panel::-webkit-scrollbar{width:7px}.main-workspace .edu-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-purple-main) 38%,#ccc);border-radius:99px}}.edu-panel--sound{border-color:color-mix(in srgb,var(--color-purple-main) 35%,#e8dce4)}.edu-panel--caries{border-color:color-mix(in srgb,var(--color-orange-accent) 42%,#ffd9cf)}.edu-panel--filled{border-color:color-mix(in srgb,var(--color-yellow-accent) 45%,#ffe8b0)}.edu-panel--pending{border-color:color-mix(in srgb,var(--color-purple-main) 40%,#e6d6df)}.edu-panel--missing{border-color:#d9ccd3}.edu-panel__blob{position:absolute;width:200px;height:200px;border-radius:50%;right:-60px;top:-80px;opacity:.32;pointer-events:none}.edu-panel--sound .edu-panel__blob{background:radial-gradient(circle,color-mix(in srgb,var(--color-purple-main) 28%,#fff) 0%,transparent 70%)}.edu-panel--caries .edu-panel__blob{background:radial-gradient(circle,color-mix(in srgb,var(--color-orange-accent) 32%,#fff) 0%,transparent 70%)}.edu-panel--filled .edu-panel__blob{background:radial-gradient(circle,color-mix(in srgb,var(--color-yellow-accent) 35%,#fff) 0%,transparent 70%)}.edu-panel--pending .edu-panel__blob{background:radial-gradient(circle,color-mix(in srgb,var(--color-purple-main) 22%,#f6eef3) 0%,transparent 72%)}.edu-panel--missing .edu-panel__blob{background:radial-gradient(circle,#ded4da 0%,transparent 72%)}.edu-panel__layout{position:relative;z-index:1;display:grid;gap:1rem;min-width:0}@container edu-panel (min-width: 400px){.edu-panel__layout{grid-template-columns:minmax(72px,96px) minmax(0,1fr);align-items:start;gap:1rem 1.1rem}}.edu-panel__visual-wrap{display:grid;justify-items:center;gap:.35rem}.edu-illu{width:100px;height:100px;filter:drop-shadow(0 8px 20px rgba(60,30,55,.08))}.edu-panel__tag{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);background:color-mix(in srgb,var(--color-bg) 92%,white);padding:.2rem .45rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--color-purple-main) 25%,transparent)}.edu-panel__title{margin:0;font-size:clamp(1.05rem,2.9vw,1.28rem);font-weight:800;color:var(--color-purple-main);line-height:1.2;letter-spacing:-.02em;word-wrap:break-word}.edu-panel__subtitle{margin:.45rem 0 0;font-weight:800;font-size:.98rem;color:color-mix(in srgb,var(--color-orange-accent) 58%,var(--color-text));line-height:1.35}.edu-panel__lead{margin:.85rem 0 0;font-size:clamp(.86rem,2.4vw,.95rem);font-weight:600;line-height:1.62;color:color-mix(in srgb,var(--color-text) 90%,#555);word-wrap:break-word}.edu-panel__grid{margin-top:1rem;display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr);min-width:0}@container edu-panel (min-width: 520px){.edu-panel__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.9rem}}.edu-card{border-radius:var(--radius-md);padding:.85rem .95rem;background:color-mix(in srgb,var(--color-bg) 55%,white);border:1px solid color-mix(in srgb,var(--color-purple-main) 9%,#eee)}.edu-card__label{margin:0 0 .55rem;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-purple-main);display:flex;align-items:center;gap:.4rem;line-height:1.3}.edu-card__icon{display:inline-flex;width:1.4rem;height:1.4rem;border-radius:999px;align-items:center;justify-content:center;font-size:.75rem;background:#fff;color:var(--color-purple-main);border:2px solid color-mix(in srgb,var(--color-purple-main) 22%,white)}.edu-list{margin:0;padding-left:1.05rem;display:grid;gap:.45rem;font-size:.86rem;font-weight:600;line-height:1.45;color:var(--color-muted)}.edu-list li::marker{color:var(--color-yellow-accent)}.edu-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.edu-chips li{font-size:.8rem;font-weight:700;line-height:1.35;padding:.45rem .65rem;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--color-purple-main) 14%,#eee);color:var(--color-text);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.edu-panel__tip{margin-top:1rem;display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-yellow-accent) 16%,#fff),#fff 60%);border:1px solid color-mix(in srgb,var(--color-yellow-accent) 40%,#f5e4b8)}.edu-panel__tip-icon{flex:0 0 auto;line-height:0}.edu-panel__tip-kicker{display:block;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-purple-main);opacity:.8;margin-bottom:.15rem}.edu-panel__tip-text{margin:0;font-size:.86rem;font-weight:700;line-height:1.4;color:var(--color-text)}@keyframes edu-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.edu-panel{animation:none}}.chart-wrap{background:transparent;border-radius:var(--radius-lg);padding:0;border:none;box-shadow:none}.chart-wrap--mouth{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--color-purple-main) 2.5%,#fff));border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-purple-main) 14%,#e8e0e5);box-shadow:0 16px 44px #3c1e3712;padding:clamp(.75rem,2.5vw,1.35rem) clamp(.5rem,1.8vw,1.1rem) 1.15rem;overflow-x:clip;min-width:0}.mouth-chart{display:grid;gap:1.1rem;width:100%;min-width:0}.mouth-chart__intro{text-align:center;max-width:38rem;margin:0 auto;padding:0 .35rem}.mouth-chart__title{margin:0;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:800;color:var(--color-purple-main);letter-spacing:-.02em}.mouth-chart__hint{margin:.4rem 0 0;font-size:.9rem;font-weight:600;color:var(--color-muted);line-height:1.5}.mouth-chart__stage{position:relative;width:100%;max-width:52rem;margin:0 auto;padding:clamp(.15rem,1vw,.35rem) clamp(.2rem,1.5vw,.5rem) .85rem;min-width:0;box-sizing:border-box}.mouth-chart__lips{position:absolute;top:0;right:.25rem;bottom:.35rem;left:.25rem;border-radius:48% 48% 52% 52%/38% 38% 55% 55%;background:linear-gradient(145deg,color-mix(in srgb,var(--color-orange-accent) 28%,#fff),color-mix(in srgb,var(--color-purple-main) 20%,#fff),color-mix(in srgb,var(--color-orange-accent) 16%,#fff));box-shadow:inset 0 -8px 20px #8c467a14,0 10px 24px #3c1e3712;pointer-events:none;z-index:0}.mouth-chart__opening{position:relative;z-index:1;margin:clamp(.65rem,2.5vw,1.1rem) clamp(.4rem,2.8vw,1.35rem) clamp(1rem,2.5vw,1.45rem);padding:clamp(.55rem,2vw,.85rem) clamp(.35rem,1.5vw,.55rem) clamp(.85rem,2vw,1.05rem);border-radius:42% 42% 46% 46%/22% 22% 32% 32%;background:radial-gradient(120% 95% at 50% 38%,#fff8fb,#fce9f1 48%,#efd0df);box-shadow:inset 0 0 0 1px #ffffffbf,inset 0 -22px 40px #8c467a14}.mouth-chart__jaw{position:relative}.mouth-chart__jaw-caption{margin:0;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--color-purple-main) 65%,var(--color-muted))}.mouth-chart__jaw-caption--palate{margin:0 0 .5rem}.mouth-chart__jaw-caption--chin{margin-bottom:.5rem}.mouth-chart__gum{pointer-events:none}.mouth-chart__gum--upper{height:3.25rem;margin:0 .5rem;border-radius:50% 50% 0 0/100% 95% 0 0;background:linear-gradient(180deg,#f6b0c4,#ea96b2 42%,#e3a4b9);box-shadow:inset 0 -10px 18px #8c467a1c;opacity:.96}.mouth-chart__gum--lower{height:2.85rem;margin:.35rem .5rem 0;border-radius:0 0 50% 50%/0 0 96% 96%;background:linear-gradient(0deg,#f2b4c8,#ec9eb8 55%,#e3a8bc);box-shadow:inset 0 12px 18px #8c467a1a;opacity:.96}.mouth-chart__teeth-row{display:flex;justify-content:center;align-items:flex-end;gap:.35rem;padding:0 .25rem;min-height:5.5rem}.mouth-chart__teeth-row--upper{padding-top:.25rem;margin-top:-2rem;position:relative;z-index:2}.mouth-chart__teeth-row--lower{align-items:flex-start;min-height:5.75rem;margin-bottom:-2rem;position:relative;z-index:2}.mouth-chart__hemi{display:flex;align-items:flex-end;gap:.3rem}.mouth-chart__teeth-row--lower .mouth-chart__hemi{align-items:flex-start}.mouth-chart__midline{flex:0 0 1.15rem;align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:2px dashed color-mix(in srgb,var(--color-purple-main) 65%,white);margin:0 .1rem;opacity:.85}.mouth-chart__midline--between-lowers{min-height:4.5rem}.mouth-chart__midline--between-uppers{min-height:4.75rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mouth-chart__freeway{position:relative;min-height:2.5rem;margin:.15rem 1.5rem .35rem;display:flex;align-items:center;justify-content:center}.mouth-chart__tongue{width:min(42%,13rem);height:1.85rem;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#ffb8c9,#e88ba3 70%,#dba0b2);box-shadow:inset 0 -6px 10px #8c467a33;opacity:.55}.mouth-chart__freeway-hint{position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;color:var(--color-muted);opacity:.9;white-space:nowrap}.mouth-chart__teeth-row--upper .tooth-slot{transform-origin:50% 100%}.mouth-chart__teeth-row--lower .tooth-slot{transform-origin:50% 0%}.tooth-slot{display:inline-flex;justify-content:center;transition:transform .15s ease}.mouth-chart__teeth-row--upper .tooth-slot--max-right.tooth-slot--i-0{transform:rotate(-15deg) translateY(-14px)}.mouth-chart__teeth-row--upper .tooth-slot--max-right.tooth-slot--i-1{transform:rotate(-11deg) translateY(-9px)}.mouth-chart__teeth-row--upper .tooth-slot--max-right.tooth-slot--i-2{transform:rotate(-7deg) translateY(-4px)}.mouth-chart__teeth-row--upper .tooth-slot--max-right.tooth-slot--i-3{transform:rotate(-3deg) translateY(1px)}.mouth-chart__teeth-row--upper .tooth-slot--max-right.tooth-slot--i-4{transform:rotate(3deg) translateY(6px)}.mouth-chart__teeth-row--upper .tooth-slot--max-left.tooth-slot--i-0{transform:rotate(-4deg) translateY(6px)}.mouth-chart__teeth-row--upper .tooth-slot--max-left.tooth-slot--i-1{transform:rotate(1deg) translateY(2px)}.mouth-chart__teeth-row--upper .tooth-slot--max-left.tooth-slot--i-2{transform:rotate(5deg) translateY(-2px)}.mouth-chart__teeth-row--upper .tooth-slot--max-left.tooth-slot--i-3{transform:rotate(9deg) translateY(-6px)}.mouth-chart__teeth-row--upper .tooth-slot--max-left.tooth-slot--i-4{transform:rotate(15deg) translateY(-12px)}.mouth-chart__teeth-row--lower .tooth-slot--man-right.tooth-slot--i-0{transform:rotate(12deg) translateY(11px)}.mouth-chart__teeth-row--lower .tooth-slot--man-right.tooth-slot--i-1{transform:rotate(8deg) translateY(7px)}.mouth-chart__teeth-row--lower .tooth-slot--man-right.tooth-slot--i-2{transform:rotate(5deg) translateY(3px)}.mouth-chart__teeth-row--lower .tooth-slot--man-right.tooth-slot--i-3{transform:rotate(2deg) translateY(0)}.mouth-chart__teeth-row--lower .tooth-slot--man-right.tooth-slot--i-4{transform:rotate(-4deg) translateY(-7px)}.mouth-chart__teeth-row--lower .tooth-slot--man-left.tooth-slot--i-0{transform:rotate(4deg) translateY(-7px)}.mouth-chart__teeth-row--lower .tooth-slot--man-left.tooth-slot--i-1{transform:rotate(-1deg) translateY(-2px)}.mouth-chart__teeth-row--lower .tooth-slot--man-left.tooth-slot--i-2{transform:rotate(-5deg) translateY(2px)}.mouth-chart__teeth-row--lower .tooth-slot--man-left.tooth-slot--i-3{transform:rotate(-9deg) translateY(7px)}.mouth-chart__teeth-row--lower .tooth-slot--man-left.tooth-slot--i-4{transform:rotate(-13deg) translateY(11px)}@media (max-width: 640px){.mouth-chart__opening{margin:1rem .4rem 1.1rem;padding:.5rem .25rem .65rem}.mouth-chart__hemi{gap:.15rem}.mouth-chart__teeth-row{gap:.12rem;min-height:4.75rem}.mouth-chart__freeway-hint{font-size:.58rem;white-space:normal;text-align:center;max-width:12rem}.mouth-chart .tooth{width:48px;padding:.35rem .08rem .3rem}.mouth-chart .tooth-canvas-wrap{width:32px;height:37.76px}.mouth-chart .tooth__num{font-size:.62rem}}.tooth{position:relative;border:none;cursor:pointer;width:56px;padding:.45rem .15rem .35rem;border-radius:16px 16px 11px 11px;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:transform .15s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 4px #2814281f,0 14px 22px #3c1e370f}.mouth-chart .tooth:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px #2814281a,0 18px 28px #3c1e371a;filter:saturate(1.04)}.tooth:active{transform:translateY(1px) scale(1.01);box-shadow:0 2px #2814281f,0 8px 14px #3c1e3712}.tooth-canvas-wrap{width:38px;height:calc(38px * 118 / 100);flex-shrink:0;position:relative}.tooth-canvas{display:block;width:100%;height:100%}.tooth__num{font-size:.7rem;font-weight:800;color:var(--color-text)}.legend{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--color-purple-main) 4%,#fff));border-radius:var(--radius-lg);padding:clamp(1rem,2.5vw,1.35rem);border:1px solid color-mix(in srgb,var(--color-purple-main) 14%,#ebe4e8);box-shadow:0 12px 40px #3c1e3714;overflow:hidden}.legend__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--color-purple-main) 10%,transparent)}.legend__tooth-float{display:flex;justify-content:center;align-items:center;isolation:isolate;filter:drop-shadow(0 14px 22px rgba(140,70,122,.15));animation:legend-tooth-float 4.5s ease-in-out infinite}@keyframes legend-tooth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.legend__tooth-float{animation:none}}.legend__tooth-svg{display:block;width:min(118px,28vw);height:auto;max-width:100%}.legend__heading{width:100%;max-width:26rem;margin:0 auto}.legend__heading h4{margin:0;font-size:clamp(1.05rem,2.8vw,1.2rem);font-weight:800;color:var(--color-purple-main);letter-spacing:-.02em}.legend__tagline{margin:.35rem 0 0;font-size:.88rem;font-weight:600;color:var(--color-muted);line-height:1.4}.legend__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.legend__list li{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:.9rem;color:var(--color-muted)}.legend__swatch{width:18px;height:18px;border-radius:6px;border:2px solid rgba(0,0,0,.08)}.legend__swatch--sound{background:#fff;border-color:color-mix(in srgb,var(--color-purple-main) 45%,white)}.legend__swatch--caries{background:var(--color-orange-accent)}.legend__swatch--filled{background:var(--color-yellow-accent)}.legend__swatch--pending{background:color-mix(in srgb,var(--color-purple-main) 30%,white);border-color:var(--color-purple-main)}.legend__swatch--missing{background:repeating-linear-gradient(125deg,#e7dfe4,#e7dfe4 4px,#dccbd4 4px,#dccbd4 8px)}.legend__note{margin:.85rem 0 0;font-size:.84rem;color:var(--color-muted);font-weight:600;line-height:1.45;text-align:center}.footer{margin:2rem auto 0;padding-top:1rem;text-align:center;font-size:.84rem;font-weight:600;color:var(--color-muted);line-height:1.45;max-width:40rem}