*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}img,video,svg{display:block;max-width:100%;}input,button,textarea,select{font:inherit;}#blazor-error-ui{color-scheme:light only;background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);box-sizing:border-box;display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff;}.blazor-error-boundary::after{content:"An error has occurred.";}.loading-progress{position:absolute;display:block;width:8rem;height:8rem;inset:20vh 0 auto 0;margin:0 auto 0 auto;}.loading-progress circle{fill:none;stroke:#e0e0e0;stroke-width:.6rem;transform-origin:50% 50%;transform:rotate(-90deg);}.loading-progress circle:last-child{stroke:#1b6ec2;stroke-dasharray:calc(3.141*var(--blazor-load-percentage,0%)*.8),500%;transition:stroke-dasharray .05s ease-in-out;}.loading-progress-text{position:absolute;text-align:center;font-weight:bold;inset:calc(20vh + 3.25rem) 0 auto .2rem;}.loading-progress-text:after{content:var(--blazor-load-percentage-text,"Loading");}*{font-family:"Cabin",sans-serif;font-optical-sizing:auto;}.text-caption,.text-caption-strong{font-size:12px;}.text-caption-strong{font-weight:700;}.text-body{font-size:14px;font-weight:400;}.text-body-strong{font-size:14px;font-weight:700;}.text-body-large{font-size:16px;font-weight:400;}.text-subtitle{font-size:18px;font-weight:700;}.text-title,.au-top-app-bar__title>.au-text-block{font-size:22px;font-weight:700;}.text-title-large{font-size:28px;font-weight:700;}.text-display{font-size:32px;font-weight:700;}.compressed-text{line-height:0;}.text-upper{text-transform:uppercase;}.text-trim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0!important;}.text-italics{font-style:italic;}.no-wrap{white-space:nowrap;}.text-trim-2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.text-muted{color:var(--secondary);}.text-active{color:var(--primary);}.text-end{text-align:end;}.text-center{text-align:center;}.heading::after{content:"";display:block;width:18px;height:3px;border-radius:1px;background-color:var(--on-background);}.font-display{font-family:"Lobster",sans-serif;font-weight:400!important;}.font-bold{font-weight:700;}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;}*{-ms-overflow-style:none;scrollbar-width:none;}*::-webkit-scrollbar{width:0;height:0;background:transparent;}*::-webkit-scrollbar-track{background:transparent;}*::-webkit-scrollbar-thumb{background:transparent;}body{background-color:var(--background);color:var(--on-background);font-size:14px;}dialog>.modal-content-area{background-color:var(--surface);color:var(--on-background);}h1,h2,h3,h4,p{margin:0;}*{user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}#app{position:relative;}.theme-dark{--background:#101010;--on-background:#f4f5f7;--on-background-active:#c9ced8;--background-select:rgba(244,245,247,.1);--surface:#1b1b1b;--surface-variant:#363636;--outline:#1e1e1e;--outline-variant:#303030;--primary:#c51f67;--primary-active:#e31d73;--primary-hover:#9f1f56;--on-primary:#fff;--primary-variant:#df6298;--primary-highlight:rgba(197,31,103,.1);--primary-container:#461d2f;--secondary:#616161;--on-secondary:#1b1b1b;--error:#e67171;--error-highlight:rgba(230,113,113,.1);--success:#03fc90;--success-highlight:rgba(3,252,144,.1);}.nav-host{height:100%;}.page{height:100%;width:100%;position:absolute;transition:transform .3s ease-in-out,opacity .3s;top:var(--safe-top-inset);bottom:var(--safe-bottom-inset);}.page.entering.navigation-push{transform:translateX(100%);animation:slide-in-push .3s forwards;}.page.entering.navigation-pop{transform:translateX(-100%);animation:slide-in-pop .3s forwards;}.page.exiting.navigation-push{transform:translateX(0%);animation:slide-out-push .3s forwards;}.page.exiting.navigation-pop{transform:translateX(0%);animation:slide-out-pop .3s forwards;}.page.inactive{display:none;}@keyframes slide-in-push{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slide-out-push{from{transform:translateX(0);opacity:1;}to{transform:translateX(-100%);opacity:0;}}@keyframes slide-in-pop{from{transform:translateX(-100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slide-out-pop{from{transform:translateX(0);opacity:1;}to{transform:translateX(100%);opacity:0;}}@keyframes au-modal-scrim-in{from{opacity:0;}to{opacity:1;}}@keyframes au-modal-scrim-out{from{opacity:1;}to{opacity:0;}}.au-bottom-navigation{background-color:var(--surface);display:flex;justify-content:space-around;}.au-bottom-navigation .au-bottom-navigation-item{background:none;outline:0;border:0;color:var(--secondary);padding-top:16px;padding-bottom:16px;}.au-bottom-navigation .au-bottom-navigation-item span{display:none;}.au-bottom-navigation .au-bottom-navigation-item.au-bottom-navigation-item--selected{color:var(--on-background);}@media(max-width:600px){.au-bottom-navigation{border-top:solid 1px var(--secondary);border-radius:16px 16px 0 0;}}@media(min-width:601px){.au-bottom-navigation{border:1px solid var(--secondary);border-radius:16px;position:absolute;bottom:32px;}}@media(min-width:601px) and (max-width:1024px){.au-bottom-navigation{left:32px;right:32px;}}@media(min-width:1025px){.au-bottom-navigation{left:50%;transform:translate(-50%,0);}.au-bottom-navigation .au-bottom-navigation-item{padding-left:16px;padding-right:16px;}}.scaffold{height:100%;width:100%;display:grid;grid-template-rows:auto 1fr 0 auto;grid-template-columns:1fr;position:relative;background:var(--background);overflow:hidden;}.scaffold>header{grid-row:1;}.scaffold>main{grid-row:2;position:relative;overflow:hidden;}.scaffold>.fab-container{grid-row:3;position:relative;}.scaffold>.fab-container>.fab-positioner{position:absolute;bottom:calc(100% + 32px);right:16px;display:flex;align-items:center;gap:8px;z-index:10;}@media(min-width:601px){.scaffold>.fab-container>.fab-positioner{right:32px;bottom:96px;}}.scaffold>.fab-container>.fab-positioner .au-button{box-shadow:0 4px 12px rgba(0,0,0,.3);}.scaffold>footer{grid-row:4;}.au-icon-button{border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;border-radius:12px;transition:background-color .2s ease;}.au-icon-button .au-icon{width:20px;height:20px;}.au-icon-button.style-default{color:var(--background);background-color:var(--on-background);}.au-icon-button.circle-shape{border-radius:50%;}.au-icon-button.style-no-background,.au-top-app-bar .au-icon-button{color:var(--on-background);background-color:transparent;border-radius:50%;}.au-icon-button.style-no-background:hover,.au-top-app-bar .au-icon-button:hover{background-color:var(--background-select);}.au-icon-button.style-overlay{color:var(--on-background);background-color:rgba(0,0,0,.75);border-radius:50%;}.au-icon-button.style-overlay:hover{background-color:rgba(0,0,0,.9);}.au-top-app-bar{display:flex;gap:4px;align-items:center;padding:16px;}.au-top-app-bar__title{flex:1;}.au-top-app-bar__actions{display:flex;align-items:center;}.au-bottom-sheet .au-modal__content-area{background-color:var(--surface);color:var(--on-background);box-shadow:0 4px 12px rgba(0,0,0,.3);}.au-bottom-sheet .au-modal__scrim{background-color:rgba(0,0,0,.5);animation:au-modal-scrim-in 200ms ease forwards;}.au-bottom-sheet.au-modal--closing .au-modal__scrim{animation:au-modal-scrim-out 200ms ease forwards;}.au-bottom-sheet .au-modal__content-area{bottom:0;color:var(--on-background);background-color:var(--surface);outline:0;border:0;padding:16px;margin-bottom:0;--radius-progress:clamp(0,calc(var(--translate-y,50%)/25%),1);border-top-left-radius:calc(32px*var(--radius-progress));border-top-right-radius:calc(32px*var(--radius-progress));border-bottom-left-radius:0;border-bottom-right-radius:0;}@media(min-width:601px){.au-bottom-sheet .au-modal__content-area{width:400px;}}@media(max-width:600px){.au-bottom-sheet .au-modal__content-area{width:100%;}}.au-bottom-sheet .au-modal__content-area::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--secondary);margin:8px auto 0;flex-shrink:0;pointer-events:none;}@keyframes au-bottom-sheet-in{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes au-bottom-sheet-out{from{transform:translateY(0);opacity:1;}to{transform:translateY(100%);opacity:0;}}.au-dialog:open{display:grid;grid-template-columns:16px 1fr 16px;}.au-dialog .au-modal__content-area{background-color:var(--surface);color:var(--on-background);box-shadow:0 4px 12px rgba(0,0,0,.3);}.au-dialog .au-modal__scrim{background-color:rgba(0,0,0,.5);animation:au-modal-scrim-in 200ms ease forwards;}.au-dialog.au-modal--closing .au-modal__scrim{animation:au-modal-scrim-out 200ms ease forwards;}@media(min-width:601px){.au-dialog:open{grid-template-columns:1fr 400px 1fr;}}.au-dialog .au-modal__content-area{grid-column:2;padding:16px;border-radius:16px;background-color:var(--surface);color:var(--on-background);animation:au-dialog-content-in 250ms cubic-bezier(.2,0,0,1) forwards;box-shadow:0 4px 12px rgba(0,0,0,.3);}.au-dialog.au-modal--closing .au-modal__content-area{animation:au-dialog-content-out 200ms cubic-bezier(.4,0,1,1) forwards;}@keyframes au-dialog-content-in{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}@keyframes au-dialog-content-out{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(.92);}}.custom-dialog .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding-top:16px;}.custom-dialog .content .actions{display:flex;justify-content:center;align-items:center;gap:16px;}.custom-dialog .content>.au-icon{color:var(--secondary);}.avatar{background-color:var(--surface-variant);display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;}.avatar .au-icon{width:60%;height:60%;color:var(--secondary);}.avatar img{height:100%;width:100%;object-fit:cover;}.avatar.size-sm{width:36px;height:36px;}.avatar.size-md{width:48px;height:48px;}.avatar.size-lg{width:72px;height:72px;}.avatar.size-xl{width:96px;height:96px;}.au-button{border:0;border-radius:16px;display:flex;align-items:center;gap:8px;cursor:pointer;justify-content:center;transition:background-color .2s ease;padding:0 16px;}.au-button.padding-default span{display:block;margin:12px 0;}.au-button.padding-small span{display:block;margin:4px 0;}.au-button .au-icon{height:18px;width:18px;}.au-button.color-default{color:var(--on-primary);background-color:var(--primary);}.au-button.color-default:hover{background-color:var(--primary-hover);}.au-button.color-secondary{color:var(--background);background-color:var(--on-background);}.au-button.color-secondary:hover{background-color:var(--on-background-active);}.au-button.style-input-field{color:var(--on-background);background-color:var(--surface);border:solid 1px var(--outline-variant);justify-content:flex-start;}.au-button.style-text{background-color:transparent;color:var(--primary);font-weight:700;}.au-button.style-text:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent);}.au-button.style-outlined{color:var(--on-background);background-color:transparent;border:2px solid var(--on-background);}.au-button.style-outlined:hover{background-color:color-mix(in srgb,var(--on-background) 10%,transparent);}.au-button.style-post-action{color:var(--on-background);background-color:transparent;border:0;border-radius:16px;padding:0 8px;}.au-button.style-post-action span{margin:8px 0;}.au-button.style-post-action:hover{background-color:var(--background-select);}.au-clickable--disabled{cursor:not-allowed;opacity:.6;pointer-events:none;}.icon-text{display:inline-flex;align-items:center;gap:.5em;}.icon-text.size-caption{font-size:12px;}.icon-text.size-caption .au-icon{height:16px;width:16px;}.icon-text.size-body{font-size:14px;}.icon-text.size-body .au-icon{height:18px;width:18px;}.icon-text.size-body-large{font-size:16px;}.icon-text.size-body-large .au-icon{height:20px;width:20px;}.icon-text.size-subtitle{font-size:18px;}.icon-text.size-subtitle .au-icon{height:22px;width:22px;}.icon-text.size-title{font-size:22px;}.icon-text.size-title .au-icon{height:26px;width:26px;}.icon-text.size-title-large{font-size:28px;}.icon-text.size-title-large .au-icon{height:32px;width:32px;}.icon-text.size-headline{font-size:32px;}.icon-text.size-headline .au-icon{height:36px;width:36px;}.au-textbox-base>.au-field__content,.au-text-field>.au-field__content{border:solid 1px var(--outline-variant);border-radius:16px;padding:0 16px;display:flex;background-color:var(--surface);align-items:center;}.au-textbox-base>.au-field__content .au-icon,.au-text-field>.au-field__content .au-icon{height:18px;width:18px;}.au-textbox-base>.au-field__content>input,.au-text-field>.au-field__content>input{margin:12px 0;background:none;border:0;color:var(--on-background);flex:1;font-size:14px;}.au-textbox-base>.au-field__content>input:focus,.au-text-field>.au-field__content>input:focus{outline:0;}.au-textbox-base>.au-field__content>.au-field__content__suffix,.au-text-field>.au-field__content>.au-field__content__suffix{height:fit-content;width:fit-content;display:inline-flex;}.au-textbox-base>.au-field__validation-label,.au-text-field>.au-field__validation-label{color:var(--error);}.au-text-field>.au-field__content textarea{width:100%;background:none;border:0;color:var(--on-background);resize:none;padding:12px 0;outline:0;}.thumbnail{background-color:var(--surface-variant);display:flex;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;aspect-ratio:3/4;}.thumbnail .au-icon{width:60%;height:60%;color:var(--secondary);}.thumbnail img{height:100%;width:100%;object-fit:cover;}.au-column.container-column{display:grid;grid-template-columns:auto 1fr auto;}.au-column.container-column>*{grid-column:2;}@media(min-width:601px){.au-column.container-column{grid-template-columns:1fr 480px 1fr;}}.au-switch{width:48px;height:24px;position:relative;}.au-switch>.au-switch__content{position:relative;display:inline-block;height:100%;width:100%;}.au-switch>.au-switch__content>.au-switch__content__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface);border:solid 1px var(--outline-variant);-webkit-transition:.4s;transition:.4s;border-radius:12px;}.au-switch>.au-switch__content>.au-switch__content__slider:before{position:absolute;border-radius:50%;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--on-background);-webkit-transition:.4s;transition:.4s;}.au-switch.au-switch--checked .au-switch__content__slider{background-color:var(--primary);border-color:var(--primary);}.au-switch.au-switch--checked .au-switch__content__slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px);}.au-chip-select{display:flex;gap:8px;flex-wrap:wrap;}.au-chip-select>.au-chip{background-color:var(--surface-variant);border-radius:40px;padding:4px 16px;cursor:pointer;}.au-chip-select>.au-chip.au-chip--selected{color:var(--on-primary);background-color:var(--primary);}.au-alertbox{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;}.au-alertbox>.au-alertbox__icon{color:var(--secondary);}.au-alertbox>.au-alertbox__icon .au-icon{height:32px;width:32px;}.clickable-list-item{background-color:transparent;color:var(--on-background);outline:0;border:0;display:flex;justify-content:flex-start;padding:8px 16px;transition:background-color .2s ease;text-align:start;gap:8px;}.clickable-list-item:hover{background-color:var(--background-select);}.au-horizontal-divider{border-top:solid 1px var(--outline-variant);}.au-calendar .au-calendar__day-labels{display:grid;grid-template-columns:repeat(7,1fr);}.au-calendar .au-calendar__day-labels .au-calendar__day-label{display:flex;justify-content:center;align-items:center;padding:8px;font-weight:bold;}.au-calendar .au-calendar__week{display:grid;grid-template-columns:repeat(7,1fr);}.au-calendar .au-calendar__week .au-calendar__day{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:8px;transition:background-color .2s ease;background-color:transparent;border:0;outline:0;color:var(--on-background);}.au-calendar .au-calendar__week .au-calendar__day:hover{background-color:var(--background-select);}.au-calendar .au-calendar__week .au-calendar__day--outside{color:var(--secondary);}.au-calendar .au-calendar__week .au-calendar__day--today{border:solid 1px var(--primary);}.au-calendar .au-calendar__week .au-calendar__day--selected{background-color:var(--primary);color:var(--on-primary);}.au-calendar .au-calendar__week .au-calendar__day--selected:hover{background-color:var(--primary-active);}.user-item-view{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 0;}.user-item-view>.child-content{display:flex;gap:8px;}.ph-user-item-view{display:flex;align-items:center;gap:16px;padding:16px 0;}.ph-user-item-view .ph-avatar{height:48px;width:48px;}.ph-user-item-view .ph-name{width:50%;height:14px;flex:1;}.gift-player{opacity:0;transition:opacity ease-in 500ms;}.gift-player.playing{opacity:1;}.gift-player.exiting{opacity:0;}.setup-fragment .preview-container{display:flex;height:320px;width:100%;position:relative;justify-content:center;}.setup-fragment .preview-pane{background-color:var(--surface);border-radius:24px;overflow:hidden;height:100%;aspect-ratio:3/4;position:relative;}.setup-fragment .preview-pane video{height:100%;width:100%;object-fit:cover;}.setup-fragment .preview-pane.front-camera video{transform:scaleX(-1);}.setup-fragment .preview-pane .actions{position:absolute;bottom:0;width:100%;padding:16px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));}.setup-fragment .au-row .au-button{align-self:self-start;}.setup-fragment .thumbnail{width:200px;}.page:has(.active-fragment){top:0;bottom:0;}.active-fragment{position:fixed;height:100%;width:100%;background-color:var(--surface);z-index:2;}.active-fragment>.host-publication-view{position:absolute;height:100%;width:100%;z-index:-1;}.active-fragment>.host-publication-view .publication-view{height:100%;width:100%;}.active-fragment>.room-giftings-player{position:absolute;height:100%;width:100%;}.active-fragment>.live-overlay{position:absolute;height:100%;width:100%;overflow:hidden;}.active-fragment>.live-overlay>.content{height:100%;width:100%;display:grid;grid-template-columns:100% 100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;}@media(hover:hover) and (pointer:fine){.active-fragment>.live-overlay>.content{grid-template-columns:100%;overflow-x:hidden;scroll-snap-type:none;}}.active-fragment>.live-overlay>.content>.clear-side{scroll-snap-align:center;height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;}@media(hover:hover) and (pointer:fine){.active-fragment>.live-overlay>.content>.clear-side{scroll-snap-align:none;min-width:0;}}@media(hover:hover) and (pointer:fine){.active-fragment>.live-overlay>.content>.clear-side{display:none;}}.active-fragment>.live-overlay>.content>.clear-side>.top-row{padding:16px;display:grid;grid-template-columns:1fr auto;padding-top:var(--safe-top-inset);text-shadow:0 0 4px rgba(0,0,0,.7);}.active-fragment>.live-overlay>.content>.clear-side>.top-row span{text-shadow:0 0 4px rgba(0,0,0,.7);}.active-fragment>.live-overlay>.content>.clear-side>.top-row .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.7));}.active-fragment>.live-overlay>.content>.clear-side>.bottom-row{padding:16px;padding-bottom:var(--safe-bottom-inset);}.active-fragment>.live-overlay>.content>.clear-side>.bottom-row .actions{padding-bottom:16px;display:flex;justify-content:end;}.active-fragment>.live-overlay>.content>.active-side{scroll-snap-align:center;height:100%;display:grid;grid-template-rows:auto 1fr 50%;overflow:hidden;}@media(hover:hover) and (pointer:fine){.active-fragment>.live-overlay>.content>.active-side{scroll-snap-align:none;min-width:0;}}@media(min-width:1025px){.active-fragment>.live-overlay>.content>.active-side{grid-template-columns:1fr clamp(300px,28vw,420px);grid-template-rows:auto 1fr auto;width:100%;background:linear-gradient(to left,rgba(0,0,0,.55),rgba(0,0,0,.2));}}.active-fragment>.live-overlay>.content>.active-side>.overview{padding:16px;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));text-shadow:0 0 4px rgba(0,0,0,.7);padding-top:var(--safe-top-inset);}.active-fragment>.live-overlay>.content>.active-side>.overview span{text-shadow:0 0 4px rgba(0,0,0,.7);}.active-fragment>.live-overlay>.content>.active-side>.overview .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.7));}@media(min-width:1025px){.active-fragment>.live-overlay>.content>.active-side>.overview{grid-column:1/-1;grid-row:1;}}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row{padding-top:16px;display:flex;align-items:center;justify-content:space-between;}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .host-section{display:flex;align-items:center;gap:8px;}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .host-section .host-profile-button{display:flex;align-items:center;gap:8px;background-color:transparent;outline:0;border:0;padding:0;color:var(--on-background);}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .host-section>.au-icon-button{padding:4px;border-radius:8px;}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .host-section>.au-icon-button .au-icon{height:18px;width:18px;filter:none;}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .attributes{display:flex;gap:8px;align-items:center;}.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .attributes .feed-toggle-button{display:none;border:1px solid var(--on-background);border-radius:999px;background:transparent;color:var(--on-background);padding:4px 10px;font-size:12px;cursor:pointer;}@media(hover:hover) and (pointer:fine){.active-fragment>.live-overlay>.content>.active-side>.overview>.top-row .attributes .feed-toggle-button{display:inline-flex;align-items:center;}}.active-fragment>.live-overlay>.content>.active-side>.guest-list-anchoring{padding:16px;display:grid;grid-template-columns:auto 1fr;min-height:0;overflow:visible;max-height:100%;}@media(min-width:1025px){.active-fragment>.live-overlay>.content>.active-side>.guest-list-anchoring{grid-column:1;grid-row:2;}}.active-fragment>.live-overlay>.content>.active-side>.guest-list-anchoring>.stream-controls{display:flex;flex-direction:column;gap:16px;}.active-fragment>.live-overlay>.content>.active-side>.guest-list-anchoring>.stream-controls .au-icon-button{box-shadow:0 4px 12px rgba(0,0,0,.3);}.active-fragment>.live-overlay>.content>.active-side>.guest-list-anchoring>.guest-list-view{display:flex;flex-direction:column;align-items:end;justify-content:start;gap:16px;}.active-fragment>.live-overlay>.content>.active-side>.interactions{grid-row:3;display:grid;grid-template-rows:1fr auto;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));padding-bottom:var(--safe-bottom-inset);min-height:0;}@media(min-width:1025px){.active-fragment>.live-overlay>.content>.active-side>.interactions{grid-column:2;grid-row:3;grid-template-rows:minmax(0,1fr) auto;background:none;}}.active-fragment>.live-overlay>.content>.active-side>.interactions>.room-feed-view{padding:16px;padding-top:0;}.active-fragment>.live-overlay>.content>.active-side>.interactions>.actions{display:flex;gap:16px;padding:16px;}.active-fragment>.live-overlay>.content>.active-side>.interactions>.actions .comment-button{flex:1;border:1.5px solid var(--on-background);border-radius:16px;padding:16px;background-color:transparent;color:var(--on-background);text-align:start;}.active-fragment>.live-overlay>.content>.active-side>.interactions>.actions>.call-button-section{position:relative;display:flex;}.active-fragment>.live-overlay>.content>.active-side>.interactions>.actions>.call-button-section.has-new-caller .icon{animation:ring 1s infinite;}.active-fragment>.live-overlay>.content>.active-side>.interactions>.actions>.call-button-section .pending-guest-count{position:absolute;top:-6px;right:-6px;background-color:var(--primary);color:var(--on-primary);aspect-ratio:1/1;padding:2px 6px;border-radius:999px;text-align:center;height:18px;min-width:18px;padding:0 5px;border-radius:999px;line-height:18px;text-align:center;}@media(hover:hover) and (pointer:fine){.active-fragment.is-feed-collapsed>.live-overlay>.content>.active-side{background:none;}.active-fragment.is-feed-collapsed>.live-overlay>.content>.active-side>.overview{background:none;}.active-fragment.is-feed-collapsed>.live-overlay>.content>.active-side>.interactions{grid-template-rows:auto;}.active-fragment.is-feed-collapsed>.live-overlay>.content>.active-side>.interactions>.room-feed-view{display:none;}.active-fragment.is-feed-collapsed>.live-overlay>.content>.active-side>.interactions>.room-core-actions>.comment-field{display:none;}}@keyframes ring{0%{transform:rotate(0deg);}10%{transform:rotate(15deg);}20%{transform:rotate(-10deg);}30%{transform:rotate(10deg);}40%{transform:rotate(-10deg);}50%{transform:rotate(6deg);}60%{transform:rotate(-4deg);}70%{transform:rotate(2deg);}80%{transform:rotate(-1deg);}90%{transform:rotate(1deg);}100%{transform:rotate(0deg);}}.room-card-view{aspect-ratio:3/4;border-radius:16px;position:relative;align-self:start;width:100%;clip-path:inset(0 round 16px);color:var(--on-background);}.room-card-view .thumbnail{border-radius:0;}.room-card-view>.stats-section{display:flex;gap:8px;position:absolute;top:16px;left:16px;right:16px;}.room-card-view>.host-section{display:flex;gap:8px;position:absolute;bottom:16px;left:16px;right:16px;}.room-card-view>.host-section .au-text{flex:1;}.room-card-view.has-thumbnail{--on-background:white;}.room-card-view.has-thumbnail::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 10%,rgba(0,0,0,0) 22%),linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.55) 12%,rgba(0,0,0,0) 28%);}.room-card-view.has-thumbnail>.stats-section,.room-card-view.has-thumbnail>.host-section{position:absolute;z-index:1;}.room-card-view.has-thumbnail .au-text,.room-card-view.has-thumbnail .au-icon{text-shadow:0 2px 6px rgba(0,0,0,.75);}.room-card-view.has-thumbnail .au-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.75));}.room-grid-view>.au-scroll-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px;padding-bottom:16px;}.room-grid-view>.au-scroll-box .au-alertbox{grid-column:span 2/auto;margin-top:32px;}@media(min-width:601px){.room-grid-view>.au-scroll-box{justify-content:center;}}@media(min-width:601px) and (max-width:1024px){.room-grid-view>.au-scroll-box{grid-template-columns:repeat(3,minmax(0,200px));}.room-grid-view>.au-scroll-box .au-alertbox{grid-column:span 3/auto;}}@media(min-width:1025px) and (max-width:1535px){.room-grid-view>.au-scroll-box{grid-template-columns:repeat(4,minmax(0,200px));}.room-grid-view>.au-scroll-box .au-alertbox{grid-column:span 4/auto;}}@media(min-width:1536px){.room-grid-view>.au-scroll-box{grid-template-columns:repeat(5,minmax(0,200px));}.room-grid-view>.au-scroll-box .au-alertbox{grid-column:span 5/auto;}}.publication-view{height:100%;width:100%;background-color:#000;}.publication-view video{height:100%;width:100%;object-fit:contain;}.publication-view.mirror video{transform:scaleX(-100%);}.room-core-actions{display:flex;padding:16px;align-items:end;}@media(min-width:1025px){.room-core-actions{padding-top:8px;max-width:360px;justify-self:stretch;width:100%;}}.room-core-actions>.comment-field{flex:1;transition:flex .25s ease;}@media(min-width:1025px){.room-core-actions>.comment-field{max-width:100%;}}.room-core-actions>.comment-field>.au-field__content{background:transparent;border:2px solid var(--on-background);padding:0 16px;}.room-core-actions>.comment-field textarea{width:100%;min-height:36px;max-height:120px;height:auto;overflow-y:auto;resize:none;padding:8px 0;border-radius:16px;color:var(--on-background);font-size:14px;line-height:1.4;caret-color:var(--on-background);}.room-core-actions>.comment-field textarea::placeholder{color:var(--on-background);opacity:.4;}.room-core-actions>.comment-field textarea:focus{outline:0;border-color:var(--on-background);opacity:1;}.room-core-actions>.comment-field textarea:not(:focus){opacity:.7;}.room-core-actions>.gift-row{display:flex;align-items:center;max-width:200px;margin-left:8px;transition:max-width .25s ease,margin-left .25s ease;}.room-core-actions>.gift-row>button{max-width:40px;opacity:1;transition:max-width .25s ease,opacity .2s ease;}.room-core-actions>.gift-row>button:not(:first-child){margin-left:8px;}.room-core-actions>.gift-row>.call-button{position:relative;}.room-core-actions>.gift-row>.call-button button{opacity:1;transition:opacity 0s;}.room-core-actions>.gift-row>.call-button>.request-count{position:absolute;background-color:var(--primary);color:var(--on-primary);border-radius:50%;aspect-ratio:1/1;height:20px;display:flex;align-items:center;justify-content:center;right:-6px;top:-6px;}.room-core-actions>.send-row{overflow:hidden;max-width:0;margin-left:0;transition:max-width .25s ease .05s,margin-left .25s ease .05s;}.room-core-actions>.send-row button{opacity:0;transition:opacity .2s ease .1s;}.room-core-actions.can-send>.comment-field{flex:3;}.room-core-actions.can-send>.gift-row{max-width:0;margin-left:0;overflow:hidden;}.room-core-actions.can-send>.gift-row .call-button button{opacity:0;transition:opacity 0s;}.room-core-actions.can-send>.gift-row>button{max-width:0;opacity:0;}.room-core-actions.can-send>.send-row{max-width:40px;margin-left:8px;}.room-core-actions.can-send>.send-row button{opacity:1;}.room-core-actions.new-caller .call-button .au-icon{animation:ring 1s infinite;}@keyframes ring{0%{transform:rotate(0deg);}10%{transform:rotate(15deg);}20%{transform:rotate(-10deg);}30%{transform:rotate(10deg);}40%{transform:rotate(-10deg);}50%{transform:rotate(6deg);}60%{transform:rotate(-4deg);}70%{transform:rotate(2deg);}80%{transform:rotate(-1deg);}90%{transform:rotate(1deg);}100%{transform:rotate(0deg);}}.participant-system-message{display:grid;grid-template-columns:auto 1fr;align-items:center;text-shadow:0 0 4px rgba(0,0,0,.7);gap:8px;}.participant-system-message span{text-shadow:0 0 4px rgba(0,0,0,.7);}.participant-system-message .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.7));}.participant-system-message .graphic{height:36px;width:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);border-radius:50%;}.participant-system-message .graphic .au-icon{height:18px;width:18px;}.participant-system-message .message .participant{font-weight:700;}.general-system-message{display:grid;grid-template-columns:auto 1fr;align-items:center;text-shadow:0 0 4px rgba(0,0,0,.7);gap:8px;}.general-system-message span{text-shadow:0 0 4px rgba(0,0,0,.7);}.general-system-message .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.7));}.general-system-message .graphic{height:36px;width:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);border-radius:50%;}.general-system-message .graphic .au-icon{height:18px;width:18px;}.room-feed-view{mask-image:linear-gradient(to top,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 80%,transparent 100%);mask-size:100% 100%;mask-repeat:no-repeat;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;gap:16px;}.room-feed-view .scrollable{scroll-behavior:smooth;overflow-y:auto;}.room-feed-view .scrollable::before{height:80%;display:block;content:"";}.room-feed-view .scrollable .feed-items{display:flex;flex-direction:column;gap:16px;}@media(min-width:1025px){.room-feed-view{mask-image:none;-webkit-mask-image:none;}.room-feed-view .scrollable::before{height:0;}}.room-feed-view .chat{display:grid;grid-template-columns:auto 1fr;gap:8px;}.room-feed-view .chat button{background:none;outline:0;border:0;color:var(--on-background);padding:0;}.room-feed-view .chat .body{text-shadow:0 0 10px rgba(0,0,0,.5);}.room-feed-view .chat .body .author{font-weight:700;margin-bottom:4px;}.room-giftings-player{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}.room-giftings-player .gift-player{position:absolute;width:100%;aspect-ratio:1/1;transform:translateY(-50%);top:50%;}.room-giftings-player .gift-player canvas{width:100%;height:100%;}@media(min-width:601px){.room-giftings-player .gift-player{top:50%;left:50%;transform:translate(-50%,-50%);height:320px;width:320px;}}.guest-item-view{min-height:0;width:140px;aspect-ratio:3/4;border-radius:16px;overflow:clip;position:relative;background-color:#000;box-shadow:0 4px 12px rgba(0,0,0,.3);}.guest-item-view>.publication-view video{height:100%;width:100%;object-fit:cover;}.guest-item-view>.overlay{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:opacity ease-in-out .5s;opacity:0;pointer-events:none;background-color:rgba(0,0,0,.5);}.guest-item-view>.overlay.visible{opacity:1;pointer-events:auto;}.guest-item-view>.overlay .profile-button{background:none;outline:0;border:0;color:var(--on-background);padding:0;}.gift-grid-view{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.gift-grid-view .gift-item{background-color:transparent;border:0;display:flex;flex-direction:column;align-items:center;color:var(--on-background);}.gift-grid-view .gift-item .gift-thumbnail{width:80%;aspect-ratio:1;}.post-item-view{padding:16px 0;border-bottom:solid 1px var(--outline);gap:16px;}.post-item-view .attachment-container{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;margin-top:16px;}.post-item-view .attachment-container .track{position:absolute;top:16px;right:16px;padding:8px 16px;min-width:60px;background-color:rgba(0,0,0,.75);border-radius:16px;text-align:center;z-index:1;}.post-item-view .attachment-container .nav-button{display:none;}@media(hover:hover) and (pointer:fine){.post-item-view .attachment-container .nav-button{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:1;opacity:0;transition:opacity .2s ease;pointer-events:none;}}.post-item-view .attachment-container .nav-button.nav-prev{left:8px;}.post-item-view .attachment-container .nav-button.nav-next{right:8px;}@media(hover:hover) and (pointer:fine){.post-item-view .attachment-container:hover .nav-button{opacity:1;pointer-events:auto;}}.post-item-view .attachments{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}.post-item-view .attachments .attachment-view{flex-shrink:0;width:100%;scroll-snap-align:center;scroll-snap-stop:always;}.comment-item-view{padding:16px 0;border-bottom:solid 1px var(--outline-variant);}.post-create-page .attachments-section{overflow-x:hidden;width:100%;}.post-create-page .attachments-section .attachments{padding:0 16px;overflow-x:auto;width:100%;display:flex;gap:16px;}.post-create-page .attachments-section .add{flex-shrink:0;height:120px;width:120px;background:var(--surface);border:0;border-radius:16px;color:var(--on-background);}.post-create-page .attachments-section .attachment{flex-shrink:0;height:120px;width:120px;background:var(--surface);border:0;border-radius:16px;color:var(--on-background);overflow:hidden;align-items:center;justify-content:center;padding:0;position:relative;}.post-create-page .attachments-section .attachment .thumbnail{object-fit:cover;height:100%;width:100%;filter:brightness(.4);}.post-create-page .attachments-section .attachment .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.user-list-page .search-box .au-field__content{border-radius:56px;padding-left:4px;gap:8px;}.user-list-page .search-box .au-field__content .au-field__content__suffix{color:var(--secondary);}.user-list-page .search-box .au-field__content .au-icon-button{border-radius:50%;background-color:var(--background-select);color:var(--on-background)!important;}.typing-indicator{align-items:center;display:flex;height:30px;}.typing-indicator>.content>.dot{background-color:var(--secondary);border-radius:2px;display:inline-block;height:4px;margin-right:2px;width:4px;animation:typing-animation 1.5s infinite ease-in-out;}.typing-indicator>.content>.dot:nth-child(1){animation-delay:200ms;}.typing-indicator>.content>.dot:nth-child(2){animation-delay:300ms;}.typing-indicator>.content>.dot:nth-child(3){animation-delay:400ms;}@keyframes typing-animation{0%{transform:translateY(0);}28%{transform:translateY(-5px);}44%{transform:translateY(0);}}.message-item-view{margin-bottom:16px;padding:8px 16px;max-width:80%;}.message-item-view.sent{align-self:end;}.message-item-view.received{align-self:start;}.message-item-view.received.chain-start{margin-bottom:8px;}.message-item-view.received.chain-middle{margin-bottom:8px;}.message-item-view-placeholder{margin-bottom:16px;width:80%;min-height:48px;}.message-item-view-placeholder.sent{align-self:end;}.message-item-view-placeholder.received{align-self:start;}.message-item-view-placeholder.received.chain-start{margin-bottom:8px;}.message-item-view-placeholder.received.chain-middle{margin-bottom:8px;}.message-list-view{height:100%;overflow:auto;display:flex;flex-direction:column-reverse;scroll-behavior:smooth;}.message-list-view .date-start{align-self:center;padding:4px;background-color:var(--surface);border-radius:4px;margin:16px 0;}.message-list-view .new-messages-start{align-self:stretch;text-align:center;color:var(--primary);padding:8px;margin:16px 0;background-color:var(--surface);position:sticky;bottom:16px;top:16px;border-radius:8px;z-index:1;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3);}@media(min-width:601px){.message-list-view .new-messages-start{width:100%;max-width:500px;align-self:center;}}.modifier-breakpoint-widths{width:var(--bw-phone);}@media(min-width:601px) and (max-width:1024px){.modifier-breakpoint-widths{width:var(--bw-tablet);}}@media(min-width:1025px) and (max-width:1535px){.modifier-breakpoint-widths{width:var(--bw-desktop);}}@media(min-width:1536px){.modifier-breakpoint-widths{width:var(--bw-large-desktop);}}