/*
 * Vibes theme-adaptive palette bridge.
 *
 * This file declares Vibes-local aliases only. It does not repaint canonical
 * Blueprint Kit / Module Kit product surfaces. Selected Theme Profile variables
 * win wherever their public scope exists; WordPress global colors and Vibes
 * native hints are fallback inputs for Vibes-owned presentation.
 */

:root,
body {
    --vibes-adaptive-page: var(--wp--preset--color--base, var(--wp--preset--color--background, var(--vibes-native-page, #000000)));
    --vibes-adaptive-text: var(--wp--preset--color--contrast, var(--wp--preset--color--foreground, var(--vibes-native-text, #f7f3ff)));
    --vibes-adaptive-primary: var(--wp--preset--color--accent-1, var(--wp--preset--color--primary, var(--vibes-native-primary, #ec168c)));
    --vibes-adaptive-secondary: var(--wp--preset--color--accent-2, var(--wp--preset--color--secondary, var(--vibes-native-secondary, #7c3cff)));

    --vibes-page: var(--scmk-theme-colors-surface-page, var(--vibes-adaptive-page));
    --vibes-surface: var(--scmk-theme-colors-surface-default, color-mix(in srgb, var(--vibes-page) 88%, var(--vibes-text) 12%));
    --vibes-surface-raised: var(--scmk-theme-colors-surface-elevated, color-mix(in srgb, var(--vibes-page) 80%, var(--vibes-text) 20%));
    --vibes-text: var(--scmk-theme-colors-text-primary, var(--vibes-adaptive-text));
    --vibes-text-muted: var(--scmk-theme-colors-text-secondary, color-mix(in srgb, var(--vibes-text) 66%, transparent));
    --vibes-border: var(--scmk-theme-colors-border-default, color-mix(in srgb, var(--vibes-text) 16%, transparent));
    --vibes-border-strong: var(--scmk-theme-colors-border-strong, color-mix(in srgb, var(--vibes-text) 30%, transparent));
    --vibes-primary: var(--scmk-theme-colors-accent-primary, var(--vibes-adaptive-primary));
    --vibes-secondary: var(--scmk-theme-colors-accent-secondary, var(--vibes-adaptive-secondary));
    --vibes-focus: var(--scmk-theme-colors-focus, color-mix(in srgb, var(--vibes-secondary) 62%, var(--vibes-primary)));
    --vibes-success: var(--scmk-theme-colors-state-success, #22c55e);
    --vibes-warning: var(--scmk-theme-colors-state-warning, #f59e0b);
    --vibes-danger: var(--scmk-theme-colors-state-danger, #ef4444);
    --vibes-radius-sm: var(--scmk-theme-radius-md, 12px);
    --vibes-radius: var(--scmk-theme-radius-lg, 18px);
}
/*
 * Vibes owns the shared visual canvas for its authenticated network
 * surface family. Blueprint Kit continues to own shell geometry and Module Kit
 * continues to own component presentation; this rule only applies Vibes paint
 * and inherited text language through the existing family contract.
 */
body.vibes-theme.vibes-theme-sdk-surface.vibes-network-theme {
    min-height: 100vh;
    background: var(--vibes-page);
    color: var(--vibes-text);
}


/*
 * Legacy Vibes authentication visual transplant.
 * Vibes owns only theme imagery/paint here. Module Kit owns Auth anatomy and
 * Blueprint Kit owns layout.auth geometry.
 */
body.vibes-theme.vibes-theme-sdk-surface.vibes-view-login,
body.vibes-theme.vibes-theme-sdk-surface.vibes-view-register,
body.vibes-theme.vibes-theme-sdk-surface.vibes-view-forgot-password {
    min-height: 100vh;
    background:
      radial-gradient(circle at 6% 12%, color-mix(in srgb, var(--vibes-secondary) 28%, transparent), transparent 28%),
      radial-gradient(circle at 92% 10%, rgba(25, 202, 255, .16), transparent 30%),
      linear-gradient(135deg, #050613 0%, #08101e 56%, #050816 100%);
    color: #fff;
}
body.vibes-theme.vibes-view-register .scmk-auth-hero,
body.vibes-theme.vibes-view-forgot-password .scmk-auth-hero {
    background-image:
      linear-gradient(180deg,rgba(5,7,20,.10),rgba(5,7,20,.28) 48%,rgba(5,7,20,.72)),
      url('../images/register-hero-community.webp');
    background-size: cover;
    background-position: center bottom;
}
body.vibes-theme.vibes-view-login .scmk-auth-hero {
    background-image:
      linear-gradient(180deg,rgba(5,7,20,.10),rgba(5,7,20,.30) 48%,rgba(5,7,20,.74)),
      url('../images/login-hero-community.webp');
    background-size: cover;
    background-position: center bottom;
}
body.vibes-theme :is(.scmk-auth-action-row,.scmk-auth-form-shell,.scmk-auth-value-cards,.scmk-auth-trust,.scmk-auth-footer) {
    --scmk-auth-theme-primary: var(--vibes-primary);
    --scmk-auth-theme-secondary: var(--vibes-secondary);
}

/*
 * Vibes Stream master-canon skin.
 * Visual authority: Feed Page(6).png + Vibes Master Canon Blueprint.
 * Vibes owns shell paint and the persistent Messenger shell only.
 */
body.vibes-theme.vibes-network-theme.vibes-view-stream,
body.vibes-theme.vibes-network-theme.shiftcontrol-view-stream {
    --vibes-stream-page:#030612;
    --vibes-stream-panel:#071022;
    --vibes-stream-panel-2:#0a1230;
    --vibes-stream-border:rgba(122,91,255,.19);
    --vibes-stream-border-hot:rgba(255,47,146,.34);
    --vibes-stream-text:#f8f8ff;
    --vibes-stream-muted:#a9b3d3;
    --vibes-stream-pink:#ff2f92;
    --vibes-stream-purple:#8d34ff;
    --vibes-stream-cyan:#24d8ff;
    --vibes-stream-orange:#ff7429;
    background:
      radial-gradient(circle at 15% -4%,rgba(111,49,255,.13),transparent 30%),
      radial-gradient(circle at 72% 3%,rgba(255,31,142,.08),transparent 27%),
      linear-gradient(180deg,#02040e 0%,#040817 52%,#030612 100%);
    color:var(--vibes-stream-text);
}

/* Canonical VIBES wordmark in place of the older script treatment. */
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica {
    height:52px;
    display:inline-flex;
    align-items:center;
    gap:11px;
    line-height:1;
    color:var(--vibes-stream-text);
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica::before {
    content:"V";
    width:35px;
    height:39px;
    display:grid;
    place-items:center;
    flex:0 0 35px;
    font:900 31px/1 Inter,ui-sans-serif,system-ui,sans-serif;
    font-style:italic;
    letter-spacing:-.18em;
    padding-right:5px;
    color:transparent;
    background:linear-gradient(145deg,#22d7ff 2%,#844dff 31%,#f42aa4 62%,#ff7a22 92%);
    -webkit-background-clip:text;
    background-clip:text;
    filter:drop-shadow(0 0 9px rgba(216,35,255,.28));
    transform:skewX(-8deg);
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word {
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    font-size:27px;
    font-weight:850;
    letter-spacing:.025em;
    text-transform:uppercase;
    background:none;
    color:var(--vibes-stream-text);
    text-shadow:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo-heart,
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica small { display:none; }

body.vibes-theme .vibes-topbar--replica .vibes-search {
    height:42px;
    padding:0 14px;
    border-radius:13px;
    border-color:var(--scmk-theme-recipe-form-controls-border,rgba(128,100,255,.15));
    background:var(--scmk-theme-recipe-form-controls-background,linear-gradient(180deg,rgba(16,21,53,.86),rgba(9,13,36,.92)));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body.vibes-theme .vibes-topbar--replica .vibes-search button { font-size:19px; }
body.vibes-theme .vibes-topbar--replica .vibes-search input { font-size:12px; }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav { gap:14px; }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a {
    min-width:58px;
    gap:3px;
    padding:7px 5px;
    border-radius:9px;
    color:var(--scmk-theme-recipe-navigation-text-color,#c7cce2);
}
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a > span { font-size:18px; }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a small { font-size:10px; }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a:hover { transform:none; background:var(--scmk-theme-recipe-navigation-active-background,rgba(255,255,255,.035)); }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a.is-active::after {
    left:8px;
    right:8px;
    bottom:-8px;
    height:2px;
    background:var(--scmk-theme-recipe-controls-primary-background,linear-gradient(90deg,var(--vibes-stream-pink),var(--vibes-stream-purple),var(--vibes-stream-orange)));
    box-shadow:var(--scmk-theme-recipe-controls-shadow,0 0 12px rgba(255,47,146,.75));
}
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav b {
    top:-4px;
    right:5px;
    padding:1px 5px;
    font-size:9px;
}
body.vibes-theme .vibes-topbar--replica .vibes-userbar { gap:8px; justify-content:flex-end; }
body.vibes-theme .vibes-topbar--replica .vibes-userbar .icon-btn {
    width:31px;
    height:31px;
    border-radius:9px;
    font-size:13px;
}
body.vibes-theme .vibes-topbar--replica .vibes-divider { height:31px; }
body.vibes-theme .vibes-topbar--replica .vibes-account-avatar .avatar {
    width:38px;
    height:38px;
    border-width:1px;
    box-shadow:var(--scmk-theme-recipe-focus-treatment-shadow,0 0 0 2px rgba(255,47,146,.18),0 0 12px rgba(255,47,146,.14));
}
body.vibes-theme .vibes-topbar--replica .user-meta { min-width:62px; }
body.vibes-theme .vibes-topbar--replica .user-meta strong { font-size:12px; }
body.vibes-theme .vibes-topbar--replica .user-meta small { font-size:9px; }
body.vibes-theme .vibes-topbar--replica .vibes-create-action {
    height:38px;
    padding:0 13px;
    border-radius:9px;
    font-size:10.5px;
    box-shadow:var(--scmk-theme-recipe-controls-shadow,0 8px 22px rgba(255,47,146,.20));
}

/* Left rail paint — compact navigation and utility cards. */
body.shiftcontrol-view-stream .vibes-left-rail .nav-card,
body.shiftcontrol-view-stream .vibes-network-meta-card__inner {
    border-color:var(--scmk-theme-recipe-rail-widget-border,var(--vibes-stream-border));
    border-radius:var(--scmk-theme-recipe-rail-widget-radius,12px);
    background:var(--scmk-theme-recipe-rail-widget-background,linear-gradient(180deg,rgba(10,17,43,.96),rgba(4,9,27,.97)));
    box-shadow:var(--scmk-theme-recipe-rail-widget-shadow,0 12px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025));
}
body.shiftcontrol-view-stream .vibes-left-rail .nav-card { padding:7px; }
body.shiftcontrol-view-stream .vibes-left-rail .rail-item {
    height:34px;
    gap:9px;
    padding:0 10px;
    border-radius:7px;
    font-size:11px;
}
body.shiftcontrol-view-stream .vibes-left-rail .rail-item > span:first-child {
    width:18px;
    font-size:14px;
    color:var(--scmk-theme-recipe-rail-widget-text-color,#d3d9ef);
    text-shadow:none;
}
body.shiftcontrol-view-stream .vibes-left-rail .rail-item:hover {
    transform:none;
    background:var(--scmk-theme-recipe-navigation-active-background,rgba(255,255,255,.035));
}
body.shiftcontrol-view-stream .vibes-left-rail .rail-item.is-active {
    background:var(--scmk-theme-recipe-navigation-active-background,linear-gradient(90deg,rgba(255,45,91,.91),rgba(133,31,206,.88)));
    box-shadow:var(--scmk-theme-recipe-navigation-shadow,0 7px 18px rgba(255,47,146,.18),inset 0 1px 0 rgba(255,255,255,.12));
}
body.shiftcontrol-view-stream .vibes-left-rail .badge,
body.shiftcontrol-view-stream .vibes-left-rail .rail-item em {
    padding:1px 5px;
    font-size:8.5px;
}

/* The Stream canvas keeps the blueprint geometry but receives the shared Vibes surface language. */
body.shiftcontrol-view-stream .sc-blueprint-region--primary,
body.shiftcontrol-view-stream .sc-blueprint-region--context_rail,
body.shiftcontrol-view-stream .sc-blueprint-region--right_rail {
    color:var(--vibes-stream-text);
}
body.shiftcontrol-view-stream .sc-blueprint-adapter-slot {
    border-radius:12px;
}
body.shiftcontrol-view-stream :focus-visible {
    outline:2px solid var(--scmk-theme-recipe-focus-treatment-color,color-mix(in srgb,var(--vibes-stream-cyan) 70%,#fff));
    outline-offset:2px;
}

/* Theme Profile consumption: Stream reads semantic recipe values without
 * knowing a profile identity. Absent recipes preserve the Classic canon. */
body.vibes-theme.vibes-network-theme.vibes-view-stream,
body.vibes-theme.vibes-network-theme.shiftcontrol-view-stream {
    --vibes-stream-page:var(--scmk-theme-recipe-shell-canvas-page,#030612);
    --vibes-stream-panel:var(--scmk-theme-recipe-shell-canvas-panel,#071022);
    --vibes-stream-panel-2:var(--scmk-theme-recipe-shell-canvas-elevated-panel,#0a1230);
    --vibes-stream-border:var(--scmk-theme-recipe-shell-canvas-border,rgba(122,91,255,.19));
    --vibes-stream-border-hot:var(--scmk-theme-recipe-accent-treatment-primary,rgba(255,47,146,.34));
    --vibes-stream-text:var(--scmk-theme-recipe-shell-canvas-text-color,#f8f8ff);
    --vibes-stream-muted:var(--scmk-theme-recipe-shell-canvas-muted-text,#a9b3d3);
    --vibes-stream-pink:var(--scmk-theme-recipe-accent-treatment-primary,#ff2f92);
    --vibes-stream-purple:var(--scmk-theme-recipe-accent-treatment-secondary,#8d34ff);
    --vibes-stream-cyan:var(--scmk-theme-recipe-accent-treatment-focus,#24d8ff);
    --vibes-stream-orange:var(--scmk-theme-recipe-accent-treatment-warning,#ff7429);
    background:
      radial-gradient(circle at 13% -7%,color-mix(in srgb,var(--vibes-stream-purple) 20%,transparent),transparent 30%),
      radial-gradient(circle at 74% 1%,color-mix(in srgb,var(--vibes-stream-pink) 14%,transparent),transparent 27%),
      radial-gradient(circle at 90% 37%,color-mix(in srgb,var(--vibes-stream-cyan) 7%,transparent),transparent 32%),
      var(--scmk-theme-recipe-shell-canvas-background,#030612);
}


@media (max-width:1180px) {
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { font-size:23px; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica::before { width:30px; font-size:27px; }
}
@media (max-width:900px) {
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica { height:42px; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { font-size:20px; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica::before { width:26px; height:32px; font-size:23px; }
    body.vibes-theme .vibes-topbar--replica .vibes-search { height:38px; }
}
/*
 * Stream comment usability and compact shell skin.
 * Module Kit owns comment anatomy. Vibes supplies brand tokens, the generic
 * emoji popover skin, and narrow authenticated topbar paint only.
 */
body.shiftcontrol-view-stream .scmk-comment-thread {
    --scmk-comment-surface:rgba(4,9,25,.70);
    --scmk-comment-surface-raised:rgba(9,16,39,.94);
    --scmk-comment-surface-soft:rgba(255,255,255,.035);
    --scmk-comment-border:rgba(122,91,255,.17);
    --scmk-comment-text:#f5f7ff;
    --scmk-comment-muted:#99a5c8;
    --scmk-comment-accent:#ff2f92;
    --scmk-comment-accent-secondary:#8738ff;
}
body.shiftcontrol-view-stream .scmk-comment-thread__composer-field > .vibes-emoji-system {
    position:absolute;
    right:9px;
    bottom:9px;
    z-index:5;
    width:34px;
    height:34px;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-toggle {
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    color:#f8f8ff;
    background:rgba(255,255,255,.055);
    box-shadow:none;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-toggle:hover,
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-toggle:focus-visible {
    border-color:rgba(255,58,168,.40);
    background:rgba(255,47,146,.11);
    transform:none;
}
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-picker {
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:100;
    width:min(276px,calc(100vw - 32px));
    max-height:220px;
    padding:9px;
    display:none !important;
    grid-template-columns:repeat(6,minmax(34px,1fr));
    gap:4px;
    overflow:auto;
    border:1px solid rgba(139,90,255,.30);
    border-radius:14px;
    background:rgba(7,11,31,.985);
    box-shadow:0 18px 52px rgba(0,0,0,.52),0 0 24px rgba(181,38,255,.10);
    backdrop-filter:blur(18px);
}
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-picker.is-open { display:grid !important; }
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-option {
    min-width:34px;
    height:34px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:8px;
    color:inherit;
    background:transparent;
    font-size:17px;
    line-height:1;
    cursor:pointer;
}
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-option:hover,
body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-option:focus-visible { background:rgba(255,255,255,.09); }

/*
 * Published Theme Profiles own the comment paint. Module Kit retains the
 * thread's semantics and anatomy; this consumer replaces its historical
 * dark literals with the established card, text, border, accent and focus
 * recipes. The raised surface keeps comments distinct from their parent post.
 */
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] {
    --scmk-comment-line:var(--scmk-theme-recipe-accent-treatment-secondary);
    --scmk-comment-line-soft:color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-secondary) 22%,transparent);
    --scmk-comment-card:linear-gradient(145deg,color-mix(in srgb,var(--scmk-theme-recipe-cards-elevated-background) 94%,var(--scmk-theme-recipe-accent-treatment-secondary) 6%),var(--scmk-theme-recipe-cards-background));
    --scmk-comment-border:var(--scmk-theme-recipe-cards-border);
    --scmk-comment-text:var(--scmk-theme-recipe-cards-text-color);
    --scmk-comment-muted:var(--scmk-theme-recipe-shell-canvas-muted-text);
    --scmk-comment-accent:var(--scmk-theme-recipe-accent-treatment-primary);
    --scmk-comment-accent-secondary:var(--scmk-theme-recipe-accent-treatment-secondary);
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__comment {
    border-color:var(--scmk-theme-recipe-cards-border);
    background:var(--scmk-comment-card);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta time,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls time {
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta strong,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__body {
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button:hover,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button:focus-visible,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__view-more {
    color:var(--scmk-theme-recipe-accent-treatment-primary);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__reactions {
    border-color:var(--scmk-theme-recipe-cards-border);
    background:var(--scmk-theme-recipe-cards-elevated-background);
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__reaction {
    border-color:var(--scmk-theme-recipe-cards-background);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-avatar {
    box-shadow:0 0 0 2px var(--scmk-theme-recipe-cards-background),0 0 13px color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-secondary) 24%,transparent);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea {
    border-color:var(--scmk-theme-recipe-cards-border);
    background:var(--scmk-theme-recipe-cards-elevated-background);
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea::placeholder,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button {
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea:focus {
    border-color:var(--scmk-theme-recipe-accent-treatment-focus);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-focus) 22%,transparent);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button:hover,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button:focus-visible {
    color:var(--scmk-theme-recipe-accent-treatment-primary);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread--stream-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__reply-composer {
    border-color:var(--scmk-theme-recipe-cards-border);
    background:var(--scmk-theme-recipe-cards-elevated-background);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-toggle {
    border-color:var(--scmk-theme-recipe-cards-border);
    color:var(--scmk-theme-recipe-cards-text-color);
    background:var(--scmk-theme-recipe-cards-background);
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-toggle:hover,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-toggle:focus-visible {
    border-color:var(--scmk-theme-recipe-accent-treatment-focus);
    background:color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-primary) 10%,var(--scmk-theme-recipe-cards-background));
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-picker {
    border-color:var(--scmk-theme-recipe-cards-border);
    background:var(--scmk-theme-recipe-cards-elevated-background);
    box-shadow:0 18px 52px color-mix(in srgb,var(--scmk-theme-recipe-cards-text-color) 16%,transparent),0 0 24px color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-secondary) 12%,transparent);
    backdrop-filter:none;
}
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-option:hover,
body.vibes-theme.vibes-network-theme:is(.vibes-view-stream,.shiftcontrol-view-stream) .scmk-comment-thread .vibes-emoji-option:focus-visible {
    background:color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-primary) 10%,var(--scmk-theme-recipe-cards-background));
}

/*
 * Profile consumes the same comment-thread contract as Stream, but declares
 * its semantic feed context explicitly. Keep the compact hierarchy and its
 * Theme Profile paint together here instead of creating a Profile card skin.
 */
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] {
    --scmk-comment-line:var(--scmk-theme-recipe-accent-treatment-secondary);
    --scmk-comment-line-soft:color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-secondary) 22%,transparent);
    --scmk-comment-card:linear-gradient(145deg,color-mix(in srgb,var(--scmk-theme-recipe-cards-elevated-background) 94%,var(--scmk-theme-recipe-accent-treatment-secondary) 6%),var(--scmk-theme-recipe-cards-background));
    --scmk-comment-border:var(--scmk-theme-recipe-cards-border);
    margin-top:12px;
    padding-top:14px;
    border-top:1px solid var(--scmk-theme-recipe-cards-border);
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    font-size:12px;
    overflow:visible;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] > h3,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer > label {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__scroll,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__list {
    overflow:visible;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__list {
    position:relative;
    display:grid;
    gap:10px;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__item {
    position:relative;
    margin:0;
    padding:0 0 0 44px;
    border:0;
    overflow:visible;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__avatar {
    position:absolute;
    z-index:2;
    left:0;
    top:2px;
    width:34px;
    height:34px;
    border:2px solid var(--scmk-theme-recipe-accent-treatment-secondary);
    border-radius:50%;
    background:linear-gradient(145deg,var(--scmk-theme-recipe-accent-treatment-secondary),var(--scmk-theme-recipe-accent-treatment-primary));
    box-shadow:0 0 0 2px var(--scmk-theme-recipe-cards-background);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__avatar::before {
    content:"";
    position:absolute;
    left:50%;
    top:7px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--scmk-theme-recipe-cards-elevated-background);
    transform:translateX(-50%);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__avatar > span {
    position:absolute;
    left:50%;
    bottom:5px;
    width:20px;
    height:10px;
    border-radius:10px 10px 7px 7px;
    background:var(--scmk-theme-recipe-accent-treatment-primary);
    transform:translateX(-50%);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__comment {
    position:relative;
    box-sizing:border-box;
    min-height:74px;
    padding:12px 68px 11px 15px;
    border:1px solid var(--scmk-theme-recipe-cards-border);
    border-radius:13px;
    background:var(--scmk-comment-card);
    box-shadow:0 8px 20px color-mix(in srgb,var(--scmk-theme-recipe-cards-text-color) 8%,transparent);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta {
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:9px;
    padding-right:18px;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    font-size:11px;
    line-height:1.2;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta strong,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__body {
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta strong {
    overflow:hidden;
    font-size:12.5px;
    font-weight:750;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__meta time {
    margin:0;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    white-space:nowrap;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__body {
    margin:6px 0 8px;
    font-size:12.25px;
    font-weight:450;
    line-height:1.38;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__more {
    position:absolute;
    right:10px;
    top:8px;
    min-width:26px;
    min-height:22px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:16px;
    padding-right:48px;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls time {
    min-height:16px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    font:600 11px/1.25 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button:hover,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__controls button:focus-visible {
    color:var(--scmk-theme-recipe-accent-treatment-primary);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__reactions {
    position:absolute;
    right:10px;
    bottom:8px;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px 3px 4px;
    border:1px solid var(--scmk-theme-recipe-cards-border);
    border-radius:999px;
    background:var(--scmk-theme-recipe-cards-elevated-background);
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer {
    position:relative;
    box-sizing:border-box;
    min-height:44px;
    margin-top:14px;
    padding-left:44px;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-avatar {
    position:absolute;
    left:0;
    top:4px;
    width:34px;
    height:34px;
    overflow:hidden;
    border:1px solid var(--scmk-theme-recipe-accent-treatment-primary);
    border-radius:50%;
    background:var(--scmk-theme-recipe-cards-elevated-background);
    box-shadow:0 0 0 2px var(--scmk-theme-recipe-cards-background);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-avatar img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea {
    width:100%;
    min-height:42px;
    height:42px;
    max-height:100px;
    padding:10px 118px 10px 15px;
    border:1px solid var(--scmk-theme-recipe-cards-border);
    border-radius:999px;
    background:var(--scmk-theme-recipe-cards-elevated-background);
    color:var(--scmk-theme-recipe-cards-text-color);
    font:500 11.75px/1.35 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    resize:none;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea::placeholder,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button {
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer textarea:focus {
    border-color:var(--scmk-theme-recipe-accent-treatment-focus);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-focus) 22%,transparent);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls {
    position:absolute;
    right:6px;
    bottom:7px;
    display:flex;
    flex-wrap:nowrap;
    gap:2px;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button {
    position:relative;
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    font-size:9px;
    cursor:pointer;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button:hover,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-controls button:focus-visible {
    color:var(--scmk-theme-recipe-accent-treatment-primary);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-tool--image > span {
    position:relative;
    width:15px;
    height:13px;
    border:1.5px solid currentColor;
    border-radius:2px;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-tool--image > span::before {
    content:"";
    position:absolute;
    left:2px;
    bottom:2px;
    width:8px;
    height:6px;
    border-left:1.5px solid currentColor;
    border-top:1.5px solid currentColor;
    transform:rotate(45deg);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-tool--gif {
    width:25px;
    height:18px;
    margin-top:4px;
    border:1.5px solid currentColor;
    border-radius:4px;
    font-weight:750;
    line-height:1;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-submit::before {
    content:"";
    width:14px;
    height:14px;
    border-top:1.7px solid currentColor;
    border-right:1.7px solid currentColor;
    transform:rotate(28deg) skew(-9deg,-9deg);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer-submit-label {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
}

/*
 * The Profile adapter deliberately mounts the canonical Stream activity-feed
 * under its own semantic surface. Its parent cards and comment emoji control
 * must consume the same published Theme Profile recipes as Stream rather than
 * falling through to the legacy dark defaults.
 */
body.vibes-theme.vibes-network-theme .scmk-profile-feed-bridge [data-scmk-style-contract="module-kit-stream-default-presentation-v3"].glass-card,
body.vibes-theme.vibes-network-theme .scmk-profile-feed-bridge [data-scmk-style-contract="module-kit-stream-default-presentation-v3"] .glass-card {
    background:linear-gradient(145deg,color-mix(in srgb,var(--scmk-theme-recipe-cards-elevated-background) 86%,var(--scmk-theme-recipe-accent-treatment-secondary) 14%),var(--scmk-theme-recipe-cards-background));
    border-color:color-mix(in srgb,var(--scmk-theme-recipe-cards-border) 80%,var(--scmk-theme-recipe-accent-treatment-primary) 20%);
    box-shadow:var(--scmk-theme-recipe-cards-shadow);
    backdrop-filter:var(--scmk-theme-recipe-cards-backdrop-filter,none);
}
body.vibes-theme.vibes-network-theme .scmk-profile-feed-bridge [data-scmk-style-contract="module-kit-stream-default-presentation-v3"] :is(.post-head strong,.post-copy) {
    color:var(--scmk-theme-recipe-cards-text-color);
}
body.vibes-theme.vibes-network-theme .scmk-profile-feed-bridge [data-scmk-style-contract="module-kit-stream-default-presentation-v3"] :is(.post-head small,.scmk-stream-post-card__menu,.post-social,.scmk-stream-post-card__footer::after,.scmk-vibes-reaction-summary__total,.post-social a,.post-actions button,.post-actions a) {
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme .scmk-profile-feed-bridge [data-scmk-style-contract="module-kit-stream-default-presentation-v3"] .post-actions {
    border-color:var(--scmk-theme-recipe-cards-border);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .scmk-comment-thread__composer > .vibes-emoji-system {
    position:absolute;
    right:91px;
    bottom:7px;
    z-index:4;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-toggle {
    width:28px;
    height:28px;
    min-width:28px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-picker {
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:100;
    width:min(276px,calc(100vw - 32px));
    max-height:220px;
    padding:9px;
    display:none;
    grid-template-columns:repeat(6,minmax(34px,1fr));
    gap:4px;
    overflow:auto;
    border:1px solid var(--scmk-theme-recipe-cards-border);
    border-radius:var(--scmk-theme-recipe-cards-radius);
    background:var(--scmk-theme-recipe-cards-elevated-background);
    box-shadow:0 18px 52px color-mix(in srgb,var(--scmk-theme-recipe-cards-text-color) 16%,transparent),0 0 24px color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-secondary) 12%,transparent);
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-picker.is-open { display:grid; }
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-option {
    min-width:34px;
    height:34px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:var(--scmk-theme-recipe-controls-radius);
    color:inherit;
    background:transparent;
    font-size:17px;
    line-height:1;
    cursor:pointer;
}
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-option:hover,
body.vibes-theme.vibes-network-theme .scmk-comment-thread--profile-feed[data-scmk-comment-renderer-contract="stream-comment-hierarchy-renderer-v1"] .vibes-emoji-option:focus-visible {
    background:color-mix(in srgb,var(--scmk-theme-recipe-accent-treatment-primary) 10%,var(--scmk-theme-recipe-cards-background));
}

@media (max-width:900px) {
    body.vibes-theme .vibes-topbar--replica .vibes-primary-nav { display:none !important; }
    body.vibes-theme .vibes-topbar--replica .vibes-userbar {
        min-width:0;
        gap:6px;
        overflow:visible;
    }
    body.vibes-theme .vibes-topbar--replica .vibes-account-menu > summary { gap:6px; }
    body.vibes-theme .vibes-topbar--replica .vibes-account-avatar .avatar { width:34px; height:34px; }
    body.vibes-theme .vibes-topbar--replica .vibes-create-action { height:34px; padding-inline:10px; }
}
@media (max-width:760px) {
    body.vibes-theme .vibes-topbar--replica .user-meta,
    body.vibes-theme .vibes-topbar--replica .vibes-divider,
    body.vibes-theme .vibes-topbar--replica .vibes-userbar > .icon-btn { display:none !important; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica { gap:7px; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { font-size:19px; }
    body.vibes-theme .vibes-topbar--replica .vibes-search { min-width:0; width:100%; }
    body.vibes-theme .vibes-topbar--replica .vibes-search input { min-width:0; }
}
@media (max-width:520px) {
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { display:none; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica::before { width:28px; flex-basis:28px; }
    body.shiftcontrol-view-stream .scmk-comment-thread .vibes-emoji-picker {
        position:fixed;
        left:10px;
        right:10px;
        bottom:10px;
        width:auto;
        max-height:min(42vh,240px);
        grid-template-columns:repeat(6,1fr);
        z-index:2147482000;
    }
}
/* Shell-control presentation after Blueprint paint retirement. */
body.vibes-theme .vibes-topbar--replica {
    color:var(--scmk-theme-recipe-shell-canvas-text-color);
    background:var(--scmk-theme-recipe-shell-canvas-background,linear-gradient(180deg,rgba(3,5,16,.985),rgba(4,7,22,.95)));
    backdrop-filter:var(--scmk-theme-recipe-cards-backdrop-filter,blur(18px));
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica { text-decoration:none; }
body.vibes-theme .vibes-topbar--replica .vibes-search {
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
}
body.vibes-theme .vibes-topbar--replica .vibes-search button {
    width:24px;
    height:24px;
    min-width:24px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:7px;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    background:transparent;
    box-shadow:none;
    cursor:pointer;
}
body.vibes-theme .vibes-topbar--replica .vibes-search input {
    min-width:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    outline:0;
    color:var(--scmk-theme-recipe-shell-canvas-text-color);
    background:transparent;
    appearance:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-search input::placeholder { color:var(--scmk-theme-recipe-shell-canvas-muted-text); opacity:1; }
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav {
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
}
body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a {
    position:relative;
    display:grid;
    place-items:center;
    text-decoration:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-userbar {
    min-width:0;
    display:flex;
    align-items:center;
}
body.vibes-theme .vibes-topbar--replica .vibes-userbar button,
body.vibes-theme .vibes-topbar--replica .vibes-userbar a { font:inherit; }
body.vibes-theme .vibes-topbar--replica .vibes-userbar .icon-btn {
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    color:var(--scmk-theme-recipe-shell-canvas-muted-text);
    background:transparent;
    box-shadow:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-divider { width:1px; background:var(--scmk-theme-recipe-shell-canvas-border); }
body.vibes-theme .vibes-topbar--replica .vibes-account-menu { position:relative; min-width:0; }
body.vibes-theme .vibes-topbar--replica .vibes-account-menu > summary {
    min-width:0;
    display:flex;
    align-items:center;
    list-style:none;
    color:var(--scmk-theme-recipe-shell-canvas-text-color);
    cursor:pointer;
}
body.vibes-theme .vibes-topbar--replica .vibes-account-menu > summary::-webkit-details-marker { display:none; }
body.vibes-theme .vibes-topbar--replica .vibes-account-avatar,
body.vibes-theme .vibes-topbar--replica .vibes-account-avatar .avatar {
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:var(--scmk-theme-recipe-cards-elevated-background,#151d43);
}
body.vibes-theme .vibes-topbar--replica .vibes-account-avatar .avatar {
    border:1px solid var(--vibes-stream-border,rgba(255,255,255,.15));
}
body.vibes-theme .vibes-topbar--replica .vibes-account-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
body.vibes-theme .vibes-topbar--replica .user-meta { min-width:0; line-height:1.14; }
body.vibes-theme .vibes-topbar--replica .user-meta strong,
body.vibes-theme .vibes-topbar--replica .user-meta small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.vibes-theme .vibes-topbar--replica .vibes-account-caret { color:var(--vibes-stream-muted,#d5ddf2); }
body.vibes-theme .vibes-topbar--replica .vibes-account-panel {
    position:absolute;
    top:calc(100% + 9px);
    right:0;
    z-index:90;
    width:224px;
    padding:7px;
    border:1px solid var(--scmk-theme-recipe-cards-border,rgba(122,91,255,.24));
    border-radius:var(--scmk-theme-recipe-cards-radius,13px);
    background:var(--scmk-theme-recipe-cards-elevated-background,rgba(7,11,31,.985));
    box-shadow:var(--scmk-theme-recipe-cards-shadow,0 18px 48px rgba(0,0,0,.48));
}
body.vibes-theme .vibes-topbar--replica .vibes-account-panel a {
    display:block;
    padding:9px 10px;
    border-radius:9px;
    color:var(--scmk-theme-recipe-cards-text-color,#f6f7ff);
    text-decoration:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-account-panel a:hover { background:var(--scmk-theme-recipe-navigation-active-background,rgba(255,255,255,.05)); }
body.vibes-theme .vibes-topbar--replica .vibes-account-panel small { color:var(--scmk-theme-recipe-shell-canvas-muted-text); }
body.vibes-theme .vibes-topbar--replica .vibes-create-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:0;
    color:var(--scmk-theme-recipe-controls-primary-color,#fff);
    text-decoration:none;
    white-space:nowrap;
    background:var(--scmk-theme-recipe-controls-primary-background,linear-gradient(105deg,#9b29ff,#ff2f92 64%,#ff7429));
}
/* Shell Navigation board: one wordmark and one geometry system across routes. */
body.vibes-theme:not(.shiftcontrol-view-stream) .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns:170px minmax(280px,400px) minmax(350px,1fr) auto !important;
    gap:16px !important;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica {
    width:max-content;
    min-width:0;
    height:auto;
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto auto;
    column-gap:5px;
    row-gap:0;
    align-items:center;
    overflow:visible;
    line-height:.78;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica::before { content:none; display:none; }
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word {
    display:block;
    font-family:"Brush Script MT","Segoe Script",cursive;
    font-size:43px;
    font-weight:900;
    letter-spacing:.1px;
    text-transform:none;
    color:transparent;
    background:linear-gradient(135deg,#ff876f,#ff2f92 70%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 0 18px rgba(255,47,146,.30);
}
body.vibes-theme .vibes-topbar--replica .vibes-logo-heart {
    display:block;
    color:#ff2f92;
    font-size:13px;
    text-shadow:0 0 12px rgba(255,47,146,.7);
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica small {
    display:block;
    grid-column:1 / -1;
    margin:1px 0 0 37px;
    color:#f7f4ff;
    font:600 7px/1 Inter,ui-sans-serif,system-ui,sans-serif;
    letter-spacing:.01em;
}
@media (max-width:1220px) {
    body.vibes-theme:not(.shiftcontrol-view-stream) .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
        grid-template-columns:160px minmax(220px,1fr) auto !important;
    }
    body.vibes-theme .vibes-topbar--replica .vibes-primary-nav { display:none !important; }
}
@media (min-width:1221px) and (max-width:1509px) {
    body.shiftcontrol-view-stream.vibes-theme .vibes-topbar--replica .vibes-primary-nav { display:none !important; }
}
@media (min-width:1221px) and (max-width:1600px) {
    body.vibes-theme.vibes-network-theme .vibes-topbar--replica .vibes-primary-nav a small {
        font-size:10px;
    }
}
@media (max-width:760px) {
    body.vibes-theme:not(.shiftcontrol-view-stream) .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
        grid-template-columns:88px minmax(0,1fr) auto !important;
        gap:8px !important;
    }
    body.vibes-theme .vibes-topbar--replica .vibes-userbar {
        position:relative;
        z-index:1;
    }
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { display:block; font-size:29px; }
    body.vibes-theme .vibes-topbar--replica .vibes-logo-heart,
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica small { display:none; }
}
/* Shell Navigation blueprint fidelity: Vibes-owned paint and typography. */
body.vibes-theme .vibes-topbar{
    font-family:Inter,Mulish,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html:has(body.vibes-theme.admin-bar){
    margin-top:0!important;
    padding-top:0!important;
    --sc-shell-adminbar-height:22px;
}
html:has(body.vibes-theme.admin-bar) body.vibes-theme{
    padding-top:22px!important;
    --sc-shell-adminbar-height:22px;
}
body.vibes-theme:not(.admin-bar){--sc-shell-adminbar-height:0px}
body.vibes-theme .vibes-topbar--replica .vibes-userbar{height:46px}
body.vibes-theme .vibes-topbar--replica,
body.vibes-theme .vibes-topbar--replica *,
body.vibes-theme .vibes-topbar--replica *::before,
body.vibes-theme .vibes-topbar--replica *::after{box-sizing:border-box}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)[data-sc-blueprint-shell-topbar="v1"]{
    position:relative;
    height:86px!important;
    overflow:hidden;
    isolation:isolate;
    background:linear-gradient(90deg,#050614 0%,#070518 35%,#140727 68%,#08061a 100%);
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)[data-sc-blueprint-shell-topbar="v1"]::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0 0 0 42%;
    pointer-events:none;
    opacity:.62;
    background:
      radial-gradient(circle at 88% 38%,rgba(255,37,190,.72) 0 2px,transparent 3px),
      radial-gradient(circle at 67% 70%,rgba(115,38,255,.48),transparent 25%),
      linear-gradient(112deg,transparent 0 36%,rgba(127,24,214,.18) 37% 49%,transparent 50%),
      repeating-linear-gradient(98deg,transparent 0 54px,rgba(255,27,183,.18) 55px 57px,transparent 58px 91px),
      linear-gradient(180deg,rgba(10,4,31,.1),rgba(39,4,55,.45));
    box-shadow:inset 70px 0 74px #070518;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-topbar__inner{position:relative;z-index:1;height:86px!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite{min-width:0!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-shell-manifesto{
    display:flex!important;
    align-items:baseline;
    gap:8px;
    width:max-content!important;
    height:auto!important;
    flex:0 0 auto!important;
    place-items:initial!important;
    border-radius:0!important;
    background:none!important;
    color:#fff;
    font-size:30px;
    font-weight:850;
    line-height:1;
    letter-spacing:-.045em;
    text-shadow:0 2px 18px rgba(0,0,0,.45);
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-shell-manifesto b{font:inherit;color:#fff}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-shell-manifesto i,
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-shell-manifesto em{font:italic 820 30px/1 Inter,Mulish,ui-sans-serif,system-ui,sans-serif}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-shell-manifesto i{color:#ff6642;text-shadow:0 0 18px rgba(255,75,54,.34)}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-shell-manifesto em{color:#e41bd2;text-shadow:0 0 20px rgba(232,25,206,.42)}
html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-word,
html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-heart,
html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>small{display:none!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-search{
    height:38px!important;
    border-radius:10px!important;
    background:rgba(12,12,37,.73)!important;
    border-color:rgba(112,88,190,.2)!important;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-primary-nav a{min-width:50px!important;padding:6px 7px 7px!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-primary-nav a>span{font-size:15px!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-primary-nav small{font-size:9px!important}
@media(max-width:1320px){
    body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)[data-sc-blueprint-shell-topbar="v1"],
    body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-topbar__inner{height:76px!important}
    body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-shell-manifesto{display:none!important}
    html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-word{display:inline!important}
    html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-heart{display:inline!important}
    html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>small{display:block!important}
}
@media(max-width:640px){
    body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)[data-sc-blueprint-shell-topbar="v1"],
    body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-topbar__inner{height:62px!important}
    html body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>small{display:none!important}
}

/* Canonical custom-logo projection. Placement remains owned by the existing
 * shell/footer geometry; only the identity source changes. */
body.vibes-theme .vibes-canonical-logo--fallback{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:max-content;
    min-width:0;
    height:auto;
    overflow:visible;
    color:#fff;
    line-height:1;
    text-decoration:none;
}
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__mark{
    position:relative;
    display:inline-block;
    flex:0 0 32px;
    width:32px;
    height:38px;
    filter:drop-shadow(0 0 16px rgba(160,82,255,.46));
}
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__mark::before,
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__mark::after{
    content:"";
    position:absolute;
    top:3px;
    width:8px;
    height:32px;
    border-radius:999px;
    transform-origin:center;
}
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__mark::before{left:7px;transform:rotate(-30deg);background:linear-gradient(180deg,#1ee4ff,#8b4dff 62%,#ff2bb6);}
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__mark::after{right:7px;transform:rotate(30deg);background:linear-gradient(180deg,#ffb13b,#ff4574 42%,#8b4dff 100%);}
body.vibes-theme .vibes-canonical-logo--fallback .vibes-canonical-logo__word{
    display:inline!important;
    color:var(--scmk-theme-recipe-shell-canvas-text-color,var(--scmk-theme-colors-text-primary,#fff));
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    font:900 27px/1 Inter,Arial,sans-serif;
    letter-spacing:.01em;
    text-transform:uppercase;
    text-shadow:none;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--fallback,
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite.vibes-canonical-logo--fallback{display:inline-flex;grid-template:none;line-height:1;}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--fallback small,
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite.vibes-canonical-logo--fallback small{display:none!important;}
body.vibes-theme .vibes-canonical-logo--custom .vibes-canonical-logo__image{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    object-fit:contain;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--custom{
    display:flex;
    width:min(160px,100%);
    height:52px;
    align-items:center;
    overflow:hidden;
}
body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--custom .vibes-canonical-logo__image{
    max-width:160px;
    max-height:48px;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite.vibes-canonical-logo--custom{
    display:flex;
    width:min(210px,100%);
    height:52px;
    align-items:center;
    overflow:hidden;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite.vibes-canonical-logo--custom .vibes-canonical-logo__image{
    max-width:210px;
    max-height:48px;
}
body.vibes-network-theme .vibes-footer-brand-logo,
body.vibes-network-theme .vibes-shell-footer-logo{display:inline-flex;align-items:center;text-decoration:none;}
body.vibes-network-theme .vibes-footer-brand-logo .vibes-canonical-logo__image,
body.vibes-network-theme .vibes-shell-footer-logo .vibes-canonical-logo__image{max-width:148px;max-height:34px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--custom .vibes-canonical-logo__image{max-width:148px;max-height:34px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback{gap:7px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__mark{width:22px;height:26px;flex-basis:22px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__mark::before,
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__mark::after{top:2px;width:6px;height:22px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__mark::before{left:5px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__mark::after{right:5px;}
body.shiftcontrol-view-stream .footer-brand.vibes-canonical-logo--fallback .vibes-canonical-logo__word{font-size:12px;}
@media(max-width:760px){
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--custom{width:min(80px,100%);height:42px;}
    body.vibes-theme .vibes-topbar--replica .vibes-logo--replica.vibes-canonical-logo--custom .vibes-canonical-logo__image{max-width:80px;max-height:38px;}
}
