@layer cui.reset, cui.tokens, cui.base, cui.layout, cui.components, cui.utilities;@layer cui.components{.copy-box{--_height: var(--cui-copy-box-height, var(--cui-control-height));--_bg: var(--cui-copy-box-bg, var(--cui-surface-2));--_fg: var(--cui-copy-box-fg, var(--cui-text));--_border: var(--cui-copy-box-border, var(--cui-border));--_muted: var(--cui-copy-box-muted, var(--cui-text-3));--_hover: var(--cui-copy-box-hover, var(--cui-surface-hover));--_radius: var(--cui-copy-box-radius, var(--cui-radius));display:flex;align-items:stretch;min-height:var(--_height);min-width:0;font-family:var(--cui-font-mono);font-size:var(--cui-text-sm);color:var(--_fg);background:var(--_bg);border:var(--cui-border-width) solid var(--_border);border-radius:var(--_radius);overflow:hidden}.copy-box>code,.copy-box>.copy-box-text{flex:1 1 auto;display:flex;align-items:center;min-width:0;padding:var(--cui-space-2) var(--cui-space-3);font:inherit;color:inherit;background:none;border:0;border-radius:0;white-space:nowrap;overflow-x:auto;scrollbar-width:none;user-select:all}.copy-box>code::-webkit-scrollbar,.copy-box>.copy-box-text::-webkit-scrollbar{display:none}.copy-box>code:focus,.copy-box>.copy-box-text:focus{outline:none}.copy-box:focus-within{border-color:var(--cui-primary)}.btn-copy{display:inline-flex;align-items:center;justify-content:center;gap:.3em;flex-shrink:0;min-width:var(--_height, var(--cui-control-height));padding:0 var(--cui-space-3);font-family:var(--cui-font-sans);font-size:var(--cui-text-sm);font-weight:var(--cui-weight-medium);color:var(--_muted, var(--cui-text-3));background:rgba(0,0,0,0);border:0;border-inline-start:var(--cui-border-width) solid var(--_border, var(--cui-border));border-radius:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color var(--cui-transition),color var(--cui-transition)}.btn-copy:hover{color:var(--_fg, var(--cui-text));background:var(--_hover, var(--cui-surface-hover))}.btn-copy:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.btn-copy[data-copied]{color:var(--cui-success-text)}.copy-box-sans{font-family:var(--cui-font-sans)}}.tabbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--cui-z-sticky);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:calc(var(--beeps-tabbar-height) + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);background:var(--cui-bg);border-block-start:var(--cui-border-width) solid var(--cui-border)}@media(width >= 40rem){.tabbar{display:none}}.tabbar-item{position:relative;display:flex;align-items:center;justify-content:center;color:var(--beeps-nav-fg);-webkit-tap-highlight-color:rgba(0,0,0,0)}.tabbar-item>.icon{--cui-icon-size: 1.75rem}.tabbar-item[aria-current=page]{color:var(--cui-text)}.tabbar-item[aria-current=page]>.icon{--cui-icon-fill: 1}.tabbar-item:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.tabbar-item .nav-count{inset-block-start:.5rem;inset-inline-start:50%}.fab{position:fixed;inset-inline-end:var(--cui-space-4);inset-block-end:calc(var(--beeps-tabbar-height) + env(safe-area-inset-bottom) + var(--cui-space-4));z-index:var(--cui-z-sticky);display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;color:var(--cui-primary-contrast);background:var(--cui-primary-solid);border-radius:var(--cui-radius-full);box-shadow:0 4px 12px oklch(0 0 0/.2)}.fab>.icon{--cui-icon-size: 1.5rem}.fab:hover{background:var(--cui-primary-solid-hover)}.fab:focus-visible{outline:none;box-shadow:var(--cui-ring)}@media(width >= 40rem){.fab{display:none}}.composer{display:grid;grid-template-columns:2.5rem minmax(0, 1fr);gap:var(--cui-space-3);padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-2);border-block-end:var(--cui-border-width) solid var(--cui-border)}.composer[data-dropping]{background:var(--cui-primary-soft);box-shadow:inset 0 0 0 2px var(--cui-primary)}.composer-avatar{--cui-avatar-size: 2.5rem}.composer-main{display:flex;flex-direction:column;gap:var(--cui-space-2);min-width:0}.composer-text{--_border: transparent;min-height:3.25rem;max-height:60vh;padding:var(--cui-space-1-5) 0;font-size:var(--cui-text-xl);line-height:1.4;background:rgba(0,0,0,0);border:0;border-radius:0;resize:none;field-sizing:content}.composer-text:focus,.composer-text:focus-visible{box-shadow:none}.composer-text::placeholder{color:var(--cui-text-2)}.composer-input{display:grid}.composer-input>*{grid-area:1/1}.composer-highlight{overflow:hidden;color:var(--cui-text);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none}.composer-highlight>.mention{color:var(--cui-primary-text)}.composer-input>.textarea{--_fg: transparent;caret-color:var(--cui-text)}.composer-input>.textarea::selection{background:color-mix(in oklch, var(--cui-primary) 25%, transparent)}.composer-field{position:relative}.mention-list{inset-inline:0 auto;width:max-content;min-width:0;max-width:min(15rem,100%);padding-block:var(--cui-space-1);border-radius:var(--cui-radius-lg)}.mention-option{display:flex;align-items:baseline;gap:var(--cui-space-1);padding:var(--cui-space-1-5) var(--cui-space-2-5);font-size:.8125rem;white-space:nowrap;cursor:pointer}.mention-option>.badge{flex-shrink:0;align-self:center}.mention-option[aria-selected=true]{background:var(--beeps-surface-raised-hover)}.mention-name{overflow:hidden;text-overflow:ellipsis;font-weight:var(--cui-weight-bold)}.mention-handle{flex-shrink:1;min-width:3rem;overflow:hidden;text-overflow:ellipsis;color:var(--cui-text-2)}.reply-box .composer-text{min-height:2.5rem;font-size:var(--cui-text-lg)}.composer-previews{display:flex;flex-wrap:wrap;gap:var(--cui-space-2)}.composer-previews>img{width:5rem;height:5rem;object-fit:cover;border:var(--cui-border-width) solid var(--cui-border);border-radius:var(--cui-radius-lg)}.composer-footer{display:flex;align-items:center;gap:var(--cui-space-3)}.composer-images{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;padding:0;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition),color var(--cui-transition)}.composer-images>.icon{--cui-icon-size: 1.375rem}.composer-images:focus-visible{outline:none;box-shadow:var(--cui-ring)}.composer-images{position:relative;margin-inline:calc(-1*var(--cui-space-2)) auto;color:var(--cui-primary-text);cursor:pointer}.composer-images:hover{background:var(--cui-primary-soft)}.composer-images:has(:focus-visible){outline:none;box-shadow:var(--cui-ring)}.composer-images:has(:user-invalid){color:var(--cui-danger-text)}.composer-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}.composer-count{color:var(--cui-text-2);font-size:.8125rem;font-variant-numeric:tabular-nums}.composer-count[data-over]{color:var(--cui-danger-text);font-weight:var(--cui-weight-bold)}.notification{position:relative;border-block-end:var(--cui-border-width) solid var(--cui-border)}.notification>.beep{border-block-end:0}.notification-group{display:grid;grid-template-columns:2.5rem minmax(0, 1fr);gap:var(--cui-space-3);padding:var(--cui-space-3) var(--beeps-pad);color:var(--cui-text);font-size:var(--beeps-text-size);transition:background-color var(--cui-transition);cursor:pointer}@media(hover: hover)and (pointer: fine){.notification-group:hover{background:var(--cui-surface-hover)}}.notification-icon{display:flex;align-items:center;justify-content:flex-end;height:2rem}.notification-icon>.icon{--cui-icon-size: 1.5rem;--cui-icon-fill: 1}.notification-icon-like{color:var(--beeps-like)}.notification-main{display:flex;flex-direction:column;gap:var(--cui-space-2);min-width:0}.notification-avatars{display:flex;flex-wrap:wrap;gap:var(--cui-space-1);line-height:0}.notification-avatars>.avatar{border-radius:var(--cui-radius-full)}.notification-text{line-height:1.35;overflow-wrap:anywhere}.notification-name{color:var(--cui-text);font-weight:var(--cui-weight-bold);text-decoration:none}.notification-name:hover{text-decoration:underline}.notification-link{color:inherit;text-decoration:none}.notification-quote{color:var(--cui-text-2);line-height:1.4;overflow-wrap:anywhere}.notification-quote a{color:inherit}.notification-dot{position:absolute;inset-block-start:calc(var(--cui-space-3) + .75rem);inset-inline-start:calc(var(--beeps-pad)/2 - .25rem);width:.5rem;height:.5rem;background:var(--cui-primary);border-radius:var(--cui-radius-full)}.notification:has(>.beep)>.notification-dot{inset-block-start:calc(var(--cui-space-3) + 1rem)}.feed-new{display:block;inline-size:100%;padding:var(--cui-space-4) var(--beeps-pad);color:var(--cui-primary-text);font-size:var(--beeps-text-size);background:none;border:0;border-block-end:var(--cui-border-width) solid var(--cui-border);cursor:pointer;transition:background-color var(--cui-transition);scroll-margin-block-start:var(--beeps-column-header-height)}.feed-new:hover{background:var(--cui-surface-hover)}.feed-new:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.feed-new-float{position:sticky;inset-block-start:calc(var(--beeps-column-header-height) + var(--cui-space-3));z-index:var(--cui-z-sticky);display:flex;justify-content:center;block-size:0;pointer-events:none}.feed-new-pill{display:inline-flex;align-items:center;gap:var(--cui-space-2);block-size:2.5rem;padding:0 var(--cui-space-4) 0 var(--cui-space-3);color:var(--cui-primary-contrast);font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);white-space:nowrap;background:var(--cui-primary-solid);border:0;border-radius:var(--cui-radius-full);box-shadow:0 2px 8px oklch(0 0 0/.2);cursor:pointer;pointer-events:auto;animation:feed-new-in var(--cui-duration-slow) var(--cui-ease)}.feed-new-pill:hover{background:var(--cui-primary-solid-hover)}.feed-new-pill:focus-visible{outline:2px solid var(--cui-primary-contrast);outline-offset:-4px}.feed-new-pill>.icon{--cui-icon-size: 1.25rem}.feed-new-avatars{display:flex}.feed-new-avatars>img{inline-size:1.5rem;block-size:1.5rem;border:2px solid var(--cui-primary-solid);border-radius:50%;background:var(--cui-bg)}.feed-new-avatars>img+img{margin-inline-start:-0.5rem}@keyframes feed-new-in{from{opacity:0;translate:0 -0.5rem}}.settings-nav{display:flex;flex-direction:column;padding-block:var(--cui-space-2)}.settings-link{display:flex;align-items:center;gap:var(--cui-space-4);padding:var(--cui-space-3) var(--beeps-pad);color:var(--cui-text);text-decoration:none;transition:background-color var(--cui-transition)}.settings-link>.icon{--cui-icon-size: 1.375rem;flex-shrink:0;color:var(--cui-text-2)}.settings-link:is(a):hover{background:var(--cui-surface-hover)}.settings-link:focus-visible{outline:none;box-shadow:inset var(--cui-ring)}.settings-link-text{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--cui-space-0-5);min-width:0}.settings-link-title{font-size:var(--beeps-text-size);line-height:1.25rem}.settings-link-help{color:var(--cui-text-2);font-size:var(--cui-text-sm);line-height:1.125rem;overflow-wrap:anywhere}.settings-link>.settings-link-chevron{--cui-icon-size: 1.25rem}.settings-switches{display:flex;flex-direction:column;padding-block:var(--cui-space-2)}.settings-switches>.switch{align-items:center;gap:var(--cui-space-4);cursor:pointer}.settings-switches>.switch:hover{background:var(--cui-surface-hover)}.settings-connections,.settings-devices{padding-block:var(--cui-space-3) var(--cui-space-2)}.settings-connections>.settings-heading,.settings-devices>.settings-heading{margin:0;padding:var(--cui-space-2) var(--beeps-pad)}.settings-connections>.settings-link>.brand-logo,.settings-devices>.settings-link>.brand-logo{inline-size:1.375rem;block-size:1.375rem}.settings-connections>.settings-link>form,.settings-devices>.settings-link>form{flex-shrink:0}.settings-devices>.settings-aside{padding-block:var(--cui-space-3) 0}.settings-devices-empty{padding:var(--cui-space-2) var(--beeps-pad);color:var(--cui-text-2);font-size:var(--cui-text-sm)}.settings-facts{padding-block-start:var(--cui-space-2)}.settings-intro{padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-1);color:var(--cui-text-2);font-size:var(--cui-text-sm);line-height:1.125rem}.settings-form{display:flex;flex-direction:column;gap:var(--cui-space-5);padding:var(--cui-space-4) var(--beeps-pad) var(--cui-space-5)}.settings-form>.form-actions{justify-content:flex-end;padding:0}fieldset.settings-group{display:flex;flex-direction:column;gap:var(--cui-space-3);min-width:0;padding:0;border:0}.settings-heading{margin-block-end:var(--cui-space-3);padding:0;font-size:var(--cui-text-lg);font-weight:800}.settings-field-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cui-space-2)}.settings-field-group>.float-field{align-self:stretch}.settings-aside-link{color:var(--cui-primary-text);font-size:var(--cui-text-sm);text-decoration:none}.settings-aside-link:hover{text-decoration:underline}.settings-aside{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cui-space-2);padding:0 var(--beeps-pad) var(--cui-space-5);color:var(--cui-text-2);font-size:var(--cui-text-sm)}.column-header-end{flex-shrink:0;margin-inline-start:auto}.theme-options{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--cui-space-3)}@media(width >= 40rem){.theme-options{grid-template-columns:repeat(3, minmax(0, 1fr))}}.theme-option{display:flex;align-items:center;gap:var(--cui-space-3);min-height:4rem;padding:0 var(--cui-space-4);font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);color:var(--cui-text);background:var(--cui-bg);border:var(--cui-border-width) solid var(--cui-border);border-radius:var(--cui-radius);cursor:pointer}.theme-option>input{flex-shrink:0;width:1.25rem;height:1.25rem;accent-color:var(--cui-primary)}.theme-option:has(:checked){border-color:var(--cui-primary);box-shadow:0 0 0 1px var(--cui-primary)}.theme-option:has(:focus-visible){outline:none;box-shadow:var(--cui-ring)}.theme-option-light{color-scheme:light}.theme-option-dark{color-scheme:dark}.float-field{display:flex;flex-direction:column;gap:var(--cui-space-1-5);min-width:0}.float-field-box{display:flex;flex-direction:column;gap:var(--cui-space-0-5);padding:var(--cui-space-2) var(--cui-space-3);border:var(--cui-border-width) solid var(--cui-control-border);border-radius:var(--cui-radius-sm);cursor:text;transition:border-color var(--cui-transition),box-shadow var(--cui-transition)}.float-field-box:focus-within{border-color:var(--cui-primary);box-shadow:0 0 0 1px var(--cui-primary)}.float-field-invalid>.float-field-box{border-color:var(--cui-danger)}.float-field-invalid>.float-field-box:focus-within{box-shadow:0 0 0 1px var(--cui-danger)}.float-field-top{display:flex;justify-content:space-between;gap:var(--cui-space-2);color:var(--cui-text-2);font-size:var(--cui-text-sm);line-height:1.125rem}.float-field-box:focus-within>.float-field-top>.float-field-label{color:var(--cui-primary-text)}.float-field-invalid>.float-field-box>.float-field-top>.float-field-label{color:var(--cui-danger-text)}.float-field-count{font-variant-numeric:tabular-nums;visibility:hidden}.float-field-box:focus-within .float-field-count{visibility:visible}.float-field-input{display:block;width:100%;min-width:0;padding:0;color:var(--cui-text);font:inherit;font-size:var(--cui-text-base);line-height:1.5rem;background:rgba(0,0,0,0);border:0;outline:none}.float-field-input:is(textarea){min-height:4.5rem;resize:none}.float-field-input:is(select){padding-inline-end:var(--cui-space-6);cursor:pointer;appearance:none}.float-field-select{position:relative;display:block}.float-field-select>.icon{--cui-icon-size: 1.25rem;position:absolute;inset-block-start:50%;inset-inline-end:0;color:var(--cui-text-2);pointer-events:none;translate:0 -50%}.float-field-row{display:flex;align-items:baseline}.float-field-row>.float-field-prefix{flex-shrink:0;color:var(--cui-text-2);font-size:var(--cui-text-base)}.settings-section{display:flex;flex-direction:column;gap:var(--cui-space-5);padding:var(--cui-space-5) var(--beeps-pad) var(--cui-space-4)}fieldset.check-group{padding:0;min-width:0;border:0}fieldset.check-group>legend{margin-block-end:var(--cui-space-3)}.image-editor-banner{position:relative;aspect-ratio:3/1;overflow:hidden;background:var(--cui-surface-3)}.image-editor-banner>img{display:block;width:100%;height:100%;object-fit:cover}.image-editor-avatar{--cui-avatar-size: 7rem;position:relative;width:var(--cui-avatar-size);margin-block-start:calc(-0.5*var(--cui-avatar-size));margin-inline-start:var(--beeps-pad)}.image-editor-avatar>.avatar{box-shadow:0 0 0 .25rem var(--cui-bg)}.image-editor-avatar>.image-actions{gap:var(--cui-space-1);border-radius:var(--cui-radius-full)}.image-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--cui-space-4);background:rgba(0,0,0,.25)}.image-upload{display:contents}.image-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:var(--cui-radius-full);transition:background-color var(--cui-transition),color var(--cui-transition)}.image-action>.icon{--cui-icon-size: 1.375rem}.image-action:focus-visible{outline:none;box-shadow:var(--cui-ring)}.image-action{color:#fff;background:rgba(15,15,15,.75);border:0;cursor:pointer}.image-action:hover{background:rgba(40,40,40,.75)}.image-editor-avatar .image-action{width:2.5rem;height:2.5rem}.new-key{margin:var(--cui-space-4) var(--beeps-pad)}.new-key .card-title{margin-block-end:var(--cui-space-2)}.agent-list{margin-block-start:var(--cui-space-2)}.agent-row{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:var(--cui-space-2) var(--cui-space-3);padding:var(--cui-space-3) var(--beeps-pad) var(--cui-space-4);border-block-end:var(--cui-border-width) solid var(--cui-border)}.agent-row>.avatar{--cui-avatar-size: 2.5rem}.agent-info{min-width:0}.agent-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cui-space-2);font-size:var(--beeps-text-size);font-weight:var(--cui-weight-bold);line-height:1.25rem}.agent-handle,.agent-meta{color:var(--cui-text-2);font-size:var(--beeps-text-size)}.agent-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--cui-space-3);line-height:1.25rem}.agent-meta a{color:inherit;text-decoration:none}.agent-meta a:hover{text-decoration:underline}.agent-meta code{font-size:.8125rem}.agent-key{display:inline-flex;align-items:center;gap:var(--cui-space-1)}.agent-key>.icon{--cui-icon-size: 1rem}.agent-actions,.agent-row>.admin-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--cui-space-2);margin-block-start:var(--cui-space-1)}.confirm-message{font-size:var(--beeps-text-size);line-height:var(--beeps-text-leading)}