:root{font-family:Lucida Grande,Lucida Sans Unicode,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#273546;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #3f9cff;outline-offset:2px}#root{height:100dvh}.app-surface{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#fff}.app-surface--centered{display:grid;place-items:center;overflow-y:auto;background:linear-gradient(#fff,#f0f7fe)}.live-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border:1px solid #54a63e;border-radius:50%;background:linear-gradient(#bded8e,#5fc748);box-shadow:0 1px #fff}.sign-in{width:min(100%,410px);padding:39px 29px 27px;text-align:center}.brand-symbol{width:58px;height:54px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid #3b7abc;border-radius:15px 15px 15px 5px;color:#fff;background:linear-gradient(#84cbff,#2b83d8 58%,#2870c2);box-shadow:0 2px #e2f3ff inset,0 3px 4px #97a9bd;font-size:31px;text-shadow:0 1px 2px #185e9e}.sign-in h1,.status-panel h1{margin:0 0 9px;color:#24384c;font-size:23px;line-height:1.2;letter-spacing:-.035em}.sign-in p{margin:0;color:#66788a;font-size:14px}.sign-in-actions{display:grid;gap:11px;margin-top:31px}.sign-in-actions button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #8b98a5;border-radius:8px;color:#26394c;background:linear-gradient(#fff,#eff2f4 54%,#dce2e8);box-shadow:0 1px #fff inset,0 2px 2px #bdc9d3;font-size:14px;font-weight:700;text-shadow:0 1px 0 #fff}.sign-in-actions button:hover:not(:disabled){border-color:#388cde;background:linear-gradient(#fff,#edf7ff 54%,#c9e4ff)}.sign-in-actions svg{width:19px;height:19px}.sign-in .sign-in-note{margin-top:25px;color:#87929e;font-size:12px}.privacy-link{display:inline-block;margin-top:13px;color:#456f97;font-size:12px}.form-error,.composer-error,.sidebar-error{color:#9d3040!important;font-size:12px!important}.sign-in .form-error{margin-top:14px}.app-layout{display:flex;flex:1;min-height:0}.sidebar{width:239px;flex:0 0 239px;min-height:0;overflow-y:auto;display:flex;flex-direction:column;border-right:1px solid #9ca5b0;background:#f9fbfe}.sidebar-top{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #aeb7c1;color:#354451;background:linear-gradient(#f7f8f9,#e0e5e9);font-size:13px;font-weight:700;text-shadow:0 1px 0 #fff}.close-sidebar{display:none}.sidebar-item{width:100%;min-height:48px;margin:0;padding:6px 12px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #e5ebf1;border-radius:0;color:#304050;background:#fff;text-align:left;font-size:13px;font-weight:700}.sidebar-item:nth-of-type(2n):not(.is-active){background:#eef4fc}.sidebar-item:hover:not(.is-active){background:#e3effb}.sidebar-item.is-active{color:#fff;background:linear-gradient(#80b4f0,#4a87d3);text-shadow:0 1px 1px #3167a6}.sidebar-item.is-active small{color:#eff7ff}.sidebar-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item small{display:block;margin-top:2px;overflow:hidden;color:#758595;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.sidebar-glyph{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border:1px solid #bdcbd8;border-radius:5px;color:#4a79a8;background:linear-gradient(#fff,#e5edf5);font-size:17px;font-weight:700;text-shadow:0 1px 0 #fff}.is-active .sidebar-glyph{border-color:#8cafd7}.sidebar-section{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-top:1px solid #fff;border-bottom:1px solid #b9c1ca;color:#47525d;background:linear-gradient(#e9ebed,#d5d9de);font-size:11px;font-weight:800;text-shadow:0 1px 0 #fff;text-transform:uppercase}.sidebar-section button{width:23px;height:22px;padding:0;border:1px solid #9da8b4;border-radius:4px;color:#3c5e80;background:linear-gradient(#fff,#dce4eb);box-shadow:0 1px #fff inset;font-size:17px;line-height:1}.sidebar-hint{margin:9px 13px;color:#7d8b9a;font-size:11px;line-height:1.4}.buddy-item .avatar{width:29px;height:29px;flex-basis:29px;font-size:11px}.buddy-request{margin:7px 8px;padding:8px;border:1px solid #bdcddd;border-radius:5px;color:#44596d;background:#fff;font-size:11px;line-height:1.4}.buddy-request div{display:flex;gap:12px;margin-top:6px}.buddy-request button,.sidebar-footer button,.sidebar-footer a{padding:0;border:0;color:#286db2;background:transparent;font-size:11px;font-weight:700;text-decoration:underline}.sidebar-footer a{justify-self:start}.buddy-pending,.sidebar-error{margin:7px 12px;font-size:11px;line-height:1.4}.buddy-pending{color:#6e8093}.sidebar-footer{display:grid;gap:6px;margin-top:auto;padding:12px;border-top:1px solid #aeb7c1;color:#647485;background:linear-gradient(#f6f7f8,#e1e4e7);font-size:11px}.sidebar-footer strong{color:#345572}.sidebar-footer button{justify-self:start}.room-panel{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;background:#fff}.room-header{min-height:63px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 19px;border-bottom:1px solid #aeb8c3;background:linear-gradient(#fff,#eaf0f5)}.room-header>div{display:flex;align-items:center;gap:14px}.room-title,.room-title-text{min-width:0}.room-header h1{margin:0;color:#2a3847;font-size:21px;letter-spacing:-.04em;line-height:1.15;text-shadow:0 1px 0 #fff}.room-kind{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;color:#697c8c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.header-handle{color:#708294;font-size:11px;font-weight:700;white-space:nowrap}.mobile-menu{display:none}.transcript{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 24px 24px;scroll-behavior:smooth}.welcome-line{padding:18px 0 27px;color:#85919b;text-align:center;font-size:11px}.message{display:flex;align-items:flex-start;gap:10px;padding:0 0 20px}.message--own{flex-direction:row-reverse}.avatar{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:5px;color:#30455a;box-shadow:0 1px 2px #8d9daf;font-size:11px;font-weight:700}.message-body{max-width:min(78%,610px);min-width:0}.message--own .message-body{display:flex;flex-direction:column;align-items:flex-end}.message-meta{display:flex;align-items:baseline;gap:11px;margin:0 0 5px}.message-meta strong{color:#536273;font-size:11px}.message-meta time{color:#97a1aa;font-size:10px}.message-username{border:0;padding:0;background:transparent;color:#536273;font-size:11px;font-weight:700}.message-username:hover,.message-username:focus-visible{text-decoration:underline;color:#225f90}.profile-report{justify-self:start;border:0;padding:0;background:transparent;color:#6d7780;font-size:12px;text-decoration:underline}.message p{position:relative;display:inline-block;margin:0;padding:8px 12px;border:1px solid #b2c877;border-radius:12px 12px 12px 4px;color:#2b3b29;background:linear-gradient(#eaf7bc,#d5e99b);box-shadow:0 1px 1px #becf9b;font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.message--own p{border-color:#88b4d7;border-radius:12px 12px 4px;color:#23425e;background:linear-gradient(#d9f0ff,#add7fa);box-shadow:0 1px 1px #b7cee4}.room-notice{text-align:center;color:#778799;font-size:12px}.empty-room{display:grid;gap:8px;padding:min(13vh,95px) 12px;color:#788796;text-align:center;font-size:13px}.empty-room strong{color:#43556a;font-size:18px}.composer{position:relative;flex:0 0 auto;display:flex;gap:10px;padding:11px 13px;border-top:1px solid #a6b0bb;background:linear-gradient(#e4e7e9,#c9ced3)}.composer textarea{flex:1;min-width:0;height:43px;resize:none;padding:10px 12px;border:1px solid #8e9ba8;border-radius:5px;color:#2b3d50;background:#fff;box-shadow:0 1px 2px #a8b1b9 inset,0 1px #fff;font-size:13px;line-height:22px}.composer textarea::placeholder{color:#8996a3;opacity:1}.composer button{min-width:85px;height:43px;border:1px solid #3876bb;border-radius:7px;color:#fff;background:linear-gradient(#9dd0ff,#58a2eb 50%,#2974ce);box-shadow:0 1px #def1ff inset,0 1px 2px #8c9cad;font-size:13px;font-weight:700;text-shadow:0 1px 1px #2768a7}.composer button:hover:not(:disabled){background:linear-gradient(#b6ddff,#72b3f4 50%,#3181dc)}.composer-error{position:absolute;right:12px;bottom:calc(100% + 6px);max-width:min(350px,90vw);padding:8px 10px;border:1px solid #d7a1a7;border-radius:5px;background:#fff9f9}.status-panel{max-width:440px;padding:38px 26px;color:#62778a;text-align:center;font-size:13px;line-height:1.5}.status-panel p{margin:8px 0 20px}.status-panel button{padding:8px 15px;border:1px solid #5386b9;border-radius:6px;color:#2f5981;background:linear-gradient(#fff,#dceaf7);font-size:13px;font-weight:700}.setup-error{margin:auto;max-width:440px;padding:25px;border:1px solid #bf8092;border-radius:7px;color:#8e2540;background:#fff;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dialog-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:15px;background:#232f3d57}.dialog-card{width:min(100%,410px);max-height:90dvh;overflow-y:auto;display:grid;gap:11px;padding:23px;border:1px solid #8997a6;border-radius:7px;color:#304152;background:#fefefe;box-shadow:0 12px 32px #2c3d5266,0 1px #fff inset}.dialog-card h2{margin:0;color:#2c3e50;font-size:19px}.dialog-card p{margin:0 0 5px;color:#687b8d;font-size:12px;line-height:1.4}.dialog-card>label{font-size:12px;font-weight:700}.dialog-card>input{width:100%;min-height:39px;padding:8px 10px;border:1px solid #95a7b9;border-radius:5px;color:#2b3d50;font-size:13px}.group-picker{max-height:190px;overflow-y:auto;display:grid;gap:8px;padding:5px 0;color:#5e7285;font-size:13px}.group-picker label{display:flex;align-items:center;gap:8px}.group-picker input{accent-color:#408de0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.dialog-actions button{padding:8px 13px;border:1px solid #99a7b5;border-radius:6px;color:#3e5266;background:linear-gradient(#fff,#e0e6eb);font-size:12px;font-weight:700}.dialog-actions button[type=submit]{border-color:#3c7dc0;color:#fff;background:linear-gradient(#a2d2ff,#4898e5 55%,#2672c5);text-shadow:0 1px 1px #2869a8}@media(max-width:650px){.sidebar{position:fixed;z-index:5;top:0;bottom:0;left:0;width:min(82vw,300px);box-shadow:8px 0 18px #253c5a33;transform:translate(-110%);transition:transform .18s ease}.sidebar--open{transform:translate(0)}.close-sidebar{display:block;padding:0;border:0;color:#516274;background:transparent;font-size:22px}.mobile-menu{width:27px;height:27px;display:inline-grid;place-items:center;padding:0;border:1px solid #aebcc9;border-radius:5px;color:#456f97;background:linear-gradient(#fff,#e1edf7);font-size:16px}.room-header{min-height:61px;padding:9px 12px}.room-header>div{gap:9px}.room-header h1{font-size:18px}.room-kind{display:block;max-width:min(79vw,350px);font-size:10px}.room-kind .live-dot,.header-handle{display:none}.transcript{padding:0 12px 16px}.welcome-line{padding:14px 0 24px}.message{gap:8px;padding-bottom:17px}.message-body{max-width:78%}.composer{gap:7px;padding:8px}.composer button{min-width:63px}}@media(prefers-reduced-motion:reduce){.transcript{scroll-behavior:auto}.sidebar{transition:none}}.app-surface{border:1px solid #929292;border-radius:7px;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffff90}.app-surface--centered{background:linear-gradient(#e4e4e4,#c8c8c8)}.sign-in{border:1px solid #929292;border-radius:7px;background:linear-gradient(#fcfcfc,#eaf2fb);box-shadow:0 8px 24px #0002,inset 0 1px #fff;margin:20px;width:min(calc(100% - 40px),410px)}.sidebar{width:245px;flex-basis:245px;border-color:#929292;background:#fff}.sidebar-top,.room-header,.sidebar-footer,.self-status{background:linear-gradient(#e6e6e6,#bebebe);border-color:#969696;box-shadow:inset 0 1px #fff9;text-shadow:0 1px #fff9}.sidebar-top{min-height:32px;justify-content:center;color:#111;font-weight:400}.self-status{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#111;font-size:12px}.self-status small{display:block;margin-top:3px;color:#253e55;font-size:11px}.sidebar-section{min-height:24px;background:linear-gradient(#ececec,#c9c9c9);border-color:#a6a6a6;text-transform:none;font-weight:400;font-size:12px;color:#333}.sidebar-section>span:before{content:"▾";margin-right:6px;color:#646464}.sidebar-item{min-height:39px;padding:6px 9px;font-size:12px;font-weight:400;color:#111;border-bottom:0}.buddy-item{gap:7px}.buddy-item:nth-child(odd):not(.is-active){background:#eaf3ff}.sidebar-item small{color:#5c6570}.aqua-dot,.live-dot{position:relative;display:inline-block;flex:0 0 11px;width:11px;height:11px;border:1px solid #538b24;border-radius:50%;background:radial-gradient(ellipse at 50% 90%,#e1ff8b 0,transparent 50%),linear-gradient(#b8ee45 8%,#66b512 50%,#83d61d);box-shadow:inset 0 -1px 2px #31570077,0 1px 1px #0003}.aqua-dot:before,.live-dot:before{content:"";position:absolute;left:1px;right:1px;top:0;height:4px;border-radius:50%;background:linear-gradient(#fffffff5,#ffffff20)}.aqua-dot--idle{border-color:#b67b11;background:radial-gradient(ellipse at 50% 90%,#fff4a7,transparent 50%),linear-gradient(#ffe57a,#f5aa12 50%,#ffd348)}.aqua-dot--away{border-color:#ab392b;background:radial-gradient(ellipse at 50% 90%,#ffb99a,transparent 50%),linear-gradient(#ffb29d,#df3528 50%,#fa5545)}.aqua-dot--unknown{border-color:#8c8c8c;background:linear-gradient(#eee,#aaa 55%,#c5c5c5)}.room-header{min-height:52px}.room-header h1{color:#222;font-size:18px;font-weight:500;letter-spacing:0}.message-meta strong{display:inline-flex;align-items:center;gap:5px}.message p{box-shadow:inset 0 1px #ffffffe0,0 1px 2px #0002;background:linear-gradient(#f4ffd8,#d7eca5 48%,#c8e58d)}.message--own p{background:linear-gradient(#effaff,#c4e5ff 48%,#a5d2f6)}@media(max-width:650px){.sidebar{width:min(82vw,300px)}.sign-in{padding:30px 20px}}.avatar{border-radius:0;border:1px solid #fff;box-shadow:0 1px 2px #0003}.message{gap:14px;padding-bottom:19px}.message p{--bubble-edge: #9daf54;--bubble-top: #ecf8b7;--bubble-mid: #b9df63;--bubble-bottom: #d5ed91;--bubble-shadow: #647b3d55;border:1px solid var(--bubble-edge);border-radius:11px;padding:5px 11px;color:#111;background:linear-gradient(to bottom,#ffffffe6 0,var(--bubble-top) 9%,var(--bubble-mid) 48%,var(--bubble-bottom) 93%,#eaf5c6 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #ffffff70,0 2px 2px var(--bubble-shadow);font-size:13px;line-height:1.3;isolation:isolate}.message p:before{content:"";position:absolute;z-index:-1;left:-8px;bottom:3px;width:13px;height:12px;border-left:1px solid var(--bubble-edge);border-bottom:1px solid var(--bubble-edge);border-radius:0 0 0 3px;background:linear-gradient(145deg,var(--bubble-mid),var(--bubble-bottom));transform:skew(-36deg);box-shadow:0 2px 1px var(--bubble-shadow)}.message--own p{--bubble-edge: #789bb7;--bubble-top: #d6edff;--bubble-mid: #9ac7e9;--bubble-bottom: #c2e0f5;--bubble-shadow: #506b8055;border-radius:11px;color:#111;background:linear-gradient(to bottom,#fffffff0 0,var(--bubble-top) 10%,var(--bubble-mid) 48%,var(--bubble-bottom) 93%,#e6f3fc 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #ffffff70,0 2px 2px var(--bubble-shadow)}.message--own p:before{left:auto;right:-8px;border-left:0;border-right:1px solid var(--bubble-edge);border-radius:0 0 3px;transform:skew(36deg)}.composer{padding:7px 12px;gap:9px}.composer textarea{height:36px;padding:6px 9px;border:1px solid #7e8e9c;border-radius:2px;background:#fff;box-shadow:inset 0 1px 2px #0003,0 1px #fff8;outline:none;line-height:22px;transition:box-shadow .12s ease,border-color .12s ease}.composer textarea:focus{border-color:#538dbb;outline:none;box-shadow:inset 0 1px 2px #0002,0 0 0 2px #6fb8f499,0 0 5px 2px #4aa2e84d}.composer button{height:36px}@media(prefers-reduced-motion:reduce){.composer textarea{transition:none}}.message p:before{left:-6px;width:10px;height:9px;bottom:2px;border-radius:0 0 0 6px;transform:skew(-30deg)}.message--own p:before{left:auto;right:-6px;border-radius:0 0 6px;transform:skew(30deg)}.transcript,.sidebar,.dialog-card,.group-picker{scrollbar-width:auto;scrollbar-color:auto}.transcript{overflow-y:scroll}.transcript::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.dialog-card::-webkit-scrollbar,.group-picker::-webkit-scrollbar{width:15px;height:15px;background:#ececec}.transcript::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.dialog-card::-webkit-scrollbar-track,.group-picker::-webkit-scrollbar-track{border-left:1px solid #999;background:linear-gradient(90deg,#b6b6b6 0,#e5e5e5 18%,#fafafa,#eee 78%,#c9c9c9);box-shadow:inset 0 1px 3px #0003}.transcript::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.dialog-card::-webkit-scrollbar-thumb,.group-picker::-webkit-scrollbar-thumb{min-height:32px;border:1px solid #276bbb;border-radius:9px;background:linear-gradient(90deg,#2479d6 0,#58b4fa 16%,#b9edff 34%,#72c8ff 48%,#369bf0 76%,#1266cb);box-shadow:inset 0 1px 2px #e1f8ff,inset 0 -2px 3px #1452b3,0 1px 2px #0004}.transcript::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.dialog-card::-webkit-scrollbar-thumb:hover,.group-picker::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#1b68c7,#66baff 18%,#d5f6ff 35%,#74ceff 50%,#2b91eb 78%,#0a55bb)}.transcript::-webkit-scrollbar-button{display:none}.transcript::-webkit-scrollbar-button:vertical:end:decrement,.transcript::-webkit-scrollbar-button:vertical:end:increment{display:block;height:16px;border-top:1px solid #aaa;border-left:1px solid #999;background-color:#eee;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 1px #fff}.transcript::-webkit-scrollbar-button:vertical:end:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath d='M4.5 1 8 6H1Z' fill='%23555'/%3E%3C/svg%3E")}.transcript::-webkit-scrollbar-button:vertical:end:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath d='m1 1 3.5 5L8 1Z' fill='%23555'/%3E%3C/svg%3E")}.message{gap:12px}.message p{border-radius:10px;padding:3px 10px;line-height:1.3}.message p:before{left:-10px;bottom:-1px;width:13px;height:13px;border:0;border-radius:0;transform:none;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23c1dba0'/%3E%3Cstop offset='1' stop-color='%23dfebc5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 1C11 6 8 10 1 11C5 12 9 12 13 11' fill='url(%23g)' stroke='%239faf83' stroke-width='1'/%3E%3C/svg%3E") no-repeat;filter:drop-shadow(0 2px 1px #647b3d44)}.message--own p:before{left:auto;right:-10px;transform:scaleX(-1);border:0;border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%2364b9d7'/%3E%3Cstop offset='1' stop-color='%23a0d9e9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 1C11 6 8 10 1 11C5 12 9 12 13 11' fill='url(%23g)' stroke='%236aabc0' stroke-width='1'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 1px #506b8044)}.message-body{max-width:min(78%,460px)}.message{padding-bottom:13px}.message>.avatar{align-self:flex-end}.message-meta{margin-bottom:3px}.message>.avatar{transform:translateY(4px)}.transcript::-webkit-scrollbar{width:15px}.transcript::-webkit-scrollbar-track{border-left:1px solid #a1a1a1;background:linear-gradient(90deg,#b9b9b9,#e9e9e9 22%,#fff 55%,#f7f7f7 80%,#ddd);box-shadow:inset 0 2px 3px #0003}.transcript::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb:hover{border:1px solid #2865b1;border-radius:8px;background:linear-gradient(to bottom,#c3efffaa 0,#fff0 7px calc(100% - 7px),#1252b955),linear-gradient(90deg,#185fc8,#2789ee 9%,#a2e3ff 23%,#ccf4ff 34%,#8dd8ff 46%,#50b1ff 64%,#2385eb 85%,#1257ba);box-shadow:inset 0 1px 2px #e7fcff,inset 0 -1px 2px #134da9,inset 1px 0 1px #357acc,0 1px 1px #0004}.transcript::-webkit-scrollbar-button:vertical:end:decrement,.transcript::-webkit-scrollbar-button:vertical:end:increment{height:16px;border-top:1px solid #b3b3b3;border-left:1px solid #999;background-color:#f3f3f3;box-shadow:inset 0 1px #fff,inset -1px 0 #fff}.transcript::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#1457be66 0,#fff0 5px calc(100% - 5px),#0d47b377),linear-gradient(90deg,#104fbc,#206fde 10%,#7dd5ff 24%,#bcefff 34%,#66caff 48%,#269cf7,#1768d9 86%,#0c46ac);box-shadow:inset 0 1px 1px #b8e8ff,inset 0 -1px 2px #0c3998,inset 1px 0 1px #164fa7,0 1px 1px #0004}.self-status{justify-content:space-between;padding:9px 10px;gap:10px}.self-identity{min-width:0;flex:1}.self-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-status>.avatar{width:32px;height:32px;flex:0 0 32px;object-fit:cover}.status-picker{display:flex;align-items:center;gap:5px;max-width:100%;margin-top:3px;padding:0;border:0;background:transparent;color:#254365;font-size:11px;text-align:left}.status-picker>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section .section-toggle{display:flex;align-items:center;gap:5px;width:auto;flex:1;height:26px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#333;font-size:12px;text-align:left}.section-chevron{width:15px;font-size:19px;line-height:1;color:#555;text-shadow:0 1px #fff}.dialog-card>select{width:100%;padding:8px;border:1px solid #95a7b9;border-radius:4px;background:#fff;color:#2b3d50;font:inherit}.transcript::-webkit-scrollbar-track{border-left:1px solid #a4a19b;background:linear-gradient(90deg,#d0cdc7,#eeeae3 17%,#faf9f5 50%,#f5f3ee 76%,#c5c2bc);box-shadow:inset 0 2px 4px #514f494d,inset 0 -2px 3px #514f4933}.transcript::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb:hover{border:1px solid #52438c;border-radius:10px;background:linear-gradient(to bottom,#251174aa 0,#414b92aa 3px,#fff0 10px calc(100% - 10px),#34378677 calc(100% - 4px),#23106eaa),linear-gradient(90deg,#352176,#494393 12%,#91b8dc 27%,#bddbec 40%,#95c4e2,#639dc7 76%,#487aa8 89%,#40447f);box-shadow:inset 1px 0 2px #392276,inset -1px 0 2px #283d78,inset 0 1px 2px #333078,0 1px 2px #51484455}.transcript::-webkit-scrollbar-button:vertical:end:decrement,.transcript::-webkit-scrollbar-button:vertical:end:increment{background-color:#f8f7f3;border-color:#b6b3ac;box-shadow:inset 0 1px #fff,inset -1px 0 #e3dfd7}.transcript::-webkit-scrollbar-button:vertical:end:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath d='M4.5 1 8 6H1Z' fill='%23111'/%3E%3C/svg%3E")}.transcript::-webkit-scrollbar-button:vertical:end:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath d='m1 1 3.5 5L8 1Z' fill='%23111'/%3E%3C/svg%3E")}.transcript::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#251174aa 0,#414b92aa 3px,#fff0 10px calc(100% - 10px),#34378677 calc(100% - 4px),#23106eaa),repeating-linear-gradient(to bottom,#fff0,#ffffff05 3px,#12296b0a,#12296b06 7px,#fff0 10px),linear-gradient(90deg,#352176,#494393 12%,#91b8dc 27%,#bddbec 40%,#95c4e2,#639dc7 76%,#487aa8 89%,#40447f)}.footer-actions{display:flex;align-items:center;gap:14px}.sidebar-footer .add-buddy-footer{width:23px;height:22px;margin-right:auto;border:1px solid #929ca5;border-radius:3px;background:linear-gradient(#fff,#d7dde2);box-shadow:inset 0 1px #fff;color:#3b5165;font-size:18px;font-weight:400;text-decoration:none;line-height:1}.message-field{position:relative;flex:1;min-width:0;display:flex}.message-field textarea{width:100%;padding-right:47px}.composer .emoji-toggle{position:absolute;right:5px;top:6px;display:flex;align-items:center;gap:2px;min-width:0;width:34px;height:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#888;text-shadow:none}.composer .emoji-toggle:hover:not(:disabled){background:transparent;color:#426b94}.emoji-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.emoji-toggle>span{font-size:14px}.emoji-picker{position:absolute;z-index:6;right:0;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(4,36px);gap:3px;padding:7px;border:1px solid #929ca5;border-radius:5px;background:linear-gradient(#fff,#e4e8ec);box-shadow:0 3px 10px #0003}.composer .emoji-picker button{min-width:0;width:36px;height:34px;padding:0;border:0;background:transparent;box-shadow:none;text-shadow:none;font-size:22px}.composer .emoji-picker button:hover{background:#d1e8ff}.profile-picture-button{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;background:transparent}.profile-picture-button .avatar{width:32px;height:32px;object-fit:cover}.dialog-card>.avatar{width:80px;height:80px;object-fit:cover}.avatar{object-fit:cover}.sidebar{position:relative}@media(max-width:650px){.sidebar{position:fixed}.sidebar>.close-sidebar{position:absolute;top:2px;right:3px;z-index:1;font-size:18px}.sidebar .self-status{padding-top:18px}}.app-layout{--header-height:60px;--footer-height:52px}.self-status,.room-header{height:var(--header-height);min-height:var(--header-height);flex:0 0 var(--header-height);box-sizing:border-box}.sidebar-footer,.composer{height:var(--footer-height);min-height:var(--footer-height);flex:0 0 var(--footer-height);box-sizing:border-box}.sidebar-footer{padding:6px 12px;gap:3px}.composer{align-items:center}.sidebar-section>button:not(.section-toggle),.sidebar-footer .add-buddy-footer{display:grid;place-items:center;padding:0;line-height:1;font-family:Arial,sans-serif;font-size:18px}.message p:before{left:-8px;bottom:0}.message--own p:before{left:auto;right:-8px;bottom:0}.dialog-backdrop{background:#25303b38;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.dialog-card,.sign-in,.status-panel{border:1px solid #8b8b8b;border-radius:7px;background:linear-gradient(#ededed 0,#dedede 34px,#f5f5f5 35px,#ededed);box-shadow:inset 0 1px #fff,0 14px 35px #0004,0 2px 5px #0002;color:#222}.dialog-card{padding:0 20px 18px;gap:12px}.dialog-card h2{margin:0 -20px 4px;padding:10px 20px 9px;border-bottom:1px solid #aaa;background:linear-gradient(#ededed,#c6c6c6);border-radius:6px 6px 0 0;color:#222;font-size:13px;font-weight:500;text-align:center;text-shadow:0 1px #fff}.dialog-card p{color:#4d4d4d}.dialog-card>label{color:#333;font-weight:500}.dialog-card>input:not([type=file]),.dialog-card>select{min-height:30px;padding:5px 8px;border:1px solid #919191;border-radius:2px;background:#fff;color:#222;box-shadow:inset 0 1px 2px #0003,0 1px #fff}.dialog-card>input:focus,.dialog-card>select:focus{outline:none;border-color:#548bb7;box-shadow:inset 0 1px 2px #0002,0 0 0 2px #75b8ed88,0 0 5px #68aee977}.dialog-actions{padding-top:7px;gap:9px}.dialog-actions button,.status-panel button,.sign-in-actions button{min-height:24px;padding:2px 16px;font-size:13px;line-height:18px;border:1px solid #929292;border-radius:999px;color:#222;font-weight:400;background:linear-gradient(#fff 0,#f7f7f7 40%,#d8d8d8 52%,#ededed);box-shadow:inset 0 1px #fff,inset 0 -1px #fff9,0 1px 2px #0003;text-shadow:0 1px #fff9}.dialog-actions button[type=submit]{border-color:#4d88bf;color:#102c47;background:linear-gradient(#d3ecf5 0,#9bd1e8 40%,#39a9d6 43%,#63c4e6 82%,#9cdced);box-shadow:inset 0 1px #fff,inset 0 -1px #c6eeff,0 1px 2px #0003;text-shadow:0 1px #d9f3ff}.dialog-actions button:hover:not(:disabled),.status-panel button:hover:not(:disabled),.sign-in-actions button:hover:not(:disabled){border-color:#527fa6;background:linear-gradient(#f5fcff,#c9edff 40%,#8ecaf4 53%,#c3e9ff)}.dialog-actions button:active:not(:disabled),.sign-in-actions button:active:not(:disabled){box-shadow:inset 0 1px 3px #356d9a66}.sign-in{position:relative;padding-top:49px;background:linear-gradient(#ededed 0,#c6c6c6 30px,#f6f6f6 31px,#ececec)}.sign-in:before{content:"Vibe Party";position:absolute;top:7px;left:0;right:0;color:#222;font-size:13px;text-shadow:0 1px #fff}.sign-in h1{color:#222;font-size:21px;letter-spacing:-.02em}.sign-in p{color:#555}.sign-in-actions{gap:12px}.sign-in-actions button{min-height:32px;font-size:13px}.group-picker{border:1px solid #aaa;padding:9px;background:#fff;box-shadow:inset 0 1px 2px #0002;color:#333}.status-panel{padding:28px}@media(min-width:651px){.room-header,.composer .send-message{display:none}}@media(max-width:650px){.room-header .room-kind{display:none}.composer .send-message{min-width:52px;padding:0 9px}}.dialog-card>select{appearance:none;min-height:24px;padding:2px 24px 2px 7px;border-color:#969696;border-radius:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath d='M4 1 7 5H1ZM1 7H7L4 11Z' fill='%23253b4b'/%3E%3C/svg%3E") right 4px center/8px 12px no-repeat,linear-gradient(#d7eaf7,#72b8dd 50%,#a9d9ee) right center/16px 100% no-repeat,linear-gradient(#fff,#f4f4f4 45%,#dedede 50%,#fff);box-shadow:inset 0 1px #fff,0 1px 1px #0002}.message p{--bubble-edge:#9faf83;--bubble-mid:#c1dba0;--bubble-bottom:#dfebc5;background:linear-gradient(#f6f8e7,#dce9bd 16%,#c1dba0 45%,#d6e8b8 80%,#e8f1d5);box-shadow:inset 0 1px 1px #fff9,0 1px 2px #0005}.message--own p{--bubble-edge:#6aabc0;--bubble-mid:#64b9d7;--bubble-bottom:#a0d9e9;background:linear-gradient(#dff1f7,#addbe9 18%,#64b9d7 47%,#8bcfe2 82%,#b6e3ed)}.composer textarea:focus{border-color:#70a6c3;box-shadow:inset 0 1px 2px #0002,0 0 0 2px #8bc9e8,0 0 3px #6fb3df88}.transcript::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb:hover{border-color:#397fae;background:linear-gradient(to bottom,#2a7fba77 0,#fff0 8px calc(100% - 8px),#1768a877),repeating-linear-gradient(to bottom,#fff0,#ffffff05 3px,#18629708 5px,#fff0 10px),linear-gradient(90deg,#2481bc,#399dcd 16%,#afe0ed 36%,#8ed2e7 55%,#59b5d6 78%,#2e89bd);box-shadow:inset 0 1px 1px #afe2ee,inset 0 -1px 2px #266da0,0 1px 1px #0003}.dialog-backdrop{background:#0003;-webkit-backdrop-filter:none;backdrop-filter:none}.dialog-card,.status-panel{background:#ededed;border-color:#888;box-shadow:inset 0 1px #fff,0 12px 28px #0005,0 1px 3px #0004}.dialog-card{padding:0 20px 20px;gap:12px}.dialog-card h2{padding:7px 20px 6px;background:linear-gradient(#f1f1f1,#d0d0d0);font-weight:400}.dialog-card p{color:#222;font-size:13px;line-height:1.4}.dialog-card>input:not([type=file]){min-height:24px;padding:3px 7px;border-radius:0}.dialog-actions{gap:12px;padding-top:8px}.dialog-actions button{min-width:68px}.sign-in{padding:48px 24px 24px;background:linear-gradient(#f1f1f1 0,#d0d0d0 27px,#ededed 28px)}.sign-in:before{top:5px}.sign-in .brand-symbol{width:72px;height:64px;margin:0 auto 16px;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 2px #0003)}.brand-symbol svg{display:block;width:72px;height:64px}.sign-in h1{font-size:20px;letter-spacing:0}.sign-in-actions{margin-top:24px}.sign-in-actions button{min-height:28px;background:linear-gradient(#fff 0,#fcfcfc 40%,#dedede 52%,#f8f8f8)}.sign-in-actions button:hover:not(:disabled){background:linear-gradient(#fff,#f7f7f7 40%,#d5d5d5 52%,#f2f2f2);border-color:#777}.sign-in .sign-in-note{margin-top:20px}.sound-toggle{border:0;background:transparent;color:#315e86;font:inherit;font-size:11px;padding:2px 4px;cursor:pointer}.message p.unified-bubble,.message--own p.unified-bubble{position:relative;border:0;border-radius:0;background:none;box-shadow:none;padding:4px 11px;min-height:26px}.message p.unified-bubble:before{content:none;display:none}.bubble-art{position:absolute;top:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #0005)}.bubble-text{position:relative;z-index:1}button.self-name{border:0;background:none;box-shadow:none;border-radius:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}button.self-name:hover{text-decoration:underline}.bubble-text a{color:#164f77;text-decoration:underline;overflow-wrap:anywhere}.message-extras:empty{display:none}.message-extras{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-width:360px}.message--own .message-extras{margin-left:auto}.link-preview{display:flex;flex-direction:column;gap:4px;padding:9px 12px;border:1px solid #adb7bd;background:linear-gradient(#fff,#eff3f5);color:#273e50;text-decoration:none;border-radius:5px;box-shadow:0 1px 2px #0002;overflow-wrap:anywhere;font-size:12px}.link-preview strong{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview>span:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-site{color:#657482;font-size:11px}.shared-image-link{display:block}.shared-image{display:block;max-width:100%;max-height:280px;border:1px solid #9aa8b0;object-fit:contain}.video-preview{width:min(360px,100%);border:1px solid #a0adb6;background:#f5f5f5;overflow:hidden;border-radius:5px}.video-preview iframe{display:block;width:100%;height:210px;border:0}.composer{flex-wrap:wrap}.composer .message-field{min-width:0}.composer .attachment-toggle{display:grid;place-items:center;min-width:28px;width:28px;height:28px;padding:0;color:#586b78;background:none;border:0;box-shadow:none;text-shadow:none}.composer .attachment-toggle:hover:not(:disabled){background:#dbe8f2}.attachment-draft{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:12px;color:#405769}.attachment-draft>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.composer .attachment-draft button{min-width:22px;width:22px;height:22px;padding:0;border:1px solid #aab5bd;color:#4b5a65;background:#f4f4f4;box-shadow:none;text-shadow:none}.message:has(.message-extras:not(:empty))>.avatar{align-self:flex-start;margin-top:19px;transform:none}.link-preview .link-og-image{display:block;width:100%;max-height:180px;object-fit:cover;border-bottom:1px solid #c4ccd2;margin-bottom:3px}.link-preview:has(.link-og-image){width:300px;max-width:100%}.profile-editor-picture{display:flex;align-items:center;gap:16px;margin:18px 0 10px}.profile-editor-picture>.avatar{width:64px;height:64px;flex:0 0 64px;object-fit:cover}.profile-editor-picture>div{display:flex;flex-wrap:wrap;gap:8px}.dialog-card .profile-picture-hint{color:#687078;font-size:12px;margin-bottom:20px}.profile-editor-picture .dialog-actions{margin:0;padding:0;justify-content:flex-start;gap:8px}