.presence{border-radius:var(--r-pill);font:600 13px/1.2 var(--font);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;background:#ffffff0d;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.presence i{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.presence.on i{background:var(--ok);box-shadow:0 0 0 4px color-mix(in oklab, var(--ok) 25%, transparent);animation:s-pulse 2.2s var(--ease-io) infinite}.presence.on{color:var(--fg)}.presence.wait i{background:var(--chrome-grad);animation:s-pulse 1.6s var(--ease-io) infinite}.presence.table i{background:var(--an-grad)}@keyframes s-pulse{50%{opacity:.6;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.presence i{animation:none!important}}.invite-grid{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.invite-qr .qr{border-radius:var(--r-md);width:156px;height:156px;display:block;box-shadow:0 18px 40px -18px #000c}.invite-code-row{align-items:baseline;gap:10px;display:flex}.invite-code-row b{font:800 26px/1 var(--mono);letter-spacing:.14em;background:var(--chrome-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.invite-link{font:500 13px/1.3 var(--mono);color:var(--fg-2);text-overflow:ellipsis}.invite-block .btn{min-height:44px}@media (max-width:560px){.invite-grid{grid-template-columns:1fr;justify-items:center}.invite-grid>.stack{width:100%}.invite-qr{order:2}.invite-qr .qr{width:180px;height:180px}.invite-block .panel-title{flex-wrap:wrap}}.s-screen{min-height:100dvh;padding:calc(var(--safe-t) + 28px) 18px calc(var(--safe-b) + 28px);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.s-card{flex-direction:column;gap:18px;width:min(440px,100%);min-width:0;display:flex}.s-logo{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.s-logo .logo-mark{width:30px;height:30px}.s-card h1{letter-spacing:-.03em;font-size:clamp(30px,8vw,44px);line-height:1.02}.s-card .lead{color:var(--fg-2);font-size:16px;line-height:1.45}.s-form{flex-direction:column;gap:14px;display:flex}.s-form .btn-lg{min-height:56px}.s-err{color:var(--danger);min-height:1em;font-size:14px}.s-or{color:var(--faint);align-items:center;gap:12px;font-size:13px;display:flex}.s-or:before,.s-or:after{content:"";background:var(--line);flex:1;height:1px}.join-card{aspect-ratio:4/3.4}.join-card .topic-label .eyebrow-in{font:700 12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin:0 0 10px;display:block}.join-card .topic-label b{font-size:clamp(22px,6vw,30px)}.join-card .topic-label b.muted{opacity:.75;font-style:italic}.join-meta{flex-wrap:wrap;gap:8px;display:flex}.join-meta .chip{pointer-events:none}.join-rules{color:var(--fg-2);gap:6px;margin:0;padding:0;font-size:14px;display:grid}.join-rules li{padding-left:18px;list-style:none;position:relative}.join-rules li:before{content:"";background:var(--an-grad);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.skeleton{border-radius:var(--r-lg);background:linear-gradient(100deg,#ffffff0a 30%,#ffffff17 50%,#ffffff0a 70%) 0 0/300% 100%;animation:1.4s linear infinite s-shimmer}@keyframes s-shimmer{to{background-position:-150% 0}}.m-row{border-top:1px solid var(--line);color:inherit;align-items:center;gap:14px;min-height:56px;padding:12px 0;text-decoration:none;display:flex}.m-row:first-child{border-top:0}.m-row .m-thumb{border-radius:var(--r-sm);background-position:50%;background-size:cover;flex:none;width:52px;height:52px;box-shadow:inset 0 0 0 1px #ffffff1f}.m-row .m-main{flex:1;min-width:0}.m-row .m-main b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.demo-bar{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2);background:#ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.s-card .btn{white-space:normal;text-align:center}