.tandem-loading-state{width:100%;min-height:11rem;color:var(--text);justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.tandem-loading-state--full-screen{background:radial-gradient(circle at 50% 42%, var(--brand-glow), transparent 18rem), var(--bg);flex:1;min-height:100%}.tandem-loading-state--compact{justify-content:flex-start;min-height:5.5rem;padding:1rem}.tandem-loading-state__mark{flex:0 0 3.1rem;width:3.1rem;height:3rem;position:relative}.tandem-loading-state__page{border:1px solid color-mix(in srgb, var(--brand-display) 34%, var(--border));background:color-mix(in srgb, var(--surface) 84%, var(--brand-soft));width:1.85rem;height:2.4rem;box-shadow:var(--shadow-sm);border-radius:.48rem;position:absolute;top:.35rem}.tandem-loading-state__page--left{animation:1.8s ease-in-out infinite tandem-page-left;left:.12rem;transform:rotate(-4deg)}.tandem-loading-state__page--right{animation:1.8s ease-in-out infinite tandem-page-right;right:.12rem;transform:rotate(4deg)}.tandem-loading-state__meeting{z-index:1;background:var(--brand-display-secondary);width:.55rem;height:1.65rem;box-shadow:0 0 0 .35rem var(--brand-glow);border-radius:999px;animation:1.8s ease-in-out infinite tandem-meeting-glow;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.tandem-loading-state__copy{flex-direction:column;gap:.14rem;max-width:28rem;display:flex}.tandem-loading-state__copy strong{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:600;line-height:1.3}.tandem-loading-state__eyebrow{color:var(--brand-display);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:700}.tandem-loading-state__detail{color:var(--text-secondary);font-size:.82rem;line-height:1.45}@keyframes tandem-page-left{0%,to{transform:translate(-.08rem)rotate(-4deg)}50%{transform:translate(.08rem)rotate(-2deg)}}@keyframes tandem-page-right{0%,to{transform:translate(.08rem)rotate(4deg)}50%{transform:translate(-.08rem)rotate(2deg)}}@keyframes tandem-meeting-glow{0%,to{opacity:.58}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tandem-loading-state__page,.tandem-loading-state__meeting{animation:none}}@media (width<=520px){.tandem-loading-state:not(.tandem-loading-state--compact){text-align:center;flex-direction:column}}
