.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;}@keyframes au-modal-scrim-in{from{opacity:0;}to{opacity:1;}}@keyframes au-modal-scrim-out{from{opacity:1;}to{opacity:0;}}.au-page:has(.active-fragment){margin-top:0;margin-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>.overview>.wishlist{z-index:20;display:grid;grid-template-columns:16px 1fr 16px;}@media(min-width:601px){.active-fragment>.live-overlay>.content>.active-side>.overview>.wishlist{grid-template-columns:1fr 320px 1fr;}}.active-fragment>.live-overlay>.content>.active-side>.overview>.wishlist .gift-grid-view{grid-column:2;}.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:0 16px;}.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:.8;}.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:.8;}.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>.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;position:relative;}.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;}.participant-join-view{transition:transform .3s ease-in-out,margin-bottom .3s ease-in-out;transform:translateY(200%);margin-bottom:-200%;}.participant-join-view.visible{transform:translateY(0);margin-bottom:0;}.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 .nsfw-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;background-color:var(--surface);border-radius:16px;}.post-item-view.has-attachments .nsfw-overlay{aspect-ratio:1/1;}.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%;aspect-ratio:1/1;scroll-snap-align:center;scroll-snap-stop:always;}.post-item-view .attachments .attachment-view.au-image--error{display:flex;align-items:center;justify-content:center;background-color:var(--surface);color:var(--on-background);font-size:14px;padding:16px;}.post-item-view .attachments .attachment-view>img{width:100%;height:100%;object-fit:cover;}.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;}@media(min-width:601px){.post-create-page .attachments-section .attachments{flex-wrap:wrap;}}.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);display:flex;align-items:center;justify-content:center;cursor:pointer;}.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 img{object-fit:cover;height:100%;width:100%;filter:brightness(.4);}.post-create-page .attachments-section .attachment .au-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;}.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;}}