.loading-companion{color:#356d60;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-companion-art{width:152px;height:140px;position:relative}.loading-companion-halo{background:#e9eee5;border-radius:50%;animation:3s ease-in-out infinite companion-breathe;position:absolute;inset:12px 8px 0}.loading-companion-cat{fill:#faf8f1;transform-origin:50% 85%;width:70px;height:70px;animation:2.6s ease-in-out infinite companion-nod;position:absolute;top:23px;left:41px}.loading-companion-book{fill:#f9f6e9;width:82px;height:59px;animation:2.6s ease-in-out infinite companion-page;position:absolute;bottom:9px;left:35px}.loading-companion-spark{color:#a99055;width:16px;height:16px;animation:2.6s ease-in-out infinite companion-twinkle;position:absolute}.loading-companion-spark.first{top:23px;left:13px}.loading-companion-spark.second{width:12px;animation-delay:1.3s;top:52px;right:4px}.loading-companion-label{letter-spacing:.04em;margin:4px 0 0;font-size:16px;font-weight:500;line-height:1.6}.loading-companion-note{color:#757d72;margin:0;font-size:14px;line-height:1.6}.loading-companion-dots{vertical-align:middle;gap:4px;margin-left:7px;display:inline-flex}.loading-companion-dots i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.4s ease-in-out infinite companion-dot}.loading-companion-dots i:nth-child(2){animation-delay:.18s}.loading-companion-dots i:nth-child(3){animation-delay:.36s}.loading-companion.is-compact{gap:3px;padding:24px 12px}.loading-companion.is-compact .loading-companion-art{zoom:.65}.loading-companion.is-compact .loading-companion-label{font-size:14px}.page-loading-surface{background:#f8f7f2;place-items:center;min-height:100svh;display:grid}.page-loading-overlay{z-index:100;background:#f8f7f2f5;place-items:center;display:grid;position:fixed;inset:0}@keyframes companion-breathe{50%{opacity:.75;transform:scale(.96)}}@keyframes companion-nod{35%,65%{transform:translateY(3px)rotate(-4deg)}}@keyframes companion-page{45%{transform:perspective(180px)rotateY(-12deg)}70%{transform:perspective(180px)rotateY(8deg)}}@keyframes companion-twinkle{50%{opacity:.3;transform:scale(.7)rotate(15deg)}}@keyframes companion-dot{50%{opacity:.3;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.loading-companion *,.loading-companion :before,.loading-companion :after{animation:none!important}}