/* A separate overlay surface: its keyboard and animation never size the movie. */
.stage.is-fullscreen,.stage:fullscreen{height:var(--stable-room-height,100vh)!important;max-height:var(--stable-room-height,100vh)!important;contain:none!important}
.stage.is-fullscreen video,.stage:fullscreen video{height:100%!important;width:100%!important;object-fit:contain!important;transform:none!important}
.stage .fullscreen-chat{
 --chat-panel-height:min(540px,calc(var(--visual-height,100vh) - 24px));
 position:absolute!important;z-index:60!important;
 right:max(16px,calc(env(safe-area-inset-right,0px) + 12px))!important;
 top:calc(var(--visual-top,0px) + (var(--visual-height,100vh) - var(--chat-panel-height))/2)!important;
 bottom:auto!important;left:auto!important;width:min(354px,calc(100vw - 32px))!important;min-width:0!important;
 height:var(--chat-panel-height)!important;max-height:none!important;
 border:1px solid #7c675847!important;border-radius:18px!important;
 background:#292420f5!important;color:#f1e6dc;box-shadow:0 12px 44px #0004;
 overflow:hidden!important;backdrop-filter:none!important;animation:none!important;
 opacity:1;visibility:visible;transform:translateX(0);
 transition:opacity .16s ease,transform .2s cubic-bezier(.2,.7,.3,1),visibility .16s;
}
.stage .fullscreen-chat[data-open="false"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(10px)}
.room-shell .fullscreen-chat .chat{--chat-paper:#292420;--chat-surface:#3d342c;--chat-ink:#e5d9cc;--chat-muted:#bba28b;--chat-line:#7c68504d;--chat-hover:#fff2df09;--chat-selected:#dcb08018;--chat-accent:#dab28f;--chat-popover:#362d26;--chat-shadow:#0004;--chat-mention:#b28b5e27}
.stage .fullscreen-chat .overlay-chat{height:100%!important;overflow:hidden!important;isolation:isolate;background:transparent!important;color:#e9d7c8}
.stage .fullscreen-chat .chat-title{height:49px;min-height:49px!important;padding:7px 12px 7px 16px!important;border-bottom:1px solid #a4887130;background:transparent!important;color:#eedfce}
.stage .fullscreen-chat .chat-title strong{font-size:13px;color:#eedfce}
.stage .fullscreen-chat .chat-title svg{color:#d9bba1}
.stage .fullscreen-chat .chat-title .icon-button{width:36px;height:36px;min-width:36px;min-height:36px;border:0;border-radius:10px;color:#d2bba7;background:#a68c741a}
.stage .fullscreen-chat .chat-title .icon-button:hover{background:#cbb19824;color:#fff3e8}
.stage .fullscreen-chat .messages{padding:16px 8px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-color:#9b827354 transparent}
.stage .fullscreen-chat .message{padding:7px 7px!important;gap:9px!important;min-height:44px;border-radius:8px;box-shadow:none}
.stage .fullscreen-chat .message-grouped{min-height:25px;padding-top:2px!important;padding-bottom:3px!important}
.stage .fullscreen-chat .message>.avatar{width:30px!important;height:30px!important;min-width:30px;max-width:30px;background:#5c4b3c;border-color:#8a715557}
.room-shell .fullscreen-chat .chat .message-avatar,.room-shell .fullscreen-chat .chat .message-avatar-spacer{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;background:#67503c;color:#efd6bd}
.room-shell .fullscreen-chat .chat .message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.room-shell .fullscreen-chat .chat .message-avatar-spacer{background:transparent;color:#b49e8a}
.room-shell .fullscreen-chat .chat .message-heading strong{color:#f2d8bf}.room-shell .fullscreen-chat .chat .message-heading time{color:#ad9887}.room-shell .fullscreen-chat .chat .chat-host{display:inline-flex;color:#cfb18c}
.stage .fullscreen-chat .group-time{width:30px;min-width:30px;color:#b49e8a}
.stage .fullscreen-chat .message-meta strong{font-size:12px!important;color:#f2d8bf!important}
.stage .fullscreen-chat .message-meta time{font-size:9px;color:#ad9887}
.stage .fullscreen-chat .message-body p{font-size:13px!important;line-height:1.5;color:#e5d9cc!important}
.stage .fullscreen-chat .message:hover,.stage .fullscreen-chat .message-selected{background:#fff2df09!important}
.stage .fullscreen-chat .message-highlight,.stage .fullscreen-chat .message-mentioned,.stage .fullscreen-chat .message-reply-recipient{background:#dcb08018!important;box-shadow:none!important}
.stage .fullscreen-chat .reply-ref{color:#b8a18b;background:transparent;border:0!important;font-size:10px}
.stage .fullscreen-chat .reply-ref b{color:#d2b79b}.stage .fullscreen-chat .reply-ref:hover{color:#f1d9c3}
.stage .fullscreen-chat .chat-day{color:#a58e7b}.stage .fullscreen-chat .chat-day::before,.stage .fullscreen-chat .chat-day::after{background:#92795e30}
.stage .fullscreen-chat .message-actions{position:absolute!important;top:-24px;right:4px;z-index:8;border:1px solid #76604a!important;background:#3b3129!important;box-shadow:0 4px 14px #0004!important;padding:3px!important;border-radius:10px}
.stage .fullscreen-chat .message-actions button{background:transparent!important;color:#dbc3aa!important;width:30px!important;height:31px!important;border-radius:7px!important}
.stage .fullscreen-chat .message-actions button:hover,.stage .fullscreen-chat .message-actions button[aria-pressed=true]{background:#8c735c35!important}
.stage .fullscreen-chat .message-actions .action-divider{background:#9b826048}
.stage .fullscreen-chat .reaction-row.outside button{background:#a58c7414;border-color:#a58c7434;min-height:27px;border-radius:8px}
.stage .fullscreen-chat .reaction-row.outside button.reacted{background:#c89e7630;border-color:#c89e7690}
.stage .fullscreen-chat .reaction-row.outside small{color:#e1c4a5}
.stage .fullscreen-chat .composer{position:relative!important;inset:auto!important;transform:none!important;flex-shrink:0;padding:8px 10px max(10px,env(safe-area-inset-bottom))!important;border:0;border-radius:0;box-shadow:none;background:#292420!important;z-index:12!important}
.stage .fullscreen-chat .compose-row{min-height:48px;padding:4px;background:#3d342c;border:1px solid #7c68504d;border-radius:12px;box-shadow:none}
.stage .fullscreen-chat .compose-row:focus-within{border-color:#b89c7e;box-shadow:none}
.stage .fullscreen-chat .compose-row .text-input{font-size:16px!important;min-height:36px!important;max-height:66px;color:#f5e8db;padding:0 7px}
.stage .fullscreen-chat .compose-row .text-input::placeholder{font-size:12px;color:#bba28b}
.stage .fullscreen-chat .composer-emoji{color:#d0b497;width:40px;height:40px;border-radius:8px}.stage .fullscreen-chat .composer-emoji:hover{background:#c4aa8a20;color:#f6e4cf}
.stage .fullscreen-chat .compose-row .primary-icon{height:40px!important;min-height:40px;width:40px!important;min-width:40px;background:#dab28f;border:0;color:#493021;border-radius:9px;box-shadow:none}
.stage .fullscreen-chat .compose-row .primary-icon:disabled{background:#6d594633;color:#9b826c}
.stage .fullscreen-chat .replying{padding:2px 2px 8px;min-height:32px;color:#c4aa90}.stage .fullscreen-chat .replying b{color:#e5c9ac}.stage .fullscreen-chat .replying small{color:#bda28a}.stage .fullscreen-chat .replying .icon-button{color:#c7ad95;background:transparent}
.stage .fullscreen-chat .chat-jump{background:#594332;border-color:#89694e;color:#f6dec5;box-shadow:0 3px 12px #0003;bottom:77px;font-size:11px}
.stage .fullscreen-chat .chat-empty-art{background:#aa876421;color:#b7987a}.stage .fullscreen-chat .chat-empty small{color:#bba087}
.stage .fullscreen-chat .chat-empty-art>span{border-color:#292420;background:#714f3b;color:#e0c09e}
.stage .fullscreen-chat .review-inbox{background:#7655352b;border-color:#a1784e55;color:#dfbe9b;margin:8px 10px 0}.stage .fullscreen-chat .review-inbox-icon{background:#a2784f1a}.stage .fullscreen-chat .review-inbox small{color:#c3a281}
.stage .fullscreen-chat .emoji-popover,.stage .fullscreen-chat .mention-menu{background:#362d26;color:#f3dfca;border-color:#8b705047;box-shadow:0 8px 30px #0005;max-height:min(350px,var(--emoji-available-height,240px))}
.stage .fullscreen-chat .emoji-popover input,.stage .fullscreen-chat .message-edit textarea{background:#4b3d2f;border-color:#9377594a;color:#f3dfca}
.stage .fullscreen-chat .emoji-popover button,.stage .fullscreen-chat .mention-menu button{color:#e1c8ad}.stage .fullscreen-chat .emoji-popover button:hover,.stage .fullscreen-chat .mention-menu button:hover{background:#d9b48b16}
.stage .fullscreen-chat .message-mention{color:#f2cea8;background:#b28b5e27}
.stage .fullscreen-chat .message-edit{color:#d8c0a7}.stage .fullscreen-chat .message-edit textarea{font-size:14px}.stage .fullscreen-chat .message-edit small{color:#b8a28c}
.stage .fullscreen-chat-button{top:max(14px,env(safe-area-inset-top,0px))!important;right:max(18px,calc(env(safe-area-inset-right,0px) + 12px))!important;width:43px!important;height:43px!important;min-height:43px;border:1px solid #dfc3a635!important;border-radius:13px!important;background:#2b241eeb!important;color:#f3d8be!important;box-shadow:0 3px 14px #0002;transition:opacity .15s ease,background .15s;z-index:55!important}
.stage .fullscreen-chat-button:hover{background:#45362bed!important}
.stage[data-chat-open="true"] .fullscreen-chat-button{opacity:0!important;visibility:hidden;pointer-events:none!important}
.stage .fullscreen-chat-button .chat-unread-dot{background:#e7ab88!important;border:2px solid #2b241e!important;width:9px!important;height:9px!important;top:2px!important;right:2px!important}
.stage.is-fullscreen .controls,.stage:fullscreen .controls{height:89px;min-height:89px;padding:34px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));gap:10px;align-items:center;background:linear-gradient(transparent,#13100bd9);transition:opacity .15s ease;transform:none!important}
.stage.is-fullscreen .controls .seek,.stage:fullscreen .controls .seek{position:absolute;top:9px;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));width:calc(100% - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right)));height:20px;margin:0;touch-action:pan-x}
.stage.is-fullscreen .controls .icon-button,.stage:fullscreen .controls .icon-button{height:40px;min-height:40px;width:40px;min-width:40px;border-radius:10px}
.stage.is-fullscreen .controls .playback-time,.stage:fullscreen .controls .playback-time{font-size:11px;color:#ecdfd1}
.stage.is-fullscreen .controls .duration-time,.stage:fullscreen .controls .duration-time{display:inline-block;margin-right:auto;color:#baa994}
.stage.is-fullscreen .controls .duration-time::before,.stage:fullscreen .controls .duration-time::before{content:'/';padding-right:10px;color:#aa9786}
.stage.is-fullscreen .controls .track-trigger,.stage:fullscreen .controls .track-trigger{height:36px;min-height:36px;padding:6px 9px;font-size:10px;gap:6px;border-radius:10px}
.stage.is-fullscreen .controls-reveal,.stage:fullscreen .controls-reveal{bottom:max(15px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));width:35px;height:30px;background:#251d1777;border-color:#ead2b929}
:root[data-room-landscape="true"] .stage .fullscreen-chat{width:min(354px,max(306px,42vw))!important;--chat-panel-height:calc(var(--visual-height,100vh) - 24px)}
@media(max-width:600px){:root[data-room-landscape="false"] .stage .fullscreen-chat{--chat-panel-height:min(380px,calc(var(--stable-room-height,100vh)*.36));top:calc(var(--visual-top,0px) + var(--visual-height,100vh) - var(--chat-panel-height) - 12px)!important}}
:root[data-room-keyboard="true"] .stage .fullscreen-chat{top:calc(var(--visual-top,0px) + 8px)!important;--chat-panel-height:calc(var(--visual-height,100vh) - 16px);height:var(--chat-panel-height)!important;z-index:60!important}
:root[data-room-keyboard="true"] .stage .fullscreen-chat .chat-title{height:38px;min-height:38px!important;padding-block:1px!important}
:root[data-room-keyboard="true"] .stage .fullscreen-chat .chat-title .icon-button{height:32px;min-height:32px}
:root[data-room-keyboard="true"] .stage .fullscreen-chat .composer{padding:5px 8px 7px!important}
:root[data-room-keyboard="true"] .stage .fullscreen-chat .messages{padding-block:9px!important}
:root[data-room-keyboard="true"] .stage .fullscreen-chat .review-inbox{display:none}
:root[data-room-landscape="true"][data-room-keyboard="true"] .stage .fullscreen-chat{width:min(390px,48vw)!important}
:root[data-room-landscape="true"][data-room-keyboard="true"] .fullscreen-chat .composer:has(.emoji-popover){position:absolute!important;inset:0!important;padding:0!important;background:var(--chat-paper)!important;z-index:22!important}
:root[data-room-landscape="true"][data-room-keyboard="true"] .fullscreen-chat .composer:has(.emoji-popover)>.compose-row,:root[data-room-landscape="true"][data-room-keyboard="true"] .fullscreen-chat .composer:has(.emoji-popover)>.replying{display:none}
:root[data-room-landscape="true"][data-room-keyboard="true"] .fullscreen-chat .composer .emoji-popover{inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;animation:none}
:root[data-room-landscape="true"][data-room-keyboard="true"] .fullscreen-chat .emoji-preview{display:none}
@media(max-width:600px){
 :root[data-room-landscape="false"] .fullscreen-chat .composer:has(.emoji-popover){position:absolute!important;inset:0!important;padding:0!important;background:var(--chat-paper)!important;z-index:22!important}
 :root[data-room-landscape="false"] .fullscreen-chat .composer:has(.emoji-popover)>.compose-row,:root[data-room-landscape="false"] .fullscreen-chat .composer:has(.emoji-popover)>.replying{display:none}
 :root[data-room-landscape="false"] .fullscreen-chat .composer .emoji-popover{inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;animation:none}
 :root[data-room-landscape="false"] .fullscreen-chat .emoji-preview{display:none}
}
@media(max-width:600px){.stage .fullscreen-chat{right:max(12px,env(safe-area-inset-right,0px))!important;width:min(354px,calc(100vw - 24px))!important}.stage.is-fullscreen .controls,.stage:fullscreen .controls{padding-inline:12px;gap:7px}.stage.is-fullscreen .controls .track-trigger,.stage:fullscreen .controls .track-trigger{padding:5px 7px}.stage.is-fullscreen .controls .track-trigger span,.stage:fullscreen .controls .track-trigger span{max-width:32px}.stage.is-fullscreen .controls .playback-time,.stage:fullscreen .controls .playback-time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.stage .fullscreen-chat,.stage .fullscreen-chat-button{transition:none!important;animation:none!important}}
.stage .fullscreen-chat .message-reply-recipient{background:#69847829!important}
.stage .fullscreen-chat .message-mentioned{background:#d5a16a27!important}
.stage .fullscreen-chat .message-highlight{background:#d5a16a45!important}
@media(pointer:coarse),(max-width:760px){
 :root[data-room-composing="true"] .stage .fullscreen-chat{top:auto!important;bottom:calc(var(--stable-room-height,100vh) - var(--visual-height,100vh) - var(--visual-top,0px) + 8px)!important;height:auto!important;max-height:calc(var(--visual-height) - 16px)!important;border:0!important;background:transparent!important;box-shadow:none!important}
 :root[data-room-composing="true"] .stage .fullscreen-chat .overlay-chat{height:auto!important}
 :root[data-room-composing="true"] .stage .fullscreen-chat .chat>:not(.composer){display:none!important}
 :root[data-room-composing="true"] .stage .fullscreen-chat .composer{padding:0!important;background:transparent!important}
}