.family-view-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f5f1ff 0%,#fff5f9 52%,#effcff 100%);font-family:'Nunito',ui-rounded,'Avenir Next',system-ui,-apple-system,'Segoe UI',sans-serif;color:#25233a;transition:opacity .22s ease}.family-view-loader[hidden]{display:none}.family-view-loader.is-leaving{opacity:0;pointer-events:none}.family-view-loader-card{width:min(390px,100%);text-align:center;padding:30px 26px;border:1px solid rgba(108,76,255,.14);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(76,66,150,.14);backdrop-filter:blur(10px)}.family-view-loader-mark{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#ff6fae,#ff9679);color:#fff;font-size:30px;font-weight:900}.family-view-loader h1{margin:0 0 7px;font-size:25px;line-height:1.15}.family-view-loader p{margin:0;color:#69647d;font-size:14px;line-height:1.45}.family-view-progress{width:38px;height:38px;margin:20px auto 0;display:grid;place-items:center;position:relative}.family-view-progress svg{width:38px;height:38px;display:block;transform:rotate(-90deg)}.family-view-progress-track,.family-view-progress-fill{fill:none;stroke-width:3}.family-view-progress-track{stroke:#e4defb}.family-view-progress-fill{stroke:#6c4cff;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:94.25;animation:family-view-progress 2s linear forwards}.family-view-progress-heart{position:absolute;inset:0;display:grid;place-items:center;color:#6c4cff;font-size:12px;font-weight:900}@keyframes family-view-progress{to{stroke-dashoffset:0}}html[data-theme='dark'] .family-view-loader{background:linear-gradient(145deg,#15131d 0%,#1b1722 52%,#11191c 100%);color:#f5f2ff}html[data-theme='dark'] .family-view-loader-card{background:rgba(32,30,42,.9);border-color:#3b374b}html[data-theme='dark'] .family-view-loader p{color:#aaa4bb}html[data-theme='dark'] .family-view-progress-track{stroke:#3b374b}html[data-theme='dark'] .family-view-progress-fill{stroke:#8267ff}html[data-theme='dark'] .family-view-progress-heart{color:#8267ff}@media(prefers-reduced-motion:reduce){.family-view-loader{transition:none}.family-view-progress-fill{animation:none;stroke-dashoffset:0}}