@layer theme,base;@layer components{.platform-state{box-sizing:border-box;z-index:50;inline-size:100dvw;padding:max(40px, var(--activity-safe-area-inset-top,0px)) max(24px, var(--activity-safe-area-inset-right,0px)) max(40px, var(--activity-safe-area-inset-bottom,0px)) max(24px, var(--activity-safe-area-inset-left,0px));overflow-wrap:anywhere;background:var(--background,oklch(17.97% .0043 308.193));color:var(--foreground,oklch(81.09% 0 0));place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow-y:auto}.platform-state-panel{inline-size:min(100%,440px)}.platform-state-title{letter-spacing:.01em;text-wrap:balance;align-items:center;gap:12px;margin:0;font-size:clamp(20px,3vw,24px);font-weight:600;line-height:1.5;display:flex}.platform-state-title>svg{block-size:24px;inline-size:24px;color:var(--destructive);flex:none}.platform-state[data-state=loading]{--loading-accent:var(--primary,oklch(72.14% .1337 49.9802));z-index:1200}.platform-state[data-state=loading] .platform-state-panel{inline-size:fit-content;max-inline-size:100%}.platform-state[data-state=loading] .platform-state-title{letter-spacing:.12em;justify-content:center;gap:0;font-size:14px;font-weight:500;line-height:24px}.platform-state-mark{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--loading-accent) 18%, transparent);border-radius:50%;block-size:48px;inline-size:48px;margin:0 auto 24px;position:relative}.platform-state-mark:before{content:"";border:1.5px solid #0000;border-block-start-color:var(--loading-accent);border-inline-end-color:color-mix(in oklab, var(--loading-accent) 35%, transparent);border-radius:50%;animation:1.4s linear infinite platform-state-orbit;position:absolute;inset:-1px}.platform-state-mark:after{content:"";background:var(--loading-accent);block-size:6px;inline-size:6px;box-shadow:0 0 16px color-mix(in oklab, var(--loading-accent) 35%, transparent);border-radius:50%;margin:auto;position:absolute;inset:0}.platform-state-dots{margin-inline-start:2px;display:inline-flex}.platform-state-dots>span{inline-size:.4em;animation:1.4s ease-in-out infinite platform-state-dot}.platform-state-dots>span:nth-child(2){animation-delay:.15s}.platform-state-dots>span:nth-child(3){animation-delay:.3s}.platform-state[data-state=error] .platform-state-panel{border:1px solid color-mix(in oklab, var(--foreground) 12%, var(--background));background:color-mix(in oklab, var(--foreground) 3%, var(--background));border-radius:12px;padding:clamp(24px,5vw,36px);box-shadow:0 8px 24px oklch(0% 0 0/.16)}.platform-state-description{color:var(--muted-foreground);text-wrap:pretty;margin:16px 0 0;font-size:14px;line-height:1.85}.platform-state-actions{flex-wrap:wrap;gap:12px;margin-block-start:28px;display:flex}@media (prefers-reduced-motion:reduce){.platform-state-mark:before,.platform-state-dots>span{animation:none}}}@layer utilities,frames,components.ui,components.shared;@keyframes platform-state-orbit{to{transform:rotate(1turn)}}@keyframes platform-state-dot{0%,80%,to{opacity:.3}40%{opacity:1}}