@layer base-app{.base-app-platform{--base-app-color-bg:#fff;--base-app-color-fg:#1f2329;--base-app-color-muted:#646a73;--base-app-color-accent:#1456f0;--base-app-color-danger:#c6262e;--base-app-color-border:#dee0e3;--base-app-radius:8px;--base-app-font-family:system-ui, sans-serif;--base-app-font-size:14px;--base-app-z-popover:1000;--base-app-z-floating:900;--base-app-shadow:0 4px 20px #0002}.base-app-platform[data-theme=dark],[data-theme=dark] .base-app-platform{--base-app-color-bg:#22252b;--base-app-color-fg:#f4f5f7;--base-app-color-muted:#b3b7c0;--base-app-color-border:#515660;--base-app-color-accent:#7da6ff}@media (prefers-color-scheme:dark){.base-app-platform[data-theme=host]{--base-app-color-bg:#22252b;--base-app-color-fg:#f4f5f7;--base-app-color-muted:#b3b7c0;--base-app-color-border:#515660;--base-app-color-accent:#7da6ff}}.base-app-platform:where(:not([data-base-app-style-scope=components])){color:var(--base-app-color-fg);font:var(--base-app-font-size) / 1.5 var(--base-app-font-family);box-sizing:border-box}.base-app-platform:where(:not([data-base-app-style-scope=components])) button{font:inherit;color:inherit;background:var(--base-app-color-bg);border:1px solid var(--base-app-color-border);border-radius:var(--base-app-radius);cursor:pointer;padding:6px 10px}button.base-app-platform{background:var(--base-app-color-bg);border:1px solid var(--base-app-color-border);border-radius:var(--base-app-radius);cursor:pointer;padding:6px 10px}.base-app-platform:where(:not([data-base-app-style-scope=components])) button:focus-visible,.base-app-platform:where(:not([data-base-app-style-scope=components])) input:focus-visible,button.base-app-platform:focus-visible{outline:2px solid var(--base-app-color-accent);outline-offset:2px}.base-app-popover{background:var(--base-app-color-bg);border:1px solid var(--base-app-color-border);border-radius:var(--base-app-radius);box-shadow:var(--base-app-shadow);width:280px;max-width:calc(100vw - 16px);max-height:var(--radix-popover-content-available-height);z-index:var(--base-app-z-popover);padding:8px;overflow:auto}.base-app-editor{align-items:center;gap:4px;display:flex}.base-app-editor>button:first-child{text-align:start;flex:1}.base-app-editor span+span{margin-inline-start:8px}.base-app-selector{background:var(--base-app-color-bg);min-width:0}.base-app-selector [cmdk-input]{box-sizing:border-box;border:1px solid var(--base-app-color-border);border-radius:var(--base-app-radius);background:var(--base-app-color-bg);width:100%;color:inherit;font:inherit;padding:8px}.base-app-selector [cmdk-list]{max-height:240px;margin-top:6px;overflow:auto}.base-app-selector [cmdk-item]{border-radius:var(--base-app-radius);cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.base-app-selector [cmdk-item][data-selected=true]{background:color-mix(in srgb, var(--base-app-color-accent) 16%, transparent)}.base-app-selector small{color:var(--base-app-color-muted)}.base-app-selector [role=status]{color:var(--base-app-color-muted);padding:12px}.base-app-floating{z-index:var(--base-app-z-floating);position:fixed;bottom:40px;right:24px}.base-app-floating[data-position=bottom-left]{left:24px;right:auto}.base-app-floating-controls{background:#fff;border-radius:50%;padding:2px;display:flex;position:relative;box-shadow:0 4px 4px #1f23290f,0 6px 6px #1f23290a,0 8px 12px #1f23290a}.base-app-floating .base-app-floating-edit{color:#2b2f36;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.base-app-floating-controls:hover .base-app-floating-edit,.base-app-floating-edit:focus-visible{color:#1456f0}.base-app-floating .base-app-floating-hide{color:#646a73;opacity:0;background:#c8c9cc;border:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:14px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:-4px;right:-4px}.base-app-floating-controls:hover .base-app-floating-hide,.base-app-floating-hide:focus-visible{opacity:1}.base-app-floating .base-app-floating-hide:hover{background:#b7b9bd}.base-app-floating [role=tooltip]{pointer-events:none;z-index:var(--base-app-z-popover);box-sizing:border-box;color:#fff;white-space:normal;overflow-wrap:anywhere;background:#1f2329;border-radius:8px;width:max-content;max-width:calc(100vw - 16px);padding:8px 12px;font-size:12px;line-height:20px;position:fixed;box-shadow:0 8px 24px 8px #1f23290a,0 6px 12px #1f23290a,0 4px 8px -8px #1f23290f}.base-app-floating-caret{width:24px;height:6px;position:absolute;top:100%;transform:translate(-50%)}.base-app-floating-caret svg{display:block}.base-app-floating [role=alert]{background:var(--base-app-color-bg);border-radius:var(--base-app-radius);width:220px;box-shadow:var(--base-app-shadow);padding:8px;position:absolute;bottom:100%}.base-app-notice{color:#1f2329;width:max-content;max-width:calc(100vw - 32px);min-height:54px;z-index:var(--base-app-z-popover);background:#f0f4ff;border-radius:6px;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:500;line-height:22px;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #1456f0,0 8px 24px 8px #1f23290a,0 6px 12px #1f23290a,0 4px 8px -8px #1f23290f}.base-app-notice>svg,.base-app-notice button{flex-shrink:0}.base-app-notice>span{flex:1;min-width:0;padding:0 8px 0 4px}.base-app-notice button{background:0 0;border:0;width:16px;height:16px;padding:0;display:flex}@media (width<=400px){.base-app-notice{padding-inline:8px}.base-app-notice>span{padding-inline:0}}.base-app-user-menu{align-items:center;gap:8px;display:inline-flex}.base-app-user-menu img{border-radius:50%;width:28px;height:28px}.base-app-attachment img{max-width:100%}.base-app-platform:where(:not([data-base-app-style-scope=components])) [role=alert]{color:var(--base-app-color-danger)}@media (prefers-reduced-motion:reduce){.base-app-platform:where(:not([data-base-app-style-scope=components])) *{transition:none!important;animation:none!important}}}