:root{--audio-forest:#073d24;--audio-lime:#50b848;--audio-line:#dce1d5}
.grina-audio-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:calc(100dvh - 48px);overflow:auto}.grina-audio-dialog.is-closing{opacity:0;transition:opacity .16s}
.na-audio-call-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#audio-room{height:100dvh;min-height:0;overflow:hidden}.audio-room-header{flex-shrink:0}.audio-room-stage{min-height:0;overflow:auto;overscroll-behavior:contain}.audio-room-controls{flex-shrink:0}
.network-directory-person-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px}.network-directory-person-heading h3{margin:0!important;font-size:17px!important;line-height:1.5}.network-directory-person-heading .network-author-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#50b84820;overflow:hidden;font-size:14px}.network-directory-person-heading .network-author-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.network-directory-person .network-directory-excerpt{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.4em}.network-online-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#368830;margin-top:3px}.network-online-label i{width:6px;height:6px;border-radius:50%;background:#50b848}.audio-person .audio-person-avatar{overflow:visible;position:relative}.audio-person .audio-person-avatar img{border-radius:50%}.audio-person .audio-person-avatar::after{content:'';position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#50b848;border:3px solid #1c2320;border-radius:50%}
.network-chat-inbox>.grina-audio-feed{flex-shrink:0;max-height:180px;overflow:auto;padding:0 12px;margin:6px 0 10px}.na-community-layout aside>.grina-audio-feed{max-height:200px;overflow:auto}
body[data-discussion-theme=dark] .grina-audio-dialog{background:var(--chat-surface,#17191a);color:var(--chat-ink,#e9edef);border-color:var(--chat-line,#ffffff20)}
.audio-room-page,.audio-invitation-page{margin:0;background:#121615;color:#fff;font-family:Arial,sans-serif}.audio-room-page *,.audio-invitation-page *{box-sizing:border-box}.audio-room-page [hidden],.audio-invitation-page [hidden]{display:none!important}
#audio-room{min-height:100dvh;display:flex;flex-direction:column}.audio-room-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;border-bottom:1px solid #ffffff15}.audio-room-header a{color:#e9f1eb;text-decoration:none;font-size:13px}.audio-room-header>img{object-fit:contain;margin-right:auto}.audio-room-page button{cursor:pointer;font:inherit;font-size:13px;border:1px solid #ffffff30;background:#ffffff08;color:#fff;padding:12px 18px;border-radius:30px}.audio-room-page button:disabled{opacity:.45;cursor:wait}.audio-room-page :focus-visible,.audio-invitation-page :focus-visible{outline:3px solid #50b848;outline-offset:4px}
.audio-room-stage{flex:1;max-width:1200px;width:100%;margin:auto;padding:44px 28px 28px;text-align:center}.audio-room-label{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#c0d1c6}.audio-room-label time{padding-left:12px;border-left:1px solid #ffffff30;font-variant-numeric:tabular-nums}.audio-live-dot{width:7px;height:7px;background:#50b848;border-radius:50%}.audio-room-stage h1{font-size:clamp(24px,3.2vw,40px);line-height:1.2;max-width:760px;margin:20px auto 12px;overflow-wrap:anywhere}.audio-room-summary{font-size:13px;color:#afc0b5;line-height:1.7}.audio-prejoin{margin:38px auto;max-width:380px;padding:30px;border-radius:24px;background:#ffffff05;border:1px solid #ffffff12}.audio-prejoin h2{font-size:26px;margin:16px 0 12px}.audio-prejoin p{font-size:13px;line-height:1.7;color:#afc0b5}.audio-primary,.audio-room-page .audio-primary{display:inline-flex;align-items:center;justify-content:center;background:#50b848;color:#073d24;font-size:14px;font-weight:700;text-decoration:none;border:0;padding:16px 24px;border-radius:30px}.audio-prejoin .audio-primary{margin-top:12px;width:100%}.audio-prejoin [data-audio=decline]{margin-top:12px;width:100%}
.audio-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;max-width:980px;margin:34px auto}.audio-person{background:#1c2320;border:1px solid #ffffff12;border-radius:20px;padding:25px 16px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.audio-person.is-speaking{border-color:#50b848;box-shadow:0 0 0 3px #50b84820}.audio-person-avatar{width:68px;height:68px;border-radius:50%;background:#073d24;display:grid;place-items:center;font-size:23px;font-weight:600;color:#75d46d;overflow:hidden}.audio-person-avatar img{width:100%;height:100%;object-fit:cover}.audio-person strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.audio-person small{font-size:11px;color:#a8baad}.audio-person.is-speaking small{color:#75d46d}
.audio-room-controls{position:sticky;bottom:0;display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;background:#151b18;border-top:1px solid #ffffff15;padding:22px}.audio-room-controls [data-audio=mute]{display:flex;align-items:center;gap:8px;min-width:118px;justify-content:center}.audio-room-controls [data-audio=mute][aria-pressed=true]{background:#50b848;color:#073d24;border-color:#50b848}.audio-room-page .audio-leave{background:#c93a40;border-color:#c93a40;color:#fff}.audio-room-page [data-audio=end]{border-color:#a95a5e;color:#ffa4a8}.audio-room-page [data-audio-status]{font-size:13px;line-height:1.7;max-width:600px;margin:20px auto;color:#cad8cf}.audio-room-page [data-audio-status].is-error{color:#ffa4a8}
.audio-invitation{max-width:620px;text-align:center;margin:auto;padding:44px 24px}.audio-invitation-art{margin:50px auto 24px;display:grid;place-items:center;gap:25px}.audio-wave{letter-spacing:8px;color:#50b848;font-size:24px}.audio-invitation h1{font-size:clamp(34px,7vw,54px);line-height:1.1;margin:20px 0}.audio-invitation h1 span{color:#50b848}.audio-invitation p{font-size:15px;line-height:1.8;color:#c0d1c6;margin-bottom:28px}.audio-signin{display:block;font-size:13px;color:#fff;margin:22px auto 40px}.audio-invitation small{display:block;max-width:360px;margin:auto;font-size:11px;line-height:1.7;color:#97aa9e}.audio-invitation small a{color:inherit}
/* Active rooms sit above the topics, following the surrounding theme. */
.grina-audio-feed:empty{display:none}.grina-audio-feed{display:grid;gap:10px;margin:0 0 18px}.grina-audio-card{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:16px;background:#073d24;color:#fff;text-decoration:none;border:1px solid #50b84860;min-width:0}.grina-audio-card .audio-card-icon{display:grid;place-items:center;flex-shrink:0;background:#50b848;color:#073d24;border-radius:13px;width:42px;height:42px;font-size:21px}.grina-audio-card>span:nth-child(2){flex:1;min-width:0}.grina-audio-card strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.grina-audio-card small{display:flex;gap:10px;font-size:11px;color:#c4dfc6;margin-top:5px}.grina-audio-card .audio-card-join{color:#86dc7e;font-size:12px;font-weight:700;white-space:nowrap}.chat-inbox-list .grina-audio-card,.na-community-layout aside .grina-audio-card{padding:12px;gap:10px;border-radius:10px}.chat-inbox-list .audio-card-icon,.na-community-layout aside .audio-card-icon{width:32px;height:32px;font-size:16px}.chat-inbox-list .audio-card-join,.na-community-layout aside .audio-card-join{display:none}
.grina-audio-dialog{border:1px solid var(--na-line,#dce1d5);background:var(--na-card,#fff);color:var(--na-ink,#073d24);border-radius:20px;width:min(440px,calc(100vw - 32px));padding:28px;text-align:center;box-shadow:0 24px 100px #0004}.grina-audio-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.grina-audio-dialog h2{font-size:24px;margin:16px 0 12px}.grina-audio-dialog p{font-size:13px;line-height:1.7}.grina-audio-dialog button,.grina-audio-dialog a{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;padding:12px 19px;border:1px solid #50b848;border-radius:30px;background:transparent;color:inherit;font:inherit;font-size:13px;text-decoration:none}.grina-audio-dialog .audio-primary{background:#50b848;color:#073d24}.grina-audio-dialog .audio-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.grina-audio-dialog .audio-person-avatar{margin:0 auto}.grina-audio-dialog .audio-call-note{font-size:12px;opacity:.8}.grina-audio-dialog input{width:100%;padding:12px;margin:15px 0;border:1px solid var(--na-line,#dce1d5);border-radius:9px;color:inherit;background:transparent}
@media(max-width:600px){.audio-room-header{padding:15px;gap:14px}.audio-room-header>img{width:85px}.audio-room-header button{padding:10px 13px;font-size:11px}.audio-room-stage{padding:28px 18px 18px}.audio-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audio-person{padding:20px 10px;min-height:155px}.audio-room-controls{padding:16px 10px;gap:9px}.audio-room-page button{padding:12px 15px}.grina-audio-card{padding:14px;gap:12px}.audio-card-join{font-size:11px}.audio-invitation{padding-top:30px}.audio-invitation-art{margin-top:35px}}
@media(prefers-reduced-motion:no-preference){.audio-person{transition:border-color .2s,box-shadow .2s}.grina-audio-dialog[open]{animation:audio-enter .18s ease-out}@keyframes audio-enter{from{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}}