@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Mono:wght@300;400;500&family=Figtree:wght@300;400;500;600;700&display=swap";:root{font-family:Figtree,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:260px;background:#0d0d0f}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent, #799fe5);outline-offset:2px}button:disabled{cursor:wait;opacity:.58}.product-screen{--page:#0d0d0f;--surface:#161618;--toolbar:#1a1a1e;--heading-from:#1a1a1e;--heading-to:#111113;--text:#f0f0f2;--muted:#6b6b7a;--dim:#3a3a45;--readable-muted:#9a9aa8;--readable-dim:#858594;--border:#2a2a2e;--hover:#1e1e22;--accent:#799fe5;align-items:center;background:var(--page);color:var(--text);display:flex;flex-direction:column;min-height:100vh;padding:40px 12px}.product-screen[data-mode=light],.product-screen:has(.radar-wrap[data-mode=light]){--page:#e8e8ee;--surface:#f5f5fa;--toolbar:transparent;--heading-from:#f5f5fa;--heading-to:#ececf2;--text:#2b2b30;--muted:#6b6b7a;--dim:#bbbbc8;--readable-muted:#62626e;--readable-dim:#71717d;--border:#e1e1e9;--hover:#ebebf0}.radar-wrap{align-items:flex-end;display:flex;flex-direction:column;margin-inline:auto;max-width:360px;min-width:260px;width:100%}.meeting-radar,.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 32px #0006;color:var(--text);display:flex;flex-direction:column;width:100%}.meeting-radar{overflow:visible}.settings-card{overflow:hidden}.meeting-radar .radar-toolbar{border-radius:14px 14px 0 0}.radar-toolbar{align-items:center;background:var(--toolbar);border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;min-height:51px;padding:12px 20px}.appearance-controls{align-items:center;display:flex;justify-content:space-between;width:100%}.mode-toggle{background:var(--toggle);border:0;border-radius:50px;display:flex;height:26px;padding:2px;position:relative;width:50px}.mode-thumb{background:var(--accent);border-radius:50%;height:22px;left:26px;position:absolute;top:2px;transition:left .3s cubic-bezier(.34,1.4,.64,1),background-color .35s ease;width:22px;z-index:1}.mode-thumb.light{left:2px}.mode-icon{align-items:center;border-radius:50%;display:flex;height:22px;justify-content:center;position:relative;transition:background-color .15s ease;z-index:2}.mode-icon.sun{width:25px}.mode-icon.moon{width:23px}.mode-toggle:hover .mode-icon{background:#ffffff0f}.skin-selector{align-items:center;display:flex;gap:4px;height:18px}.skin-dot{background:transparent;border:0;height:12px;padding:0;position:relative;width:12px}.skin-dot:before{background:var(--dot);border-radius:50%;content:"";height:8px;inset:2px;position:absolute;transition:box-shadow .18s ease,height .18s ease,inset .18s ease,width .18s ease;width:8px}.skin-dot:hover:before{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--dot);height:12px;inset:0;width:12px}.skin-dot.active:before{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--dot);height:12px;inset:0;width:12px}.skin-selector:has(.skin-dot:hover) .skin-dot.active:not(:hover):before{box-shadow:none;height:8px;inset:2px;width:8px}.connection-status{color:var(--readable-muted);font-family:DM Mono,monospace;font-size:9px;margin-left:10px;white-space:nowrap}.connection-status:before{animation:status-ping 1.5s ease-out infinite;background:var(--waiting);border-radius:50%;content:"";display:inline-block;height:5px;margin-right:5px;width:5px}.connection-status.offline:before{animation:none;background:#ca7c7c}.radar-heading,.settings-heading{align-items:center;background:linear-gradient(to bottom,var(--heading-from),var(--heading-to));display:flex;flex-direction:column;padding:12px 20px 20px}.radar-artwork{animation:art-float 4s ease-in-out infinite;height:98px;width:98px}.radar-artwork img{display:block;height:100%;object-fit:cover;width:100%}.radar-heading h1,.settings-heading h1{font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:800;line-height:1.4;margin:0;text-align:center}.radar-heading p,.settings-heading p{color:var(--readable-muted);font-size:11px;line-height:16.5px;margin:0;text-align:center}.section-label{align-items:center;display:flex;gap:7.5px;padding:12px 20px 8px}.section-label.first{padding-top:20px}.section-label h2{color:var(--readable-muted);font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.section-label span{align-items:center;background:var(--badge);border-radius:50px;color:var(--badge-text);display:flex;font-size:9px;font-weight:700;line-height:9px;padding:1.875px 5.625px}.session-group{display:flex;flex-direction:column;gap:1.875px;padding:0 10px 8.5px;position:relative}.presence-group{align-items:center;display:flex;min-height:39px;padding:4px 20px 10px}.presence-group.bordered{border-bottom:.5px solid var(--border)}.presence-row{align-items:center;display:flex;height:32px;padding:2px}.avatar-cluster{align-items:center;display:flex;height:30px;min-width:0;padding:1px 0;position:relative}.person-avatar-wrap{flex:0 0 28px;height:28px;position:relative;width:28px}.person-avatar-wrap+.person-avatar-wrap,.avatar-overflow{margin-left:-7px}.person-avatar{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:50%;color:var(--readable-muted);cursor:default;display:flex;font-family:DM Mono,monospace;font-size:8px;height:28px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:border-color .12s ease,transform .12s ease;width:28px;z-index:1}.person-avatar-wrap.muted .person-avatar{color:var(--readable-muted)}.person-avatar-wrap.muted .person-avatar img{filter:saturate(.55);opacity:.82}.person-avatar img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.person-avatar:hover,.person-avatar:focus-visible{border-color:var(--accent);outline:2px solid var(--surface);outline-offset:1px;transform:translateY(-1px);z-index:3}.avatar-tooltip{background:var(--text);border-radius:4px;bottom:calc(100% + 6px);color:var(--page);font-size:10px;font-weight:600;left:50%;line-height:1.25;max-width:190px;opacity:0;overflow-wrap:anywhere;padding:5px 7px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,2px);transition:opacity .12s ease,transform .12s ease;visibility:hidden;width:max-content;z-index:20}.person-avatar-wrap:has(.person-avatar:hover) .avatar-tooltip,.person-avatar-wrap:has(.person-avatar:focus-visible) .avatar-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.avatar-overflow{align-items:center;background:var(--hover);border:1px solid var(--border);border-radius:50%;color:var(--readable-muted);display:flex;flex:0 0 28px;font-family:DM Mono,monospace;font-size:8px;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.session-group.bordered{border-bottom:.5px solid var(--border)}.session-group.final{padding-bottom:24px}.session-row{background:transparent;border:1px solid transparent;border-radius:13.375px;color:inherit;min-width:0;padding:10px 11px;text-align:left;transition:background-color .12s ease,border-color .18s ease;width:100%}.session-row:hover,.session-row.expanded{background:var(--hover)}.session-row.expanded{border-color:var(--border)}.session-summary{align-items:center;display:flex;gap:9.375px;min-width:0;width:100%}.status-dot{align-items:center;display:flex;flex:0 0 11.25px;justify-content:center}.status-dot span{background:var(--dim);border-radius:50%;display:block;height:6px;width:6px}.status-dot.active{height:7.5px;position:relative}.status-dot.active span{background:var(--accent);height:7.5px;position:relative;width:7.5px}.status-dot.active:before{animation:status-ping 1s cubic-bezier(0,0,.2,1) infinite;background:var(--accent);border-radius:50%;content:"";height:7.5px;opacity:.4;position:absolute;width:7.5px}.waiting-group .status-dot.active span,.waiting-group .status-dot.active:before{background:var(--waiting)}.session-copy{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:visible}.session-toggle{background:none;border:0;color:inherit;display:block;margin:0;max-width:100%;min-width:0;padding:0;text-align:left}.session-copy strong{color:var(--text);display:block;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ended .session-copy strong{color:var(--readable-muted)}.session-copy .avatar-cluster{margin-top:3px}.session-row .avatar-tooltip{bottom:auto;left:calc(100% + 6px);top:50%;transform:translate(2px,-50%)}.session-row .person-avatar-wrap:has(.person-avatar:hover) .avatar-tooltip,.session-row .person-avatar-wrap:has(.person-avatar:focus-visible) .avatar-tooltip{transform:translateY(-50%)}.session-time{color:var(--readable-muted);display:flex;flex:0 0 42px;flex-direction:column;font-size:11px;line-height:13.75px;text-align:right}.session-time small{color:var(--readable-dim);font-size:10px;line-height:12.5px}.session-details{border-top:1px solid var(--border);display:grid;font-family:DM Mono,monospace;font-size:10px;gap:4px 8px;grid-template-columns:1fr 1fr;margin-top:10px;padding-top:10px}.session-details span:nth-child(odd){color:var(--dim)}.session-details span:nth-child(2n){color:var(--muted);text-align:right}.empty-row{color:var(--readable-dim);font-size:11px;margin:2px 11px 10px}.settings-link{align-items:center;background:none;border:0;color:var(--readable-muted);display:flex;font-size:10px;gap:4px;margin-top:7px;opacity:.9;padding:3px 1px;transition:opacity .15s ease}.settings-link:hover,.settings-link:focus-visible{opacity:.9}.auth-shell{max-width:360px;width:100%}.auth-shell .meeting-radar.minimal{border-bottom:0;border-radius:15px 15px 0 0;box-shadow:0 4px 18px #00000042}.state-panel{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:0 0 15px 15px;color:var(--text);display:flex;flex-direction:column;margin:0;min-height:164px;padding:22px 26px;position:relative;text-align:center;width:100%;z-index:3}.state-panel h2,.settings-message h2{font-family:Bricolage Grotesque,sans-serif;font-size:15px;margin:6px 0 3px}.state-panel p,.settings-message p{color:var(--readable-muted);font-size:11px;line-height:1.45;margin:0 0 15px;max-width:270px}.primary-action,.secondary-action{align-items:center;border-radius:7px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;justify-content:center;min-height:36px;padding:8px 13px}.primary-action{background:var(--accent);border:1px solid var(--accent);color:#0d0d0f}.secondary-action{background:transparent;border:1px solid var(--border);color:var(--text)}.state-panel .primary-action+.secondary-action{margin-top:7px}.google-mark{align-items:center;background:#fff;border-radius:50%;color:#4285f4;display:flex;font-family:Arial,sans-serif;font-weight:700;height:17px;justify-content:center;width:17px}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:18px;width:18px}.inline-state{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--readable-muted);display:flex;font-size:11px;gap:8px;margin-top:10px;max-width:360px;padding:9px 10px;width:100%}.inline-state.error{color:#ca7c7c}.inline-state button{background:none;border:0;color:inherit;margin-left:auto;padding:2px}.settings-product{--accent:#799fe5}.settings-card{max-width:360px;min-width:260px}.settings-toolbar{gap:12px}.settings-toolbar .appearance-controls{flex:1}.icon-button{background:none;border:0;color:var(--muted);display:flex;padding:4px}.settings-heading{padding-top:4px}.settings-heading .radar-artwork{height:76px;width:76px}.settings-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.settings-form{display:flex;flex-direction:column;gap:13px;padding:20px}.settings-form label{color:var(--readable-muted);display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:5px;text-transform:uppercase}.settings-form label small{color:var(--readable-dim);font-size:9px;font-weight:500;margin-left:4px;text-transform:none}.settings-form input{background:var(--hover);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;min-height:36px;padding:8px 10px;text-transform:none;width:100%}.settings-form input[aria-invalid=true]{border-color:#b96666}.number-field{align-items:center;display:flex;position:relative}.number-field span{color:var(--dim);font-size:10px;position:absolute;right:10px;text-transform:none}.number-field input{padding-right:58px}.save-action{margin-top:2px;width:100%}.form-feedback{font-size:10px;line-height:1.4;margin:0}.form-feedback.success{color:#74a96c}.form-feedback.error{color:#ca7c7c}.integration-summary{display:flex;flex-wrap:wrap;gap:6px}.integration-summary span{background:var(--hover);border:1px solid var(--border);border-radius:50px;color:var(--readable-muted);font-size:9px;padding:3px 7px}.integration-summary span.connected{color:#74a96c}.integration-summary span.rejected{color:#d98686}.settings-message{align-items:center;display:flex;flex-direction:column;min-height:210px;padding:30px 20px;text-align:center}.settings-signout{align-items:center;background:none;border:0;color:var(--readable-muted);display:flex;font-size:10px;gap:4px;margin-top:8px;opacity:.9;padding:4px}@keyframes art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes status-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:380px){.product-screen{padding:20px 8px}.radar-wrap,.settings-card{min-width:0}.radar-toolbar{padding-left:16px;padding-right:16px}.session-row{padding-left:8px;padding-right:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.radar-artwork{transform:translateY(-2px)}.status-dot.active:before{opacity:.18;transform:scale(1.55)}}