.app-ona,.app-card.app-ona,.ona-page{--ona-gold: #d3a14e;--ona-gold-soft: rgba(211, 161, 78, 0.14);--ona-green: #8fbe98;--ona-red: #bd6451;--ona-panel: rgba(10, 14, 13, 0.95);--ona-panel-soft: rgba(17, 23, 21, 0.9);--ona-line: rgba(234, 219, 192, 0.17);--ona-line-strong: rgba(211, 161, 78, 0.5);--imp-app-color: var(--ona-gold);--imp-app-color-soft: var(--ona-gold-soft)}.app-card.app-ona .app-icon{border-color:rgba(211,161,78,.44);background:rgba(211,161,78,.11);color:#e7c17a;box-shadow:none}body.ona-page{min-height:100svh;color-scheme:dark;accent-color:var(--ona-gold);background-color:#080b0a;background-image:image-set(url("../../media/miadi-meeting-highlands.avif") type("image/avif"), url("../../media/miadi-meeting-highlands.webp") type("image/webp"));background-position:center;background-size:cover;background-attachment:fixed}body.ona-page::before{background:rgba(5,8,7,.91)}body.ona-landing-page::before{background:linear-gradient(90deg, rgba(5, 8, 7, 0.76), rgba(5, 8, 7, 0.38))}.ona-page .topbar{background:rgba(6,9,8,.95)}.ona-main,.ona-footer{width:min(1180px,100% - 2rem);margin-inline:auto}.ona-main{min-height:calc(100svh - 7rem)}.ona-footer{padding:.8rem 0 1rem;color:var(--imp-muted)}.ona-page h1,.ona-page h2,.ona-page h3{color:var(--imp-ink);font-family:var(--imp-font-display);font-weight:480;letter-spacing:-0.03em}.ona-page .eyebrow{margin:0 0 .45rem;color:var(--ona-gold);font-size:.7rem;font-weight:820;letter-spacing:.15em;text-transform:uppercase}.ona-primary-action,.ona-page button.ona-primary-action{display:inline-flex;width:auto;min-height:2.8rem;align-items:center;justify-content:center;gap:.5rem;margin:0;padding-inline:1rem;border:1px solid #d3a14e;border-radius:.45rem;background:#cc9745;color:#17130d;font-weight:800;text-decoration:none}.ona-primary-action:hover,.ona-primary-action:focus-visible{border-color:#e4bb72;background:#dbae63}.ona-hero{display:grid;min-height:calc(100svh - var(--imp-header-height) - 2rem);align-content:center;gap:4rem;padding-block:5rem 3rem}.ona-hero h1{max-width:15ch;margin:0;font-size:clamp(3.8rem,8vw,7.5rem);line-height:.9;text-shadow:0 .25rem 1.6rem #000}.ona-hero .lead{max-width:42rem;margin:1.2rem 0;color:#ddd2c1;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.ona-path{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));max-width:56rem;margin:0;padding:0;border:1px solid var(--ona-line);background:rgba(8,12,10,.78);list-style:none}.ona-path li{display:grid;gap:.25rem;padding:1rem;border-right:1px solid var(--ona-line)}.ona-path li:last-child{border-right:0}.ona-path strong{color:#efd5a3}.ona-path span{color:var(--imp-muted);font-size:.82rem}.ona-dashboard{display:grid;gap:1.4rem;padding-block:2rem 4rem}.ona-command{display:flex;min-height:8rem;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--ona-line);padding-bottom:1rem}.ona-command h1{margin:0;font-size:clamp(3rem,7vw,5rem);line-height:.92}.ona-command p:last-child{margin:.55rem 0 0;color:var(--imp-muted)}.ona-command form{margin:0}.ona-setup-note{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid rgba(211,161,78,.42);border-radius:.45rem;background:rgba(29,24,15,.92)}.ona-setup-note span{color:var(--imp-muted);font-size:.82rem}.ona-room-list{display:grid;overflow:hidden;border:1px solid var(--ona-line);border-radius:.5rem;background:var(--ona-panel)}.ona-room-list>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--ona-line)}.ona-room-list h2{margin:0;font-size:1.6rem}.ona-room-list>header>small{max-width:28rem;color:var(--imp-muted);text-align:right}.ona-room-row{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;min-height:5rem;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--ona-line);color:var(--imp-ink);text-decoration:none}.ona-room-row:last-child{border-bottom:0}.ona-room-row:hover,.ona-room-row:focus-visible{background:rgba(211,161,78,.07)}.ona-room-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid var(--ona-line-strong);border-radius:50%;color:#e2b769}.ona-room-copy{display:grid;min-width:0}.ona-room-copy small,.ona-room-state{color:var(--imp-muted);font-size:.78rem}.ona-room-state{display:inline-flex;align-items:center;gap:.35rem}.ona-room-state.is-live{color:var(--ona-green)}.ona-room-state i,.ona-live-state i{width:.45rem;height:.45rem;border-radius:50%;background:currentcolor;box-shadow:0 0 0 .2rem color-mix(in srgb, currentcolor 15%, transparent)}.ona-empty{display:grid;justify-items:center;padding:3rem 1rem;text-align:center}.ona-empty>span,.ona-ended>span{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid var(--ona-line-strong);border-radius:50%;color:var(--ona-gold);font-size:1.5rem}.ona-empty h2,.ona-ended h2{margin:.8rem 0 .25rem}.ona-empty p,.ona-ended p{margin:0;color:var(--imp-muted)}.ona-ended-rooms{border:1px solid var(--ona-line);border-radius:.45rem;background:rgba(10,14,13,.9)}.ona-ended-rooms summary{padding:.9rem 1rem;color:var(--imp-muted)}.ona-ended-rooms summary span{margin-left:.4rem;color:var(--ona-gold)}.ona-ended-rooms article{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.75rem 1rem;border-top:1px solid var(--ona-line);background:rgba(0,0,0,0)}.ona-ended-rooms article>span{display:grid}.ona-ended-rooms article small{color:var(--imp-muted)}.ona-ended-rooms form,.ona-ended-rooms button{width:auto;margin:0}.ona-room-page .ona-main{width:min(1440px,100% - 2rem)}.ona-room-shell{display:grid;gap:1rem;padding-block:1rem 2rem}.ona-room-head{display:flex;min-height:5.5rem;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--ona-line)}.ona-room-head h1{margin:0;font-size:clamp(2.1rem,5vw,3.5rem);line-height:.95}.ona-room-head p:not(.eyebrow){margin:.45rem 0 0;color:var(--imp-muted)}.ona-source a{color:var(--ona-gold)}.ona-room-head-actions{display:flex;gap:.45rem}.ona-room-head-actions button{width:auto;margin:0}.ona-lobby{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(19rem, 0.8fr);gap:1rem;min-height:36rem}.ona-preview,.ona-join-form{border:1px solid var(--ona-line);border-radius:.6rem;background:var(--ona-panel)}.ona-preview{position:relative;display:grid;min-height:32rem;place-items:center;overflow:hidden;background:#172420}.ona-preview>video{width:100%;height:100%;min-height:32rem;object-fit:cover;transform:scaleX(-1)}.ona-preview-fallback{display:grid;justify-items:center;gap:.8rem;padding:1rem;color:var(--imp-muted);text-align:center}.ona-preview-fallback>span{display:grid;width:7rem;height:7rem;place-items:center;border:1px solid var(--ona-line-strong);border-radius:50%;background:var(--ona-gold-soft);color:#e4b964;font-family:var(--imp-font-display);font-size:3rem}.ona-preview-controls{position:absolute;bottom:1rem;left:50%;display:flex;gap:.5rem;transform:translateX(-50%)}.ona-preview-controls button{display:inline-flex;width:auto;min-height:2.5rem;align-items:center;gap:.4rem;margin:0;padding:.45rem .7rem;border:1px solid rgba(245,239,228,.3);border-radius:2rem;background:rgba(245,239,228,.9);color:#131817;font-size:.78rem}.ona-preview-controls button.is-off{border-color:rgba(189,100,81,.7);background:rgba(65,27,22,.95);color:#f3ded8}.ona-preview-controls img,.ona-call-controls img{width:1rem;height:1rem}.ona-join-form{display:grid;align-content:center;gap:.75rem;margin:0;padding:clamp(1.2rem,3vw,2rem)}.ona-join-form h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.98}.ona-join-form>div>p:last-child,.ona-join-status{color:var(--imp-muted)}.ona-join-form input{margin:0;border-color:var(--ona-line-strong);background:#111816}.ona-join-form .ona-primary-action{width:100%}.ona-join-status{min-height:1.4rem;margin:0;font-size:.78rem}.ona-audio-only{width:auto;justify-self:center;margin:0;padding:.25rem;border:0;background:rgba(0,0,0,0);color:var(--ona-gold);font-size:.78rem}.ona-ended{display:grid;min-height:28rem;place-items:center;align-content:center;padding:2rem;border:1px solid var(--ona-line);border-radius:.6rem;background:var(--ona-panel);text-align:center}.ona-ended form{margin:1rem 0 0}.ona-call{position:relative;display:grid;min-height:calc(100svh - 7.5rem);grid-template-rows:auto minmax(0, 1fr) auto auto;gap:.7rem;padding:.75rem;border:1px solid var(--ona-line);border-radius:.65rem;background:rgba(5,8,7,.98);overflow:hidden}.ona-call[hidden]{display:none}.ona-call>header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.ona-call>header button{width:auto;margin:0}.ona-live-state{display:inline-flex;align-items:center;gap:.4rem;color:var(--ona-green);font-size:.78rem;font-weight:750}.ona-video-grid{display:grid;min-height:0;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem}.ona-video-grid[data-count="1"]{grid-template-columns:minmax(0, 1fr)}.ona-video-grid[data-count="5"],.ona-video-grid[data-count="6"]{grid-template-columns:repeat(3, minmax(0, 1fr))}.ona-participant{position:relative;min-width:0;min-height:10rem;margin:0;overflow:hidden;border:1px solid #33423e;border-radius:.5rem;background:linear-gradient(135deg, #223530, #111917)}.ona-participant.is-active-speaker{border-color:var(--ona-green);box-shadow:inset 0 0 0 1px var(--ona-green)}.ona-track-slot,.ona-track-slot video{width:100%;height:100%}.ona-track-slot{position:absolute;inset:0}.ona-track-slot video{object-fit:cover}.ona-track-slot audio{display:none}.ona-avatar{position:absolute;top:50%;left:50%;display:grid;width:5rem;height:5rem;place-items:center;border:1px solid var(--ona-line-strong);border-radius:50%;background:var(--ona-gold-soft);color:#e4b964;font-family:var(--imp-font-display);font-size:2.1rem;transform:translate(-50%, -50%)}.ona-participant footer{position:absolute;right:.55rem;bottom:.55rem;left:.55rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.32rem .5rem;border-radius:.3rem;background:rgba(2,4,3,.74);color:#f2ece2;font-size:.72rem}.ona-participant footer small{color:#e7a48f}.ona-video-grid.is-large-room{display:flex;min-height:9rem;align-items:stretch;overflow-x:auto}.ona-video-grid.is-large-room .ona-participant{min-width:10rem;flex:0 0 10rem}.ona-video-grid.is-large-room .ona-participant.is-active-speaker{order:-1;min-width:min(68vw,52rem);flex-basis:min(68vw,52rem)}.ona-video-grid.is-large-room .ona-participant:nth-child(n+11):not(.is-active-speaker){display:none}.ona-share-stage{min-height:0;overflow:hidden;border:1px solid var(--ona-line);border-radius:.5rem;background:#050706}.ona-share-stage[hidden]{display:none}.ona-share-stage video{width:100%;height:100%;max-height:66svh;object-fit:contain}.ona-room-shell.has-screen-share .ona-call{grid-template-rows:auto minmax(14rem, 1fr) 8rem auto auto}.ona-call-controls{display:flex;max-width:42rem;justify-content:center;gap:.4rem;justify-self:center;padding:.42rem;border:1px solid var(--ona-line);border-radius:3rem;background:rgba(4,7,6,.96)}.ona-call-controls button{display:inline-flex;width:auto;min-width:3.7rem;min-height:3rem;align-items:center;justify-content:center;gap:.35rem;margin:0;padding:.45rem .65rem;border:1px solid #3b4944;border-radius:2rem;background:#202b27;color:#f0ebe2;font-size:.72rem}.ona-call-controls button.is-off{border-color:#81483d;background:#3b211d}.ona-call-controls button.is-sharing{border-color:var(--ona-green);color:var(--ona-green)}.ona-call-controls .ona-leave-button{border-color:#ad5948;background:#a74f40}.ona-call-status{min-height:1rem;margin:0;color:var(--imp-muted);font-size:.72rem;text-align:center}.ona-people-drawer{position:absolute;z-index:3;top:3.8rem;right:.75rem;bottom:5.8rem;width:min(20rem,100% - 1.5rem);overflow:auto;border:1px solid var(--ona-line);border-radius:.5rem;background:rgba(8,12,10,.98);box-shadow:var(--imp-shadow)}.ona-people-drawer[hidden]{display:none}.ona-people-drawer>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.8rem;border-bottom:1px solid var(--ona-line);background:#0a0e0d}.ona-people-drawer button{width:2rem;height:2rem;margin:0;padding:0;border:0;background:rgba(0,0,0,0)}.ona-people-drawer ol{margin:0;padding:0;list-style:none}.ona-people-drawer li{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:.6rem;padding:.65rem .8rem;border-bottom:1px solid var(--ona-line)}.ona-people-drawer li>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ona-gold-soft);color:var(--ona-gold)}.ona-people-drawer li small{color:var(--imp-muted)}.ona-dialog article{width:min(30rem,100vw - 2rem)}.ona-dialog h2{margin:0}.ona-dialog form{margin:0}.ona-dialog-actions{display:flex;justify-content:end;gap:.5rem;margin-top:1rem}.ona-dialog-actions>*,.ona-dialog-actions form,.ona-dialog-actions button{width:auto;margin:0}.ona-dialog-actions .ona-end-button{border-color:#ad5948;background:#a74f40}@media(max-width: 760px){.ona-main,.ona-footer,.ona-room-page .ona-main{width:calc(100% - 1rem)}.ona-hero{min-height:auto;gap:2.5rem;padding-block:4rem 2rem}.ona-hero h1{font-size:clamp(3.4rem,17vw,5.4rem)}.ona-path{grid-template-columns:1fr}.ona-path li{border-right:0;border-bottom:1px solid var(--ona-line)}.ona-path li:last-child{border-bottom:0}.ona-command,.ona-room-list>header,.ona-room-head{align-items:stretch;flex-direction:column}.ona-command .ona-primary-action,.ona-command form{width:100%}.ona-room-list>header>small{text-align:left}.ona-lobby{grid-template-columns:1fr;min-height:auto}.ona-preview{min-height:20rem}.ona-preview>video{min-height:20rem}.ona-join-form{padding:1rem}.ona-room-shell.is-in-call .ona-room-head{display:none}.ona-call{min-height:calc(100svh - 5.5rem);padding:.45rem;border-radius:.4rem}.ona-video-grid{grid-template-columns:1fr}.ona-video-grid[data-count="2"],.ona-video-grid[data-count="3"],.ona-video-grid[data-count="4"],.ona-video-grid[data-count="5"],.ona-video-grid[data-count="6"]{grid-template-columns:repeat(2, minmax(0, 1fr))}.ona-participant{min-height:8rem}.ona-video-grid.is-large-room .ona-participant.is-active-speaker{min-width:calc(100vw - 2rem);flex-basis:calc(100vw - 2rem)}.ona-call-controls{width:100%;max-width:none;gap:.25rem;justify-content:space-between;padding:.3rem}.ona-call-controls button{min-width:2.8rem;min-height:2.8rem;padding:.45rem}.ona-call-controls button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ona-call-controls [data-call-share]{display:none}.ona-dialog-actions{align-items:stretch;flex-direction:column-reverse}.ona-dialog-actions>*,.ona-dialog-actions form,.ona-dialog-actions button{width:100%}}@media(max-width: 430px){.ona-room-row{grid-template-columns:auto minmax(0, 1fr)}.ona-room-state{grid-column:2}.ona-room-head-actions{width:100%}.ona-room-head-actions button{flex:1}.ona-preview-controls button span{display:none}.ona-preview-controls button{width:2.8rem;height:2.8rem;padding:0;justify-content:center}.ona-participant footer{font-size:.65rem}}