@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#343e36;background:#f5f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #be784a;outline-offset:4px}#app{max-width:1800px;margin:auto}header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.7px;text-decoration:none;color:inherit}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#344c3b;color:#f9f5e8;border-radius:9px;font-size:29px;line-height:1;padding-bottom:7px}.brand-period{font-size:10px;align-self:flex-start;margin:7px 0 0 -7px}.office-tag{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79916a}.tag-line{color:#babeb1;margin:0 8px}.icon-button{border:1px solid #dddfd2;background:transparent;border-radius:30px;padding:10px 15px;font-size:16px}.icon-button span{font-size:11px;margin-left:6px}main{position:relative;height:calc(100vh - 162px);min-height:550px;max-height:1000px}.intro{position:absolute;left:5%;top:45px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#7b826f}h1{font-family:Manrope,sans-serif;font-size:clamp(31px,3.1vw,47px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:17px 0}h1 span{color:#a77350}.intro p{font-size:12px;line-height:1.9;color:#878b7e;margin:0}#scene{position:absolute;inset:0 0 105px;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}.room-label{position:absolute;right:5%;top:47px;font-size:9px;letter-spacing:1.4px;display:flex;gap:9px;align-items:center}.room-label>span:last-child{border:1px solid #d7dace;border-radius:4px;padding:4px;margin-left:4px;color:#919684}.camera-help{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;font-size:10px;color:#8a8e80;white-space:nowrap}.camera-help>span{font-size:21px}.camera-help b{font-weight:400;color:#bcbeb3}.camera-help button{background:transparent;border:1px solid #d6dacd;border-radius:50%;color:#6c7765;width:27px;height:27px;margin-left:5px;font-size:17px}.person-card{position:absolute;left:5%;bottom:172px;background:#fffcf4e6;border:1px solid #e2e3d7;display:flex;gap:12px;align-items:center;padding:15px;border-radius:12px;width:237px;box-shadow:0 5px 15px #5b604607}.avatar{background:#e8e4d6;border-radius:10px;width:40px;height:43px;display:grid;place-items:center;font-size:33px;color:#a56f4b}.person-card strong{font-size:12px;font-weight:600}.person-card strong span{font-size:7px;letter-spacing:1px;margin-left:7px;color:#8e9383}.person-menu{margin-left:auto;color:#b6baa9;font-size:10px;align-self:flex-start}#status{font-size:10px;margin-top:6px;color:#7a816f;display:flex;align-items:center;gap:5px}#status i,footer i{width:5px;height:5px;border-radius:50%;background:#879d6e;display:inline-block}.actions{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:min(790px,90%)}.actions-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;font-weight:700;margin:0 3px 12px;color:#7a816f}.actions-heading span{font-size:10px;letter-spacing:0;font-weight:400;color:#999e8d}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px}.action-buttons button{border:1px solid #dddfd2;border-radius:11px;background:#fffdf6;display:flex;text-align:left;align-items:center;gap:12px;padding:18px 16px;color:#444e3f;transition:background .2s,transform .2s,box-shadow .2s}.action-buttons button:hover{background:#ecefe3;transform:translateY(-3px);box-shadow:0 6px 15px #444e3f0a}.action-buttons button.active{background:#3b523d;color:#fffcf1;border-color:#3b523d}.action-icon{font-size:25px;width:29px;text-align:center;line-height:1}.action-buttons button>span:nth-child(2){font-size:12px;font-weight:600;white-space:nowrap}.action-buttons small{display:block;font-size:10px;font-weight:400;color:#969a8a;margin-top:5px}.action-buttons .active small{color:#c1ccb5}.key{font-size:9px;border:1px solid #dfe2d5;border-radius:4px;padding:2px 5px;margin-left:auto;color:#929984}.active .key{border-color:#728368;color:#d7dfcd}footer{height:57px;margin:0 5%;border-top:1px solid #dedfd5;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#959987}footer>span:nth-child(2){font-size:8px;letter-spacing:1.4px}footer i{margin-right:6px}footer>span:last-child{font-size:8px;letter-spacing:1px}footer b{font-weight:400;margin-left:10px}@media(min-width:1500px){.intro{top:65px}}@media(max-width:900px){.office-tag{display:none}.person-card{bottom:174px;width:210px}.intro{top:28px}h1{font-size:32px}.intro p{font-size:11px}.room-label{top:30px}.camera-help{bottom:147px}.action-buttons button{padding:16px 12px;gap:7px}.key{display:none}}@media(max-width:600px){header{height:77px}.brand{font-size:26px}main{height:calc(100svh - 125px);min-height:750px}.intro{top:24px}h1{font-size:30px}.intro p{font-size:10px}.eyebrow{font-size:8px}.room-label{top:32px;font-size:7px;right:5%;gap:5px}.room-label .dot{display:none}#scene{inset:125px 0 220px}.person-card{bottom:241px;padding:10px;width:204px}.camera-help{bottom:207px;font-size:9px;width:90%;justify-content:center}.actions{bottom:17px}.actions-heading{margin-bottom:8px}.action-buttons{grid-template-columns:1fr;gap:6px}.action-buttons button{padding:10px 14px}.action-buttons button>span:nth-child(2){display:flex;align-items:center;gap:12px;width:100%;font-size:11px}.action-buttons small{margin:0 0 0 auto;font-size:9px}.action-icon{font-size:21px}.key{display:block}footer{height:48px;font-size:8px}footer>span:nth-child(2){display:none}}.camera-help #find-alex{width:auto;border-radius:20px;font-size:10px;padding:0 10px;margin-left:2px;background:#f5f3ebe6}.intro,.room-label{transition:opacity .2s}.close-view .intro,.close-view .room-label{opacity:0;pointer-events:none}.close-view .camera-help{background:#f5f3ebed;border-radius:25px;padding:5px 12px}.close-view .actions-heading{background:#f5f3ebed;border-radius:5px;padding:4px 7px}.thought-bubble{position:absolute;z-index:1;max-width:150px;padding:10px 15px;border:1px solid #d9dece;border-radius:23px;background:#fffdf5;color:#53634d;font-size:11px;line-height:1.4;text-align:center;box-shadow:0 4px 15px #39492f12;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 9px)) scale(.94);transform-origin:50% 100%;transition:opacity .35s,transform .35s}.thought-bubble:before,.thought-bubble:after{content:"";position:absolute;background:#fffdf5;border:1px solid #d9dece;border-radius:50%;pointer-events:none}.thought-bubble:before{width:9px;height:9px;bottom:-13px;left:calc(50% - 3px)}.thought-bubble:after{width:5px;height:5px;bottom:-22px;left:calc(50% + 6px)}.thought-bubble.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 9px)) scale(1)}@media(prefers-reduced-motion:reduce){.thought-bubble{transition:none}}.header-actions{display:flex;gap:8px;align-items:center}.whiteboard{position:fixed;inset:0;z-index:20;background:#f5f3ebf5;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 4%}.whiteboard-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;width:100%;max-width:1400px}.whiteboard-bar strong{font-size:10px;letter-spacing:1.6px;color:#53664f}.whiteboard-tools,.whiteboard-colors,.whiteboard-widths,.whiteboard-actions{display:flex;gap:6px;align-items:center}.whiteboard-actions{margin-left:auto}.whiteboard-bar button{border:1px solid #d9dfcc;background:#fafaf1;border-radius:20px;padding:8px 12px;font-size:11px;color:#667a5b;display:inline-flex;gap:6px;align-items:center}.whiteboard-bar [aria-pressed=true]{background:#3b523d;color:#fffcf1;border-color:#3b523d}.whiteboard-colors button{width:26px;height:26px;padding:0;border:2px solid #fffdf5;border-radius:50%}.whiteboard-colors [aria-pressed=true]{outline:2px solid #3b523d;outline-offset:2px}.whiteboard-stage{position:relative;flex:1;min-height:0;width:100%;max-width:1400px;display:flex;align-items:center;justify-content:center}.whiteboard-stage canvas{max-width:100%;max-height:100%;width:auto;height:auto;background:#fbfaf4;border:1px solid #dcdfd2;border-radius:10px;box-shadow:0 10px 30px #39492f14;touch-action:none;cursor:crosshair}.whiteboard-text{position:absolute;transform:translateY(-100%);border:1px dashed #8a9a7e;background:#fffdf5e6;font:600 1em DM Sans,sans-serif;padding:2px 4px;min-width:150px;border-radius:4px}.whiteboard-hint{font-size:10px;color:#8c987e;margin:0}@media(max-width:650px){.whiteboard{padding:10px 3%;gap:8px}.whiteboard-bar{gap:6px 10px}.whiteboard-bar strong{display:none}.whiteboard-actions{margin-left:0}}.go-to{display:flex;align-items:center;gap:14px;background:#fffdf6;border:1px solid #dddfd2;border-radius:11px;padding:12px 16px}.go-to label{font-size:12px;font-weight:600;color:#444e3f}.go-to select{font:inherit;font-size:13px;color:#3b523d;background:#f4f5ec;border:1px solid #d9dfcc;border-radius:8px;padding:10px 12px;min-width:180px}.go-hint{margin-left:auto;font-size:10px;color:#969a8a}@media(max-width:600px){.go-to{flex-wrap:wrap;gap:8px;padding:10px 12px}.go-to select{flex:1;min-width:0}.go-hint{display:none}}.icon-select{border:1px solid #dddfd2;background:transparent;border-radius:30px;padding:10px 14px;font:inherit;font-size:11px;color:#343e36}@media(max-width:650px){.icon-select{padding:8px;font-size:9px}}@media(max-width:600px){.header-actions{gap:5px}.header-actions .icon-button span{display:none}.header-actions .icon-button{padding:8px 10px;font-size:14px}.icon-select{max-width:96px}}.chat-panel{position:absolute;right:5%;bottom:172px;z-index:3;width:300px;background:#fffdf5ed;border:1px solid #dde1d3;border-radius:12px;font-size:11px;display:flex;flex-direction:column;overflow:hidden}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.chat-panel strong{font-size:10px;letter-spacing:1px}.chat-panel header button{border:1px solid #d6ddc9;background:transparent;border-radius:50%;width:22px;height:22px;font-size:13px;color:#6c7765;line-height:1;padding:0}.chat-panel ol{list-style:none;margin:0;padding:0 12px;max-height:150px;overflow:auto}.chat-panel li{padding:5px 0;border-top:1px solid #e9ecdf;line-height:1.45;word-break:break-word}.chat-panel li b{font-weight:600;color:#52664a;margin-right:6px}.chat-panel form{padding:8px 12px 12px}.chat-panel input{width:100%;border:1px solid #d7ddcc;background:#fafaf2;border-radius:8px;padding:9px 10px;font:inherit;font-size:12px;color:#3e513a}.chat-panel.collapsed ol,.chat-panel.collapsed form{display:none}.chat-panel.unread strong:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#a15038;margin-left:8px;vertical-align:middle}.thought-bubble.speech{background:#3b523d;color:#fffcf1;border-color:#3b523d}.thought-bubble.speech:before,.thought-bubble.speech:after{background:#3b523d;border-color:#3b523d}@media(max-width:650px){.chat-panel{left:4%;right:4%;width:auto;bottom:415px}.chat-panel ol{max-height:110px}}#music-volume{width:72px;accent-color:#3b523d}@media(max-width:650px){#music-volume{display:none}}#whiteboard-place{background:#3b523d;color:#fffcf1;border-color:#3b523d}body.wallpaper{overflow:hidden}body.wallpaper #app{max-width:none}body.wallpaper main{height:100vh;min-height:0;max-height:none}body.wallpaper #scene{inset:0}body.wallpaper header,body.wallpaper footer,body.wallpaper .intro,body.wallpaper .room-label,body.wallpaper .camera-help,body.wallpaper .person-card,body.wallpaper .actions,body.wallpaper .team-panel,body.wallpaper .chat-panel,body.wallpaper .voice-panel,body.wallpaper .demo-banner,body.wallpaper .floor-notice,body.wallpaper #connection-status,body.wallpaper .desk-picker,body.wallpaper .desk-tip,body.wallpaper .whiteboard{display:none!important}#now-playing{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#6b7563;text-decoration:none}#now-playing:hover{text-decoration:underline}@media(max-width:900px){#now-playing{display:none}}