body:has(>.share-body){flex-direction:column;min-height:100vh;display:flex}.share-body{isolation:isolate;flex:1 0 auto}.share-page{max-width:1180px;margin:0 auto;padding:30px 32px 90px}.share-page .live-doc{margin-top:26px}.share-head{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.share-head h1{letter-spacing:-.01em;font-size:28px;font-weight:600}.share-sub{color:var(--ink-soft);max-width:52ch;margin-top:3px;font-size:14.5px}.share-loading{text-align:center;color:var(--ink-soft);margin-top:60px}.join-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-hi);max-width:380px;box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;gap:12px;margin:70px auto 0;padding:28px;display:flex}.join-card h1{font-size:22px}.join-card p{color:var(--ink-soft);font-size:13.5px}.join-card input{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;font:inherit;color:var(--ink);background:var(--card);padding:9px 12px;font-size:14px}.peer-row{align-items:center;display:inline-flex}.peer-row .pebble{border:2px solid var(--paper);margin-right:-6px}.live-mark-chip{border:1px solid var(--line);color:var(--ink-faint);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:5px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.live-mark-chip i{background:var(--ink-faint);border-radius:50%;width:9px;height:9px}.live-mark-chip[data-live=true]{color:var(--amber-deep);border-color:var(--amber)}.live-mark-chip[data-live=true] i{background:var(--amber);animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}