/* Layout baseline: ja876 49fa8090. UBNet keeps its blue branding and named profiles. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=optional");
@import "./styles/base.css";
@import "./styles/controls.css";
@import "./styles/feed-sidecards.css";
@import "./styles/header.css";
@import "./styles/docked-bar.css";
@import "./styles/browse.css";
@import "./styles/profiles.css";
@import "./styles/editors.css";
@import "./styles/collections.css";
@import "./styles/discussion.css";
@import "./styles/messages.css";
@import "../shared/web/message-features.css";
@import "./styles/management.css";
@import "./styles/media.css";
@layer components, visibility;
@layer components {
  :root {
    --ub-brand-text: #F7FBFF;
    --ub-bg: #010409;
    --ub-body-bg: var(--ub-bg);
    --ub-bg-elevated: #12161B;
    --ub-surface: #12161B;
    --ub-surface-2: rgba(12, 41, 66, 0.72);
    --ub-record-bg: #12161B;
    --ub-control-bg: #1A1C20;
    --ub-border: #12161B;
    --ub-border-strong: rgba(132, 163, 213, 0.22);
    --ub-text: #F7FBFF;
    --ub-heading: #F7FBFF;
    --ub-muted: rgba(230, 241, 252, 0.76);
    --ub-text-subtle: rgba(214, 229, 244, 0.56);
    --ub-placeholder: rgba(214, 229, 244, 0.56);
    --ub-disabled-text: rgba(214, 229, 244, 0.40);
    --ub-disabled-bg: #0B0D10;
    --ub-hover-border: #8FD2FF;
    --ub-accent: #5AA9FF;
    --ub-accent-strong: #18324F;
    --ub-accent-soft: rgba(90, 169, 255, 0.14);
    --ub-accent-text: #F7FBFF;
    --ub-action-bg: var(--ub-accent);
    --ub-selected-bg: rgba(90, 169, 255, 0.14);
    --ub-selected-border: rgba(132, 163, 213, 0.22);
    --ub-bar-bg: rgba(11, 13, 16, 0.94);
    --ub-panel-bg: rgba(6, 20, 35, 0.96);
    --ub-overlay-bg: rgba(1, 4, 9, 0.86);
    --ub-success: #34D399;
    --ub-danger: #FF6B7A;
    --ub-warning: #F0B35A;
    --ub-radius-sm: 4px;
    --ub-radius: 6px;
    --ub-radius-lg: 6px;
    --ub-wallet-radius: 6px;
    --ub-content-width: 1180px;
    --ub-reading-width: 700px;
    --ub-browsing-width: 960px;
    --ub-page-gutter: 20px;
    --ub-workspace-gap: 1.5rem;
    --ub-font: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    --ub-display-font: var(--ub-font);
    --ub-shadow: 0 24px 60px rgba(3,9,20,.28);
    --ub-focus-ring: 0 0 0 3px rgba(90,169,255,.18);
    --ub-logo-filter: none;
    color-scheme: dark;
    font-family: var(--ub-font);
    background: var(--ub-bg);
    color: var(--ub-text);
  }
}

@layer visibility {
  [hidden] { display: none; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto; transition: none; animation: none; }
  }
}