.shell-pending{min-height:100svh}@supports not (height:1dvh){.shell-pending{min-height:100vh}}.viewing-placeholder{min-height:70svh}@supports not (height:1dvh){.viewing-placeholder{min-height:70vh}}.viewing-connection-error{border:1px solid var(--border);background:var(--surface-low);border-radius:20px;max-width:620px;margin:80px auto;padding:32px}.viewing-connection-error h1{margin:0 0 16px;font-size:26px;line-height:1.2}.viewing-connection-error p{color:var(--muted-foreground);margin-bottom:24px;font-size:14px;line-height:1.6}.viewing-connection-error button{border:1px solid var(--border);color:var(--foreground);border-radius:24px;margin-right:20px;padding:12px 22px}.viewing-connection-error a{text-underline-offset:3px;font-size:13px;text-decoration:underline}.viewing-sync-notice{z-index:2;border:1px solid var(--border);background:var(--surface-low);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px;padding:14px 18px;font-size:13px;display:flex;position:relative}.viewing-sync-notice p{color:var(--muted-foreground);flex:260px;margin:0;line-height:1.5}.viewing-sync-notice button{border:1px solid var(--border);min-height:44px;color:var(--foreground);border-radius:24px;padding:10px 16px}.viewing-sync-notice a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}html[data-reduced-motion=true] .viewing-placeholder *{animation:none!important}