@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Libre+Caslon+Text:ital,wght@0,400;1,400&display=swap";:root{font:16px DM Sans,system-ui,sans-serif;color:#232a41;background:#f6f8fe;font-synthesis:none;--red: #d6323c;--line: #dee5f2;--muted: #7383a3;--serif: "Libre Caslon Text", Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #95b1ef;outline-offset:3px}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,textarea,select{width:100%;padding:13px 15px;border:1px solid #cbd6eb;border-radius:10px;color:#273750;background:#fff;outline:none;font-size:16px}input:focus,textarea:focus,select:focus{border-color:#819ed7;box-shadow:0 0 0 3px #e5edff}input::placeholder,textarea::placeholder{color:#9ba8c1}textarea{resize:vertical;line-height:1.7}label{display:block;font-size:14px;font-weight:600;margin:21px 0 9px}label input,label textarea,label select{margin-top:9px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:14px;font-weight:600;min-height:43px;padding:11px 17px;line-height:1.5}.primary{background:var(--red);color:#fff;border:1px solid #c32b39;box-shadow:0 4px #a42032,0 8px 18px #cc34451a;transition:transform .1s}.primary:hover:enabled{transform:translateY(-2px);background:#c82c3a}.primary:active:enabled{transform:translateY(2px);box-shadow:0 1px #a42032}.outline{border:1px solid #cdd9ee;background:#fff;box-shadow:0 2px #e4eaf7}.outline:hover{background:#f2f6ff;border-color:#aabfe5}.wide{width:100%}.text-button{display:inline-flex;gap:7px;align-items:center;padding:8px 0;font-size:14px;font-weight:500;color:#647faa}.text-button:hover{color:var(--red)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:7px;border-radius:8px;color:#8193b7}.icon-button:hover,.icon-button.selected{background:#edf3ff;color:#4d70b6}.field-hint{font-size:13px;line-height:1.7;color:#8395b3;margin:10px 0 15px}.field-label{font-size:14px;font-weight:600;margin:20px 0 10px}.optional{font-size:12px;font-weight:400;color:#9aa9c1;margin-left:5px}.error{border:1px solid #f0bfc9;background:#fff0f4;color:#ae2c45;border-radius:8px;padding:12px;font-size:14px;line-height:1.7}.info-note{border:1px solid #d3e0fa;background:#eff5ff;color:#6780b1;padding:12px;border-radius:9px;font-size:14px;line-height:1.7}.danger-text{color:#bc3a52}.brand{display:inline-flex;align-items:center;gap:3px;font-size:32px;font-weight:700;letter-spacing:-1.5px;width:max-content}.brand>img{width:60px;height:58px;object-fit:contain}.brand-dot{color:var(--red)}.loading-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:var(--muted)}.avatar{display:inline-flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid #1d325918;box-shadow:inset 0 0 0 2px #ffffff70;overflow:hidden;vertical-align:middle;padding:0}.avatar>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.avatar.small{width:29px;height:29px;border-radius:9px}.avatar.large{width:86px;height:86px;border-radius:24px}.avatar.portrait{width:100%;height:auto;aspect-ratio:1;border-radius:25px}.avatar.portrait>img{position:absolute;inset:0;object-fit:contain}.avatar:where(button):hover{outline:2px solid #95afe1;outline-offset:2px}.avatar-working{position:absolute;right:0;bottom:0;width:14px;height:14px;border:3px solid white;background:var(--red);border-radius:50%;animation:pulse 1.7s infinite}.avatar.portrait .avatar-working{width:25px;height:25px;right:12px;bottom:12px}.profile-link{font-size:15px;font-weight:650;padding:0;text-align:left;line-height:1.5;color:#2c3b5d}.profile-link:hover{text-decoration:underline;color:#b72d44;text-underline-offset:3px}.welcome-page{min-height:100dvh;background:radial-gradient(ellipse at 5% 20%,#f1f0ff,transparent 60%),#fcfdff}.welcome-header{display:flex;align-items:center;gap:28px;padding:26px 5%}.welcome-header>.text-button{margin-left:auto}.welcome-grid{max-width:1320px;margin:24px auto 0;padding:10px 5% 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.welcome-story{position:relative;padding-top:25px}.welcome-story h1{font:400 clamp(43px,4.8vw,66px)/1.18 var(--serif);letter-spacing:-2.4px;margin:25px 0 20px}.welcome-story h1 em{color:var(--red)}.welcome-story>p{font-size:16px;line-height:1.85;max-width:455px;color:#7889a8}.bird-stage{position:relative;width:330px;height:300px;margin:10px 0 0 30px;isolation:isolate}.bird-stage>img{position:relative;width:280px;height:280px;object-fit:contain;z-index:2;filter:drop-shadow(0 10px 0 #273f6615)}.bird-disc{position:absolute;left:30px;top:40px;width:230px;height:230px;border-radius:50%;background:#e4eaff;border:1px solid #d2dcf5;box-shadow:10px 12px #d5def433}.bird-orbit{position:absolute;left:5px;top:13px;width:286px;height:286px;border:1px solid #ccd9f3;border-radius:50%;z-index:-1}.orbit-two{width:315px;height:280px;left:-10px;top:15px;transform:rotate(25deg);border-style:dashed;opacity:.7}.floating-symbol{position:absolute;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid #bdcfef;background:#fff;color:#6586c2;font:26px var(--serif);box-shadow:0 5px #c6d4f166;z-index:3}.symbol-q{left:-5px;top:28px;transform:rotate(-12deg)}.symbol-spark{right:19px;bottom:51px;transform:rotate(12deg);background:#ffe0e9;color:#d64b6c;border-color:#f4bacd}.welcome-action{padding-top:45px;min-width:0}.home-actions>h2,.setup-card>h2,.identity-heading>h2{font:400 29px/1.45 var(--serif);letter-spacing:-.7px;margin:14px 0 27px}.action-card{display:flex;align-items:center;gap:17px;width:100%;padding:24px 22px;margin-bottom:21px;border-radius:16px;background:#fff;border:1px solid #d1ddf1;box-shadow:0 5px #dce5f8,0 14px 30px #25406b08;text-align:left;transition:transform .15s}.action-card:hover{transform:translateY(-3px)}.action-card.red-card{background:#fff3f5;border-color:#f0b9c5;box-shadow:0 5px #efc2cd,0 14px 30px #8c283608}.action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #ccdcf8;border-radius:14px;background:#e9f1ff;color:#6588c9}.red-card .action-icon{background:var(--red);border-color:#c82f40;color:#fff}.action-card>span:nth-child(2){flex:1}.action-card strong{display:block;font-size:18px;font-weight:650;letter-spacing:-.3px}.action-card small{display:block;font-size:13px;color:#8295b5;margin-top:7px}.action-card>svg{color:#7291c8}.red-card>svg{color:#c53d55}.starter-line{display:flex;align-items:center;padding-top:20px}.starter-line .avatar{width:43px;height:43px;margin-right:-10px;outline:3px solid #fcfdff}.starter-line>span:last-child{margin-left:27px;font-size:13px;line-height:1.7;color:#8395b3}.setup-card{padding:28px;background:#fff;border:1px solid #d8e2f4;border-radius:19px;box-shadow:0 6px #e3eaf8,0 15px 35px #26457608}.setup-card>.primary{margin:24px 0 9px}.setup-card>.text-button{font-size:13px}.room-code-input{font-size:25px;font-weight:650;letter-spacing:5px}.identity-form{margin-top:-25px}.identity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0}.identity-heading>h2{font-size:25px;margin:0}.identity-heading>.avatar{width:68px;height:68px}.animal-options{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.animal-options button{position:relative;aspect-ratio:1;padding:2px;border:1px solid #dbe4f5;border-radius:9px;background:#f3f7ff;overflow:hidden}.animal-options img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.animal-options button.selected{border:2px solid #6588cf;background:#e7efff;box-shadow:0 0 0 2px #e1eaff}.animal-options button>svg{position:absolute;bottom:1px;right:1px;background:#5a7bc6;color:#fff;border-radius:3px}.color-options{display:flex;gap:9px;margin:15px 0 18px}.color-options button{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;border:1px solid #223e6518}.color-options button.selected{outline:2px solid #96b0e0;outline-offset:3px}.check-label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;line-height:1.6}.check-label input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:var(--red)}.small-tag{font-size:10px;letter-spacing:.6px;padding:2px 5px;border-radius:4px;background:#eef4ff;color:#92a5c6}.identity-form textarea{font-size:15px;min-height:85px}.welcome-footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #e3eaf6;font-size:12px;color:#9aabc6}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:266px;flex-shrink:0;display:flex;flex-direction:column;padding:23px 18px 0;background:linear-gradient(160deg,#edf2ff,#f7f9ff);border-right:1px solid #d8e3f4}.sidebar-room{margin:32px 12px 23px}.sidebar-room h2{font:400 21px/1.5 var(--serif);letter-spacing:-.3px;margin:12px 0}.room-code{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;letter-spacing:1.8px;padding:7px 10px;border:1px solid #ceddf6;border-radius:7px;background:#fff;color:#6d8cc2;box-shadow:0 2px #dce7f9}.room-code svg:last-child{margin-left:6px;opacity:.6}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:500;text-align:left;color:#7a92b8}.nav-item>span{font-size:12px;padding:2px 7px;margin-left:auto;border-radius:6px;background:#e3ecfc;min-width:24px;text-align:center}.nav-item.active{color:#be334e;background:#fff0f4;border-color:#f4d1dc;box-shadow:0 2px #eedee8;font-weight:650}.nav-item.active>span{background:#f9dde6;color:#bf4964}.nav-item:hover{background:#e8f0ff}.nav-item.active:hover{background:#ffe8ef}.room-shortcuts{display:flex;flex-direction:column;gap:15px;margin:28px 11px 0;padding-top:23px;border-top:1px solid #d9e5f7}.room-shortcuts a{display:flex;align-items:center;gap:10px;font-size:13px;color:#7594c0}.room-shortcuts a>svg:last-child{margin-left:auto;opacity:.5}.clock-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#cd5c73}.clock-status i,.online-label i,.profile-presence i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4c3db}.clock-status i{background:#db536d;animation:pulse 2s infinite}.sidebar-people{margin:auto 10px 0;padding-top:35px}.side-section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;letter-spacing:1px;color:#91a5c6}.side-section-title button{font-size:12px;font-weight:500;letter-spacing:0;color:#6c8bc2;padding:0}.avatar-stack{display:flex;align-items:center;margin-top:15px}.avatar-stack .avatar{width:37px;height:37px;border-radius:12px;margin-right:-10px;outline:3px solid #f5f8ff}.more-people{width:36px;height:36px;background:#dce8ff;border-radius:12px;font-size:11px;color:#6b8cc6;margin-left:3px;outline:3px solid #f5f8ff}.sidebar-people>p{font-size:12px;color:#9bafce;margin:13px 0 22px}.identity-block{display:flex;align-items:center;gap:9px;padding:20px 0;border-top:1px solid #dce7f8}.identity-block>.avatar{width:38px;height:38px;border-radius:12px}.identity-name{flex:1;min-width:0;text-align:left;padding:0}.identity-name strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.identity-name span{display:block;margin-top:4px;font-size:11px;color:#91a7cb}.identity-block>.icon-button{min-width:25px;padding:4px}.conversation{display:flex;flex-direction:column;flex:1;min-width:0;background:#fff;position:relative}.conversation-header{display:flex;align-items:center;justify-content:space-between;height:106px;flex-shrink:0;padding:21px 36px;border-bottom:1px solid var(--line);gap:15px;box-shadow:0 3px 12px #27457604;z-index:2}.room-heading{min-width:0}.room-heading h1{font:400 30px/1.3 var(--serif);letter-spacing:-.7px;margin:8px 0 0}.header-actions{display:flex;align-items:center;gap:13px}.invite-button{font-size:13px;padding:9px 13px;min-height:38px}.search-state{display:flex;align-items:center;gap:10px;padding:10px 36px;background:#f3f7ff;border-bottom:1px solid #dce8fa;color:#8ea8d2;flex-shrink:0}.search-state input{border:0;background:transparent;box-shadow:none;padding:7px 0;font-size:15px}.chat-container{flex:1;min-height:0;flex-direction:column;position:relative}.chat-status{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 36px;border-bottom:1px solid #edf3fc;background:#fcfdff;font-size:11px;color:#9eb1cf}.connection{display:flex;align-items:center;gap:6px;font-size:11px;color:#a6a1bf}.connection i{width:6px;height:6px;border-radius:50%;background:#c0b8d4}.connection.live{color:#6ca58e}.connection.live i{background:#62ad8f;box-shadow:0 0 0 3px #eaf7f0}.message-feed{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1dff4 transparent}.feed-content{max-width:1040px;margin:auto;padding:0 36px 25px}.room-welcome{display:flex;align-items:center;gap:17px;padding:25px 0 20px;border-bottom:1px solid #e9f1fb;margin-bottom:10px}.room-welcome>img{width:69px;height:69px;object-fit:contain;flex-shrink:0}.room-welcome h2{font:400 22px/1.5 var(--serif);margin:0 0 5px;letter-spacing:-.4px}.room-welcome p{font-size:14px;line-height:1.7;white-space:pre-line;color:#8ca1c1;margin:0}.day-divider{display:flex;align-items:center;gap:15px;margin:24px 0 18px}.day-divider:before,.day-divider:after{content:"";height:1px;background:#eaf2fc;flex:1}.day-divider span{font-size:12px;color:#9cb0cf}.message{display:flex;gap:13px;padding:15px 10px;margin:2px -10px;border:1px solid transparent;border-radius:12px;position:relative;scroll-margin:25px}.message:hover{background:#f8fbff}.message:target{box-shadow:0 0 0 3px #a9c5ff66;background:#f0f6ff}.message>.avatar{width:43px;height:43px;border-radius:13px;margin-top:1px}.message-main{flex:1;min-width:0;position:relative}.message-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:23px;margin-bottom:4px}.message-meta>a{font-size:12px;color:#9eb3d1}.you{font-size:11px;line-height:1.4;padding:1px 5px;border-radius:4px;background:#edf4ff;color:#96afd5}.edited{font-size:11px;color:#aec0da}.markdown{font-size:16px;line-height:1.75;overflow-wrap:anywhere;color:#485d7a}.markdown p{margin:0 0 9px}.markdown p:last-child{margin-bottom:0}.markdown a{color:#4d76bc;text-decoration:underline;text-decoration-color:#bacfef;text-underline-offset:3px}.markdown a:hover{color:var(--red);text-decoration-color:var(--red)}.markdown ul,.markdown ol{margin:8px 0 12px;padding-left:24px}.markdown li{margin:5px 0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font:400 21px/1.5 var(--serif);color:#334e70;margin:17px 0 10px}.markdown h2{font-size:20px}.markdown h3{font-size:18px}.markdown code{font:13px/1.7 ui-monospace,Consolas,monospace;background:#eff5ff;border:1px solid #dae6f8;color:#6a89b5;padding:2px 5px;border-radius:5px}.markdown pre{background:#24364f;border:1px solid #1c2a42;border-radius:10px;padding:15px 18px;overflow-x:auto;margin:12px 0;box-shadow:inset 0 1px #ffffff15}.markdown pre code{color:#e0efff;border:0;background:none;padding:0;white-space:pre;overflow-wrap:normal}.markdown blockquote{margin:13px 0;border-left:3px solid #b2ccee;background:#f2f7ff;padding:4px 15px;color:#7e9bc4;border-radius:0 6px 6px 0}.markdown table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:13px 0}.markdown td,.markdown th{padding:8px 12px;border:1px solid #d6e6f8}.markdown hr{border:0;border-top:1px solid var(--line)}.markdown input[type=checkbox]{width:auto}.reply-context{display:flex;align-items:center;gap:7px;padding:8px 10px;border-left:2px solid #b0caed;border-radius:0 6px 6px 0;background:#f0f6ff;margin:6px 0 10px;font-size:12px;color:#8da9ce;overflow:hidden}.reply-context>strong{color:#7494c0;white-space:nowrap;font-weight:600}.reply-context>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reply-context>svg{flex-shrink:0}.message-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px;margin-top:5px}.reaction-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:5px;border:1px solid #d6e4f8;background:#f5f9ff;border-radius:7px;padding:3px 8px;min-height:29px;font-size:15px}.reaction span{font-size:12px;color:#89a6cc}.reaction.mine{border-color:#95b9ec;background:#e9f3ff}.reaction.mine span{color:#6b96cb}.message-tools{display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .1s}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1}.message-tools button{display:flex;padding:4px;border-radius:5px;color:#a3bcdd}.message-tools button:hover{background:#eaf3ff;color:#688fca}.question-message{padding:18px;margin:15px -2px;background:linear-gradient(130deg,#edf4ff,#fcfdff);border:1px solid #aec9f5;box-shadow:0 4px #dde9fc,0 10px 25px #2b5d9406}.question-message:hover{background:#f0f6ff}.question-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.question-heading>span:first-child{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;letter-spacing:1.1px;color:#6089cb}.question-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 7px;border-radius:6px;white-space:nowrap;background:#e0edff;color:#7098cc;border:1px solid #c0d8fb}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.question-message>.avatar{width:39px;height:39px}.question-message .markdown{font-size:17px;color:#496b96;margin-top:8px}.question-message.replied{background:linear-gradient(130deg,#eefbf5,#fcfffd);border-color:#acddc6;box-shadow:0 4px #d8f0e4}.question-message.replied:hover{background:#f0fbf6}.question-message.replied .question-heading>span:first-child{color:#579b7e}.question-message.replied .markdown{color:#44735e}.question-status.replied{color:#569f7f;background:#dff5e8;border-color:#b6e3cc}.question-message.resolved{background:#f5f8fe;border-color:#d2def1;box-shadow:0 4px #e6edf9}.question-status.resolved{color:#86a1c6;background:#e9f1fc;border-color:#d4e3f7}.question-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-top:10px;margin-top:10px;border-top:1px solid #d4e5fb}.question-actions>button{display:flex;align-items:center;gap:4px;font-size:12px;padding:2px 0;color:#6d98ce}.question-actions>.resolve-action{margin-left:auto;font-size:11px;color:#94accd}.question-message.replied .question-actions{border-color:#cce8d9}.answer-message{border-left:3px solid #acdcca;border-radius:0 10px 10px 0;background:#fafffc;padding-left:14px;margin-left:2px}.answer-heading{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;letter-spacing:1px;color:#7fb49c;margin-bottom:7px}.answer-message .reply-context{border-color:#afdcc6;background:#effaf4;color:#91b7a4}.removed{font-size:14px;font-style:italic;color:#a9bdd5;margin:5px 0}.timestamp{display:inline-flex;align-items:center;gap:4px;background:#f0edfc;border:1px solid #dfd9f7;color:#9b8abe;border-radius:5px;font-size:11px;padding:2px 5px;white-space:nowrap}.message-menu{position:absolute;right:0;bottom:28px;z-index:31;padding:5px;min-width:180px;border:1px solid #d9e5f8;border-radius:10px;background:#fff;box-shadow:0 8px 30px #264b7426}.message-menu button{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;width:100%;font-size:13px;border-radius:6px}.message-menu button:hover{background:#f0f7ff}.popover-dismiss{position:fixed;inset:0;z-index:30;cursor:default}.emoji-picker{position:absolute;right:0;bottom:40px;width:280px;padding:14px;z-index:31;border:1px solid #d5e4f8;border-radius:13px;background:#fff;box-shadow:0 10px 35px #264b7426}.popover-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#7999c2;margin-bottom:6px}.popover-title>.icon-button{padding:3px;min-height:25px;min-width:25px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.emoji-grid>button{font-size:23px;padding:6px 3px;border-radius:6px}.emoji-grid>button:hover{background:#edf6ff}.emoji-picker form{display:flex;gap:6px;align-items:center;padding-top:11px;margin-top:8px;border-top:1px solid var(--line)}.emoji-picker input{font-size:12px;padding:8px}.emoji-picker form>button{display:flex}.new-messages{position:absolute;bottom:210px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:25px;background:#416ba0;color:#fff;box-shadow:0 5px 17px #263f6330;font-size:13px;z-index:5}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 35px;background:#fff0f4;color:#b64b68;font-size:14px}.error-banner>button{font-weight:600;text-decoration:underline}.load-older{display:flex;align-items:center;gap:7px;margin:18px auto 5px;padding:8px 13px;border:1px solid #d8e6f8;border-radius:20px;font-size:13px;color:#84a2c9}.composer-area{padding:12px 35px 13px;border-top:1px solid #e5eefb;background:#fff;flex-shrink:0}.composer{position:relative;border:1px solid #c5d9f3;border-radius:13px;background:#fff;box-shadow:0 3px #e1ecfa,0 6px 15px #234b6e08}.composer:focus-within{border-color:#91b5e1;box-shadow:0 3px #d4e6f8,0 0 0 3px #edf6ff}.composer-modes{display:flex;gap:8px;align-items:center;padding:8px 11px 0}.composer-modes>button{display:flex;align-items:center;gap:6px;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:550;color:#99b1cf}.composer-modes>button.active{background:#eef6ff;color:#6e96c6}.composer-modes>span{margin-left:auto;font-size:10px;color:#a0badb}.question-composer{border-color:#a5c8ed;background:#fcfeff}.question-composer .composer-modes>button.active{background:#e4f1ff;color:#6294c7}.composer textarea{border:0;box-shadow:none;background:transparent;padding:13px 16px 5px;resize:none;min-height:65px;max-height:200px;font-size:16px;display:block;line-height:1.7}.composer textarea:focus{box-shadow:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px}.format-tools{display:flex;align-items:center;gap:4px;color:#a3bfdb}.format-tools>button{display:flex;align-items:center;justify-content:center;min-width:29px;height:29px;font-size:17px;border-radius:5px}.format-tools>button:hover,.format-tools>button.selected{background:#edf6ff;color:#739ecb}.format-tools>.preview-button{font-size:12px;padding:0 6px}.send-button{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:36px;background:var(--red);border-radius:7px;color:#fff;box-shadow:0 2px #a62d40;font-size:13px;font-weight:600}.send-button:disabled{background:#e8f1fb;color:#a1bddb;box-shadow:none;opacity:1}.composing-context{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #deebf9;background:#f0f7ff;border-radius:12px 12px 0 0;font-size:13px;color:#8baacd}.composing-context>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composing-context>.icon-button{min-height:24px;min-width:24px;padding:2px}.composer-preview{padding:16px;max-height:220px;overflow:auto}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px 0;font-size:11px;color:#a3bedb}.send-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#fff2f5;color:#bd687e;font-size:13px;border-radius:0 0 12px 12px}.send-error>button{text-decoration:underline;font-weight:650}.send-error>span{margin-left:auto;font-size:12px;color:#bb95a3}.timestamp-input{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid #e3effb;color:#95b5d5;font-size:12px}.timestamp-input>label{font-size:12px;white-space:nowrap;margin:0}.timestamp-input>input{max-width:90px;font-size:13px;padding:6px}.timestamp-input>span{font-size:11px;color:#abc3dd}.closed-note{font-size:14px;padding:17px;border-radius:9px;background:#eff6fd;color:#8faecc}.empty-state{text-align:center;padding:45px 20px;color:#a3bbd7}.empty-state>svg{margin-bottom:16px;color:#b6cde8}.empty-state h3{font-size:18px;color:#8da9ca;font-weight:500;margin-bottom:10px}.empty-state p{font-size:14px;color:#a3bbd7;line-height:1.7}.questions-view,.people-view{flex:1;overflow:auto;padding:32px 35px 45px;background:#f5f9ff;scrollbar-width:thin}.view-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px}.view-intro h2{font:400 25px/1.5 var(--serif);letter-spacing:-.5px;margin-bottom:7px}.view-intro p{font-size:14px;line-height:1.7;color:#8ca9ce;margin:0}.view-intro>.primary{font-size:13px;white-space:nowrap}.filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:25px 0 20px;padding-bottom:10px;border-bottom:1px solid #dcebf9}.filter-tabs>button{font-size:13px;padding:7px 11px;border-radius:7px;color:#96b4d7}.filter-tabs>button.active{background:#fff;color:#6e9ac8;border:1px solid #d3e7f9;box-shadow:0 2px 4px #305c7d12}.question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question-list-card{border:1px solid #c6def5;border-radius:14px;background:#fff;text-align:left;padding:19px;box-shadow:0 4px #dfedfb;transition:transform .15s}.question-list-card:hover{transform:translateY(-2px);border-color:#a1c8ea}.question-list-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.question-list-top>span:first-child{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;font-weight:650;color:#88b0d8}.question-list-card h3{font-size:17px;font-weight:550;line-height:1.7;color:#5e87ab;margin:18px 0;white-space:pre-line;overflow-wrap:anywhere}.question-list-bottom{display:flex;align-items:center;gap:7px;font-size:11px;color:#a2bdd8}.question-list-bottom>span:nth-last-child(2){margin-left:auto}.question-list-card.replied{border-color:#b9dece;box-shadow:0 4px #e1f2e9}.question-list-card.resolved{border-color:#d5e3f0;box-shadow:0 4px #e5eff8}.question-list-card.resolved h3{color:#9ab4cf}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{display:flex;align-items:center;flex-direction:column;padding:25px 18px;background:#fff;border:1px solid #d4e5f6;border-radius:16px;box-shadow:0 4px #e1edfa;text-align:center;transition:transform .15s}.person-card:hover{transform:translateY(-3px);border-color:#adceea}.person-card .avatar.large{width:95px;height:95px;border-radius:26px;box-shadow:0 4px #c1d4e844}.person-card>strong{font-size:16px;font-weight:600;margin-top:18px;overflow-wrap:anywhere}.person-card>strong>span{font-size:11px;font-weight:500;margin-left:5px;color:#9ebbd9}.person-card>p{font-size:13px;color:#a3bdd8;line-height:1.6;margin:8px 0 16px;overflow-wrap:anywhere}.person-card>small{display:flex;align-items:center;gap:6px;font-size:11px;color:#aec6df;margin-top:auto}.person-card>small i{height:5px;width:5px;border-radius:50%;background:#c6d9e9}.person-card>small.online{color:#7fb29b}.person-card>small.online i{background:#78b89e}.online-label{display:flex;align-items:center;gap:7px;font-size:13px;color:#8cb7a6;white-space:nowrap}.online-label>i{background:#7bb49d}.mobile-brand,.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#20385255;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:520px;max-width:100%;max-height:90dvh;overflow:auto;padding:24px;background:#fff;border:1px solid #deebf8;border-radius:20px;box-shadow:0 25px 85px #1b344a35;scrollbar-width:thin}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal>header h2{font:400 25px/1.4 var(--serif);letter-spacing:-.5px;margin:0}.profile-art{max-width:410px;margin:auto;padding:6px;background:#f1f7ff;border:1px solid #dceafa;border-radius:26px;box-shadow:0 5px #e0edfb}.profile-summary{padding:20px 4px 5px}.profile-presence{display:flex;align-items:center;gap:6px;font-size:12px;color:#a6c0db}.profile-presence.online{color:#75ac95}.profile-presence.online>i{background:#75b49b}.profile-summary>p{font-size:15px;color:#86a6c7;line-height:1.8;margin:13px 0}.profile-stats{display:flex;gap:17px;font-size:12px;color:#a0bdd9;margin:12px 0 20px}.profile-stats strong{font-size:16px;font-weight:600;color:#7da8cd;margin-right:3px}.profile-editor{border-top:1px solid var(--line);margin-top:20px;padding-top:3px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.button-row .outline,.button-row .primary{font-size:13px}.settings-modal>.outline{margin-top:20px}.room-invitation{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#eff7ff;border:1px dashed #b4d7f4;border-radius:11px;color:#80b0d5}.room-invitation>span{font-size:11px;letter-spacing:1px}.room-invitation>strong{font-size:22px;letter-spacing:3px}.recording-clock{padding:15px;margin-top:24px;border:1px solid #ddebf9;border-radius:11px;background:#f3f9ff}.recording-clock>h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#82adcd;margin-bottom:10px}.recording-clock>p{font-size:13px;line-height:1.8;color:#9abbd7;margin-bottom:0}.recording-clock label{font-size:12px;margin-top:15px}.recording-clock input{font-size:14px}.question-overview{padding:15px;background:#f0f7ff;border:1px solid #d2e8fb;border-radius:10px}.question-overview .markdown{margin:16px 0}.question-overview>.primary{font-size:13px;padding:9px 12px;min-height:36px}.reply-overview-list>div{padding:20px 0;border-bottom:1px solid #e4f0fb}.reply-overview-list .markdown{margin-top:8px}.reply-overview-list .text-button{font-size:12px}.toast{position:fixed;left:50%;bottom:23px;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;max-width:90vw;padding:13px 19px;border:1px solid #527da0;border-radius:11px;background:#355d7d;color:#eff9ff;box-shadow:0 8px 25px #294b6530;font-size:14px}.admin-page{max-width:850px;margin:35px auto;padding:0 25px}.admin-page>h1{font:400 35px var(--serif);margin-top:40px}.admin-page>form{max-width:400px;margin-bottom:35px}.admin-page>form .primary{margin-top:15px}.owner-grid{display:grid;gap:10px;margin:25px 0}.owner-room{display:flex;align-items:center;gap:20px;padding:17px;background:#fff;border:1px solid #d2e7f7;border-radius:10px;box-shadow:0 3px #e5f0fa}.owner-room strong{flex:1}.owner-room span{font-size:13px;letter-spacing:1px;color:#9bbfdc}.field-hint,.welcome-story>p,.view-intro p,.room-welcome p,.person-card>p,.profile-summary>p,.recording-clock>p{color:#687d9d}.sidebar-people>p,.side-section-title{color:#7488a8}.nav-item,.room-shortcuts a,.identity-name span,.text-button{color:#5c769f}.message-meta>a,.edited,.day-divider span,.composer-foot,.profile-stats,.person-card>small,.profile-presence,.chat-status{color:#788dab}.question-list-card h3{color:#3f5d82}.question-status.unanswered{color:#4f76ac}.question-status.replied{color:#377f5e}.question-status.resolved{color:#597797}.question-actions>button,.question-heading>span:first-child{color:#527bb2}.reaction span{color:#6b8db8}.filter-tabs>button,.person-card>small,.question-list-bottom,.timestamp,.profile-stats{color:#718cad}.format-tools{color:#8da5c6}.composer-modes>button{color:#7c96b8}.room-invitation{color:#5a88b2}@keyframes pulse{50%{opacity:.5}}@media(min-width:1550px){.sidebar{width:290px;padding-left:25px;padding-right:25px}.conversation-header,.chat-status,.search-state,.composer-area{padding-left:max(36px,calc((100vw - 1258px)/2));padding-right:max(36px,calc((100vw - 1258px)/2))}}@media(max-width:1100px){.sidebar{width:235px;padding-left:13px;padding-right:13px}.conversation-header{padding:20px 25px}.chat-status,.search-state,.composer-area,.feed-content{padding-left:25px;padding-right:25px}.welcome-grid{gap:40px;padding-left:4%;padding-right:4%}.welcome-story h1{font-size:50px}.welcome-story>p{font-size:15px}.bird-stage{margin-left:0}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-list{grid-template-columns:1fr}.questions-view,.people-view{padding:27px 25px}.view-intro{align-items:flex-start}.view-intro>.primary{font-size:12px;padding:9px 12px}.header-actions{gap:8px}.setup-card{padding:24px}.animal-options{gap:5px}.timestamp-input>span{display:none}}@media(max-width:760px){.welcome-header{padding:18px 20px}.brand{font-size:29px}.brand>img{width:52px;height:50px}.welcome-grid{grid-template-columns:1fr;padding:0 20px 35px;margin:0;gap:15px}.welcome-story{padding-top:15px}.welcome-story h1{font-size:40px;letter-spacing:-1.4px;margin:20px 0 14px}.welcome-story>p{font-size:15px;max-width:100%;padding-right:70px}.bird-stage{position:absolute;right:-25px;bottom:-18px;width:145px;height:140px;margin:0}.bird-stage>img{width:140px;height:140px;filter:drop-shadow(0 4px 0 #294e7315)}.bird-disc{width:105px;height:105px;top:15px;left:15px}.bird-orbit{width:130px;height:130px;left:0;top:3px}.orbit-two{width:145px;height:123px;left:-5px;top:8px}.floating-symbol{width:22px;height:22px;border-radius:6px;box-shadow:0 3px #bbd8f166}.symbol-q{font-size:15px;left:0;top:5px}.symbol-spark{font-size:14px;right:0;bottom:20px}.welcome-grid.home .welcome-story>p{padding-right:105px}.welcome-action{padding-top:15px}.home-actions>h2{font-size:25px;margin:10px 0 22px}.action-card{padding:20px 17px;margin-bottom:18px;border-radius:13px;gap:15px}.action-card strong{font-size:17px}.action-card small{font-size:12px}.starter-line{padding-top:10px;margin-bottom:15px}.welcome-footer{padding:20px;font-size:10px}.identity-form{margin-top:0}.setup-card{padding:23px 20px;border-radius:15px}.identity-heading>h2{font-size:23px}.identity-heading>.avatar{width:62px;height:62px}.animal-options{gap:6px}.check-label{font-size:13px}.field-hint{font-size:12px}.sidebar{display:none}.conversation-header{height:85px;padding:14px 16px;gap:8px}.room-heading{flex:1}.room-heading h1{font-size:25px;margin-top:5px}.mobile-brand{display:block}.mobile-brand .brand>span{display:none}.mobile-brand .brand>img{width:43px;height:43px}.header-actions{gap:2px}.header-actions>.invite-button{display:none}.header-actions>.icon-button{min-width:32px;padding:6px}.header-actions svg{width:20px;height:20px}.mobile-nav{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #dceafb;background:#f8fbff;flex-shrink:0}.mobile-nav>button{font-size:12px;padding:7px 10px;border-radius:7px;color:#8caaca}.mobile-nav>button.active{background:#e7f1ff;color:#638bb9;font-weight:600}.mobile-nav>button:last-child{margin-left:auto;padding:0}.chat-status{height:32px;padding:0 16px;font-size:10px}.connection{font-size:10px}.search-state{padding:8px 16px}.search-state input{font-size:14px}.feed-content{padding:0 16px 20px}.room-welcome{gap:12px;padding:20px 0 16px}.room-welcome>img{width:50px;height:50px}.room-welcome h2{font-size:19px}.room-welcome p{font-size:13px}.message{padding:13px 4px;gap:10px;margin:0 -4px}.message>.avatar{width:34px;height:34px;border-radius:11px}.message-meta{gap:6px}.profile-link{font-size:14px}.message-meta>a{font-size:11px}.markdown{font-size:15.5px}.message-tools{opacity:1;gap:8px}.message-tools button{padding:3px}.message-bottom{margin-top:7px}.message-meta .timestamp{font-size:10px}.question-message{padding:14px 12px;margin:12px 0;gap:9px;border-radius:11px}.question-message>.avatar{width:31px;height:31px;border-radius:9px}.question-heading{gap:7px;flex-wrap:wrap;margin-bottom:10px}.question-heading>span:first-child{font-size:10px;letter-spacing:.6px}.question-status{font-size:10px;padding:3px 6px}.question-message .markdown{font-size:16px}.question-actions{gap:13px}.question-actions button{font-size:11px}.question-actions>.resolve-action{margin-left:0;font-size:10px}.answer-message{padding-left:11px;margin-left:0}.reply-context{font-size:11px;padding:7px 8px;gap:5px}.reaction{font-size:14px;padding:3px 7px}.composer-area{padding:10px 12px max(11px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px;padding:11px 12px 4px;min-height:62px}.composer-modes{padding:7px 8px 0;gap:5px}.composer-modes>button{font-size:11px;padding:5px 7px;gap:5px}.composer-modes>span{display:none}.composer-toolbar{padding:7px 8px;gap:5px}.format-tools{gap:1px}.format-tools>button{min-width:26px;height:28px}.format-tools>.preview-button{font-size:11px;padding:0 4px}.send-button{font-size:12px;padding:7px 9px;gap:4px;min-height:33px}.composer-foot{font-size:10px}.composing-context{font-size:12px;padding:9px 10px}.new-messages{bottom:220px;font-size:12px}.timestamp-input{font-size:11px;gap:6px}.timestamp-input>label{font-size:11px}.timestamp-input>input{font-size:12px}.questions-view,.people-view{padding:23px 16px 35px}.view-intro{flex-direction:column;gap:15px}.view-intro h2{font-size:23px}.view-intro p{font-size:13px}.filter-tabs{gap:3px;margin-top:20px}.filter-tabs>button{font-size:11px;padding:6px 7px}.question-list{gap:15px}.question-list-card{padding:16px}.question-list-card h3{font-size:16px}.question-list-bottom{font-size:11px}.people-grid{gap:12px}.person-card{padding:20px 10px;border-radius:13px}.person-card .avatar.large{width:74px;height:74px;border-radius:22px}.person-card>strong{font-size:14px}.person-card>p{font-size:12px}.person-card>small{font-size:10px}.modal-backdrop{padding:15px}.modal{padding:20px;max-height:92dvh;border-radius:16px}.modal>header>h2{font-size:23px}.modal>header{margin-bottom:16px}.profile-art{padding:4px;border-radius:22px}.avatar.portrait{border-radius:20px}.profile-summary p{font-size:14px}.profile-stats{font-size:11px;gap:13px}.settings-modal label{font-size:13px}.settings-modal input{font-size:15px}.recording-clock{padding:13px}.toast{font-size:13px;padding:12px 15px;bottom:15px;width:max-content;max-width:90vw}.emoji-picker{width:265px;bottom:35px}.error-banner{padding:9px 16px;font-size:13px}.admin-page{margin-top:25px}.owner-room{gap:10px;font-size:14px}.owner-room span{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.message-meta>a,.edited,.profile-presence,.profile-stats,.day-divider span,.composer-foot,.person-card>small{font-size:12px;color:#637b9c}.question-status,.question-heading>span:first-child,.answer-heading,.question-actions>button,.question-actions>.resolve-action,.timestamp,.reaction>span,.question-list-top>span:first-child,.question-list-bottom,.composer-modes>button,.filter-tabs>button{font-size:12px}.markdown{font-size:16px}.composer-modes>button{font-size:13px}.field-hint{font-size:13px}.side-section-title,.chat-status,.connection{font-size:12px}.question-message .markdown{font-size:17px}.composer-foot{font-size:12px}.profile-summary>p,.view-intro>p,.room-welcome>p,.person-card>p{color:#637b9c}.room-title{display:block;font-size:14px;color:#657a99;line-height:1.4;max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-links{display:flex;flex-direction:column;gap:10px;margin-top:18px}.meeting-links>a,.meeting-links>button{display:flex;align-items:center;gap:9px;font-size:13px;color:#6981a1;padding:0;text-align:left;width:100%}.meeting-links span{flex:1}.meeting-links svg:last-child{color:#a1b1c7}.meeting-links>a:hover,.meeting-links>button:hover{color:#c2384e}.sidebar-room{margin-bottom:25px}.sidebar nav{flex-shrink:0}.sidebar-room{flex-shrink:0}.online-sidebar{margin:25px 8px 0;padding:0;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.online-list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 12px;font-size:13px;color:#657c9d;flex-shrink:0}.online-list-heading strong{font-size:12px;font-weight:500;color:#93a8c5;margin-left:5px}.online-list-heading>button{font-size:12px;color:#8199bb;padding:0}.online-people-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cad9ee transparent;padding:0 2px 15px}.online-person{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 4px;border-radius:8px;font-size:13px;color:#5e7494}.online-person:hover{background:#e7effd}.online-person>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.online-person>small{font-size:10px;color:#9aaecb}.online-person>i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#70af93}.online-empty{font-size:12px;color:#94a9c8;padding:10px 4px}.sidebar-bottom{flex-shrink:0;margin-top:10px}.room-invitation{margin-bottom:30px}.settings-modal>.room-invitation+p{margin:0 0 24px;line-height:1.8;white-space:pre-line}.custom-image-placeholder{height:68px;width:68px;display:flex;align-items:center;justify-content:center;background:#f0f5fe;border:1px dashed #b9cce9;color:#94aed4;border-radius:20px;flex-shrink:0}.custom-image-placeholder.large{height:auto;width:100%;aspect-ratio:1;flex-direction:column;gap:18px;border-radius:22px}.custom-image-placeholder.large>span{font-size:14px;color:#8ca4c7}.avatar.generated img{mix-blend-mode:normal}.avatar-mode-tabs{display:flex;gap:6px;padding:5px;background:#edf3fc;border-radius:9px;margin-top:25px}.avatar-mode-tabs>button{flex:1;padding:8px;border-radius:6px;font-size:13px;color:#8a9ebd}.avatar-mode-tabs>button.active{background:#fff;box-shadow:0 2px 5px #304d7910;color:#5e7da5}.profile-editor>.primary{margin-top:10px}.room-welcome{padding-top:30px}@media(max-width:760px){.room-title{font-size:12px;max-width:170px}.header-actions>.icon-button{min-width:29px;padding:4px}.header-actions svg{width:18px;height:18px}.room-invitation{margin-bottom:30px}.custom-image-placeholder{width:62px;height:62px}.settings-modal>.room-invitation+p{margin-bottom:24px}}.avatar-pending-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#8fa9cd;background:#edf3fc}.avatar.portrait .avatar-pending-image{position:absolute;inset:0}.avatar:has(.avatar-pending-image){background:#edf3fc!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.recording-control{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:18px}.recording-control button{font-size:13px;padding:9px 11px;min-height:37px;border-radius:8px}.sidebar .recording-control .outline{border-color:#506784;color:#e2eafa;background:#ffffff08}.clock-elapsed{color:#b5c6dd;font-size:13px;font-variant-numeric:tabular-nums}.recording-started{display:flex;gap:7px;align-items:center;font-size:12px;color:#b5c6dd;margin:18px 0 0}.running-dot{width:6px;height:6px;border-radius:50%;background:#6ad8b1;flex-shrink:0}.mobile-recording{display:none}.mention{display:inline;border-radius:4px;padding:1px 4px;background:#e6edff;color:#2857a4;font:inherit;font-weight:600;text-align:left;line-height:inherit}.mention:hover{background:#d4e1ff}.composer{position:relative}.mention-options{position:absolute;z-index:15;left:14px;right:14px;bottom:calc(100% - 42px);max-height:290px;overflow-y:auto;padding:6px;border:1px solid #d8e1f0;border-radius:12px;box-shadow:0 8px 28px #1b31552b;background:#fff}.mention-options button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;text-align:left;font-size:15px}.mention-options button span{flex:1}.mention-options button[aria-selected=true],.mention-options button:hover{background:#edf3ff;color:#2857a4}.composer.dragging{outline:3px solid #457bd3;outline-offset:3px}.drop-hint{position:absolute;inset:0;z-index:16;display:flex;align-items:center;justify-content:center;gap:12px;background:#f0f5ffed;border-radius:inherit;color:#2857a4;font-weight:600;pointer-events:none}.staged-images{display:flex;gap:10px;overflow-x:auto;padding:10px 16px}.staged-images>div{position:relative;width:120px;flex-shrink:0;border:1px solid #dce5f1;border-radius:9px;padding:5px;background:#f5f8ff}.staged-images img{width:108px;height:82px;object-fit:contain;border-radius:5px}.staged-images span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:4px 2px}.staged-images .icon-button{position:absolute;right:2px;top:2px;background:#fff;border:1px solid #dce5f1;min-height:25px;min-width:25px;padding:3px}.message-attachments{display:grid;gap:14px;margin-top:8px;max-width:540px}.shared-attachment{min-width:0}.attachment-open{display:block;max-width:100%;padding:0;background:#eef3fa;border:1px solid #dce5f1;border-radius:12px;overflow:hidden}.shared-image{display:block;max-width:100%;width:auto;height:auto;max-height:420px;object-fit:contain;border-radius:11px}.attachment-caption{display:block;margin-top:4px;color:#71829b;font-size:12px;overflow-wrap:anywhere}.attachment-placeholder{display:flex;align-items:center;justify-content:center;min-height:150px;border-radius:12px;border:1px solid #dce5f1;background:#f0f4fa;color:#71829b;width:280px;max-width:100%;font-size:14px}.gif-link{overflow-wrap:anywhere}.gif-link .shared-image,.markdown>p>a .shared-image{margin-top:10px;max-width:min(100%,480px)}.image-modal{width:min(960px,94vw)}.image-modal>img{display:block;max-width:100%;max-height:72vh;width:auto;margin:0 auto 16px;object-fit:contain;border-radius:10px}.image-modal>.outline{display:inline-flex;gap:8px}@media(max-width:760px){.mobile-recording{display:block;padding:0 15px;background:#f8faff}.mobile-recording .recording-control{margin:0;padding:8px 0}.mobile-recording .clock-elapsed{color:#667b98}.shared-image{max-height:320px}.composer-toolbar{flex-wrap:wrap;gap:8px}.format-tools{flex-wrap:wrap}}.mention-options button>.avatar{display:inline-flex;width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px;aspect-ratio:1;border-radius:6px;overflow:hidden;padding:0}.mention-options button>.avatar img{display:block;width:100%;height:100%;object-fit:cover}.mention-options button>.mention-option-name{flex:1 1 auto;min-width:0}.mention-options button>svg{flex-shrink:0}.recording-control .stop-clock{display:inline-flex;align-items:center;gap:7px;background:#fff0f2;border:1px solid #d6a0ab;color:#9a1736;font-weight:650;box-shadow:0 2px #c6ccd6}.recording-control .stop-clock:hover{background:#ffe1e7;border-color:#b9566e}.mention-input{min-height:72px;max-height:200px;overflow-y:auto;padding:14px 18px;font:inherit;font-size:16px;line-height:1.7;color:#24324b;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.mention-input:empty:before{content:attr(data-placeholder);color:#899bb6;pointer-events:none}.mention-input[aria-disabled=true]{opacity:.65}.composer-mention{display:inline;padding:2px 5px;border-radius:5px;color:#24569a;background:#e3edff;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}.replay-view{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(300px,1fr);gap:24px;padding:26px 30px;overflow:hidden;background:#f7f9fe}.replay-watch{min-width:0;overflow-y:auto;padding-right:3px}.replay-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.replay-heading h2{font-size:23px;letter-spacing:-.5px}.recording-player{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:13px;background:#14213a}.recording-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border:1px dashed #bed0ed;border-radius:13px;background:#edf3ff;text-align:center;padding:24px;color:#6a83a7}.recording-empty h3{font-size:19px;color:#294265}.recording-empty p{font-size:15px;max-width:310px;line-height:1.6}.replay-source-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:13px 0}.replay-source-actions a,.replay-source-actions button{display:inline-flex;align-items:center;gap:5px;color:#3566a8;font-size:13px}.replay-sync-note{color:#6d7f99;font-size:13px;line-height:1.65;margin:12px 0 20px}.replay-controls{display:flex;align-items:center;gap:9px;margin:22px 0 16px;flex-wrap:wrap}.replay-play{min-width:95px}.replay-speed{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:#6d7f99}.replay-speed select{width:auto;padding:7px;min-height:35px;font-size:14px;background:#fff;border:1px solid #cedbec;border-radius:7px}.replay-scrubber input{width:100%;accent-color:#ce2946;padding:0;cursor:pointer}.replay-scrubber>div{display:flex;justify-content:space-between;font-size:13px;color:#6d7f99;font-variant-numeric:tabular-nums}.replay-options{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.replay-options label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6d7f99}.replay-options input{width:auto;accent-color:#cc2845}.replay-discussion{min-height:0;display:flex;flex-direction:column;border:1px solid #dae4f2;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 16px #26395908}.replay-discussion>header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px;border-bottom:1px solid #e4ebf5}.replay-discussion h3{font-size:18px}.replay-discussion header span{display:block;font-size:12px;margin-top:5px;color:#8193ad}.replay-discussion .text-button{font-size:12px;color:#91a1b9}.replay-discussion .text-button.selected{color:#315f9f}.replay-feed{flex:1;min-height:0;overflow-y:auto;padding:10px 14px 24px}.replay-message{padding:16px 8px;border-bottom:1px solid #edf1f8;border-left:3px solid transparent;border-radius:8px}.replay-message.current{background:#f0f5ff;border-left-color:#5588d8}.replay-message.question{background:#eff5ff}.replay-message.answer{border-left-color:#80bba5}.replay-author{display:flex;align-items:center;gap:9px;margin-bottom:9px}.replay-author>.avatar{flex:0 0 30px;height:30px;width:30px;border-radius:7px}.replay-author .profile-link{font-size:14px;text-align:left}.replay-message-time{margin-left:auto;flex-shrink:0;font-size:12px;color:#6885ab;font-variant-numeric:tabular-nums}.replay-message .markdown{font-size:15px}.replay-reply{display:block;font-size:12px;color:#7697ba;margin:7px 0 10px}.replay-phase{display:inline-block;color:#8a99b0;font-size:11px;margin:0 0 8px}.replay-reactions{display:flex;gap:6px;margin-top:10px}.replay-reactions>span{font-size:12px;padding:3px 7px;border:1px solid #dbe5f3;border-radius:7px}@media(max-width:1080px){.replay-view{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);padding:20px;gap:16px}}@media(max-width:900px){.replay-view{display:flex;flex-direction:column;overflow-y:auto}.replay-watch{overflow:visible}.replay-discussion{min-height:440px;flex-shrink:0}.replay-feed{max-height:65vh}}@media(max-width:760px){.replay-view{padding:16px}.replay-heading h2{font-size:21px}.mobile-nav{flex-wrap:wrap}}