@import"https://fonts.googleapis.com/css2?family=Asap:wght@400;700&family=Cabin+Condensed:wght@400;500;700&display=swap";:root{--v-orange: #f95325;--v-orange-dark: #a93819;--v-orange-line: #ea4c21;--v-blue-bar: #1e8bd7;--v-navy: #233a76;--v-link: #3a79b8;--v-cream: #fafaf5;--v-text: #444;--v-muted: #999;--v-line: #ccc;--v-err: #d95252;--v-font: "Asap", Arial, Helvetica, sans-serif;--v-font-cond: "Cabin Condensed", Arial, Helvetica, sans-serif;--v-header-h: 34px;--v-subheader-h: 36px}*{box-sizing:border-box}html,body,#app{height:100%}body{font:15px/1.5 var(--v-font);color:var(--v-text);background:#fff;margin:0}#app{display:flex;flex-direction:column}#content{flex:1;min-height:0;display:flex}.main{flex:1;min-width:0;position:relative;overflow:auto}.main>iframe{width:100%;height:100%;margin:0;padding:0;border:0;display:block}.panel{width:280px;display:flex;flex-direction:column;border-left:1px solid var(--v-line);background:#fff}.panelTabs{display:flex;height:36px;border-bottom:2px solid var(--v-orange-line)}.panelTabs button{flex:1;border:0;background:#fff;font:700 13px var(--v-font-cond);color:var(--v-navy);cursor:pointer}.panelTabs button[aria-pressed=true]{color:var(--v-orange)}.msgs{flex:1;overflow:auto;padding:8px 10px;font-size:13px}.msg{position:relative;margin:0 12px 10px 10px;padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 2px #0000001f;word-wrap:break-word}.msg:before{content:"";position:absolute;top:9px;left:-7px;border:6px solid transparent;border-left:0;border-right-color:#ddd}.msg:after{content:"";position:absolute;top:10px;left:-5px;border:5px solid transparent;border-left:0;border-right-color:#fff}.msg.mine{margin:0 10px 10px 12px;background:#fff4ef;border-color:#f7c9b8}.msg.mine:before{left:auto;right:-7px;border:6px solid transparent;border-right:0;border-left-color:#f7c9b8}.msg.mine:after{left:auto;right:-5px;border:5px solid transparent;border-right:0;border-left-color:#fff4ef}.media{padding:12px 16px}.mediaBar{display:flex;align-items:center;gap:6px;margin-bottom:12px;font:700 15px var(--v-font);color:var(--v-navy)}.mediaBar b{margin-right:10px}.mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mediaItem{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:var(--v-cream);border:1px solid var(--v-line);border-radius:4px;text-decoration:none;color:var(--v-text)}.mediaItem:hover{border-color:var(--v-orange)}.mediaItem img{width:100%;height:100px;object-fit:cover;background:#ddd;image-rendering:auto}.mediaVideo{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background:#333;color:var(--v-orange)}.mediaName{width:100%;font:12px var(--v-font-cond);color:var(--v-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.docIcon{position:relative;width:56px;height:72px;margin:14px 0;background:#fff;border:1px solid #bbb;border-radius:2px;box-shadow:1px 1px #ddd}.docIcon:before{content:"";position:absolute;left:10px;right:10px;top:34px;height:3px;box-shadow:0 8px #ccc,0 16px #ccc,0 24px #ccc;background:#ccc}.docIcon b{position:absolute;left:-6px;top:10px;padding:1px 5px;background:var(--v-navy);color:#fff;font:700 11px var(--v-font-cond);border-radius:2px}.docIcon[data-ext=PDF] b{background:#c0392b}.docIcon[data-ext=DOC] b,.docIcon[data-ext=DOCX] b{background:#2b5fc0}.docIcon[data-ext=XLS] b,.docIcon[data-ext=XLSX] b{background:#2f8f4e}.docIcon[data-ext=PPT] b,.docIcon[data-ext=PPTX] b{background:#d8731f}.docIcon[data-ext=ZIP] b{background:#8a7a2a}.who{font:700 13px var(--v-font-cond);color:var(--v-navy)}.when{color:var(--v-muted);font-size:11px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}.composer{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-top:1px solid var(--v-line)}.composer input{flex:1;min-width:0;height:28px;border:1px solid var(--v-line);border-radius:3px;padding:0 8px;font:13px var(--v-font)}.err{width:100%;color:var(--v-err);font-size:12px}.tab.right{margin-left:auto}.tab b{color:var(--v-orange)}.tab[aria-pressed=true] b{color:#fff}.header{height:var(--v-header-h);background:var(--v-blue-bar);display:flex;justify-content:space-between;color:#fff}.headerLeft{display:flex;align-items:center;height:var(--v-header-h);padding-left:58px;position:relative}.headerRight{display:flex;align-items:center;margin-right:12px;font:500 13px var(--v-font-cond);gap:4px}.logo{position:absolute;left:4px;top:-2px;width:52px;height:49px;text-decoration:none}.badge{display:block;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5fb4ee,#1e8bd7 60%,#176fae);border:2px solid #fff;box-shadow:0 1px 3px #0006;color:#fff;font:700 20px/44px var(--v-font);text-align:center;position:relative}.badge i{font-style:normal;color:var(--v-orange)}.badge em{position:absolute;right:-6px;bottom:2px;background:var(--v-orange);color:#fff;font:700 8px/12px var(--v-font-cond);padding:0 4px;border-radius:6px;text-transform:uppercase;font-style:normal}.headerIcoList{display:flex;align-items:center;height:var(--v-header-h);margin:0;padding:0 0 0 6px;list-style:none}.headerIcoList li{display:flex;align-items:center;height:33px}.headerIcoList .sep{width:2px;height:33px;background:#ffffff59;margin:0 6px}.hIco{display:flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:0;border-radius:3px;background:transparent;color:#dbeefb;font:700 13px var(--v-font-cond);cursor:pointer}.hIco .ico{color:#dbeefb}.hIco:hover{background:#ffffff26}.hIco[aria-pressed=true]{background:var(--v-orange);color:#fff}.hIco[aria-pressed=true] .ico{color:#fff}.hIco:disabled{color:#fff6;cursor:default;background:transparent}.hIco:disabled .ico{color:#fff6}.hIco small{margin-left:3px;padding:0 4px;border-radius:6px;background:#fff;color:var(--v-orange);font-size:10px;line-height:13px}.me .ico{vertical-align:-3px}.seekAndMeet{height:33px;display:flex;align-items:center;padding-left:4px}.seekAndMeet .field{display:flex;width:min(349px,40vw);height:25px;border:1px solid #9fd0f2;border-radius:4px;background:#eef7fd;overflow:hidden}.seekAndMeet .field.bad{border-color:var(--v-err);background:#fdeeee}.seekAndMeet input{flex:1;height:100%;border:0;background:transparent;padding:0 8px;font:13px var(--v-font);color:#333;outline:none}.seekAndMeet button{width:36px;border:0;background:var(--v-orange);color:#fff;font-size:16px;cursor:pointer}.seekAndMeet button:hover{background:var(--v-orange-line)}.me i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}.subHeader{height:var(--v-subheader-h);background:var(--v-cream);border-top:1px solid #fff;border-bottom:1px solid var(--v-line);display:flex;align-items:center;padding:0 10px;gap:4px}.tab{height:26px;padding:0 12px;border:1px solid var(--v-line);border-radius:3px;background:#fff;color:var(--v-navy);font:700 13px var(--v-font-cond);cursor:pointer}.tab[aria-pressed=true]{background:var(--v-orange);border-color:var(--v-orange-dark);color:#fff}.tab:disabled{color:var(--v-muted);cursor:default}.where{margin-left:12px;font:13px var(--v-font-cond);color:var(--v-muted)}.btn{font:700 13px var(--v-font);color:#fff;background:var(--v-orange);border:0;border-bottom:2px solid var(--v-orange-dark);border-radius:3px;height:28px;padding:0 14px;cursor:pointer}.btn:hover{background:var(--v-orange-line)}.btn:disabled{background:#bbb;border-color:#999;cursor:default}.panelPage{width:740px;max-width:calc(100% - 32px);margin:40px auto;padding:20px 24px;background:var(--v-cream);border:1px solid var(--v-line);border-radius:6px;box-shadow:0 2px 6px #00000026}.panelPage h2{margin:0 0 10px;font:700 21px var(--v-font);color:var(--v-navy)}.panelPage.blocked h2{color:var(--v-orange)}.muted{color:var(--v-muted);font-size:13px}.city{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cityCanvas{position:absolute;top:0;right:0;bottom:0;left:0}.cityCanvas canvas{display:block}.cityHud{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:4px}.zoom{width:28px;height:28px;border:0;border-bottom:2px solid var(--v-orange-dark);border-radius:4px;background:var(--v-orange);color:#fff;font:700 18px/26px var(--v-font);cursor:pointer}.zoom:hover{background:var(--v-orange-line)}.cityStatus{margin-left:8px;padding:3px 8px;background:#fafaf5e6;border-radius:3px;font:13px var(--v-font-cond);color:var(--v-navy)}.cityTip{position:absolute;left:10px;bottom:10px;max-width:360px;padding:6px 10px;background:#4a4a4a;color:#fff;border-radius:4px;font:13px/1.4 var(--v-font-cond);pointer-events:none}.privacy h3{margin:16px 0 6px;font:700 17px var(--v-font);color:var(--v-navy)}.privacy ul{padding-left:20px}.privacy li{margin-bottom:6px}.privacy code{font-size:13px;background:#fff;padding:0 3px;border:1px solid var(--v-line);border-radius:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#233a7673;display:flex;align-items:center;justify-content:center}.popup{width:380px;background:var(--v-cream);border-radius:6px;padding:16px 20px;border-top:4px solid var(--v-orange);box-shadow:0 4px 12px #0000004d}.popup h2{margin:0 0 8px;font:700 19px var(--v-font);color:var(--v-navy)}.popup input{height:28px;width:220px;border:1px solid var(--v-line);border-radius:3px;padding:0 8px;font:15px var(--v-font);margin-right:6px}body[data-theme=clean]{--v-orange: #e2552b;--v-orange-dark: #b8421f;--v-orange-line: #d04a22;--v-blue-bar: #1f2937;--v-navy: #111827;--v-cream: #f9fafb;--v-line: #e5e7eb;--v-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--v-font-cond: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--v-header-h: 44px;--v-subheader-h: 32px}body[data-theme=clean] .badge{background:#111827;border-color:#374151;box-shadow:none}body[data-theme=clean] .badge em,body[data-theme=clean] .headerIcoList .sep{display:none}body[data-theme=clean] .hIco{font-weight:500}body[data-theme=clean] .seekAndMeet .field{width:420px;border-color:#374151;background:#fff;border-radius:6px}body[data-theme=clean] .btn,body[data-theme=clean] .zoom{border-bottom-width:0;border-radius:6px}body[data-theme=clean] .panelPage,body[data-theme=clean] .popup{box-shadow:0 1px 2px #00000014;border-radius:8px}body[data-theme=clean] .msg{box-shadow:none}body[data-theme=clean] .msg:before,body[data-theme=clean] .msg:after{display:none}body[data-theme=clean] .panelTabs{border-bottom-color:var(--v-line)}
