.constellation{--cn-bg:#0d1b2c;--cn-text:#fff;--cn-muted:#8ea0b4;--cn-lead:#b7c4d1;--cn-line:rgba(255,255,255,0.14);--cn-accent:#eb827c;--cn-progress:linear-gradient(90deg,#6fb3c4,#f3a09a,#a48fd6);color:var(--cn-text)}.constellation--white{--cn-bg:#fff;--cn-text:#142536;--cn-muted:#536273;--cn-lead:#536273;--cn-line:#dce4e9;--cn-accent:#805677;--cn-progress:linear-gradient(90deg,#386c7d,#eb827c,#573f85)}.constellation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:56px;align-items:center}.constellation-caption{margin-top:32px;padding-top:20px;border-top:1px solid var(--cn-line);animation:constellation-rise .8s both}.constellation-caption>span{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cn-muted)}.constellation-caption strong{display:block;margin-top:10px;font-size:1.35rem;font-weight:500;line-height:1.3}.constellation-caption p{margin-top:6px;max-width:30rem;font-size:.95rem;line-height:1.55;color:var(--cn-muted)}.constellation-stage{position:relative}.constellation-scene{position:relative;width:100%;height:min(54vh,500px);min-height:300px}.constellation-canvas{display:block;width:100%;height:100%}.constellation-voice{position:absolute;max-width:46%;animation:constellation-rise .8s .3s both}.constellation-voice--patient{left:4%;top:8%}.constellation-voice--doctor{right:4%;bottom:8%;text-align:right}.constellation-delay{animation-delay:2.5s}.constellation-voice>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cn-muted)}.constellation-voice p{margin-top:6px;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.4}.constellation-note-label{position:absolute;left:10%;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cn-muted);animation:constellation-rise .8s both}.constellation-note-label[data-row="0"]{top:9%;animation-delay:.9s}.constellation-note-label[data-row="1"]{top:38%;animation-delay:1.4s}.constellation-note-label[data-row="2"]{top:67%;animation-delay:1.9s}.constellation-drafted{position:absolute;right:6%;top:9%;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cn-accent);animation:constellation-rise .8s .9s both}.constellation-record{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;animation:constellation-rise .8s .6s both}.constellation-record>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cn-muted)}.constellation-record p{margin-top:6px;font-size:1.15rem;font-weight:500}.constellation-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.constellation-rail button{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 0;border:0;border-top:1px solid var(--cn-line);background:none;font:inherit;font-size:.9rem;text-align:left;color:var(--cn-muted);transition:color .35s}.constellation-rail button[aria-pressed=true]{color:var(--cn-text)}.constellation-rail-index{color:var(--cn-muted)}.constellation-progress{position:absolute;top:-1px;left:0;height:2px;width:0;background:var(--cn-progress)}.constellation-progress[data-active=true]{animation-name:constellation-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes constellation-fill{0%{width:0}to{width:100%}}@keyframes constellation-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.constellation-record{animation-name:constellation-rise-centred}@keyframes constellation-rise-centred{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:900px){.constellation-grid{gap:32px}.constellation-scene{height:min(44vh,340px);min-height:260px}.constellation-caption{margin-top:24px;padding-top:16px}.constellation-caption strong{font-size:1.2rem}.constellation-rail{margin-top:28px;gap:10px}.constellation-rail button{font-size:.85rem;gap:6px}}@media (max-width:480px){.constellation-scene{height:260px;min-height:0}.constellation-voice{max-width:58%}.constellation-drafted,.constellation-note-label,.constellation-record>span,.constellation-voice>span{font-size:12px}.constellation-voice p{font-size:.95rem}.constellation-rail{gap:8px}.constellation-rail button{font-size:13px;padding:10px 0;min-height:44px}.constellation-caption p{font-size:.9rem}}@media (max-width:560px){.constellation-drafted{position:static;display:block;margin:12px 6% 0 10%;letter-spacing:.04em;line-height:1.35}}@media (prefers-reduced-motion:reduce){.constellation-caption,.constellation-drafted,.constellation-note-label,.constellation-record,.constellation-voice{animation:none}.constellation-progress[data-active=true]{animation:none;width:100%}}