@import url('design_system.css');

:root {
    --font-body: "DM Sans", "Nunito", sans-serif;
    --font-display: "Syne", "DM Sans", sans-serif;
    --font-rounded: "Baloo 2", "Nunito", "DM Sans", sans-serif;
    --bg: #050508;
    --bg-soft: #0c0c14;
    --surface: rgba(12, 12, 20, 0.72);
    --surface-strong: rgba(18, 18, 28, 0.94);
    --glass: rgba(255, 255, 255, 0.02);
    --glass-border: rgba(255, 255, 255, 0.06);
    --line: rgba(255, 255, 255, 0.06);
    --line-strong: rgba(255, 255, 255, 0.12);
    --text: #fdfcfb;
    --muted: #a1a1aa;
    --soft: #71717a;
    --accent: #ff4d00;
    --accent-strong: #ff7f32;
    --accent-soft: rgba(255, 77, 0, 0.12);
    --magma: linear-gradient(135deg, #ff4d00, #ff9d00);
    --blue: #38bdf8;
    --blue-soft: rgba(56, 189, 248, 0.12);
    --green: #22c55e;
    --green-soft: rgba(34, 197, 94, 0.12);
    --danger: #ef4444;
    --danger-soft: rgba(239, 68, 68, 0.12);
    --warning: #f59e0b;
    --warning-soft: rgba(245, 158, 11, 0.12);
    --shadow-sm: 0 12px 30px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 24px 60px rgba(0, 0, 0, 0.6);
    --radius-xl: 32px;
    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 8px;
    --container: min(var(--ds-container-max, 1400px), calc(100% - var(--ds-container-gutter, 3rem)));
    --transition: 450ms cubic-bezier(0.19, 1, 0.22, 1);
    --transition-fast: 250ms cubic-bezier(0.19, 1, 0.22, 1);
    --glass-blur: blur(32px);
    --hover-lift: -8px;
    --magma-glow: 0 10px 40px rgba(255, 77, 0, 0.25);
}

.live-owner-pulse {
    --pulse-border: rgba(255, 255, 255, 0.14);
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1.12fr);
    gap: clamp(1rem, 2.5vw, 2rem);
    margin-top: 1.25rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
    overflow: hidden;
    border: 1px solid var(--pulse-border);
    border-radius: 8px;
    background:
        linear-gradient(130deg, rgba(5, 10, 12, 0.94), rgba(9, 16, 14, 0.88)),
        radial-gradient(circle at 12% 18%, rgba(45, 212, 191, 0.16), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(250, 204, 21, 0.14), transparent 28%),
        radial-gradient(circle at 70% 92%, rgba(244, 63, 94, 0.12), transparent 34%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
}

.header-live-strip {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    min-width: min(100%, 520px);
    padding: 0.35rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
        radial-gradient(circle at 10% 20%, rgba(45, 212, 191, 0.18), transparent 34%),
        radial-gradient(circle at 100% 50%, rgba(250, 204, 21, 0.14), transparent 28%);
    overflow: hidden;
}

.header-live-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    transform: translateX(-100%);
    animation: headerLiveSweep 6.8s ease-in-out infinite;
}

.header-live-strip>* {
    position: relative;
    z-index: 1;
}

.header-live-score,
.header-live-metric {
    color: inherit;
    text-decoration: none;
}

.header-live-score {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.35rem 0.55rem;
    border: 1px solid rgba(45, 212, 191, 0.28);
    border-radius: 8px;
    background: rgba(45, 212, 191, 0.08);
    white-space: nowrap;
}

.header-live-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #2dd4bf;
    box-shadow: 0 0 0 0 rgba(45, 212, 191, 0.42);
    animation: headerLiveDot 1.7s ease-in-out infinite;
}

.header-live-score strong,
.header-live-metric strong {
    color: #fdfcfb;
    font-size: 0.92rem;
    line-height: 1;
}

.header-live-score small,
.header-live-metric span {
    color: var(--muted);
    font-size: 0.68rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.header-live-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
    min-width: 0;
}

.header-live-metric {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    min-height: 34px;
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.header-live-metric:hover {
    transform: translateY(-2px);
    border-color: rgba(250, 204, 21, 0.36);
    background: rgba(255, 255, 255, 0.08);
}

.header-live-metric span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-owner-pulse::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 86px);
    opacity: 0.55;
    transform: translateX(-45%);
    animation: liveOwnerSweep 9s ease-in-out infinite;
}

.live-owner-pulse>* {
    position: relative;
    z-index: 1;
}

.live-owner-pulse-copy {
    display: grid;
    align-content: center;
    gap: 0.8rem;
    max-width: 680px;
}

.live-owner-pulse-copy h2 {
    margin: 0;
    font-size: clamp(1.45rem, 2.4vw, 2.4rem);
    line-height: 1.08;
}

.live-owner-pulse-copy p {
    margin: 0;
    color: var(--muted);
    max-width: 64ch;
}

.live-owner-pulse-board {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.live-owner-score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 96px;
    padding: 1rem;
    border: 1px solid rgba(45, 212, 191, 0.28);
    border-radius: 8px;
    background: rgba(8, 19, 18, 0.74);
}

.live-owner-score span,
.live-owner-card span,
.live-owner-bar small {
    color: var(--muted);
    font-size: 0.78rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.live-owner-score strong {
    color: #f8fbf7;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 0.9;
    text-shadow: 0 0 34px rgba(45, 212, 191, 0.38);
}

.live-owner-bars {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    gap: 0.75rem;
    min-height: 154px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.live-owner-bar {
    display: grid;
    justify-items: center;
    align-items: end;
    gap: 0.4rem;
    min-width: 0;
}

.live-owner-bar span {
    width: min(100%, 34px);
    min-height: 26px;
    border-radius: 8px 8px 4px 4px;
    background: linear-gradient(180deg, #facc15, #2dd4bf 48%, #fb7185);
    box-shadow: 0 14px 36px rgba(45, 212, 191, 0.22);
    transform-origin: bottom;
    animation: liveOwnerBarRise 1s cubic-bezier(0.2, 0.8, 0.2, 1) both;
    animation-delay: var(--bar-delay);
}

.live-owner-bar strong {
    color: var(--text);
    font-size: 1.05rem;
}

.live-owner-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.live-owner-card {
    min-height: 128px;
    padding: 0.9rem;
    display: grid;
    align-content: start;
    gap: 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: inherit;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.live-owner-card:hover {
    transform: translateY(-3px);
    border-color: rgba(250, 204, 21, 0.45);
    background: rgba(255, 255, 255, 0.09);
}

.live-owner-card strong {
    color: #facc15;
    font-size: 1.5rem;
}

.live-owner-card small {
    color: var(--muted);
    line-height: 1.35;
}

@keyframes liveOwnerSweep {

    0%,
    100% {
        transform: translateX(-48%);
        opacity: 0.34;
    }

    50% {
        transform: translateX(38%);
        opacity: 0.74;
    }
}

@keyframes liveOwnerBarRise {
    from {
        transform: scaleY(0.18);
        opacity: 0.35;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes headerLiveSweep {

    0%,
    100% {
        transform: translateX(-108%);
        opacity: 0.25;
    }

    48%,
    58% {
        transform: translateX(108%);
        opacity: 0.72;
    }
}

@keyframes headerLiveDot {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(45, 212, 191, 0.42);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 0 7px rgba(45, 212, 191, 0);
        transform: scale(1.08);
    }
}

@media (max-width: 980px) {
    .live-owner-pulse {
        grid-template-columns: 1fr;
    }

    .header-live-strip {
        grid-template-columns: 1fr;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .live-owner-pulse {
        padding: 1rem;
    }

    .live-owner-bars,
    .live-owner-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .header-live-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.magma-cursor-glow {
    position: fixed;
    top: -24px;
    left: -24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.18s ease;
    will-change: transform, opacity;
}

.magma-cursor-glow::before {
    content: none;
}

.magma-cursor-glow::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 148, 72, 0) 0 28%, rgba(255, 148, 72, 0.18) 42%, rgba(255, 148, 72, 0.12) 54%, rgba(255, 148, 72, 0.05) 68%, rgba(255, 148, 72, 0.015) 80%, rgba(255, 148, 72, 0) 100%);
    box-shadow:
        0 0 18px rgba(255, 132, 42, 0.12),
        0 0 28px rgba(255, 132, 42, 0.06);
    filter: blur(4px);
    opacity: 0.24;
    transform: scale(0.82);
    transform-origin: center;
    animation: magma-cursor-breath 1.8s ease-in-out infinite;
    transition: opacity 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease;
    will-change: transform, opacity, filter, box-shadow;
}

html.magma-cursor-static .magma-cursor-glow {
    opacity: 0;
}

html.magma-cursor-static .magma-cursor-glow::before {
    content: none;
}

html.magma-cursor-static .magma-cursor-glow::after {
    animation: none;
    opacity: 0.28;
    transform: scale(0.88);
    filter: blur(4px);
}

.magma-cursor-ripple {
    --cursor-ripple-x: 0px;
    --cursor-ripple-y: 0px;
    position: fixed;
    top: -38px;
    left: -38px;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    opacity: 0;
    background: radial-gradient(circle, rgba(255, 145, 62, 0.18) 0%, rgba(255, 145, 62, 0.1) 22%, rgba(255, 145, 62, 0.05) 40%, rgba(255, 145, 62, 0.02) 56%, rgba(255, 145, 62, 0) 78%);
    filter: blur(5px);
    box-shadow:
        0 0 34px rgba(255, 132, 42, 0.12);
    transform: translate3d(var(--cursor-ripple-x), var(--cursor-ripple-y), 0) scale(0.38);
    will-change: transform, opacity, filter;
}

.magma-cursor-ripple.is-active {
    animation: magma-cursor-ripple 0.92s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.magma-cursor-glow.is-visible {
    opacity: 1;
}

.magma-cursor-glow.is-hovering::before {
    content: none;
}

.magma-cursor-glow.is-hovering::after {
    opacity: 0.34;
    filter: blur(5px);
    box-shadow:
        0 0 22px rgba(255, 132, 42, 0.14),
        0 0 36px rgba(255, 132, 42, 0.08);
}

.magma-cursor-glow.is-pressed::before {
    content: none;
}

.magma-cursor-glow.is-pressed::after {
    animation: none;
    opacity: 0.42;
    filter: blur(6px);
    transform: scale(1.02);
    box-shadow:
        0 0 26px rgba(255, 132, 42, 0.18),
        0 0 40px rgba(255, 132, 42, 0.11);
}

.magma-cursor-glow.is-flashing::after {
    animation: none;
    opacity: 0.58;
    filter: blur(7px);
    transform: scale(1.08);
    box-shadow:
        0 0 34px rgba(255, 132, 42, 0.24),
        0 0 52px rgba(255, 132, 42, 0.14);
}

@keyframes magma-cursor-breath {
    0%,
    100% {
        opacity: 0.18;
        filter: blur(3px);
        transform: scale(0.78);
        box-shadow:
            0 0 12px rgba(255, 132, 42, 0.08),
            0 0 20px rgba(255, 132, 42, 0.05);
    }

    50% {
        opacity: 0.48;
        filter: blur(5px);
        transform: scale(1.06);
        box-shadow:
            0 0 20px rgba(255, 132, 42, 0.16),
            0 0 32px rgba(255, 132, 42, 0.1);
    }
}

@keyframes magma-cursor-ripple {
    0% {
        opacity: 0.2;
        filter: blur(4px);
        transform: translate3d(var(--cursor-ripple-x), var(--cursor-ripple-y), 0) scale(0.34);
    }

    35% {
        opacity: 0.16;
        filter: blur(5px);
        transform: translate3d(var(--cursor-ripple-x), var(--cursor-ripple-y), 0) scale(0.88);
    }

    70% {
        opacity: 0.1;
        filter: blur(6px);
        transform: translate3d(var(--cursor-ripple-x), var(--cursor-ripple-y), 0) scale(1.28);
    }

    100% {
        opacity: 0;
        filter: blur(8px);
        transform: translate3d(var(--cursor-ripple-x), var(--cursor-ripple-y), 0) scale(1.66);
    }
}

.profile-headline {
    margin: 0;
    font-size: 1.04rem;
    font-weight: 700;
    color: var(--text-strong);
}

.profile-lock-shell {
    position: relative;
    overflow: hidden;
}

.profile-lock-shell::after {
    content: "";
    position: absolute;
    inset: auto -20% -35% auto;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 122, 31, 0.16) 0%, rgba(255, 122, 31, 0.04) 45%, rgba(255, 122, 31, 0) 72%);
    pointer-events: none;
}

.profile-timeline,
.profile-showcase-grid {
    display: grid;
    gap: 1rem;
}

.profile-timeline-card,
.profile-showcase-card {
    display: grid;
    gap: 0.65rem;
    padding: 1rem 1.05rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(12, 12, 18, 0.58);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
}

.profile-timeline-card span,
.profile-showcase-card span {
    color: var(--text-muted);
    font-size: 0.92rem;
}

.profile-timeline-card p,
.profile-showcase-card p {
    margin: 0;
    color: var(--text-muted);
}

.profile-showcase-card a {
    width: fit-content;
}

.profile-builder-note {
    padding: 1rem 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 152, 92, 0.18);
    background: linear-gradient(135deg, rgba(255, 122, 31, 0.12), rgba(14, 12, 17, 0.58));
}

.profile-builder-note p {
    margin: 0.35rem 0 0;
    color: var(--text-muted);
}

.dashboard-profile-formsets {
    display: grid;
    gap: 1rem;
}

.dashboard-profile-collection {
    padding: 1rem;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(14, 14, 20, 0.58);
}

.dashboard-profile-collection-grid {
    display: grid;
    gap: 0.9rem;
}

.dashboard-profile-entry-card {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(8, 8, 12, 0.56);
}

.field-shell.is-delete-field {
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    border: 1px dashed rgba(255, 166, 112, 0.24);
    background: rgba(255, 122, 31, 0.06);
}

.field-shell.is-delete-field input {
    width: auto;
}

@media (min-width: 860px) {
    .profile-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-profile-collection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .dashboard-profile-entry-card,
    .profile-timeline-card,
    .profile-showcase-card {
        padding: 0.9rem;
    }
}

@keyframes float-subtle {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes glow-pulse {
    0% {
        box-shadow: 0 0 5px rgba(255, 77, 0, 0.2);
    }

    50% {
        box-shadow: 0 0 25px rgba(255, 77, 0, 0.6);
    }

    100% {
        box-shadow: 0 0 5px rgba(255, 77, 0, 0.2);
    }
}

.float-animate {
    animation: float-subtle 6s ease-in-out infinite;
}

.new-item-glow {
    animation: glow-pulse 2s ease-in-out 1;
}

.comment-live-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    color: var(--accent);
    background: rgba(255, 77, 0, 0.1);
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid rgba(255, 77, 0, 0.2);
    letter-spacing: 0.05em;
}

.live-dot {
    width: 6px;
    height: 6px;
    background: var(--accent);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--accent);
    animation: glow-pulse 1.5s infinite;
}

.comment-card.is-own {
    border-left: 3px solid var(--accent);
    background: rgba(255, 77, 0, 0.03);
}

/* Chat Mode (Twitch Style) */
.chat-window-shell {
    background: rgba(10, 10, 15, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.comment-thread.chat-mode {
    height: 450px;
    overflow-y: auto;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
}

.chat-item {
    margin: 0 !important;
    padding: 4px 8px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px;
    transition: background 0.2s;
}

.chat-item:hover {
    background: rgba(255, 77, 0, 0.05) !important;
}

.chat-item .comment-meta {
    display: block !important;
    font-size: 13px;
}

.chat-item strong {
    color: var(--accent);
    margin-right: 8px;
}

.chat-item span {
    color: #ccc;
    line-height: 1.4;
}

.chat-input-form {
    padding: 12px;
    background: rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.chat-input-shell {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.chat-input-shell textarea {
    flex: 1;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    color: #fff !important;
    resize: none;
    height: 42px !important;
    min-height: 42px !important;
}

.chat-send-btn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s;
}

.chat-send-btn:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes magma-heartbeat {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
        filter: brightness(1.2);
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

/* Page Transition Overlay */
#page-transit-overlay {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 77, 0, 0.16), transparent 24%),
        radial-gradient(circle at 72% 32%, rgba(56, 189, 248, 0.12), transparent 24%),
        rgba(5, 5, 8, 0.92);
    z-index: 20000;
    pointer-events: none;
    opacity: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.transit-shell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
}

.transit-logo {
    width: 64px;
    height: 64px;
    background: var(--magma);
    border-radius: 50%;
    filter: blur(8px);
    box-shadow: 0 0 38px rgba(255, 77, 0, 0.35);
}

.transit-wordmark {
    font-family: "Syne", sans-serif;
    font-size: 1.4rem;
    letter-spacing: -0.06em;
    color: #fff7f2;
}

.transit-copy {
    color: #a7a0af;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Bento Grid System */
.bento-shell {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.25rem;
}

.bento-item {
    grid-column: span 12;
}

@media (min-width: 768px) {
    .bento-item-sm-6 {
        grid-column: span 6;
    }

    .bento-item-sm-4 {
        grid-column: span 4;
    }
}

@media (min-width: 1024px) {
    .bento-item-lg-8 {
        grid-column: span 8;
    }

    .bento-item-lg-4 {
        grid-column: span 4;
    }

    .bento-item-lg-6 {
        grid-column: span 6;
    }

    .bento-item-lg-3 {
        grid-column: span 3;
    }

    .bento-row-2 {
        grid-row: span 2;
    }
}

/* Premium Components */
.glass-panel--premium {
    background: var(--surface-strong);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--line-strong);
    box-shadow: var(--shadow-md), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-lg);
    padding: 1.75rem;
    position: relative;
    overflow: hidden;
}

.glass-panel--premium::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

.lively-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: rgba(255, 77, 0, 0.02);
    border: 1px dashed var(--line);
    border-radius: var(--radius-lg);
    gap: 1rem;
}

.lively-icon {
    width: 64px;
    height: 64px;
    background: var(--accent-soft);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    animation: magma-heartbeat 3s ease-in-out infinite;
}

.site-backdrop {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    background-color: var(--bg);
    background-image:
        radial-gradient(at 0% 0%, rgba(255, 77, 0, 0.15) 0, transparent 48%),
        radial-gradient(at 100% 0%, rgba(255, 157, 0, 0.08) 0, transparent 42%),
        radial-gradient(at 50% 100%, rgba(34, 197, 94, 0.03) 0, transparent 40%);
    font: 16px/1.6 var(--font-body);
    -webkit-font-smoothing: antialiased;
}

body.has-mobile-nav {
    overflow: hidden;
}

[hidden] {
    display: none !important;
}

.surface-stack-xl {
    margin-top: 1.25rem;
}

.surface-stack-lg {
    margin-top: 1rem;
}

.surface-stack-sm {
    margin-top: 0.9rem;
}

.surface-stack-md {
    margin-top: 0.75rem;
}

.surface-stack-xs {
    margin-top: 0.65rem;
}

.surface-bottom-xl {
    margin-bottom: 1.25rem;
}

.surface-bottom-lg {
    margin-bottom: 1rem;
}

.discussion-item-fill {
    width: 100%;
}

.feedback-thread-shell {
    margin-top: 0.9rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(125, 138, 255, 0.22);
}

.details-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
}

.details-summary-row::-webkit-details-marker {
    display: none;
}

.details-summary-note {
    display: block;
    margin-top: 0.2rem;
    color: var(--muted);
}

.muted-block-note {
    display: block;
    margin-top: 0.9rem;
}

.feed-actions-wrap {
    flex-wrap: wrap;
}

.category-directory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    gap: 1rem;
}

.feed-header-fill {
    flex: 1;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}

a:hover {
    color: var(--accent-strong);
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: var(--font-display);
    letter-spacing: -0.05em;
    line-height: 1.04;
}

p,
ul,
ol {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

::selection {
    background: rgba(209, 116, 76, 0.2);
}

.site-backdrop {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.backdrop-blob {
    position: absolute;
    width: 34rem;
    aspect-ratio: 1;
    border-radius: 999px;
    opacity: 0.32;
    animation: float-blob 18s ease-in-out infinite alternate;
}

.blob-a {
    top: -10rem;
    left: -12rem;
    background: radial-gradient(circle at center, rgba(209, 116, 76, 0.9) 0%, rgba(209, 116, 76, 0) 68%);
}

.blob-b {
    top: 8rem;
    right: -12rem;
    background: radial-gradient(circle at center, rgba(79, 146, 168, 0.9) 0%, rgba(79, 146, 168, 0) 68%);
    animation-delay: -7s;
}

.backdrop-grid {
    position: absolute;
    inset: 0;
    opacity: 0.38;
    background-image: linear-gradient(rgba(33, 44, 54, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(33, 44, 54, 0.05) 1px, transparent 1px);
    background-size: 120px 120px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 86%);
}

@keyframes float-blob {
    from {
        transform: translate3d(0, 0, 0) scale(1);
    }

    to {
        transform: translate3d(2.2rem, -1.4rem, 0) scale(1.04);
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.container {
    width: var(--container);
    max-width: var(--ds-container-max, 1400px);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}


.page-shell {
    padding: var(--ds-page-top, 2rem) 0 var(--ds-page-bottom, 4rem);
}

.stack {
    display: flex;
    flex-direction: column;
    gap: var(--stack-gap, var(--space-4, 1rem));
}

.muted {
    color: var(--muted);
}

.eyebrow,
.tag-chip,
.status-pill,
.filter-chip,
.category-pill,
.live-badge,
.mini-stat {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .75rem;
    border-radius: 999px;
    border: 1px solid rgba(31, 42, 51, .1);
    background: rgba(255, 255, 255, .72);
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
}

.eyebrow,
.tag-chip-blue,
.filter-chip.is-active,
.category-pill.is-active {
    background: var(--blue-soft);
    border-color: rgba(79, 146, 168, .22);
    color: var(--blue);
}

.status-pill {
    background: var(--accent-soft);
    border-color: rgba(209, 116, 76, .22);
    color: var(--accent-strong);
}

.live-badge {
    background: var(--danger-soft);
    border-color: rgba(197, 92, 74, .22);
    color: var(--danger);
}

.mini-badge.success {
    background: var(--green-soft);
    color: var(--green);
}

.mini-badge.warning {
    background: var(--warning-soft);
    color: var(--warning);
}

.button-link,
.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout,
.panel-form button,
.form-actions button,
.auth-submit-btn,
.messenger-send-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.9rem;
    padding: 0 1.2rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 800;
    letter-spacing: -.01em;
}

.button-link,
.panel-form button,
.form-actions button,
.auth-submit-btn,
.messenger-send-btn {
    background: var(--magma);
    color: #fff;
    box-shadow: 0 10px 24px rgba(255, 77, 0, 0.2);
    border: 0;
}

.button-link:hover,
.panel-form button:hover,
.form-actions button:hover,
.auth-submit-btn:hover,
.messenger-send-btn:hover {
    color: #fff;
    background: var(--accent-strong);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(255, 77, 0, 0.3);
}

.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout {
    border-color: var(--line-strong);
    background: var(--glass);
    color: var(--text);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
}

.ghost-link:hover,
.icon-button:hover,
.mobile-close:hover,
.mobile-logout:hover {
    color: var(--text);
    background: rgba(255, 255, 255, .08);
    border-color: var(--accent);
}

.button-link-sm,
.ghost-link-sm {
    min-height: 2.3rem;
    padding: 0 .9rem;
    font-size: .84rem;
}

.count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
}

.surface,
.widget-card,
.sidebar-card,
.feed-card,
.idea-card,
.empty-card,
.menu-panel,
.hero-panel,
.auth-card,
.auth-highlight,
.messenger-sidebar,
.messenger-main,
.detail-panel,
.form-card {
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    background: var(--surface);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.widget-card:hover,
.sidebar-card:hover,
.feed-card:hover,
.idea-card:hover,
.hero-panel:hover,
.detail-panel:hover,
.form-card:hover,
.auth-card:hover,
.auth-highlight:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
    border-color: rgba(255, 77, 0, 0.3);
    background: var(--surface-strong);
}

.surface::before,
.widget-card::before,
.sidebar-card::before,
.feed-card::before,
.idea-card::before,
.auth-card::before,
.auth-highlight::before,
.hero-panel::before,
.detail-panel::before,
.form-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: var(--magma);
    opacity: 0.9;
}

.empty-card {
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--muted);
}

.widget-heading,
.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading h1,
.section-heading h2 {
    font-size: clamp(2rem, 4vw, 3.4rem);
}

.section-heading p,
.widget-heading p,
.widget-heading span,
.widget-heading small {
    color: var(--muted);
}

.discussion-list,
.activity-list,
.timeline-list,
.messenger-conversation-list,
.rule-list {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.discussion-item,
.activity-item,
.timeline-item {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .9rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 30%),
        rgba(255, 255, 255, .035);
}

.discussion-item strong,
.activity-item strong,
.timeline-item strong {
    color: var(--text);
}

.discussion-item small,
.activity-item small,
.timeline-item small {
    color: var(--muted);
}

.discussion-item.is-highlighted,
.menu-row.is-active,
.notification-item.is-unread {
    border-color: rgba(79, 146, 168, .2);
    background: rgba(79, 146, 168, .08);
}

.menu-empty {
    padding: 1rem;
    text-align: center;
    color: var(--muted);
}

.hero-grid,
.page-grid,
.split-grid,
.split-panel,
.detail-grid,
.dashboard-grid,
.form-layout,
.ideas-layout,
.messenger-layout,
.profile-grid,
.radar-grid {
    display: grid;
    gap: var(--ds-grid-gap, 1.25rem);
}

.hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(20rem, .9fr);
}

.page-grid,
.detail-grid,
.dashboard-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .8fr);
    align-items: start;
}

.split-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.dashboard-grid.home-layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .85fr);
}

.form-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .7fr);
}

.ideas-layout {
    grid-template-columns: minmax(16rem, .5fr) minmax(0, 1.5fr);
    align-items: start;
}

.messenger-layout {
    grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.3fr);
    min-height: 42rem;
}

.radar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hero-copy,
.detail-header,
.dashboard-hero,
.profile-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.8rem;
    border-radius: var(--radius-xl);
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(18, 18, 28, 0.98), rgba(13, 13, 20, 0.96));
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.hero-copy::before,
.detail-header::before,
.dashboard-hero::before,
.profile-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .18), transparent 68%);
}

.dashboard-hero-copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 1rem);
}

.hero-copy h1,
.hero-copy h2,
.detail-header h1,
.dashboard-hero h1,
.dashboard-hero h2,
.profile-hero h1 {
    font-size: clamp(2.4rem, 4vw, 4.5rem);
    color: #fff7f1;
}

.hero-copy p,
.detail-header p,
.dashboard-hero p,
.profile-hero p {
    color: #b8aebb;
}

.hero-actions,
.nav-menu-group,
.nav-auth-links,
.badge-cluster,
.feed-actions,
.card-actions,
.filter-row,
.advanced-strip,
.profile-actions,
.toolbar-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3, .75rem);
    align-items: center;
}

.stat-grid,
.metric-grid,
.mini-grid,
.quick-grid,
.permissions-grid,
.auth-note-grid,
.home-overview-grid,
.network-grid,
.leaderboard-podium {
    display: grid;
    gap: var(--ds-section-gap, 1rem);
}

.stat-grid,
.metric-grid,
.mini-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-overview-grid {
    grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, .85fr));
}

.network-grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.leaderboard-podium {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}

.stat-tile,
.metric-card,
.stat-card,
.quick-tile,
.permission-pill {
    padding: var(--ds-card-padding, 1.1rem);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, .05), transparent 34%),
        rgba(255, 255, 255, .04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.stat-tile strong,
.metric-card strong,
.stat-card .stat-val {
    display: block;
    font-family: var(--font-body);
    font-size: clamp(1.35rem, 3vw, 2rem);
    color: #fff5ee;
}

.stat-tile span,
.metric-card span,
.stat-card .stat-label {
    color: #a69cab;
    font-size: .88rem;
}

.permission-pill.is-enabled,
.quick-tile.is-highlighted {
    border-color: rgba(34, 197, 94, .24);
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, .12), transparent 32%),
        rgba(34, 197, 94, .08);
}

.feed-header,
.profile-summary,
.comment-head,
.messenger-chat-item,
.notification-head,
.bookmark-head,
.submission-head {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
}

.feed-author,
.messenger-chat-info {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.profile-main,
.profile-links {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.profile-interest-strip,
.profile-tab-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.profile-interest-strip span,
.profile-tab-pill {
    border: 1px solid rgba(255, 174, 102, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #f3e6dd;
    font-size: 0.78rem;
    font-weight: 800;
}

.profile-interest-strip span {
    padding: 0.38rem 0.68rem;
}

.profile-tab-command {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 174, 102, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 28, 0.96), rgba(10, 10, 16, 0.96));
}

.profile-tab-pills {
    justify-content: flex-end;
}

.profile-tab-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 2.25rem;
    padding: 0.28rem 0.72rem;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.profile-tab-pill:hover,
.profile-tab-pill:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 174, 102, 0.28);
    background: rgba(255, 107, 53, 0.08);
}

.profile-tab-pill strong {
    color: #ffd6b7;
}

.profile-tab-pill.is-private strong {
    color: #a7a1ad;
}

.profile-tab-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem;
    margin-top: 1rem;
}

.profile-tab-panel {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.055), transparent 38%),
        rgba(255, 255, 255, 0.035);
}

.profile-tab-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.profile-tab-panel-head strong {
    color: #fff3ea;
}

.profile-tab-panel-head span {
    color: #a89fac;
    font-size: 0.78rem;
    font-weight: 800;
}

.profile-mini-list {
    display: grid;
    gap: 0.65rem;
}

.profile-mini-card,
.profile-mini-empty {
    display: grid;
    gap: 0.28rem;
    padding: 0.78rem 0.82rem;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.035);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.profile-mini-card:hover,
.profile-mini-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 174, 102, 0.24);
    background: rgba(255, 107, 53, 0.07);
}

.profile-mini-card span {
    color: #ffbd83;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.profile-mini-card strong,
.profile-mini-empty strong {
    color: #fff4ec;
}

.profile-mini-card small,
.profile-mini-empty small {
    color: #a79eaa;
    line-height: 1.5;
}

.profile-mini-empty.is-private {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(148, 163, 184, 0.055);
}

@media (max-width: 1100px) {
    .profile-tab-grid {
        grid-template-columns: 1fr;
    }

    .profile-tab-pills {
        justify-content: flex-start;
    }
}

.feed-line,
.comment-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    color: var(--muted);
    font-size: .9rem;
}

.feed-title,
.idea-card h2,
.idea-card h3,
.widget-card h2,
.sidebar-card h2 {
    color: var(--text);
}

.feed-title {
    font-size: clamp(1.35rem, 2.6vw, 2rem);
}

.feed-summary,
.idea-card p,
.activity-copy,
.messenger-chat-info p {
    color: var(--muted);
}

.action-card-list,
.portfolio-list,
.checklist-list,
.opportunity-board,
.builder-grid {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.action-card,
.portfolio-row,
.checklist-item,
.opportunity-item,
.builder-card {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem 1.05rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 30%),
        rgba(255, 255, 255, .035);
}

.action-card:hover,
.opportunity-item:hover,
.builder-card:hover {
    color: var(--text);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 34%),
        rgba(255, 255, 255, .055);
    border-color: rgba(79, 146, 168, .18);
}

.public-layer-funnel-list {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-layer-conversion-pulse {
    display: grid;
    gap: 0.65rem;
    margin: 1rem 0 1.1rem;
    padding: 1rem 1.05rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(79, 146, 168, 0.18);
    background:
        radial-gradient(circle at top right, rgba(79, 146, 168, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
}

.public-layer-conversion-pulse-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
}

.public-layer-conversion-pulse-head span {
    color: rgba(255, 224, 194, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.public-layer-conversion-pulse-head strong {
    color: #fff4e8;
    font-size: 1.15rem;
}

.public-layer-conversion-pulse p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.public-layer-nav-actions {
    margin-top: 0.3rem;
}

.public-layer-funnel-card {
    min-height: 100%;
    justify-content: flex-start;
}

.public-layer-funnel-card small {
    color: var(--muted);
    line-height: 1.6;
}

.public-layer-funnel-card.is-active {
    border-color: rgba(79, 146, 168, .22);
    background:
        radial-gradient(circle at top right, rgba(79, 146, 168, 0.12), transparent 32%),
        rgba(255, 255, 255, .06);
}

@media (max-width: 1100px) {
    .public-layer-funnel-list {
        grid-template-columns: 1fr;
    }

    .public-layer-conversion-pulse-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.portfolio-row {
    gap: .7rem;
}

.portfolio-copy,
.builder-copy {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.portfolio-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
}

.opportunity-item small,
.builder-copy small,
.portfolio-copy small {
    color: var(--muted);
}

.builder-card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.activity-item {
    flex-direction: row;
    align-items: flex-start;
    gap: .8rem;
    color: var(--text);
}

.activity-item:hover {
    color: var(--text);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 34%),
        rgba(255, 255, 255, .055);
    border-color: rgba(79, 146, 168, .18);
}

.activity-icon {
    width: 2.3rem;
    height: 2.3rem;
    flex-shrink: 0;
    border-radius: .9rem;
    display: grid;
    place-items: center;
    background: rgba(79, 146, 168, .12);
    border: 1px solid rgba(79, 146, 168, .14);
    font-size: 1.05rem;
}

.activity-copy {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.heatmap-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.heatmap-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(5rem, .75fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .95rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 30%),
        rgba(255, 255, 255, .035);
    color: var(--text);
}

.heatmap-row:hover {
    color: var(--text);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 34%),
        rgba(255, 255, 255, .055);
    border-color: rgba(79, 146, 168, .18);
}

.heatmap-row.is-static:hover {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 30%),
        rgba(255, 255, 255, .035);
    border-color: rgba(255, 255, 255, .08);
}

.heatmap-copy {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.heatmap-copy small {
    color: var(--muted);
}

.heatmap-meter {
    position: relative;
    width: 100%;
    height: .7rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(31, 42, 51, .08);
}

.heatmap-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), var(--blue));
}

.agenda-day-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: .85rem;
}

.agenda-day-strip.is-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agenda-day-card {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    min-height: 8.1rem;
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background:
        radial-gradient(circle at top right, rgba(79, 146, 168, .12), transparent 45%),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .76));
    box-shadow: var(--shadow-sm);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.agenda-day-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(79, 146, 168, .18);
}

.agenda-day-card.is-active {
    border-color: rgba(79, 146, 168, .22);
}

.agenda-day-card small,
.agenda-day-card span {
    color: var(--muted);
}

.agenda-day-card strong {
    color: var(--text);
    font-size: 1.02rem;
}

.agenda-day-meter {
    position: relative;
    width: 100%;
    height: .62rem;
    margin-top: auto;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(31, 42, 51, .08);
}

.agenda-day-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(209, 116, 76, .9), rgba(79, 146, 168, .78));
}

.agenda-day-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    font-size: .78rem;
    color: var(--muted);
}

.agenda-highlight-list,
.agenda-lane-list {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.agenda-highlight,
.agenda-lane-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .78);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.agenda-highlight:hover,
.agenda-lane-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    border-color: rgba(79, 146, 168, .18);
    color: var(--text);
}

.agenda-highlight-copy,
.agenda-lane-copy {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.agenda-highlight-copy strong,
.agenda-lane-copy strong {
    color: var(--text);
}

.agenda-highlight-copy small,
.agenda-lane-copy small {
    color: var(--muted);
}

.agenda-highlight-meta {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    text-align: right;
}

.agenda-highlight-meta strong {
    color: var(--text);
}

.agenda-highlight-meta small {
    color: var(--muted);
}

.stream-layout {
    display: grid;
    grid-template-columns: minmax(14rem, .58fr) minmax(0, 1.35fr) minmax(16rem, .78fr);
    gap: 1.25rem;
    align-items: start;
}

.stream-side,
.stream-center,
.stream-feed-list,
.stream-composer,
.stream-filter-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.story-rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(10.5rem, 1fr);
    gap: .9rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.story-card {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    min-height: 9rem;
    padding: 1rem;
    border-radius: 1.3rem;
    border: 1px solid rgba(31, 42, 51, .08);
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, .38), transparent 40%),
        linear-gradient(160deg, rgba(79, 146, 168, .2), rgba(255, 255, 255, .94));
    box-shadow: var(--shadow-sm);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.story-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(79, 146, 168, .18);
    color: var(--text);
}

.story-card strong {
    color: var(--text);
}

.story-card small {
    color: var(--muted);
}

.story-card-live {
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, .3), transparent 38%),
        linear-gradient(160deg, rgba(197, 92, 74, .18), rgba(255, 255, 255, .94));
}

.story-card-builder {
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, .3), transparent 38%),
        linear-gradient(160deg, rgba(79, 139, 105, .16), rgba(255, 255, 255, .94));
}

.builder-card-link {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    color: inherit;
}

.builder-card-actions {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.inline-action-form {
    margin: 0;
}

.inline-action-form .ghost-link {
    width: auto;
}

.social-card {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.social-card-head,
.social-card-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}

.social-card-meta {
    justify-content: flex-start;
}

.social-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.social-action-row .ghost-link {
    width: auto;
}

.social-action-button {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.social-action-button.is-active {
    background: var(--blue-soft);
    border-color: rgba(79, 146, 168, .22);
    color: var(--blue);
}

.stream-filter-shell .field-shell {
    margin-bottom: 0;
}

.ticker-shell {
    position: relative;
    overflow: hidden;
    padding: 1rem 1.1rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(31, 42, 51, .08);
    background:
        radial-gradient(circle at top left, rgba(79, 146, 168, .12), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .76));
    box-shadow: var(--shadow-sm);
}

.ticker-track {
    position: relative;
    min-height: 4.8rem;
}

.ticker-item {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .3rem;
    opacity: 0;
    transform: translateY(.45rem);
    pointer-events: none;
    transition: opacity 260ms ease, transform 260ms ease;
}

.ticker-item.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.ticker-item strong {
    color: var(--text);
}

.ticker-item small {
    color: var(--muted);
}

.lane-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .9rem;
}

.lane-card {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem 1.05rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .8);
    box-shadow: var(--shadow-sm);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.lane-card:hover,
.lane-card.is-active {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: rgba(79, 146, 168, .18);
    color: var(--text);
}

.lane-card strong {
    color: var(--text);
}

.lane-card p,
.lane-stack span {
    color: var(--muted);
}

.lane-stack {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.lane-stack span {
    display: block;
    padding: .55rem .7rem;
    border-radius: var(--radius-sm);
    background: rgba(31, 42, 51, .04);
}

.moment-grid,
.deck-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .9rem;
}

.spotlight-hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.moment-card,
.deck-card {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem 1.05rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .8);
    box-shadow: var(--shadow-sm);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.moment-card:hover,
.deck-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: rgba(79, 146, 168, .18);
    color: var(--text);
}

.moment-card strong,
.deck-card strong,
.deck-lead {
    color: var(--text);
}

.moment-card p,
.deck-card small {
    color: var(--muted);
}

.deck-card {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--deck-color) 14%, white), transparent 38%),
        rgba(255, 255, 255, .82);
}

.deck-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.deck-lead {
    font-weight: 800;
    font-size: 1rem;
}

.deck-stack {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.spotlight-hub-card {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1.1rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(31, 42, 51, .08);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--deck-color) 14%, white), transparent 38%),
        rgba(255, 255, 255, .84);
    box-shadow: var(--shadow-sm);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.spotlight-hub-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(79, 146, 168, .18);
}

.spotlight-hub-head,
.spotlight-hub-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.spotlight-hub-head small {
    color: var(--muted);
}

.spotlight-hub-lead {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .95rem 1rem;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .7);
    border: 1px solid rgba(31, 42, 51, .08);
    color: var(--text);
}

.spotlight-hub-lead small {
    color: var(--muted);
}

.deck-stack a {
    color: var(--muted);
    font-size: .92rem;
}

.deck-stack a:hover {
    color: var(--text);
}

.checklist-item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.checklist-item span {
    color: var(--muted);
    font-size: .85rem;
    font-weight: 800;
}

.checklist-item.is-done {
    border-color: rgba(79, 139, 105, .22);
    background: rgba(79, 139, 105, .08);
}

.checklist-item.is-done span {
    color: var(--green);
}

.feed-actions,
.card-actions,
.hero-actions,
.toolbar-row,
.filter-row,
.advanced-strip,
.profile-actions,
.badge-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.mini-stat {
    background: rgba(31, 42, 51, .05);
}

.locked-note,
.notice-card,
.hint-card {
    padding: 1rem 1.1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .1);
    background: rgba(255, 255, 255, .7);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    padding: 1rem 0;
}

.site-header-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: .65rem 1.2rem;
    border-radius: 999px;
    border: 1px solid var(--glass-border);
    background: rgba(12, 12, 20, 0.4);
    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    box-shadow: var(--shadow-md);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    font: 800 1.65rem "Syne", sans-serif;
    letter-spacing: -0.04em;
}

.brand span {
    color: var(--accent);
    text-shadow: 0 0 20px rgba(255, 77, 0, 0.4);
}

.nav-links {
    display: flex;
    justify-content: center;
    gap: .5rem;
}

.nav-link {
    padding: .5rem .75rem;
    border-radius: 999px;
    color: var(--muted);
    font-size: .88rem;
    font-weight: 700;
    transition: var(--transition);
}

.nav-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
    transform: translateY(-1px);
}

.nav-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
}

.search-wrapper,
.bell-wrapper,
.user-wrapper {
    position: relative;
}

.search-wrapper {
    width: min(25rem, 100%);
}

.search-shell {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 2.8rem;
    padding: .28rem .35rem .28rem 1.1rem;
    border-radius: 999px;
    border: 1px solid var(--line-strong);
    background: rgba(255, 255, 255, 0.04);
    transition: var(--transition);
}

.search-shell:focus-within {
    border-color: var(--accent);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 0 4px rgba(255, 77, 0, 0.1);
}

.search-shell input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font-size: .9rem;
}

.search-shell button {
    min-height: 2.25rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 0;
    background: var(--magma);
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
}

.search-dropdown,
.menu-panel {
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    width: min(22rem, 86vw);
    padding: .75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--line);
    background: var(--surface-strong);
    box-shadow: var(--shadow-md);
    z-index: 20;
}

.search-dropdown {
    left: 0;
    width: 100%;
}

.search-label {
    padding: .45rem .6rem;
    color: var(--soft);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.search-result-item,
.menu-row {
    display: flex;
    gap: .8rem;
    width: 100%;
    padding: .75rem .8rem;
    border-radius: var(--radius-sm);
}

.search-result-item {
    flex-direction: column;
    align-items: flex-start;
}

.search-result-item:hover,
.menu-row:hover,
.menu-row-button:hover {
    background: rgba(31, 42, 51, .06);
    color: var(--text);
}

.search-see-all,
.menu-footer-link {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-top: .45rem;
    padding: .75rem;
    border-radius: var(--radius-sm);
    color: var(--accent-strong);
    font-weight: 800;
}

.menu-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .25rem .45rem .7rem;
}

.menu-panel-list {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.menu-copy {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.menu-copy strong {
    font-size: .9rem;
}

.menu-avatar,
.avatar-badge,
.messenger-avatar {
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(209, 116, 76, .9), rgba(79, 146, 168, .9));
    color: #fff;
    font-weight: 800;
}

.menu-avatar {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    font-size: .85rem;
}

.avatar-badge {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24);
}

.avatar-small {
    width: 2.35rem;
    height: 2.35rem;
    font-size: .88rem;
}

.profile-avatar-large {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 1.4rem;
    font-size: 2rem;
}

.messenger-avatar {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
}

.user-trigger {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    padding: .3rem .55rem .3rem .35rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
}

.user-trigger-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .05rem;
}

.user-trigger-copy strong {
    font-size: .88rem;
}

.user-trigger-copy small,
.menu-muted,
.menu-copy small {
    color: var(--muted);
}

.menu-form {
    margin: 0;
}

.menu-row-button {
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
}

.mobile-toggle {
    display: none;
    width: 2.9rem;
    height: 2.9rem;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .74);
}

.mobile-toggle span {
    display: block;
    width: 1rem;
    height: 2px;
    margin: .14rem auto;
    background: var(--text);
    border-radius: 999px;
}

.mobile-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(14, 22, 29, .25);
    opacity: 0;
    transition: opacity var(--transition);
    z-index: 39;
}

.mobile-nav-overlay.is-open {
    opacity: 1;
}

.mobile-nav {
    position: fixed;
    inset: 1rem 1rem auto;
    padding: 1rem;
    border-radius: var(--radius-xl);
    border: 1px solid var(--line);
    background: var(--surface-strong);
    box-shadow: var(--shadow-md);
    transform: translateY(-1rem);
    opacity: 0;
    transition: transform var(--transition), opacity var(--transition);
    z-index: 41;
}

.mobile-nav.is-open {
    transform: translateY(0);
    opacity: 1;
}

.mobile-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.mobile-nav-links {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.mobile-nav-links a,
.mobile-nav-links button {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding: .9rem 1rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .74);
    color: var(--text);
    font-weight: 700;
}

.flash-stack {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin-bottom: 1rem;
}

.flash {
    padding: .95rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .8);
    box-shadow: var(--shadow-sm);
    transform: translateY(.6rem);
    opacity: 0;
    transition: opacity 260ms ease, transform 260ms ease;
}

.flash.is-visible {
    transform: translateY(0);
    opacity: 1;
}

.flash.is-fading {
    opacity: 0;
}

.footer-shell {
    margin: 4rem 0 2rem;
}

.footer-card {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, .7fr));
    gap: 1rem;
    padding: 1.4rem;
    border-radius: var(--radius-xl);
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .84);
    box-shadow: var(--shadow-sm);
}

.footer-links,
.footer-brand {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.footer-brand p,
.footer-links a,
.footer-links span {
    color: var(--muted);
}

.panel-form,
.form-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.field-shell,
.auth-input-group {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.field-meta {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.field-meta label,
.field-shell>label,
.auth-input-group label {
    color: var(--text);
    font-weight: 800;
    font-size: .92rem;
}

.field-meta small,
.field-shell small {
    color: var(--muted);
}

.panel-form input:not([type="checkbox"]):not([type="radio"]),
.panel-form textarea,
.panel-form select,
.form-card input:not([type="checkbox"]):not([type="radio"]),
.form-card textarea,
.form-card select,
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card textarea,
.auth-card select,
.messenger-form textarea,
.search-inline input,
.field-shell input:not([type="checkbox"]):not([type="radio"]),
.field-shell textarea,
.field-shell select {
    width: 100%;
    padding: .88rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--line-strong);
    background: rgba(255, 255, 255, .82);
    color: var(--text);
    outline: 0;
}

.panel-form input:focus,
.panel-form textarea:focus,
.panel-form select:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.auth-card input:focus,
.auth-card textarea:focus,
.auth-card select:focus,
.messenger-form textarea:focus,
.search-inline input:focus,
.field-shell input:focus,
.field-shell textarea:focus,
.field-shell select:focus {
    border-color: rgba(79, 146, 168, .38);
    box-shadow: 0 0 0 4px rgba(79, 146, 168, .1);
    background: rgba(255, 255, 255, .94);
}

.panel-form textarea,
.form-card textarea,
.auth-card textarea,
.messenger-form textarea {
    min-height: 8rem;
    resize: vertical;
}

.panel-form input[type="checkbox"],
.panel-form input[type="radio"],
.auth-card input[type="checkbox"],
.auth-card input[type="radio"] {
    accent-color: var(--accent);
}

.panel-form ul,
.field-errors ul,
.auth-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.field-errors,
.field-errors ul {
    color: var(--danger);
    font-size: .84rem;
    font-weight: 700;
}

.field-status {
    min-height: 1rem;
    font-size: .8rem;
    font-weight: 700;
}

.field-status.success {
    color: var(--green);
}

.field-status.error {
    color: var(--danger);
}

.field-status.info {
    color: var(--muted);
}

.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    align-items: center;
    margin-top: .35rem;
}

.inline-form {
    display: inline-flex;
    margin: 0;
}

.auth-layout,
.auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, .92fr);
    gap: 1.25rem;
    align-items: stretch;
}

.auth-shell.auth-shell-single {
    grid-template-columns: minmax(0, 36rem);
    justify-content: center;
}

.auth-highlight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.4rem;
}

.auth-highlight h1 {
    font-size: clamp(2.4rem, 4vw, 4rem);
}

.auth-highlight p,
.auth-card p,
.auth-intro p {
    color: var(--muted);
}

.detail-metrics,
.stats-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.detail-body p+p {
    margin-top: 1rem;
}

.progress-bar {
    width: 100%;
    height: .8rem;
    border-radius: 999px;
    background: rgba(31, 42, 51, .08);
    overflow: hidden;
}

.progress-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--green), var(--blue));
    transition: width 420ms ease;
}

.comment-thread,
.reply-thread,
.poll-options {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.comment-card,
.reply-card,
.choice-row {
    padding: .9rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .72);
}

.reply-thread {
    margin-top: .8rem;
    padding-left: 1rem;
    border-left: 1px dashed rgba(31, 42, 51, .14);
}

.choice-row {
    flex-direction: row;
    align-items: center;
    gap: .65rem;
}

.choice-row span {
    flex: 1;
}

.poll-option-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(120px, 180px);
    align-items: center;
    gap: .85rem;
    cursor: pointer;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.poll-option-row:hover {
    border-color: rgba(79, 146, 168, .28);
    transform: translateY(-1px);
}

.poll-option-row.is-selected {
    border-color: rgba(79, 146, 168, .32);
    box-shadow: 0 14px 28px rgba(79, 146, 168, .12);
}

.poll-option-copy {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.poll-option-copy small {
    color: var(--muted);
}

.poll-option-bar-bg {
    position: relative;
    height: .65rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(31, 42, 51, .08);
}

.poll-option-bar-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--blue), var(--green));
}

.poll-results-readonly .poll-option-row {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 180px);
    cursor: default;
}

.poll-results-readonly .poll-option-row:hover {
    transform: none;
}

@media (max-width: 720px) {

    .poll-option-row,
    .poll-results-readonly .poll-option-row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

.messenger-sidebar,
.messenger-main {
    overflow: hidden;
    padding: 0;
}

.messenger-pane,
.messenger-header,
.messenger-form,
.room-panel-head,
.room-composer {
    padding: 1rem 1.2rem;
}

.messenger-pane,
.messenger-header,
.messenger-form,
.room-panel-head,
.room-composer {
    border-bottom: 1px solid rgba(31, 42, 51, .08);
}

.messenger-form,
.room-composer {
    border-top: 1px solid rgba(31, 42, 51, .08);
    border-bottom: 0;
}

.messenger-form {
    display: flex;
    gap: .8rem;
    align-items: flex-end;
}

.messenger-history,
.message-thread,
.room-thread {
    flex: 1;
    overflow-y: auto;
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.message-bubble {
    max-width: 80%;
    padding: .9rem 1rem;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(31, 42, 51, .08);
}

.message-bubble.is-own,
.msg-bubble-own {
    align-self: flex-end;
    background: rgba(209, 116, 76, .12);
    border-color: rgba(209, 116, 76, .18);
}

.message-bubble strong,
.message-bubble p {
    color: var(--text);
}

.message-bubble small,
.msg-meta-modern {
    color: var(--muted);
}

.room-thread .message-bubble {
    max-width: 100%;
}

.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .8rem;
    padding: .4rem .75rem;
    border-radius: 999px;
    border: 1px solid rgba(79, 146, 168, .22);
    background: rgba(79, 146, 168, .12);
    color: var(--blue);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.message-overview-shell,
.messenger-layout-premium {
    margin-top: 1.25rem;
}

.message-overview-card {
    min-height: 100%;
}

.message-overview-card .quick-tile {
    min-height: 5.4rem;
    border-color: rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
}

.message-overview-card .quick-tile strong,
.message-overview-card .quick-tile span {
    color: #fff;
}

.message-overview-card .quick-tile span {
    color: var(--muted);
}

.message-overview-card .quick-tile.is-highlighted {
    border-color: rgba(79, 139, 105, .24);
    background: rgba(79, 139, 105, .12);
}

.messenger-layout-premium {
    align-items: stretch;
}

.messenger-layout-premium .messenger-sidebar,
.messenger-layout-premium .messenger-main {
    display: flex;
    flex-direction: column;
    min-height: 46rem;
}

.messenger-layout-premium .messenger-pane:last-child {
    border-bottom: 0;
}

.messenger-pane-search {
    gap: 1rem;
}

.message-search-form {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.message-search-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    padding: .8rem;
    border-radius: 1.3rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.message-search-shell input {
    width: 100%;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    outline: 0;
}

.message-search-shell input:focus {
    border-color: rgba(255, 107, 53, .35);
    box-shadow: 0 0 0 4px rgba(255, 107, 53, .12);
    background: rgba(255, 255, 255, .08);
}

.message-search-shell .button-link {
    width: auto;
}

.message-scope-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.message-scope-pill {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .9rem 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
    color: var(--muted);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.message-scope-pill strong {
    color: var(--text);
    font-size: .94rem;
}

.message-scope-pill span {
    font-size: .8rem;
}

.message-scope-pill:hover,
.message-scope-pill.is-active {
    transform: translateY(-2px);
    color: var(--text);
    border-color: rgba(255, 107, 53, .22);
    background: rgba(255, 107, 53, .09);
}

.message-sidebar-note {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .06);
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(79, 146, 168, .08));
}

.message-sidebar-note strong {
    color: #fff;
    font-size: 1.05rem;
}

.message-sidebar-note span {
    color: var(--muted);
    text-align: right;
}

.messenger-chat-item-rich,
.message-person-card {
    border: 1px solid rgba(255, 255, 255, .07);
    background: rgba(255, 255, 255, .03);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.messenger-chat-item-rich {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: 1rem 1.05rem;
    border-radius: 1.15rem;
}

.messenger-chat-item-rich:hover,
.message-person-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 107, 53, .2);
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 32px rgba(0, 0, 0, .12);
    color: var(--text);
}

.messenger-chat-item-rich.active {
    border-color: rgba(255, 107, 53, .28);
    background: linear-gradient(135deg, rgba(255, 107, 53, .12), rgba(79, 146, 168, .09));
    box-shadow: 0 20px 38px rgba(255, 107, 53, .12);
}

.message-person-head {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.message-verified-dot {
    display: inline-flex;
    align-items: center;
    padding: .18rem .48rem;
    border-radius: 999px;
    background: rgba(79, 146, 168, .14);
    color: var(--blue);
    font-size: .72rem;
    font-weight: 800;
}

.message-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .35rem;
}

.presence-pill,
.message-meta-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.8rem;
    padding: 0 .7rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
    color: var(--soft);
    font-size: .76rem;
    font-weight: 700;
}

.presence-pill.is-online {
    color: #8de0a7;
    border-color: rgba(79, 139, 105, .28);
    background: rgba(79, 139, 105, .12);
}

.presence-pill.is-idle {
    color: #ffd58d;
    border-color: rgba(255, 208, 92, .24);
    background: rgba(255, 208, 92, .1);
}

.presence-pill.is-offline {
    color: #b5b5c4;
    border-color: rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
}

.message-item-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
    min-width: 4rem;
}

.message-item-side small {
    color: var(--muted);
    text-align: right;
}

.message-person-card {
    align-items: center;
}

.message-person-card .builder-card-actions {
    align-items: center;
}

.messenger-header-rich {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.messenger-header-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem;
}

.message-header-note {
    color: var(--muted);
}

.messenger-spotlight {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .02);
}

.messenger-spotlight-card {
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .03);
}

.messenger-spotlight-card strong {
    display: block;
    margin-bottom: .35rem;
    color: var(--soft);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.messenger-spotlight-card p {
    color: #fff;
}

.messenger-layout-premium .messenger-history {
    background:
        radial-gradient(circle at top, rgba(255, 107, 53, 0.06), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01));
}

.messenger-layout-premium .messenger-history .message-bubble {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .08);
}

.messenger-layout-premium .messenger-history .message-bubble.is-own {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.14), rgba(79, 146, 168, .1));
    border-color: rgba(255, 107, 53, .22);
}

.messenger-empty-state {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.messenger-empty-copy {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    align-items: center;
    max-width: 32rem;
}

.messenger-empty-copy h2 {
    font-size: clamp(1.5rem, 2.8vw, 2.2rem);
    text-align: center;
}

.messenger-empty-copy p {
    color: var(--muted);
    text-align: center;
}

.messenger-empty-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    padding: 1.2rem;
}

.network-card,
.podium-card,
.rank-card {
    display: flex;
    gap: .9rem;
    align-items: center;
}

.network-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
}

.podium-card {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
}

.podium-card.rank-1 {
    transform: translateY(-.8rem);
}

.podium-number,
.rule-index {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--accent-soft);
    color: var(--accent-strong);
    font: 800 .95rem var(--font-body);
}

.rank-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.rank-card {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.presence-dot {
    width: .7rem;
    height: .7rem;
    border-radius: 999px;
    display: inline-block;
}

.presence-online {
    background: var(--green);
}

.presence-idle {
    background: var(--warning);
}

.presence-offline {
    background: var(--soft);
}

.search-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: .8rem;
    align-items: center;
    margin-top: 1rem;
}

.reveal,
.reveal-stagger,
.reveal-geom {
    opacity: 1;
    transform: none;
    transition: opacity 480ms ease, transform 480ms ease;
}

.reveal-stagger:nth-child(2n) {
    transition-delay: 60ms;
}

.reveal-stagger:nth-child(3n) {
    transition-delay: 120ms;
}

.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.report-target-card {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1.2rem;
    padding: 1.1rem 1.15rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(255, 249, 242, .94));
}

.report-target-card h3 {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
}

.report-target-card p {
    color: var(--muted);
}

.reset-journey {
    display: grid;
    gap: .8rem;
    margin-top: 1.15rem;
}

.reset-step {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
    padding: 1rem 1.05rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .72);
}

.reset-step.is-active {
    border-color: rgba(79, 146, 168, .22);
    background: rgba(79, 146, 168, .08);
}

.reset-step.is-complete {
    border-color: rgba(79, 139, 105, .22);
    background: rgba(79, 139, 105, .08);
}

.reset-step-index {
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(31, 42, 51, .08);
    color: var(--text);
    font: 800 .9rem var(--font-body);
}

.reset-step.is-active .reset-step-index {
    background: var(--blue);
    color: #fff;
}

.reset-step.is-complete .reset-step-index {
    background: var(--green);
    color: #fff;
}

.reset-step-copy {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.reset-step-copy small {
    color: var(--muted);
}

#live-chat-wrapper {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 90;
}

.chat-widget-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .9rem;
    min-height: 4rem;
    padding: .45rem .55rem .45rem 1rem;
    border: 1px solid rgba(31, 42, 51, .12);
    border-radius: 999px;
    background: rgba(255, 252, 247, .94);
    box-shadow: var(--shadow-md);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.chat-widget-toggle:hover {
    transform: translateY(-2px);
    border-color: rgba(79, 146, 168, .18);
}

.chat-widget-label {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    text-align: left;
}

.chat-widget-label strong {
    font: 800 .95rem var(--font-body);
    color: var(--text);
}

.chat-widget-label small,
.chat-widget-helper {
    color: var(--muted);
    font-size: .78rem;
}

.chat-widget-meta {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.chat-widget-pulse {
    width: .72rem;
    height: .72rem;
    border-radius: 999px;
    background: var(--green);
    box-shadow: 0 0 0 0 rgba(79, 139, 105, .36);
    animation: chatPulse 1.9s ease infinite;
}

.chat-widget-icon {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(209, 116, 76, .95), rgba(79, 146, 168, .95));
    color: #fff;
    font: 800 .95rem var(--font-body);
}

.chat-widget-badge {
    display: none;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #d65145;
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    align-items: center;
    justify-content: center;
}

.chat-widget-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + .9rem);
    width: min(20rem, calc(100vw - 1.5rem));
    height: min(27rem, calc(100vh - 7rem));
    display: none;
    flex-direction: column;
    border: 1px solid rgba(31, 42, 51, .12);
    border-radius: 1.35rem;
    background: rgba(255, 252, 247, .98);
    box-shadow: 0 30px 70px rgba(23, 31, 39, .22);
    overflow: hidden;
    animation: chatWidgetIn .22s ease;
}

.chat-widget-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: .3rem;
    background: linear-gradient(90deg, rgba(209, 116, 76, .92), rgba(79, 146, 168, .72));
}

.chat-widget-view {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.chat-widget-header,
.chat-widget-footer {
    padding: 1rem;
    background: rgba(255, 255, 255, .82);
}

.chat-widget-header {
    border-bottom: 1px solid rgba(31, 42, 51, .08);
}

.chat-widget-footer {
    border-top: 1px solid rgba(31, 42, 51, .08);
    border-bottom: 0;
}

.chat-widget-header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.chat-widget-header-copy {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.chat-widget-thread-copy {
    flex: 1;
}

.chat-widget-header-copy strong {
    color: var(--text);
    font: 800 1.1rem var(--font-body);
}

.chat-widget-header-copy small {
    color: var(--muted);
}

.chat-widget-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .9rem;
}

.chat-widget-chip {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .85rem .95rem;
    border-radius: 1rem;
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .74);
}

.chat-widget-chip strong {
    color: var(--text);
    font-family: var(--font-body);
    font-size: 1.18rem;
}

.chat-widget-chip span {
    color: var(--muted);
    font-size: .78rem;
}

.chat-widget-close,
.chat-widget-back {
    min-height: 2.6rem;
    padding: 0 .9rem;
    border: 1px solid rgba(31, 42, 51, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--text);
    font-weight: 800;
}

.chat-widget-close:hover,
.chat-widget-back:hover {
    background: rgba(255, 255, 255, .96);
    border-color: rgba(79, 146, 168, .18);
}

.chat-widget-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(244, 239, 232, .88));
}

.chat-widget-empty,
.chat-widget-loading {
    padding: 1.2rem;
    text-align: center;
    color: var(--muted);
}

.chat-widget-empty-state {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    align-items: flex-start;
    padding: 1.15rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .78);
}

.chat-widget-empty-state strong {
    color: var(--text);
}

.chat-widget-empty-state p {
    color: var(--muted);
}

.chat-widget-list-divider {
    padding: .15rem .4rem;
    color: var(--soft);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.chat-widget-row {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .75rem .8rem;
    border: 1px solid rgba(31, 42, 51, .08);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .82);
    font: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.chat-widget-row:hover {
    transform: translateY(-2px);
    border-color: rgba(79, 146, 168, .18);
    background: rgba(255, 255, 255, .96);
}

.chat-widget-row:focus-visible {
    outline: 0;
    border-color: rgba(79, 146, 168, .38);
    box-shadow: 0 0 0 4px rgba(79, 146, 168, .1);
}

.chat-widget-row.unread {
    border-color: rgba(79, 146, 168, .2);
    background: rgba(79, 146, 168, .08);
}

.chat-widget-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

.chat-widget-avatar {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: .9rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(209, 116, 76, .95), rgba(79, 146, 168, .9));
    color: #fff;
    font-weight: 800;
}

.chat-widget-avatar.is-muted {
    filter: grayscale(1);
    opacity: .55;
}

.chat-widget-presence {
    position: absolute;
    right: -.08rem;
    bottom: -.08rem;
    width: .8rem;
    height: .8rem;
    border-radius: 999px;
    border: 2px solid rgba(255, 252, 247, .98);
}

.chat-widget-presence.online {
    background: var(--green);
}

.chat-widget-presence.idle {
    background: var(--warning);
}

.chat-widget-presence.offline {
    background: var(--soft);
}

.chat-widget-row-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.chat-widget-row-meta {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    color: var(--muted);
    font-size: .78rem;
}

.chat-widget-row-copy strong,
.chat-widget-row-copy p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-widget-row-copy p {
    color: var(--muted);
    font-size: .85rem;
}

.chat-widget-row-badges {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.chat-widget-row-badge,
.chat-widget-row-hint {
    font-size: 0.72rem;
}

.chat-widget-row-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #cfc4cd;
    font-weight: 800;
}

.chat-widget-row-badge.is-soft {
    color: #a9ddff;
    border-color: rgba(56, 189, 248, 0.16);
}

.chat-widget-row-badge.is-accent {
    color: #ffe0d2;
    border-color: rgba(255, 107, 53, 0.18);
    background: rgba(255, 107, 53, 0.08);
}

.chat-widget-row-badge.is-glow {
    color: #dff7ea;
    border-color: rgba(34, 197, 94, 0.18);
    background: rgba(34, 197, 94, 0.08);
}

.chat-widget-row-hint {
    color: #9f97a8;
    line-height: 1.5;
}

.chat-widget-thread {
    gap: .7rem;
}

.chat-widget-bubble {
    max-width: 82%;
    padding: .85rem .95rem;
    border-radius: 1rem;
    border: 1px solid rgba(31, 42, 51, .08);
    background: rgba(255, 255, 255, .86);
    color: var(--text);
}

.chat-widget-bubble.is-own {
    align-self: flex-end;
    background: rgba(209, 116, 76, .12);
    border-color: rgba(209, 116, 76, .18);
}

.chat-widget-bubble small {
    display: block;
    margin-top: .35rem;
    color: var(--muted);
    font-size: .72rem;
}

.chat-widget-send {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
}

.chat-widget-composer {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.chat-widget-send textarea {
    min-height: 3.6rem;
    max-height: 8rem;
    resize: vertical;
    width: 100%;
    padding: .9rem .95rem;
    border-radius: 1rem;
    border: 1px solid rgba(31, 42, 51, .14);
    background: rgba(255, 255, 255, .9);
    color: var(--text);
    outline: 0;
}

.chat-widget-send textarea:focus {
    border-color: rgba(79, 146, 168, .35);
    box-shadow: 0 0 0 4px rgba(79, 146, 168, .08);
}

.chat-widget-send button {
    min-width: 6rem;
    min-height: 3.1rem;
    padding: 0 1rem;
    border: 0;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(209, 116, 76, .18);
}

.chat-widget-send button:hover {
    background: var(--accent-strong);
    transform: translateY(-1px);
}

@keyframes chatWidgetIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes chatPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(79, 139, 105, .32);
    }

    70% {
        box-shadow: 0 0 0 .55rem rgba(79, 139, 105, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(79, 139, 105, 0);
    }
}

.site-backdrop-orb,
.filter-sidebar,
.auth-glass-card,
.live-chat-panel {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

@media (max-width: 1100px) {

    .hero-grid,
    .page-grid,
    .split-panel,
    .detail-grid,
    .dashboard-grid,
    .form-layout,
    .ideas-layout,
    .messenger-layout,
    .profile-grid,
    .auth-layout,
    .auth-shell,
    .home-overview-grid,
    .site-header-inner,
    .radar-grid,
    .stream-layout {
        grid-template-columns: 1fr;
    }

    .footer-card,
    .stat-grid,
    .metric-grid,
    .mini-grid,
    .auth-note-grid,
    .quick-grid,
    .permissions-grid,
    .leaderboard-podium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nav-links,
    .search-wrapper,
    .nav-auth-links {
        display: none;
    }

    .mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .messenger-empty-actions,
    .messenger-spotlight {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .page-shell {
        padding-top: 1rem;
        padding-bottom: 3rem;
    }

    .hero-copy,
    .detail-header,
    .dashboard-hero,
    .profile-hero,
    .footer-card,
    .form-card,
    .auth-card,
    .auth-highlight,
    .widget-card,
    .sidebar-card,
    .feed-card,
    .idea-card {
        padding: 1.15rem;
    }

    .footer-card,
    .stat-grid,
    .metric-grid,
    .mini-grid,
    .auth-note-grid,
    .quick-grid,
    .permissions-grid,
    .leaderboard-podium,
    .detail-metrics,
    .stats-mini-grid,
    .home-overview-grid {
        grid-template-columns: 1fr;
    }

    .widget-heading,
    .section-heading,
    .search-inline,
    .notification-head,
    .bookmark-head,
    .submission-head,
    .site-header-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .nav-actions {
        justify-content: space-between;
    }

    .button-link,
    .ghost-link,
    .panel-form button,
    .form-actions button {
        width: 100%;
    }

    .form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .rank-card {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .heatmap-row {
        grid-template-columns: 1fr;
    }

    .agenda-day-strip,
    .agenda-day-strip.is-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agenda-highlight,
    .agenda-lane-item {
        grid-template-columns: 1fr;
    }

    .agenda-highlight-meta {
        text-align: left;
    }

    .story-rail {
        grid-auto-columns: minmax(12rem, 85vw);
    }

    .builder-card-actions {
        justify-content: flex-start;
    }

    .message-search-shell,
    .message-scope-row,
    .messenger-empty-actions {
        grid-template-columns: 1fr;
    }

    .details-summary-row,
    .messenger-header-rich,
    .message-sidebar-note,
    .profile-tab-panel-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .details-summary-row .tag-chip {
        align-self: flex-start;
    }

    .messenger-header-actions {
        width: 100%;
        align-items: stretch;
    }

    .messenger-chat-item-rich {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: flex-start;
    }

    .message-item-side {
        grid-column: 2;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: .6rem;
        min-width: 0;
        width: 100%;
    }

    .message-sidebar-note span,
    .message-item-side small {
        text-align: left;
    }

    .profile-actions {
        width: 100%;
        justify-content: flex-start;
    }

    #live-chat-wrapper {
        right: 1rem;
        left: 1rem;
        bottom: 1rem;
    }

    .chat-widget-toggle {
        width: 100%;
        justify-content: space-between;
    }

    .chat-widget-panel {
        right: 0;
        left: 0;
        width: 100%;
        height: min(78vh, 30rem);
    }

    .chat-widget-summary,
    .chat-widget-send {
        grid-template-columns: 1fr;
    }

    .chat-widget-send button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .profile-tab-pills {
        width: 100%;
        align-items: stretch;
    }

    .profile-tab-pill {
        width: 100%;
        justify-content: space-between;
    }
}

/* Premium chat widget refresh */

@keyframes chatToggleNudge {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

@keyframes chatRowIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes chatBubbleIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes chatPendingPulse {

    0%,
    100% {
        opacity: 0.82;
        box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.18);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 0 0.45rem rgba(255, 107, 53, 0);
    }
}

@keyframes chatLauncherBreath {

    0%,
    100% {
        opacity: 0.42;
        transform: scale(0.88);
    }

    50% {
        opacity: 0.9;
        transform: scale(1.18);
    }
}

#live-chat-wrapper {
    z-index: 120;
    isolation: isolate;
}

#live-chat-wrapper:not(.is-open)::before {
    content: "";
    position: absolute;
    inset: -0.72rem;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255, 107, 53, 0.42) 0%, rgba(255, 122, 47, 0.16) 42%, rgba(255, 122, 47, 0) 72%);
    filter: blur(10px);
    pointer-events: none;
    animation: chatLauncherBreath 3.8s ease-in-out infinite;
}

#live-chat-wrapper.is-open::before {
    opacity: 0;
    animation: none;
}

.chat-widget-toggle {
    overflow: hidden;
    width: 4.25rem;
    min-height: 4.15rem;
    height: 4.25rem;
    padding: 0.55rem 0.6rem 0.55rem 1.05rem;
    border-color: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(18, 18, 28, 0.98), rgba(10, 10, 16, 0.96));
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(255, 188, 126, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    justify-content: center;
    transition:
        width 260ms cubic-bezier(0.19, 1, 0.22, 1),
        transform 180ms ease,
        box-shadow 220ms ease,
        border-color 180ms ease;
}

.chat-widget-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 48%, transparent 72%);
    transform: translateX(-125%);
    transition: transform 620ms ease;
    pointer-events: none;
}

.chat-widget-toggle:hover::before,
.chat-widget-toggle.is-open::before {
    transform: translateX(125%);
}

.chat-widget-toggle:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 190, 128, 0.4);
}

.chat-widget-toggle:hover,
.chat-widget-toggle:focus-visible,
.chat-widget-toggle.is-open {
    width: min(17rem, calc(100vw - 2rem));
    padding: 0.55rem 0.6rem 0.55rem 1.05rem;
    justify-content: flex-start;
    animation-play-state: paused;
}

.chat-widget-toggle.is-hot {
    border-color: rgba(255, 205, 152, 0.44);
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 205, 152, 0.16),
        0 0 36px rgba(255, 107, 53, 0.24);
}

.chat-widget-label strong,
.chat-widget-header-copy strong,
.chat-widget-chip strong,
.chat-widget-row-copy strong {
    color: #fff2e8;
}

.chat-widget-label,
.chat-widget-meta {
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(0.4rem);
    pointer-events: none;
    transition:
        max-width 240ms ease,
        opacity 160ms ease,
        transform 180ms ease;
}

.chat-widget-toggle:hover .chat-widget-label,
.chat-widget-toggle:focus-visible .chat-widget-label,
.chat-widget-toggle.is-open .chat-widget-label {
    max-width: 10.5rem;
    opacity: 1;
    transform: translateX(0);
}

.chat-widget-toggle:hover .chat-widget-meta,
.chat-widget-toggle:focus-visible .chat-widget-meta,
.chat-widget-toggle.is-open .chat-widget-meta {
    max-width: 4.5rem;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.chat-widget-label small,
.chat-widget-helper,
.chat-widget-header-copy small,
.chat-widget-chip span,
.chat-widget-row-meta,
.chat-widget-row-copy p,
.chat-widget-bubble small {
    color: #9f97a8;
}

.chat-widget-meta small {
    color: #ffd4bf;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.chat-widget-icon {
    width: 3.18rem;
    height: 3.18rem;
    background:
        radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 107, 53, 0.08)),
        rgba(255, 255, 255, 0.08);
    box-shadow:
        0 14px 34px rgba(255, 107, 53, 0.16),
        inset 0 0 0 1px rgba(255, 188, 126, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.chat-widget-badge {
    position: absolute;
    top: -0.15rem;
    right: -0.1rem;
    background: linear-gradient(135deg, #ff5b2e, #ff9d47);
    box-shadow: 0 12px 26px rgba(255, 107, 53, 0.24);
    animation: chatPulse 1.9s ease infinite;
}

.chat-widget-panel {
    border-color: rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(56, 189, 248, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(18, 18, 28, 0.985), rgba(8, 8, 14, 0.985));
    box-shadow:
        0 34px 92px rgba(0, 0, 0, 0.56),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    transform-origin: bottom right;
}

.chat-widget-badge[hidden],
.chat-widget-panel[hidden] {
    display: none !important;
}

.chat-widget-badge:not([hidden]) {
    display: inline-flex;
}

.chat-widget-panel:not([hidden]) {
    display: flex;
}

.chat-widget-panel.is-open {
    animation: chatWidgetIn 0.28s cubic-bezier(0.19, 1, 0.22, 1);
}

.chat-widget-panel::after {
    content: "";
    position: absolute;
    inset: auto -18% -24% 46%;
    height: 11rem;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.16), transparent 62%);
    pointer-events: none;
}

.chat-widget-header,
.chat-widget-footer {
    background:
        linear-gradient(180deg, rgba(19, 19, 28, 0.94), rgba(14, 14, 21, 0.9));
    border-color: rgba(255, 255, 255, 0.08);
}

.chat-widget-body {
    background:
        linear-gradient(180deg, rgba(12, 12, 18, 0.46), rgba(7, 7, 11, 0.94));
}

.chat-widget-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.chat-widget-chip {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.chat-widget-chip.is-accent {
    border-color: rgba(56, 189, 248, 0.18);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.14), transparent 46%),
        rgba(255, 255, 255, 0.04);
}

.chat-widget-search-head {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    margin-top: 0.8rem;
}

.chat-widget-search-head strong {
    color: #fff6ef;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.chat-widget-search-head small {
    color: #9f97a8;
    font-size: 0.78rem;
}

.chat-widget-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.8rem;
}

.chat-widget-quick-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #d7cdd6;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.chat-widget-quick-link:hover {
    color: #fff6f0;
    border-color: rgba(255, 107, 53, 0.22);
    background: rgba(255, 107, 53, 0.08);
}

.chat-widget-search-shell {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.85rem;
    padding: 0.45rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.chat-widget-search-shell input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff7f0;
    font-size: 0.88rem;
}

.chat-widget-search-shell input::placeholder {
    color: #918999;
}

.chat-widget-search-clear,
.chat-widget-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #e2d7de;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, color 220ms ease;
}

.chat-widget-search-clear:hover,
.chat-widget-filter:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 107, 53, 0.18);
    background: rgba(255, 107, 53, 0.08);
    color: #fff4ec;
}

.chat-widget-filter-bar,
.chat-widget-thread-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.chat-widget-filter-bar {
    margin-top: 0.8rem;
}

.chat-widget-filter.is-active {
    border-color: rgba(56, 189, 248, 0.22);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 48%),
        rgba(255, 255, 255, 0.05);
    color: #dff6ff;
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.08);
}

.chat-widget-search-meta {
    margin-top: 0.7rem;
    color: #9d96a5;
    font-size: 0.78rem;
    font-weight: 700;
}

.chat-widget-close,
.chat-widget-back {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #f3ece6;
}

.chat-widget-close:hover,
.chat-widget-back:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 107, 53, 0.22);
}

.chat-widget-empty,
.chat-widget-loading {
    color: #9f97a8;
}

.chat-widget-empty-state {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.chat-widget-empty-state strong {
    color: #fff1e8;
}

.chat-widget-list-divider {
    color: #8f8797;
}

.chat-widget-row {
    position: relative;
    border-color: rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.chat-widget-row.is-entering {
    animation: chatRowIn 0.34s ease both;
}

.chat-widget-row:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 189, 248, 0.18);
    background: rgba(255, 255, 255, 0.06);
}

.chat-widget-row:focus-visible {
    border-color: rgba(56, 189, 248, 0.34);
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.1);
}

.chat-widget-row.unread {
    border-color: rgba(56, 189, 248, 0.18);
    background:
        radial-gradient(circle at left center, rgba(56, 189, 248, 0.08), transparent 28%),
        rgba(255, 255, 255, 0.05);
}

.chat-widget-row.unread::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.72rem;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: #38bdf8;
    box-shadow: 0 0 0 0.28rem rgba(56, 189, 248, 0.08);
    transform: translateY(-50%);
}

.chat-widget-avatar {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.chat-widget-presence {
    border-color: rgba(12, 12, 18, 0.96);
}

.chat-widget-thread {
    gap: 0.82rem;
    scroll-behavior: smooth;
}

.chat-widget-bubble {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.035));
    color: #f5ece5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.chat-widget-bubble.is-own {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.14), transparent 44%),
        linear-gradient(135deg, rgba(255, 107, 53, 0.18), rgba(255, 145, 87, 0.08));
    border-color: rgba(255, 107, 53, 0.2);
}

.chat-widget-bubble.is-entering {
    animation: chatBubbleIn 0.34s ease both;
}

.chat-widget-bubble.is-pending {
    border-style: dashed;
    animation: chatPendingPulse 1.4s ease-in-out infinite;
}

.chat-widget-bubble.is-error {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.08);
}

.chat-widget-thread-status {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
    color: #98d8ff;
    font-size: 0.8rem;
    font-weight: 800;
}

.chat-widget-thread-dot {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #34d399, #22c55e);
    box-shadow: 0 0 0 0.28rem rgba(34, 197, 94, 0.08);
    animation: chatPulse 1.9s ease infinite;
}

.chat-widget-send textarea {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: #fff6ee;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.chat-widget-send textarea::placeholder {
    color: #8f8897;
}

.chat-widget-send textarea:focus {
    border-color: rgba(56, 189, 248, 0.26);
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.08);
    background: rgba(255, 255, 255, 0.08);
}

.chat-widget-send button {
    background: var(--magma);
    box-shadow: 0 14px 34px rgba(255, 77, 0, 0.26);
}

.chat-widget-send button:hover {
    background: linear-gradient(135deg, #ff5b2e, #ff9d47);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    #live-chat-wrapper {
        left: auto;
        right: 1rem;
        width: auto;
    }

    #live-chat-wrapper.is-open {
        left: 1rem;
        right: 1rem;
    }

    #live-chat-wrapper.is-open .chat-widget-toggle {
        width: 100%;
    }

    .chat-widget-toggle:hover,
    .chat-widget-toggle:focus-visible {
        width: min(16rem, calc(100vw - 2rem));
    }

    .chat-widget-summary {
        grid-template-columns: 1fr;
    }

    .chat-widget-search-shell {
        flex-wrap: wrap;
    }

    .chat-widget-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chat-widget-quick-actions {
        flex-direction: column;
    }

    .chat-widget-quick-link,
    .chat-widget-search-clear,
    .chat-widget-filter {
        width: 100%;
    }

    .chat-widget-thread-actions,
    .chat-widget-filter-bar {
        width: 100%;
    }

    .chat-widget-thread-actions,
    .chat-widget-filter-bar {
        justify-content: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {

    .chat-widget-toggle.is-hot,
    .chat-widget-toggle,
    #live-chat-wrapper::before,
    .chat-widget-pulse,
    .chat-widget-thread-dot,
    .chat-widget-badge,
    .chat-widget-bubble.is-pending {
        animation: none;
    }

    .chat-widget-row.is-entering,
    .chat-widget-bubble.is-entering,
    .chat-widget-panel.is-open {
        animation: none;
    }
}

/* Premium auth + command motion refresh */

.auth-premium-stage,
.auth-premium-card,
.home-premium-command-stage {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.auth-premium-stage>*,
.auth-premium-card>*,
.home-premium-command-stage>* {
    position: relative;
    z-index: 1;
}

.auth-premium-stage::before,
.auth-premium-card::before,
.home-premium-command-stage::before {
    content: "";
    position: absolute;
    top: -5rem;
    right: -4rem;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255, 139, 61, 0.28) 0%, rgba(255, 139, 61, 0.08) 34%, rgba(255, 139, 61, 0) 72%);
    filter: blur(10px);
    pointer-events: none;
    animation: premiumOrbFloat 10s ease-in-out infinite;
}

.auth-premium-stage::after,
.auth-premium-card::after,
.home-premium-command-stage::after {
    content: "";
    position: absolute;
    top: -140%;
    left: -26%;
    width: 42%;
    height: 300%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 244, 229, 0.16), rgba(255, 255, 255, 0));
    transform: rotate(18deg);
    opacity: 0.44;
    filter: blur(10px);
    pointer-events: none;
    animation: premiumSheenSweep 8.6s linear infinite;
}

.auth-premium-stage {
    animation: premiumSurfaceBreath 7.8s ease-in-out infinite;
}

.auth-premium-card {
    animation: premiumSurfaceBreath 9.2s ease-in-out infinite reverse;
}

.home-premium-command-stage {
    animation: premiumSurfaceBreath 8.8s ease-in-out infinite;
}

.home-premium-command-card {
    transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease, background 240ms ease;
    animation: premiumCardFloat 6.6s ease-in-out infinite;
}

.home-premium-command-card:nth-child(2) {
    animation-delay: 0.35s;
}

.home-premium-command-card:nth-child(3) {
    animation-delay: 0.7s;
}

.home-premium-command-card:hover {
    transform: translateY(-4px) scale(1.01);
    border-color: rgba(255, 198, 140, 0.26);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.32), 0 0 28px rgba(255, 128, 41, 0.12);
}

.auth-progress-shell,
.auth-strength-shell {
    display: grid;
    gap: 0.72rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 188, 126, 0.18);
    background:
        linear-gradient(180deg, rgba(17, 14, 21, 0.94), rgba(10, 8, 14, 0.95)),
        radial-gradient(circle at top right, rgba(255, 128, 41, 0.12), transparent 34%);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.auth-progress-meta,
.auth-strength-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

.auth-progress-meta strong,
.auth-strength-meta strong {
    color: #fff2e4;
    font-size: 0.92rem;
}

.auth-progress-meta span,
.auth-strength-meta span {
    color: rgba(244, 233, 222, 0.72);
    font-size: 0.84rem;
}

.auth-progress-track,
.auth-strength-track {
    position: relative;
    height: 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

#signup-progress-fill,
#password-strength-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    transition: width 320ms ease, background 320ms ease, box-shadow 320ms ease;
    background: linear-gradient(90deg, #ff7b32 0%, #ffb86f 56%, #ffe4c2 100%);
    box-shadow: 0 0 24px rgba(255, 139, 61, 0.35);
}

#password-strength-fill[data-tone="weak"] {
    background: linear-gradient(90deg, #ff5b49 0%, #ff8c57 100%);
    box-shadow: 0 0 18px rgba(255, 91, 73, 0.24);
}

#password-strength-fill[data-tone="medium"] {
    background: linear-gradient(90deg, #ff8f3b 0%, #ffc370 100%);
    box-shadow: 0 0 20px rgba(255, 143, 59, 0.26);
}

#password-strength-fill[data-tone="strong"] {
    background: linear-gradient(90deg, #34d399 0%, #7af0bf 100%);
    box-shadow: 0 0 22px rgba(52, 211, 153, 0.28);
}

.auth-readiness-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
    margin-bottom: 1rem;
}

.auth-readiness-item {
    position: relative;
    padding: 0.84rem 0.88rem 0.84rem 2.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(248, 237, 228, 0.72);
    font-size: 0.85rem;
    line-height: 1.45;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease, color 220ms ease;
}

.auth-readiness-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.9rem;
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: rgba(255, 184, 122, 0.4);
    transform: translateY(-50%);
    box-shadow: 0 0 0 6px rgba(255, 184, 122, 0.08);
    transition: background 220ms ease, box-shadow 220ms ease;
}

.auth-readiness-item.is-ready {
    transform: translateY(-2px);
    border-color: rgba(110, 255, 182, 0.3);
    background: rgba(17, 92, 58, 0.18);
    color: #f3fff8;
    box-shadow: 0 16px 34px rgba(17, 92, 58, 0.18);
}

.auth-readiness-item.is-ready::before {
    background: #74ffae;
    box-shadow: 0 0 0 6px rgba(116, 255, 174, 0.1), 0 0 18px rgba(116, 255, 174, 0.34);
}

.auth-readiness-item.is-pending {
    opacity: 0.92;
}

.auth-premium-form .auth-input-group input.is-suggested {
    border-color: rgba(255, 180, 107, 0.3);
    box-shadow: 0 0 0 1px rgba(255, 180, 107, 0.08), 0 0 28px rgba(255, 180, 107, 0.1);
}

.auth-submit-btn[data-loading="true"] {
    pointer-events: none;
    filter: saturate(1.08);
}

.auth-submit-btn[data-loading="true"]::after {
    content: "";
    width: 0.95rem;
    height: 0.95rem;
    border: 2px solid rgba(29, 13, 5, 0.24);
    border-top-color: #1d0d05;
    border-radius: 50%;
    animation: authSpin 0.7s linear infinite;
}

@keyframes premiumOrbFloat {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.72;
    }

    50% {
        transform: translate3d(-16px, 18px, 0) scale(1.08);
        opacity: 0.96;
    }
}

@keyframes premiumSheenSweep {
    0% {
        transform: translate3d(0, 0, 0) rotate(18deg);
    }

    100% {
        transform: translate3d(340%, 0, 0) rotate(18deg);
    }
}

@keyframes premiumSurfaceBreath {

    0%,
    100% {
        box-shadow: 0 24px 58px rgba(0, 0, 0, 0.26);
        transform: translateY(0);
    }

    50% {
        box-shadow: 0 30px 76px rgba(0, 0, 0, 0.34), 0 0 36px rgba(255, 132, 46, 0.08);
        transform: translateY(-2px);
    }
}

@keyframes premiumCardFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

@keyframes authSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {

    .auth-progress-meta,
    .auth-strength-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .auth-readiness-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {

    .auth-premium-stage,
    .auth-premium-card,
    .home-premium-command-stage,
    .home-premium-command-card,
    .auth-premium-stage::before,
    .auth-premium-stage::after,
    .auth-premium-card::before,
    .auth-premium-card::after,
    .home-premium-command-stage::before,
    .home-premium-command-stage::after,
    .auth-submit-btn[data-loading="true"]::after {
        animation: none !important;
    }
}

/* --- Fikirin 2.0: Social Stream & Live UI --- */

.stream-layout-container {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1.5rem;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 1rem;
}

.stream-viewport {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Stream Player Mock */
.stream-player-mock {
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--glass-border);
    border-radius: 1rem;
}

.stream-overlay {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.live-indicator {
    background: rgba(231, 76, 60, 0.9);
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    font-weight: 800;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 0 20px rgba(231, 76, 60, 0.4);
}

.live-dot {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    animation: livePulse 1.5s infinite;
}

@keyframes livePulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.stream-content-focus {
    text-align: center;
    max-width: 80%;
}

.stream-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0.5rem 0;
    background: linear-gradient(to right, #fff, var(--blue));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Live Chat */
.chat-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    position: sticky;
    top: 5rem;
}

.chat-header {
    padding: 1rem;
    border-bottom: 1px solid var(--glass-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    scrollbar-width: thin;
}

.chat-bubble {
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--glass-border);
    max-width: 90%;
}

.chat-bubble.is-me {
    align-self: flex-end;
    background: rgba(var(--primary-rgb), 0.1);
    border-color: rgba(var(--primary-rgb), 0.3);
}

.chat-user {
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--primary-light);
    margin-bottom: 0.25rem;
    display: block;
}

.chat-text {
    font-size: 0.9rem;
    line-height: 1.4;
}

.chat-input-area {
    padding: 1rem;
    border-top: 1px solid var(--glass-border);
}

.chat-form {
    display: flex;
    gap: 0.5rem;
}

.chat-form input {
    flex: 1;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--glass-border);
    padding: 0.6rem 1rem;
    border-radius: 2rem;
    color: #fff;
    font-family: inherit;
}

/* Feed Cards */
.social-card {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social-card:hover {
    transform: translateY(-4px);
}

.social-story-ring {
    position: relative;
    padding: 3px;
    border-radius: 50%;
    background: var(--glass-border);
    display: inline-block;
}

.social-story-ring.active {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-story-ring img {
    border: 2px solid #000;
}

.live-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.3);
    z-index: -1;
    transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
    .stream-layout-container {
        grid-template-columns: 1fr;
    }

    .chat-container {
        height: 500px;
        position: static;
    }
}

/* --- Fikirin 2.0: Mobile & Story Enhancements --- */

@media (max-width: 640px) {
    .story-rail {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        padding: 0.5rem 0;
        scrollbar-width: none;
    }

    .story-rail::-webkit-scrollbar {
        display: none;
    }

    .story-card {
        flex: 0 0 110px;
        height: 150px;
        border-radius: 12px;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .stream-title {
        font-size: 1.75rem;
    }

    .hero-copy h1 {
        font-size: 2rem;
    }
}

/* --- Fikirin 2.1: Interaction Revolution --- */

/* Toast System */
.toast-container {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    pointer-events: none;
}

.toast-item {
    pointer-events: auto;
    background: rgba(20, 20, 35, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    padding: 1rem 1.25rem;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 300px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateX(120%);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.toast-item.is-visible {
    transform: translateX(0);
}

.toast-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-light);
}

.toast-item.success {
    border-left: 4px solid var(--primary-light);
}

.toast-item.error {
    border-left: 4px solid #e74c3c;
}

/* Social Buttons Active States */
.icon-button.is-liked {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
}

.icon-button.is-bookmarked {
    color: #f1c40f;
    background: rgba(241, 196, 15, 0.1);
}

.icon-button i {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.icon-button:active i {
    transform: scale(1.4);
}

/* Infinite Scroll Loader */
.feed-loader {
    padding: 3rem;
    display: flex;
    justify-content: center;
    width: 100%;
}

.spinner-glass {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-top: 4px solid var(--primary-light);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Floating Particle Container */
.particle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10000;
}

.particle {
    position: absolute;
    background: var(--primary-light);
    border-radius: 50%;
    opacity: 0;
}

/* Search Results Enhanced */
.search-result-item {
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.search-result-item:hover {
    background: rgba(var(--primary-rgb), 0.1) !important;
    border-left-color: var(--primary-light);
    padding-left: 1.25rem;
}

/* --- Fikirin 2.2: Ghost & Dynamic Pulse --- */

.skeleton-card {
    height: 200px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.shimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    background-size: 200% 100%;
    animation: shimmer-load 1.5s infinite;
}

@keyframes shimmer-load {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.pulse-meter {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(var(--primary-rgb), 0.05);
    border-radius: 12px;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
}

.pulse-indicator {
    height: 4px;
    background: #222;
    border-radius: 2px;
    overflow: hidden;
}

.pulse-bar {
    height: 100%;
    background: var(--primary-gradient);
    width: 0%;
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Poll Real-time UI */
.poll-option-row.is-voting {
    opacity: 0.7;
    pointer-events: none;
}

.poll-option-bar-fill {
    transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.social-action-button.is-fire {
    background: rgba(255, 122, 47, 0.14);
    border-color: rgba(255, 122, 47, 0.32);
    color: var(--accent);
    box-shadow: 0 10px 24px rgba(255, 122, 47, 0.18);
}

/* Orange Product Theme */
body {
    background-image:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.18), transparent 36%),
        radial-gradient(circle at top right, rgba(255, 179, 71, 0.12), transparent 32%),
        linear-gradient(180deg, #0a0a0f 0%, #0f0f15 42%, #111118 100%);
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.logo-mark {
    font-family: "Syne", sans-serif;
}

.backdrop-blob {
    opacity: 0.42;
}

.blob-a {
    background: radial-gradient(circle at center, rgba(255, 107, 53, 0.86) 0%, rgba(255, 107, 53, 0) 68%);
}

.blob-b {
    background: radial-gradient(circle at center, rgba(255, 179, 71, 0.72) 0%, rgba(255, 179, 71, 0) 68%);
}

.backdrop-grid {
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
}

.eyebrow,
.tag-chip,
.status-pill,
.filter-chip,
.category-pill,
.live-badge,
.mini-stat {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    color: var(--muted);
}

.eyebrow,
.tag-chip-blue,
.filter-chip.is-active,
.category-pill.is-active {
    background: rgba(255, 107, 53, 0.16);
    border-color: rgba(255, 107, 53, 0.28);
    color: #ffd8c8;
}

.status-pill {
    background: rgba(255, 179, 71, 0.12);
    border-color: rgba(255, 179, 71, 0.24);
    color: #ffe0a6;
}

.live-badge,
.mini-badge.success {
    background: rgba(52, 211, 153, 0.14);
    border-color: rgba(52, 211, 153, 0.24);
    color: #baf4df;
}

.button-link,
.panel-form button,
.form-actions button,
.auth-submit-btn,
.messenger-send-btn {
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
    box-shadow: 0 18px 36px rgba(255, 107, 53, 0.2);
}

.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--text);
}

.ghost-link:hover,
.icon-button:hover,
.mobile-close:hover,
.mobile-logout:hover {
    background: rgba(255, 255, 255, 0.09);
}

.surface,
.widget-card,
.sidebar-card,
.feed-card,
.idea-card,
.empty-card,
.menu-panel,
.hero-panel,
.auth-card,
.auth-highlight,
.messenger-sidebar,
.messenger-main,
.detail-panel,
.form-card,
.site-header-inner,
.footer-card,
.search-dropdown,
.mobile-nav {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(20, 20, 28, 0.96), rgba(17, 17, 24, 0.94));
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: var(--shadow-sm);
}

.surface::before,
.widget-card::before,
.sidebar-card::before,
.feed-card::before,
.idea-card::before,
.auth-card::before,
.auth-highlight::before,
.hero-panel::before,
.detail-panel::before,
.form-card::before {
    background: linear-gradient(90deg, var(--accent), #ffb347);
    opacity: 0.75;
}

.widget-card:hover,
.sidebar-card:hover,
.feed-card:hover,
.idea-card:hover,
.hero-panel:hover,
.detail-panel:hover,
.form-card:hover,
.auth-card:hover,
.auth-highlight:hover {
    border-color: rgba(255, 107, 53, 0.24);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(23, 23, 31, 0.98), rgba(19, 19, 26, 0.96));
}

.discussion-item,
.activity-item,
.timeline-item,
.action-card,
.portfolio-row,
.checklist-item,
.opportunity-item,
.builder-card,
.heatmap-row,
.agenda-day-card,
.story-card,
.ticker-shell,
.lane-card,
.moment-card,
.deck-card,
.locked-note,
.notice-card,
.hint-card,
.comment-card,
.reply-card,
.choice-row,
.poll-option-row,
.search-result-item,
.menu-row,
.flash {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text);
}

.discussion-item.is-highlighted,
.menu-row.is-active,
.notification-item.is-unread {
    background: rgba(255, 107, 53, 0.1);
    border-color: rgba(255, 107, 53, 0.22);
}

.discussion-item small,
.activity-item small,
.timeline-item small,
.heatmap-copy small,
.feed-summary,
.moment-card p,
.lane-card p,
.lane-stack span,
.action-card p,
.portfolio-copy small,
.builder-copy small,
.notice-card p,
.locked-note,
.widget-heading p,
.widget-heading small,
.menu-muted {
    color: var(--muted);
}

.search-shell,
.panel-form input:not([type="checkbox"]):not([type="radio"]),
.panel-form textarea,
.panel-form select,
.form-card input:not([type="checkbox"]):not([type="radio"]),
.form-card textarea,
.form-card select,
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card textarea,
.auth-card select,
.messenger-form textarea,
.search-inline input,
.field-shell input:not([type="checkbox"]):not([type="radio"]),
.field-shell textarea,
.field-shell select {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text);
}

.search-shell button {
    background: rgba(255, 107, 53, 0.18);
    color: #ffe5d8;
}

.search-shell input::placeholder,
input::placeholder,
textarea::placeholder {
    color: #8d8579;
}

.panel-form input:focus,
.panel-form textarea:focus,
.panel-form select:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.auth-card input:focus,
.auth-card textarea:focus,
.auth-card select:focus,
.messenger-form textarea:focus,
.search-inline input:focus,
.field-shell input:focus,
.field-shell textarea:focus,
.field-shell select:focus,
.search-shell:focus-within {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.08);
    background: rgba(255, 255, 255, 0.06);
}

.site-header {
    padding: 1rem 0 0.5rem;
}

.site-header-inner {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.brand {
    font-size: 1.82rem;
    letter-spacing: -0.06em;
}

.brand span,
.menu-footer-link,
.search-see-all,
a:hover {
    color: var(--accent-strong);
}

.nav-link {
    color: #d4cbc0;
}

.nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
}

.footer-brand p,
.footer-links a,
.footer-links span {
    color: var(--muted);
}

.mobile-nav-overlay {
    background: rgba(5, 5, 8, 0.56);
}

.progress-bar,
.heatmap-meter,
.agenda-day-meter {
    background: rgba(255, 255, 255, 0.08);
}

.progress-bar span,
.heatmap-meter span,
.agenda-day-meter span {
    background: linear-gradient(90deg, var(--accent), #ffb347);
}

.story-card,
.moment-card,
.lane-card,
.agenda-day-card {
    box-shadow: none;
}

.story-card {
    background:
        radial-gradient(circle at top, rgba(255, 107, 53, 0.22), transparent 40%),
        linear-gradient(180deg, rgba(26, 26, 34, 0.96), rgba(18, 18, 24, 0.92));
}

.ticker-shell,
.moment-card,
.lane-card,
.agenda-day-card,
.deck-card {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 34%),
        rgba(255, 255, 255, 0.04);
}

/* Home Layout */
.home-command {
    position: relative;
    overflow: hidden;
    padding: 1.45rem;
    border-radius: 1.8rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.14), transparent 36%),
        radial-gradient(circle at top right, rgba(255, 179, 71, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 25, 0.98), rgba(13, 13, 19, 0.95));
    box-shadow: var(--shadow-md);
}

.home-command-top {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(22rem, 0.95fr);
    gap: 1.2rem;
    align-items: start;
}

.home-command-copy,
.home-command-aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-command-copy p {
    max-width: 48rem;
    color: #d6cfc7;
    font-size: 1.02rem;
}

.home-command-stats,
.home-mini-metrics {
    display: grid;
    gap: 0.8rem;
}

.home-command-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home-mini-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-metric-card,
.mini-stat-tile,
.home-board-link {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.home-metric-card strong,
.mini-stat-tile strong {
    display: block;
    font-size: clamp(1.3rem, 2.4vw, 2rem);
}

.home-metric-card span,
.mini-stat-tile span,
.home-board-link small {
    color: var(--muted);
    font-size: 0.85rem;
}

.home-command-aux,
.home-radar-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.home-board-link:hover {
    color: var(--text);
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 107, 53, 0.2);
}

.home-command-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.home-command-note strong {
    color: #fff0e7;
}

.home-command-note span {
    color: var(--muted);
}

.home-stream-shell {
    overflow: hidden;
}

.home-spotlight-card {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: 1.2rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 107, 53, 0.08), rgba(255, 255, 255, 0.04));
}

.home-toolbar {
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.home-category-strip {
    overflow-x: auto;
    scrollbar-width: none;
}

.home-category-strip::-webkit-scrollbar {
    display: none;
}

.home-mini-band .widget-card,
.home-sidebar-stack>.widget-card {
    min-height: 100%;
}

.home-sidebar-cta {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.18), transparent 32%),
        linear-gradient(180deg, rgba(26, 19, 16, 0.96), rgba(18, 18, 24, 0.94));
}

@media (max-width: 1100px) {

    .home-command-top,
    .home-command-aux,
    .home-radar-list {
        grid-template-columns: 1fr;
    }

    .home-command-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-command-note {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .home-command {
        padding: 1rem;
        border-radius: 1.35rem;
    }

    .home-command-stats,
    .home-mini-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-toolbar {
        align-items: stretch;
    }
}

/* Reference-style home screen */

.search-icon {
    color: #90867c;
    font-size: 0.96rem;
    line-height: 1;
}

.top-icon-button {
    position: relative;
    min-width: 2.9rem;
    padding: 0;
    font-size: 1rem;
}

.top-icon-button .count-badge {
    position: absolute;
    top: -0.3rem;
    right: -0.2rem;
    min-width: 1.1rem;
    height: 1.1rem;
    font-size: 0.66rem;
}

.top-share-button {
    white-space: nowrap;
}



.home-page .page-shell {
    padding-top: 0.8rem;
    padding-bottom: 2rem;
}

.home-page .footer-shell {
    display: none;
}

.home-page .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.home-page .site-header {
    padding-bottom: 0.35rem;
}

.home-page .site-header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 0.9rem 1.05rem;
    border-radius: 1.25rem;
}

.home-page .brand {
    font-size: 2rem;
}

.home-page .nav-actions {
    gap: 0.75rem;
    width: auto;
    justify-content: flex-end;
}

.home-page .search-wrapper {
    flex: 0 1 34rem;
    width: min(34rem, 100%);
}

.home-page .search-shell {
    min-height: 3.15rem;
    padding: 0.42rem 0.56rem 0.42rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-page .search-shell button {
    display: none;
}

.home-page .nav-auth-links,
.home-page .nav-menu-group {
    gap: 0.65rem;
}

.home-page .nav-auth-links .ghost-link,
.home-page .nav-auth-links .button-link,
.home-page .nav-menu-group .user-trigger {
    min-height: 2.9rem;
}

@keyframes home-manifesto-breathe {
    0% {
        transform: translateY(0);
        box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
    }

    50% {
        transform: translateY(-4px);
        box-shadow: 0 34px 84px rgba(0, 0, 0, 0.36);
    }

    100% {
        transform: translateY(0);
        box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
    }
}

@keyframes home-signal-sweep {
    0% {
        transform: translateX(-120%);
        opacity: 0;
    }

    25% {
        opacity: 0.8;
    }

    100% {
        transform: translateX(220%);
        opacity: 0;
    }
}

@keyframes home-live-dot-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.18);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 0.45rem rgba(34, 197, 94, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

@keyframes home-status-pop {
    0% {
        transform: translateY(0) scale(1);
    }

    40% {
        transform: translateY(-1px) scale(1.04);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

.home-manifesto-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr);
    gap: 1.1rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.13), transparent 34%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(18, 18, 26, 0.99), rgba(11, 11, 17, 0.98));
    box-shadow: 0 28px 82px rgba(0, 0, 0, 0.42);
    overflow: hidden;
}

.home-manifesto-shell.has-cinematic-glow::after {
    content: "";
    position: absolute;
    inset: auto -10% -35% 42%;
    height: 18rem;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.18), transparent 66%);
    pointer-events: none;
}

.home-manifesto-copy,
.home-manifesto-board,
.home-manifesto-grid {
    display: flex;
    flex-direction: column;
}

.home-manifesto-copy {
    position: relative;
    z-index: 2;
    gap: 0.95rem;
    justify-content: flex-start;
    padding: 1.45rem 1.4rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(18, 18, 27, 0.82), rgba(10, 10, 16, 0.58));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-manifesto-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.06);
    color: #ffe1d3;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@keyframes liquid-drift {
    0% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }

    50% {
        border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
    }

    100% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    }
}

.magma-orb {
    position: absolute;
    width: 460px;
    height: 460px;
    top: -9rem;
    left: -8rem;
    background: radial-gradient(circle, rgba(255, 107, 53, 0.72) 0%, transparent 70%);
    filter: blur(92px);
    opacity: 0.09;
    pointer-events: none;
    z-index: 0;
    animation: liquid-drift 20s ease-in-out infinite alternate;
}

.hero-title--liquid {
    position: relative;
    z-index: 1;
}

.hero-title--liquid span {
    display: inline-block;
    background: linear-gradient(to bottom, #fff, #ffae88);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.particle-spark {
    position: fixed;
    pointer-events: none;
    background: var(--accent);
    border-radius: 50%;
    z-index: 20000;
}

.signal-card--floating {
    cursor: default;
    transition: transform 0.1s ease-out;
}

.home-manifesto-copy h1 {
    max-width: 12ch;
    font-size: clamp(2.8rem, 5vw, 5.4rem);
    line-height: 0.94;
    color: #fff7f2;
}

.home-manifesto-copy p {
    max-width: 38rem;
    color: #c8becd;
    font-size: 1rem;
    line-height: 1.64;
}

.home-manifesto-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.home-manifesto-highlight {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
}

.home-manifesto-highlight strong {
    color: #fff4ec;
    font-size: 0.94rem;
    line-height: 1.3;
}

.home-manifesto-highlight small {
    color: #9f97a6;
    font-size: 0.8rem;
    line-height: 1.45;
}

.home-manifesto-actions,
.home-manifesto-meta,
.home-manifesto-panel-head,
.home-manifesto-signal-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.home-manifesto-actions {
    margin-top: 0.1rem;
}

.home-manifesto-note {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.62rem 0.82rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background: rgba(56, 189, 248, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    color: #9ed7ff;
    font-size: 0.9rem;
    line-height: 1.45;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, color 220ms ease;
}

.home-manifesto-note.is-hot {
    transform: translateY(-1px);
    border-color: rgba(255, 107, 53, 0.24);
    background: rgba(255, 107, 53, 0.12);
    color: #ffd7c6;
}

.home-manifesto-note.is-paused {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: #d2c9d7;
}

.home-manifesto-signal-row {
    margin-top: 0.2rem;
}

.home-manifesto-signal {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 10rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
}

.home-manifesto-signal::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -20%;
    width: 30%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
    animation: home-signal-sweep 6s linear infinite;
}

.home-manifesto-signal strong {
    color: #fff4ec;
    font-family: "Syne", sans-serif;
    font-size: 1.55rem;
    line-height: 1;
}

.home-manifesto-signal small {
    color: #9b93a2;
    font-size: 0.86rem;
}

.home-manifesto-board {
    position: relative;
    z-index: 2;
    gap: 1rem;
}

.home-manifesto-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.home-manifesto-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.05rem 1.1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(23, 23, 33, 0.94), rgba(16, 16, 23, 0.9));
}

.home-manifesto-panel.is-primary {
    min-height: 15rem;
    justify-content: space-between;
    animation: home-manifesto-breathe 8s ease-in-out infinite;
    z-index: 1;
}

.glass-panel--premium.bento-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5), 0 0 40px rgba(255, 77, 0, 0.15);
}

.home-manifesto-panel::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent 70%);
}

.home-manifesto-panel-head {
    justify-content: space-between;
}

.home-manifesto-panel-head small {
    color: #928896;
    font-size: 0.82rem;
}

.home-manifesto-panel h2,
.home-manifesto-panel h3 {
    color: #fff6f0;
    line-height: 1.04;
}

.home-manifesto-panel h2 {
    font-size: clamp(1.7rem, 2.2vw, 2.4rem);
}

.home-manifesto-panel h3 {
    font-size: 1.18rem;
}

.home-manifesto-panel p,
.home-manifesto-meta {
    color: #c8bec2;
    line-height: 1.65;
}

.home-manifesto-meta {
    gap: 0.55rem;
    color: #a89da5;
    font-size: 0.84rem;
}

.home-manifesto-meta span {
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.home-reference-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-reference-band,
.home-reference-live-rail,
.home-reference-category-strip,
.home-reference-filter-strip,
.home-reference-composer,
.home-reference-card,
.home-reference-panel,
.home-reference-empty {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
}

.home-reference-band,
.home-reference-live-rail,
.home-reference-category-strip,
.home-reference-filter-strip,
.home-reference-composer {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, rgba(22, 22, 31, 0.98), rgba(17, 17, 25, 0.96));
}

.home-reference-band {
    justify-content: space-between;
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(25, 17, 16, 0.94), rgba(19, 17, 22, 0.98));
}

.home-reference-live-rail,
.home-reference-composer {
    justify-content: space-between;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(21, 21, 30, 0.97), rgba(17, 17, 26, 0.95));
}

.home-reference-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.9rem;
    width: 100%;
}

.home-reference-metric {
    position: relative;
    padding-right: 0.9rem;
}

.home-reference-metric:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.15rem;
    right: 0;
    width: 1px;
    height: calc(100% - 0.3rem);
    background: rgba(255, 255, 255, 0.08);
}

.home-reference-metric strong,
.home-reference-mini-stat strong {
    display: block;
    font-family: "Syne", sans-serif;
    font-size: clamp(1.4rem, 2vw, 2.4rem);
    line-height: 1;
    letter-spacing: -0.06em;
    color: #f8f5f2;
}

.home-reference-metric span,
.home-reference-mini-stat span,
.home-reference-result-note,
.home-reference-sidebar-empty,
.home-reference-ranking-copy small,
.home-reference-sidebar-item small,
.home-reference-investor-copy small,
.home-reference-card-summary,
.home-reference-lock-note {
    color: #8f8897;
}

.home-reference-metric-highlight strong {
    color: #39c8ff;
}

.home-reference-membership {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
    color: #bfb5c7;
    font-size: 0.95rem;
}

.home-reference-status-dot {
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 0.2rem;
    background: linear-gradient(135deg, #68d391, #22c55e);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14);
}

.home-reference-live-rail-head,
.home-reference-composer-main,
.home-reference-composer-copy,
.home-reference-composer-actions {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.home-reference-live-rail-head {
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    max-width: 20rem;
}

.home-reference-live-rail-head p,
.home-reference-composer-copy p {
    color: #9d96a5;
    font-size: 0.94rem;
}

.home-reference-live-state,
.home-reference-live-count,
.home-reference-live-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.78rem;
    font-weight: 700;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;
}

.home-reference-live-state {
    gap: 0.5rem;
    color: #dff6ff;
}

.home-reference-live-state.is-polling {
    border-color: rgba(56, 189, 248, 0.16);
    background: rgba(56, 189, 248, 0.08);
}

.home-reference-live-state.is-hot {
    border-color: rgba(255, 107, 53, 0.26);
    background: rgba(255, 107, 53, 0.12);
    color: #ffd7c6;
    box-shadow: 0 0 0 1px rgba(255, 107, 53, 0.08);
}

.home-reference-live-state.is-paused {
    color: #d6cfda;
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
}

.home-reference-live-rail-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
}

.home-reference-live-rail-item {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.home-reference-live-rail-item:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(255, 255, 255, 0.06);
}

.home-reference-live-rail-item strong,
.home-reference-composer-copy strong {
    color: #f7f2ed;
    line-height: 1.35;
}

.home-reference-live-rail-item small {
    color: #8f8897;
}

.home-reference-live-rail-pulse {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #34d399, #22c55e);
    box-shadow: 0 0 0 0.22rem rgba(34, 197, 94, 0.12);
    animation: home-live-dot-pulse 1.8s ease-out infinite;
}

.home-reference-live-rail-item.is-room .home-reference-live-rail-pulse {
    background: linear-gradient(135deg, #38bdf8, #60a5fa);
    box-shadow: 0 0 0 0.22rem rgba(56, 189, 248, 0.12);
}

.home-reference-composer-main {
    min-width: 0;
    flex: 1 1 auto;
}

.home-reference-avatar-composer {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1rem;
}

.home-reference-composer-copy {
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.home-reference-composer-copy strong {
    font-size: 1.05rem;
}

.home-reference-composer-copy p {
    margin: 0;
    max-width: 44rem;
    line-height: 1.6;
}

.home-reference-composer-actions {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.home-reference-category-strip,
.home-reference-filter-strip {
    flex-wrap: wrap;
}

.home-reference-category-strip {
    overflow-x: auto;
    scrollbar-width: none;
}

.home-reference-category-strip::-webkit-scrollbar {
    display: none;
}

.home-reference-category-pill,
.home-reference-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.7rem;
    padding: 0 1rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #a7a0af;
    font-size: 0.95rem;
    font-weight: 700;
    white-space: nowrap;
}

.home-reference-category-pill:hover,
.home-reference-filter-pill:hover,
.home-reference-category-pill.is-active,
.home-reference-filter-pill.is-active {
    color: #fff1e8;
    background: rgba(255, 107, 53, 0.14);
    border-color: rgba(255, 107, 53, 0.3);
}

.home-reference-category-dot {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: var(--category-color, #ff7a2f);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.04);
}

.home-reference-result-note {
    margin-left: auto;
    font-size: 0.92rem;
}

.home-reference-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.38fr);
    gap: 1rem;
    align-items: start;
}

.home-reference-feed,
.home-reference-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-reference-sidebar {
    position: sticky;
    top: 5.9rem;
}

.home-reference-feed {
    transition: box-shadow 260ms ease, border-color 260ms ease;
}

.home-reference-feed.is-live-refreshed {
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.12), 0 26px 72px rgba(0, 0, 0, 0.34);
}

.home-reference-feed-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(20, 20, 30, 0.96), rgba(15, 15, 22, 0.94));
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.home-reference-feed-intro-copy,
.home-reference-feed-body {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.home-reference-feed-intro-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
    max-width: 18rem;
}

.home-reference-feed-intro h3 {
    font-size: 1.15rem;
    color: #fbf5ef;
}

.home-reference-feed-intro p {
    color: #a49aa8;
    max-width: 42rem;
    font-size: 0.95rem;
}

.home-reference-feed-fallback {
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 185, 112, 0.16);
    border-radius: 0.9rem;
    background: rgba(255, 185, 112, 0.08);
    color: #ffd1a3 !important;
}

.home-reference-feed-status {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    color: #9ad8ff;
    font-size: 0.84rem;
    font-weight: 700;
}

.home-reference-live-count {
    color: #efe7df;
}

.home-reference-live-count.is-bump {
    animation: home-status-pop 0.48s ease;
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.08);
    color: #dff6ff;
}

.home-reference-live-toggle {
    padding: 0 0.9rem;
    color: #f7f2ed;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

.home-reference-live-toggle:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 107, 53, 0.18);
    background: rgba(255, 107, 53, 0.1);
}

.home-reference-live-toggle.is-paused {
    border-color: rgba(255, 107, 53, 0.22);
    background: rgba(255, 107, 53, 0.12);
    color: #ffd6c2;
}

.home-reference-live-dot {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #34d399, #22c55e);
    animation: home-live-dot-pulse 1.8s ease-out infinite;
}

.home-reference-card,
.home-reference-panel,
.home-reference-empty {
    position: relative;
    overflow: hidden;
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(22, 22, 31, 0.98), rgba(18, 18, 26, 0.96));
}

.home-reference-card {
    padding: 1.2rem 1.2rem 1rem;
    transition:
        transform 260ms ease,
        box-shadow 260ms ease,
        border-color 260ms ease,
        background 260ms ease;
}

.home-reference-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 28px 68px rgba(0, 0, 0, 0.38);
}

.home-reference-card.is-live-updated {
    border-color: rgba(56, 189, 248, 0.24);
    box-shadow: 0 24px 62px rgba(8, 68, 96, 0.2);
}

.home-reference-card::before,
.home-reference-panel::before,
.home-reference-empty::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 65%);
}

.home-reference-card.is-hero {
    border-color: rgba(255, 107, 53, 0.18);
    background:
        radial-gradient(circle at top right, rgba(53, 176, 255, 0.08), transparent 22%),
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(24, 24, 35, 0.99), rgba(19, 19, 28, 0.96));
}

.home-reference-card-head,
.home-reference-card-foot,
.home-reference-author,
.home-reference-author-line,
.home-reference-chip-row,
.home-reference-action-row,
.home-reference-panel-head,
.home-reference-investor-main {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.home-reference-card-head,
.home-reference-card-foot,
.home-reference-panel-head {
    justify-content: space-between;
}

.home-reference-author {
    align-items: flex-start;
}

.home-reference-avatar {
    width: 2.8rem;
    height: 2.8rem;
    flex-shrink: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #25d0ff, #ff7a2f);
    color: #fff;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.home-reference-avatar.is-small {
    width: 2.45rem;
    height: 2.45rem;
    font-size: 0.88rem;
}

.home-reference-avatar.is-comment {
    width: 2rem;
    height: 2rem;
    font-size: 0.72rem;
}

.home-reference-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-reference-author-copy {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.home-reference-author-line {
    flex-wrap: wrap;
    gap: 0.45rem;
    color: #8f8897;
    font-size: 0.92rem;
}

.home-reference-author-line strong {
    color: #cfc4d8;
    font-size: 1rem;
}

.home-reference-verified {
    display: inline-grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.16);
    color: #66d0ff;
    font-size: 0.72rem;
}

.home-reference-chip-row {
    flex-wrap: wrap;
    gap: 0.45rem;
}

.home-reference-chip,
.home-reference-rank-badge,
.home-reference-side-tag,
.home-reference-investor-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.38rem 0.72rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    color: #b7aebb;
    font-size: 0.78rem;
    font-weight: 800;
}

.home-reference-chip-category {
    background: color-mix(in srgb, var(--category-color, #ff7a2f) 18%, transparent);
    border-color: color-mix(in srgb, var(--category-color, #ff7a2f) 35%, transparent);
    color: #fff5ef;
}

.home-reference-rank-badge {
    color: #ffd5c4;
}

.home-reference-rank-badge.is-gold {
    background: rgba(255, 179, 71, 0.12);
    border-color: rgba(255, 179, 71, 0.24);
    color: #ffe3a8;
}

.home-reference-rank-badge.is-green,
.home-reference-side-tag.is-green {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.22);
    color: #c8f8d7;
}

.home-reference-card-title {
    margin: 1rem 0 0.7rem;
    color: #f4f1ed;
    font-size: clamp(1.45rem, 2vw, 2.1rem);
    line-height: 1.2;
}

.home-reference-card-title a:hover {
    color: #fff7f1;
}

.home-reference-card-summary {
    font-size: 1.02rem;
    line-height: 1.7;
}

.home-reference-activity-note {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #cfc4bf;
    font-size: 0.88rem;
}

.home-reference-activity-dot {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #34d399, #22c55e);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
    flex-shrink: 0;
}

.home-reference-comment-live {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.95rem;
    padding: 0.85rem 0.95rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 32%),
        rgba(255, 255, 255, 0.04);
}

.home-reference-comment-live-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.home-reference-comment-live p {
    color: #ece3de;
    font-size: 0.96rem;
    line-height: 1.65;
}

.home-reference-comment-stack {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.home-reference-comment-item {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.72rem 0.8rem;
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.home-reference-comment-copy {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 0;
}

.home-reference-comment-meta {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    color: #978f9d;
    font-size: 0.82rem;
}

.home-reference-comment-meta strong {
    color: #f1e8e3;
    font-size: 0.88rem;
}

.home-reference-comment-copy p {
    margin: 0;
    color: #ece3de;
    font-size: 0.92rem;
    line-height: 1.55;
}

.home-reference-mini-live-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    border: 1px solid rgba(34, 197, 94, 0.22);
    background: rgba(34, 197, 94, 0.1);
    color: #ccf7d9;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-reference-lock-note {
    margin-top: 0.9rem;
    padding: 0.85rem 0.95rem;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 0.92rem;
}

.home-reference-card-foot {
    margin-top: 1.15rem;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    gap: 1rem;
}

.home-reference-score-box {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 5.6rem;
    min-height: 2.85rem;
    padding: 0 0.95rem;
    border-radius: 0.85rem;
    border: 1px solid rgba(255, 122, 47, 0.26);
    background: rgba(255, 122, 47, 0.08);
    color: #ffb18c;
}

.home-reference-score-box strong {
    color: #fff1e7;
    font-size: 1.15rem;
}

.home-reference-action-row {
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #8f8897;
    font-size: 0.96rem;
}

.home-reference-action-row span,
.home-reference-action-row a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.home-reference-action-row a {
    color: #a39aac;
}

.home-reference-action-row a:hover {
    color: #ffad87;
}

.home-reference-panel {
    padding: 1.05rem;
}

.home-reference-panel-head {
    margin-bottom: 0.9rem;
}

.home-reference-panel-head>div {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.home-reference-panel-head h2,
.home-reference-panel-head h3 {
    font-size: 1.15rem;
    color: #f7f3ee;
}

.home-reference-panel-head p,
.home-reference-panel-copy {
    color: #a99faa;
    line-height: 1.7;
}

.home-reference-panel-cta {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(30, 20, 18, 0.98), rgba(22, 18, 25, 0.96));
}

.home-reference-panel-cta p {
    margin-bottom: 1rem;
    color: #b3a7b4;
    line-height: 1.7;
}

.home-reference-panel-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.home-reference-mini-stat {
    padding: 1.1rem 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.home-reference-mini-stat:nth-child(2n) {
    border-right: 0;
}

.home-reference-mini-stat:nth-last-child(-n+2) {
    border-bottom: 0;
}

.home-reference-mini-stat strong {
    margin-bottom: 0.22rem;
}

.home-reference-ranking-list,
.home-reference-sidebar-list,
.home-reference-investor-list {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.home-reference-ranking-item,
.home-reference-sidebar-item,
.home-reference-investor-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.035);
    color: #f4f0ec;
}

.home-reference-ranking-item:hover,
.home-reference-sidebar-item:hover,
.home-reference-investor-item:hover {
    color: #fff8f4;
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 107, 53, 0.18);
}

.home-reference-ranking-index {
    width: 1.65rem;
    flex-shrink: 0;
    font-family: "Syne", sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    color: #ffb347;
}

.home-reference-ranking-copy,
.home-reference-investor-copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.home-reference-ranking-copy strong,
.home-reference-sidebar-item strong,
.home-reference-investor-copy strong {
    color: #f4f0ec;
    line-height: 1.45;
}

.home-reference-investor-item {
    justify-content: space-between;
    align-items: center;
}

.home-reference-investor-pill {
    flex-shrink: 0;
    background: rgba(255, 179, 71, 0.12);
    border-color: rgba(255, 179, 71, 0.22);
    color: #ffdca4;
}

.home-reference-empty {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 1.4rem;
}

.home-reference-empty strong {
    color: #f7f3ef;
}

.home-reference-refine-grid,
.home-reference-member-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    gap: 1rem;
    margin-top: 1.25rem;
}

.home-reference-member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-reference-journey-panel,
.home-reference-tags-panel {
    min-height: 100%;
}

.home-reference-journey-list {
    display: grid;
    gap: 0.8rem;
    margin-top: 1rem;
}

.home-reference-journey-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 26%),
        rgba(255, 255, 255, 0.035);
}

.home-reference-journey-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    border-radius: 0.9rem;
    background: rgba(255, 107, 53, 0.14);
    border: 1px solid rgba(255, 107, 53, 0.18);
    color: #ffd5bc;
    font-family: "Syne", sans-serif;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.home-reference-journey-copy {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.home-reference-journey-copy strong,
.home-reference-route-card strong,
.home-reference-tags-meta strong {
    color: #f7f3ee;
}

.home-reference-journey-copy p,
.home-reference-route-card p,
.home-reference-tags-meta span {
    color: #9c92a0;
    line-height: 1.65;
}

.home-reference-route-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.home-reference-route-card {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 28%),
        rgba(255, 255, 255, 0.04);
    color: #f5efea;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.home-reference-route-card:hover {
    transform: translateY(-4px);
    color: #fff8f2;
    border-color: rgba(255, 107, 53, 0.2);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.16), transparent 30%),
        rgba(255, 255, 255, 0.055);
}

.home-reference-route-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.75rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(56, 189, 248, 0.1);
    color: #8edcff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-reference-tags-footer,
.home-reference-tags-meta {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.home-reference-tags-footer {
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.home-reference-tags-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
}

@media (max-width: 1240px) {
    .home-reference-band {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-reference-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-reference-layout {
        grid-template-columns: 1fr;
    }

    .home-reference-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-reference-refine-grid,
    .home-reference-member-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .home-manifesto-shell {
        grid-template-columns: 1fr;
    }

    .home-reference-live-rail,
    .home-reference-composer {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-reference-live-rail-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-reference-sidebar {
        position: static;
        top: auto;
    }

    .home-manifesto-copy h1 {
        max-width: none;
    }

    .home-page .search-wrapper {
        display: block;
    }

    .home-page .nav-auth-links {
        display: flex;
    }

    .home-page .mobile-toggle {
        display: inline-flex !important;
    }
}

@media (max-width: 980px) {
    .home-page .site-header-inner {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .home-page .brand {
        justify-content: flex-start;
    }

    .home-page .nav-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        margin-left: 0;
    }

    .home-page .search-wrapper {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .home-reference-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-reference-composer-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {


    .home-manifesto-shell {
        padding: 1rem;
        border-radius: 1.2rem;
    }

    .home-manifesto-grid {
        grid-template-columns: 1fr;
    }

    .home-manifesto-copy {
        gap: 0.82rem;
        padding: 0.95rem;
    }

    .home-manifesto-copy h1 {
        font-size: clamp(2rem, 11vw, 3.15rem);
    }

    .home-manifesto-highlights {
        grid-template-columns: 1fr;
    }

    .home-manifesto-panel.is-primary {
        min-height: 12.5rem;
    }

    .home-manifesto-signal {
        min-width: 0;
        flex: 1 1 100%;
    }

    .home-page .nav-actions {
        grid-template-columns: 1fr auto;
        justify-content: stretch;
    }

    .home-page .search-wrapper,
    .home-page .top-share-button,
    .home-page .nav-auth-links,
    .home-page .nav-menu-group {
        width: 100%;
    }

    .home-page .nav-auth-links,
    .home-page .nav-menu-group {
        justify-content: stretch;
    }

    .home-page .top-share-button,
    .home-page .nav-auth-links .ghost-link,
    .home-page .nav-auth-links .button-link,
    .home-page .nav-menu-group .user-trigger,
    .home-reference-composer-actions .button-link,
    .home-reference-composer-actions .ghost-link {
        width: 100%;
    }

    .home-reference-live-rail,
    .home-reference-composer,
    .home-reference-feed-intro,
    .home-reference-comment-live-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-reference-feed-intro-actions {
        max-width: none;
        width: 100%;
        justify-content: flex-start;
    }

    .home-reference-live-rail-track {
        grid-template-columns: 1fr;
    }

    .home-reference-band,
    .home-reference-live-rail,
    .home-reference-category-strip,
    .home-reference-filter-strip,
    .home-reference-composer,
    .home-reference-card,
    .home-reference-panel,
    .home-reference-empty {
        border-radius: 1rem;
    }

    .home-reference-metrics,
    .home-reference-sidebar,
    .home-reference-panel-stats {
        grid-template-columns: 1fr;
    }

    .home-reference-metric {
        padding-right: 0;
        padding-bottom: 0.85rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .home-reference-metric:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .home-reference-metric::after {
        display: none;
    }

    .home-reference-result-note {
        width: 100%;
        margin-left: 0;
    }

    .home-reference-composer-main,
    .home-reference-composer-actions {
        width: 100%;
    }

    .home-reference-route-grid,
    .home-reference-member-grid {
        grid-template-columns: 1fr;
    }

    .home-reference-live-count,
    .home-reference-live-toggle {
        width: 100%;
        justify-content: center;
    }

    .home-reference-card-head,
    .home-reference-card-foot,
    .home-reference-investor-item,
    .home-reference-tags-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-reference-action-row {
        justify-content: flex-start;
    }

    .home-reference-mini-stat {
        border-right: 0;
    }

    .home-page .search-shell {
        min-height: 2.9rem;
        padding: 0.34rem 0.4rem 0.34rem 0.95rem;
    }
}

/* Live comment and room flow refinements */

.comment-thread-live {
    max-height: 34rem;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(8, 8, 12, 0.38), rgba(255, 255, 255, 0.02));
    scrollbar-width: thin;
}

.comment-thread-live .comment-card,
.comment-thread-live .reply-card {
    background: rgba(255, 255, 255, 0.045);
}

.comment-thread-live .comment-card p,
.comment-thread-live .reply-card p {
    margin-top: 0.65rem;
    color: #e8e1da;
    line-height: 1.65;
}

.comment-thread-live .reply-thread:empty {
    display: none;
}

.comment-thread-live .reply-thread {
    padding-left: 0.9rem;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.support-link {
    color: #9b92a2;
    font-size: 0.85rem;
    font-weight: 700;
}

.support-link:hover {
    color: #ffb08a;
}

.chat-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.chat-time {
    color: #8f8897;
    font-size: 0.8rem;
}

.chat-empty {
    padding: 1rem;
    border-radius: 0.9rem;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    color: #8f8897;
    text-align: center;
}

.chat-form button {
    min-width: 5.2rem;
}

.chat-send-btn {
    width: auto;
    min-width: 5.6rem;
    padding: 0 1rem;
    font-weight: 800;
}

/* Premium navigation refresh */

.site-header {
    padding: 1rem 0 0.65rem;
}

.site-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem 0.9rem 1.1rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(16, 16, 24, 0.92), rgba(12, 12, 18, 0.9));
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.34);
}

.site-header-branding {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.site-header-pill,
.mobile-nav-kicker,
.mobile-nav-section-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.9rem;
    padding: 0 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #d9d0d9;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-links,
.nav-auth-links,
.nav-menu-group {
    display: none !important;
}

.nav-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.7rem;
    min-width: 0;
    margin-left: auto;
}

.site-header .search-wrapper {
    flex: 1 1 33rem;
    width: min(33rem, 100%);
}

.site-header .search-shell {
    min-height: 3rem;
    padding: 0.38rem 0.45rem 0.38rem 1rem;
    border-radius: 1rem;
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.site-header .search-shell button {
    min-height: 2.35rem;
}

.premium-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.72rem;
    width: auto;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #fbf5ef;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.premium-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 107, 53, 0.28);
}

.premium-menu-toggle-icon {
    position: relative;
    display: block;
    width: 1rem;
    height: 2px;
    margin: 0;
    border-radius: 999px;
    background: currentColor;
}

.premium-menu-toggle-icon::before,
.premium-menu-toggle-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.premium-menu-toggle-icon::before {
    top: -0.33rem;
}

.premium-menu-toggle-icon::after {
    top: 0.33rem;
}

.premium-menu-toggle-label {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mobile-nav-overlay {
    background: rgba(4, 4, 7, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 59;
}

.mobile-nav {
    inset: 1rem 1rem 1rem auto;
    width: min(28rem, calc(100vw - 1rem));
    padding: 1rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(18, 18, 28, 0.98), rgba(12, 12, 18, 0.96));
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    transform: translateX(1.25rem);
    opacity: 0;
    z-index: 60;
}

.mobile-nav.is-open {
    transform: translateX(0);
}

.mobile-nav-head {
    margin-bottom: 1rem;
}

.mobile-nav-brand-block,
.mobile-nav-profile-main,
.mobile-nav-auth-actions,
.mobile-nav-footer-actions {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.mobile-nav-brand-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

.mobile-close {
    min-height: 2.6rem;
    padding: 0 0.95rem;
}

.mobile-nav-profile-card,
.mobile-nav-guest-card,
.mobile-nav-link-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.05), transparent 30%),
        rgba(255, 255, 255, 0.035);
}

.mobile-nav-profile-card,
.mobile-nav-guest-card {
    padding: 1rem;
}

.mobile-nav-profile-main {
    align-items: center;
}

.mobile-nav-profile-copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mobile-nav-profile-copy strong,
.mobile-nav-guest-card h3,
.mobile-nav-link-card strong {
    color: #fbf4ee;
}

.mobile-nav-profile-copy small,
.mobile-nav-guest-card p,
.mobile-nav-link-card small {
    color: #9d96a5;
}

.mobile-nav-guest-card h3 {
    font-size: 1.3rem;
    line-height: 1.15;
    margin: 0.4rem 0 0.55rem;
}

.mobile-nav-guest-card p,
.mobile-nav-link-card small {
    line-height: 1.6;
}

.mobile-nav-auth-actions {
    margin-top: 1rem;
}

.mobile-nav-auth-actions .button-link,
.mobile-nav-auth-actions .ghost-link,
.mobile-nav-footer-actions .button-link,
.mobile-nav-footer-actions .mobile-logout {
    width: 100%;
}

.mobile-nav-section {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1rem;
}

.mobile-nav-links {
    display: grid;
    gap: 0.75rem;
}

.mobile-nav-links-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-nav-link-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.mobile-nav-link-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 107, 53, 0.22);
    background: rgba(255, 255, 255, 0.06);
}

.mobile-nav-stat-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
}

.mobile-nav-stat-chip {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.8rem 0.85rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.mobile-nav-stat-chip strong {
    font-family: "Syne", sans-serif;
    font-size: 1.35rem;
    line-height: 1;
    color: #fff4ec;
}

.mobile-nav-stat-chip small {
    color: #978f9d;
}

.mobile-nav-footer-actions {
    margin-top: 1rem;
    align-items: stretch;
}

.mobile-nav-logout-form {
    flex: 1 1 auto;
}

.mobile-nav-logout-form .mobile-logout {
    min-height: 3rem;
}

/* Premium auth refresh */

.auth-page .page-shell {
    padding-top: 1rem;
}

.auth-premium-shell {
    gap: 1rem;
}

.auth-premium-stage,
.auth-premium-card {
    border-radius: 1.45rem;
}

.auth-premium-stage {
    background:
        radial-gradient(circle at top left, rgba(255, 107, 53, 0.14), transparent 30%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(19, 19, 28, 0.98), rgba(15, 15, 22, 0.96));
}

.auth-premium-stage h1 {
    max-width: 11ch;
    font-size: clamp(2.9rem, 5vw, 5rem);
    line-height: 0.96;
    color: #fff7f1;
}

.auth-premium-stage>p {
    max-width: 40rem;
    color: #c2b9c4;
    line-height: 1.75;
    font-size: 1rem;
}

.auth-premium-metrics,
.auth-premium-story {
    display: grid;
    gap: 0.8rem;
}

.auth-premium-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.auth-premium-metric,
.auth-premium-story-line {
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.auth-premium-metric strong,
.auth-premium-story-line strong,
.auth-mini-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.8rem;
    padding: 0 0.72rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff0e6;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.auth-premium-metric span,
.auth-premium-story-line span {
    display: block;
    margin-top: 0.7rem;
    color: #a89fa9;
    line-height: 1.65;
}

.auth-premium-story-line {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
}

.auth-premium-story-line strong {
    min-width: 2rem;
    justify-content: center;
    padding: 0;
}

.auth-premium-card {
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(17, 17, 25, 0.98), rgba(13, 13, 19, 0.96));
}

.auth-premium-card-head {
    gap: 0.55rem;
    margin-bottom: 1.15rem;
}

.auth-premium-card-head h2 {
    font-size: clamp(1.85rem, 3vw, 2.4rem);
    color: #fff6f0;
}

.auth-premium-card-head p,
.auth-premium-footer .muted {
    color: #a89fa9;
}

.auth-support-note {
    padding: 0.8rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 173, 102, 0.16);
    background: rgba(255, 255, 255, 0.035);
    color: #d9c3b1;
    line-height: 1.6;
    font-size: 0.92rem;
}

.auth-inline-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.auth-premium-form {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.auth-premium-form .auth-input-group {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.auth-premium-form label {
    color: #f0e8e2;
    font-weight: 700;
}

.auth-premium-form small {
    color: #928896;
}

.auth-premium-form .auth-submit-btn {
    margin-top: 0.25rem;
    min-height: 3.1rem;
}

.auth-premium-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.home-page .nav-links,
.home-page .nav-auth-links,
.home-page .nav-menu-group {
    display: none !important;
}

.home-page .site-header-inner {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.9rem 1rem 0.9rem 1.1rem;
    border-radius: 1.45rem;
}

.home-page .nav-actions {
    justify-content: flex-end;
    gap: 0.7rem;
}

.home-page .premium-menu-toggle {
    display: inline-flex !important;
}

@media (max-width: 1100px) {
    .site-header-pill {
        display: none;
    }

    .auth-premium-metrics {
        grid-template-columns: 1fr;
    }

    .site-header .search-wrapper {
        width: min(26rem, 100%);
    }
}

@media (max-width: 980px) {
    .site-header-inner {
        grid-template-columns: auto auto;
    }

    .site-header .search-wrapper,
    .site-header-pill {
        display: none;
    }

    .nav-actions {
        width: auto;
        margin-left: auto;
    }
}

@media (max-width: 760px) {
    .auth-premium-stage h1 {
        max-width: none;
        font-size: clamp(2.25rem, 10vw, 3.4rem);
    }

    .auth-premium-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .site-header-inner,
    .home-page .site-header-inner {
        padding: 0.8rem 0.85rem 0.8rem 0.95rem;
        border-radius: 1.15rem;
    }

    .mobile-nav {
        inset: auto 0.5rem 0.5rem 0.5rem;
        width: auto;
        max-height: calc(100vh - 1rem);
        border-radius: 1.25rem;
    }

    .mobile-nav-head,
    .mobile-nav-auth-actions,
    .mobile-nav-footer-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mobile-nav-links-secondary,
    .mobile-nav-stat-row {
        grid-template-columns: 1fr;
    }

    .premium-menu-toggle {
        min-width: 0;
        padding: 0 0.95rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-manifesto-panel.is-primary,
    .home-manifesto-signal::after,
    .home-reference-live-dot {
        animation: none;
    }

    .home-reference-feed,
    .home-reference-card,
    .mobile-nav,
    .mobile-nav-link-card,
    .premium-menu-toggle,
    .home-manifesto-note,
    .home-reference-live-state,
    .home-reference-live-count,
    .home-reference-live-toggle {
        transition: none;
    }
}

#live-chat-wrapper[data-chat-theme="premium"],
#live-chat-wrapper[data-chat-theme="premium"] .chat-widget-panel,
#live-chat-wrapper[data-chat-theme="premium"] .chat-widget-send textarea {
    color-scheme: dark;
}

#live-chat-wrapper[data-chat-theme="premium"] .chat-widget-body {
    scrollbar-color: rgba(255, 107, 53, 0.45) rgba(255, 255, 255, 0.04);
}

@media (max-width: 760px) {
    .comment-thread-live {
        max-height: 28rem;
        padding: 0.8rem;
    }
}

.home-startup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 1.2rem;
    margin: 1.25rem 0;
}

.home-startup-story-panel,
.home-startup-ecosystem-panel {
    overflow: hidden;
}

.home-startup-signal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.home-startup-signal-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 11rem;
    padding: 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
}

.home-startup-signal-card strong {
    color: #fff7ef;
    font: 800 clamp(1.7rem, 3vw, 2.35rem) "Syne", sans-serif;
    letter-spacing: -0.05em;
}

.home-startup-signal-card span {
    color: #ffb489;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-startup-signal-card p,
.home-startup-opportunity-card p {
    color: #b9adb7;
    line-height: 1.7;
}

.home-startup-route-grid {
    margin-top: 1rem;
}

.home-startup-route-card {
    min-height: 100%;
}

.home-builder-grid {
    margin-top: 1rem;
}

.home-builder-card {
    align-items: center;
}

.home-builder-card .builder-copy {
    min-width: 0;
}

.home-builder-card .builder-copy small {
    color: #a79ba8;
}

.home-startup-opportunity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.home-startup-opportunity-card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.14), transparent 34%),
        rgba(255, 255, 255, 0.04);
    color: #f8f2eb;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.home-startup-opportunity-card.is-accent {
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 36%),
        rgba(255, 255, 255, 0.04);
}

.home-startup-opportunity-card strong {
    color: #fff8f1;
    font-size: 1.02rem;
}

.home-startup-opportunity-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 107, 53, 0.22);
}

.home-startup-needs-list {
    margin-top: 1rem;
}

.home-best-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1.2rem;
    margin: 1.25rem 0;
}

.home-best-feature-list,
.home-best-ideas-list {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.home-best-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-best-feature-card,
.home-best-idea-card {
    display: flex;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.12), transparent 30%),
        rgba(255, 255, 255, 0.04);
    color: #f6f0ea;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.home-best-feature-card {
    flex-direction: column;
    min-height: 100%;
}

.home-best-feature-card strong,
.home-best-idea-copy strong {
    color: #fff8f1;
    font-size: 1.02rem;
    line-height: 1.4;
}

.home-best-feature-card p,
.home-best-idea-copy p {
    color: #b7acb7;
    line-height: 1.68;
}

.home-best-feature-card small {
    color: #ffb489;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.home-best-feature-card:hover,
.home-best-idea-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 107, 53, 0.22);
    background:
        radial-gradient(circle at top right, rgba(255, 107, 53, 0.18), transparent 32%),
        rgba(255, 255, 255, 0.05);
}

.home-best-ideas-list {
    grid-template-columns: 1fr;
}

.home-best-idea-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3rem;
    height: 3rem;
    border-radius: 999px;
    background: rgba(255, 107, 53, 0.12);
    border: 1px solid rgba(255, 107, 53, 0.18);
    color: #ffb489;
    font: 800 1rem "Syne", sans-serif;
    letter-spacing: -0.04em;
}

.home-best-idea-copy {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.home-best-idea-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.home-best-idea-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d0c2cb;
    font-size: 0.77rem;
    font-weight: 700;
}

@media (max-width: 1240px) {
    .home-startup-grid {
        grid-template-columns: 1fr;
    }

    .home-best-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {

    .home-startup-signal-grid,
    .home-startup-opportunity-grid {
        grid-template-columns: 1fr;
    }

    .home-best-feature-list {
        grid-template-columns: 1fr;
    }
}

@keyframes brand-orbit-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes brand-core-pulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255, 107, 53, 0.22);
    }

    50% {
        transform: scale(1.08);
        box-shadow: 0 0 22px rgba(255, 107, 53, 0.36);
    }
}

@keyframes brand-spark-float {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.55;
    }

    50% {
        transform: translate3d(2px, -3px, 0) scale(1.16);
        opacity: 1;
    }
}

.brand {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.74rem;
    line-height: 1;
    color: #fff7f0;
}

.brand .brand-mark,
.brand .brand-wordmark,
.brand .brand-wordmark span {
    color: inherit;
    text-shadow: none;
}

.brand .brand-mark {
    position: relative;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.82rem;
    border: 1px solid rgba(255, 183, 141, 0.2);
    background:
        radial-gradient(circle at 28% 28%, rgba(255, 195, 162, 0.42), transparent 36%),
        linear-gradient(145deg, rgba(255, 107, 53, 0.3), rgba(18, 18, 26, 0.76));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 12px 28px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.brand .brand-mark-core,
.brand .brand-mark-orbit,
.brand .brand-mark-spark {
    position: absolute;
}

.brand .brand-mark-core {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff0e4, #ff8b52);
    box-shadow: 0 0 18px rgba(255, 107, 53, 0.32);
    animation: brand-core-pulse 4.2s ease-in-out infinite;
}

.brand .brand-mark-orbit {
    inset: 0.28rem;
    border-radius: 0.66rem;
    border: 1px solid rgba(255, 207, 184, 0.22);
    border-top-color: rgba(255, 107, 53, 0.68);
    border-right-color: rgba(255, 107, 53, 0.18);
    animation: brand-orbit-spin 9s linear infinite;
}

.brand .brand-mark-spark {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #ffd3bb;
    box-shadow: 0 0 14px rgba(255, 180, 137, 0.4);
    animation: brand-spark-float 5s ease-in-out infinite;
}

.brand .brand-mark-spark-a {
    top: 0.4rem;
    right: 0.36rem;
    animation-delay: -0.8s;
}

.brand .brand-mark-spark-b {
    left: 0.42rem;
    bottom: 0.34rem;
    animation-delay: -2.4s;
}

.brand .brand-wordmark {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.04rem;
    font-family: "Syne", sans-serif;
    font-size: clamp(1.9rem, 2vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.08em;
    color: #fff8f2;
    transition: transform 220ms ease, letter-spacing 220ms ease;
}

.brand .brand-wordmark-accent {
    background: linear-gradient(180deg, #ffe8d8, #ff955d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand:hover .brand-mark {
    transform: translateY(-1px) scale(1.04);
    border-color: rgba(255, 183, 141, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 16px 34px rgba(0, 0, 0, 0.28);
}

.brand:hover .brand-wordmark {
    transform: translateY(-1px);
    letter-spacing: -0.084em;
}

.site-header .brand .brand-wordmark {
    font-size: clamp(2rem, 2.2vw, 2.6rem);
}

.home-page .site-header .brand .brand-wordmark {
    font-size: clamp(2.1rem, 2.45vw, 2.9rem);
}

.mobile-nav-brand-block .brand .brand-wordmark {
    font-size: clamp(1.95rem, 7vw, 2.45rem);
}

.footer-brand .brand .brand-wordmark {
    font-size: clamp(1.75rem, 1.8vw, 2.15rem);
}

.site-header-branding {
    gap: 1rem;
}

.site-header-pill {
    letter-spacing: 0.14em;
    font-size: 0.66rem;
}

.widget-card h2,
.sidebar-card h2,
.home-reference-panel-head h2,
.home-reference-panel-head h3,
.widget-heading h2 {
    font-size: clamp(1.08rem, 1.3vw, 1.38rem);
    line-height: 1.14;
    letter-spacing: -0.03em;
}

.widget-heading p,
.home-reference-panel-copy,
.home-reference-ranking-copy small,
.home-reference-sidebar-item small,
.discussion-item small,
.activity-item small,
.timeline-item small,
.builder-copy small {
    line-height: 1.65;
}

.discussion-item strong,
.activity-item strong,
.timeline-item strong,
.action-card strong,
.builder-card strong {
    letter-spacing: -0.02em;
}

.stat-tile strong {
    font-size: clamp(1.3rem, 2vw, 1.85rem);
    letter-spacing: -0.05em;
}

@media (max-width: 760px) {
    .brand {
        gap: 0.6rem;
    }

    .brand .brand-mark {
        flex-basis: 1.9rem;
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 0.72rem;
    }

    .site-header .brand .brand-wordmark,
    .home-page .site-header .brand .brand-wordmark {
        font-size: clamp(1.72rem, 8vw, 2.2rem);
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand .brand-mark-core,
    .brand .brand-mark-orbit,
    .brand .brand-mark-spark {
        animation: none;
    }

    .brand,
    .brand .brand-mark,
    .brand .brand-wordmark {
        transition: none;
    }
}

@keyframes brand-orbit-sheen {

    0%,
    100% {
        opacity: 0.55;
        transform: rotate(-10deg) scale(1);
        border-color: rgba(255, 151, 73, 0.18);
    }

    50% {
        opacity: 0.9;
        transform: rotate(-6deg) scale(1.03);
        border-color: rgba(255, 151, 73, 0.34);
    }
}

:root {
    --bg: #040404;
    --bg-soft: #0b0908;
    --surface: rgba(13, 11, 10, 0.88);
    --surface-strong: rgba(18, 15, 14, 0.96);
    --glass: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 164, 94, 0.08);
    --line: rgba(255, 164, 94, 0.08);
    --line-strong: rgba(255, 164, 94, 0.16);
    --text: #f7efe8;
    --muted: #b1a39a;
    --soft: #7a6d66;
    --accent: #ff6a00;
    --accent-strong: #ff9b45;
    --accent-soft: rgba(255, 106, 0, 0.12);
    --magma: linear-gradient(135deg, #ff5a00, #ff9f43);
    --blue: #ffb56c;
    --blue-soft: rgba(255, 181, 108, 0.12);
    --green: #ffb56c;
    --green-soft: rgba(255, 181, 108, 0.12);
    --shadow-sm: 0 16px 34px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 28px 70px rgba(0, 0, 0, 0.68);
}

body {
    background:
        radial-gradient(circle at top left, rgba(255, 106, 0, 0.08), transparent 26%),
        radial-gradient(circle at top right, rgba(255, 145, 77, 0.08), transparent 24%),
        linear-gradient(180deg, #050404, #0b0908 52%, #080707);
    color: var(--text);
}

.surface,
.widget-card,
.sidebar-card,
.feed-card,
.idea-card,
.empty-card,
.menu-panel,
.hero-panel,
.auth-card,
.auth-highlight,
.messenger-sidebar,
.messenger-main,
.detail-panel,
.form-card,
.footer-card,
.site-header-inner,
.search-dropdown,
.mobile-nav,
.flash,
.locked-note,
.notice-card,
.hint-card,
.comment-card,
.reply-card,
.choice-row,
.message-bubble,
.user-trigger,
.mobile-toggle,
.mobile-nav-links a,
.mobile-nav-links button,
.chat-widget-panel,
.chat-widget-row,
.chat-widget-chip,
.chat-widget-empty-card,
.chat-widget-search-shell {
    background:
        radial-gradient(circle at top right, rgba(255, 106, 0, 0.09), transparent 30%),
        linear-gradient(180deg, rgba(17, 14, 13, 0.98), rgba(11, 9, 8, 0.96));
    border-color: rgba(255, 164, 94, 0.1);
    box-shadow: var(--shadow-sm);
}

.panel-form input:not([type="checkbox"]):not([type="radio"]),
.panel-form textarea,
.panel-form select,
.form-card input:not([type="checkbox"]):not([type="radio"]),
.form-card textarea,
.form-card select,
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card textarea,
.auth-card select,
.messenger-form textarea,
.search-inline input,
.field-shell input:not([type="checkbox"]):not([type="radio"]),
.field-shell textarea,
.field-shell select,
.message-search-shell input,
.chat-widget-search-shell input,
.chat-input-shell textarea {
    background: rgba(255, 255, 255, 0.035) !important;
    border-color: rgba(255, 164, 94, 0.12) !important;
    color: #fff3ea !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.panel-form input:focus,
.panel-form textarea:focus,
.panel-form select:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.auth-card input:focus,
.auth-card textarea:focus,
.auth-card select:focus,
.messenger-form textarea:focus,
.search-inline input:focus,
.field-shell input:focus,
.field-shell textarea:focus,
.field-shell select:focus,
.message-search-shell input:focus,
.chat-widget-search-shell input:focus,
.chat-input-shell textarea:focus {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 155, 69, 0.3) !important;
    box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.1) !important;
}

.status-pill,
.tag-chip,
.tag-chip-blue,
.filter-chip.is-active,
.category-pill.is-active,
.eyebrow {
    background: rgba(255, 106, 0, 0.1);
    border-color: rgba(255, 155, 69, 0.18);
    color: #ffbb80;
}

.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout,
.home-reference-live-toggle {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 164, 94, 0.12);
}

.ghost-link:hover,
.icon-button:hover,
.mobile-close:hover,
.mobile-logout:hover,
.home-reference-live-toggle:hover {
    background: rgba(255, 106, 0, 0.08);
    border-color: rgba(255, 155, 69, 0.24);
}

.button-link,
.panel-form button,
.form-actions button,
.auth-submit-btn,
.messenger-send-btn,
.chat-send-btn {
    background: linear-gradient(135deg, #ff5a00, #ff9b45) !important;
    color: #160d08 !important;
    box-shadow: 0 14px 28px rgba(255, 106, 0, 0.24);
}

.button-link:hover,
.panel-form button:hover,
.form-actions button:hover,
.auth-submit-btn:hover,
.messenger-send-btn:hover,
.chat-send-btn:hover {
    background: linear-gradient(135deg, #ff6a00, #ffb36b) !important;
    color: #130a05 !important;
}

#live-chat-wrapper[data-chat-density="compact"] {
    right: clamp(0.8rem, 1.6vw, 1.2rem);
    bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(0.8rem, 1.6vw, 1.2rem));
    z-index: 180;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-toggle {
    min-height: 3.35rem;
    max-width: min(18rem, calc(100vw - 1.5rem));
    padding: 0.42rem 0.5rem 0.42rem 0.82rem;
    gap: 0.62rem;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-label {
    max-width: 8.8rem;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-label strong {
    font-size: 0.84rem;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-label small {
    font-size: 0.7rem;
    line-height: 1.25;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-meta {
    display: none;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-icon {
    width: 2.35rem;
    height: 2.35rem;
}

#live-chat-wrapper[data-chat-density="compact"] .chat-widget-panel {
    width: min(22rem, calc(100vw - 1.25rem));
    height: min(31rem, calc(100vh - 6.5rem));
    max-height: min(72vh, 31rem);
}

body.room-detail-page #live-chat-wrapper {
    display: none;
}

@media (max-width: 640px) {
    #live-chat-wrapper[data-chat-density="compact"] .chat-widget-toggle {
        min-height: 3.05rem;
        padding: 0.38rem;
    }

    #live-chat-wrapper[data-chat-density="compact"] .chat-widget-label {
        display: none;
    }

    #live-chat-wrapper[data-chat-density="compact"] .chat-widget-panel {
        right: 0;
        width: min(21rem, calc(100vw - 1rem));
        height: min(29rem, calc(100vh - 5.8rem));
        max-height: min(70vh, 29rem);
    }
}

.hero-copy h1,
.hero-copy h2,
.detail-header h1,
.dashboard-hero h1,
.dashboard-hero h2,
.profile-hero h1,
.home-manifesto-copy h1 {
    color: #fff3e9;
    letter-spacing: -0.07em;
}

.hero-copy p,
.detail-header p,
.dashboard-hero p,
.profile-hero p,
.feed-summary,
.idea-card p,
.activity-copy,
.messenger-chat-info p,
.home-manifesto-copy p {
    color: #b9aaa0;
}

.widget-card h2,
.sidebar-card h2,
.home-reference-panel-head h2,
.home-reference-panel-head h3,
.widget-heading h2,
.feed-title,
.idea-card h2,
.idea-card h3 {
    color: #fff3ea;
}

.brand {
    gap: 0.82rem;
}

.brand .brand-mark {
    flex-basis: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.78rem;
    background:
        linear-gradient(160deg, #120f0f, #090807);
    border: 1px solid rgba(255, 155, 69, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 14px 30px rgba(0, 0, 0, 0.32);
}

.brand .brand-mark::after {
    content: "";
    position: absolute;
    right: 0.38rem;
    bottom: 0.42rem;
    width: 0.56rem;
    height: 0.16rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffbb80, #ff6a00);
    transform: rotate(-34deg);
    opacity: 0.9;
}

.brand .brand-mark-core {
    width: 0.82rem;
    height: 1.14rem;
    border-radius: 0.24rem;
    background: linear-gradient(180deg, #ffb76e, #ff6a00);
    clip-path: polygon(0 0, 100% 0, 100% 22%, 48% 22%, 48% 46%, 86% 46%, 86% 67%, 48% 67%, 48% 100%, 0 100%);
    box-shadow: 0 0 18px rgba(255, 106, 0, 0.24);
    animation: brand-core-pulse 3.8s ease-in-out infinite;
}

.brand .brand-mark-orbit {
    inset: 0.32rem;
    border-radius: 0.54rem;
    border: 1px solid rgba(255, 151, 73, 0.2);
    border-top-color: transparent;
    border-left-color: rgba(255, 151, 73, 0.34);
    transform: rotate(-10deg);
    animation: brand-orbit-sheen 5.5s ease-in-out infinite;
}

.brand .brand-mark-spark {
    display: none;
}

.brand .brand-wordmark {
    font-size: clamp(2.05rem, 2.3vw, 2.8rem);
    color: #fff4ea;
    letter-spacing: -0.09em;
}

.brand .brand-wordmark-accent {
    background: linear-gradient(180deg, #ffd8b4, #ff7b17);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-header .brand .brand-wordmark {
    font-size: clamp(2.2rem, 2.5vw, 3rem);
}

.home-page .site-header .brand .brand-wordmark {
    font-size: clamp(2.3rem, 2.8vw, 3.15rem);
}

.site-header-pill,
.mobile-nav-kicker,
.mobile-nav-section-label {
    background: rgba(255, 106, 0, 0.08);
    border-color: rgba(255, 155, 69, 0.16);
    color: #ffbc82;
}

.footer-card,
.footer-brand p,
.footer-links a,
.footer-links span {
    color: #b5a79d;
}

.progress-bar,
.heatmap-meter,
.agenda-day-meter,
.poll-option-bar {
    background: rgba(255, 255, 255, 0.04);
}

.progress-bar span,
.heatmap-meter span,
.agenda-day-meter span,
.poll-option-bar-fill {
    background: linear-gradient(90deg, #ff5a00, #ffb36b);
}

@media (max-width: 760px) {
    .brand .brand-mark {
        flex-basis: 2rem;
        width: 2rem;
        height: 2rem;
    }

    .site-header .brand .brand-wordmark,
    .home-page .site-header .brand .brand-wordmark {
        font-size: clamp(1.85rem, 8vw, 2.35rem);
    }
}

/* Premium Noir Refresh */
:root {
    color-scheme: dark;
    --bg: #050403;
    --bg-soft: #120b08;
    --surface: rgba(16, 12, 10, 0.84);
    --surface-strong: rgba(18, 13, 11, 0.96);
    --glass: rgba(255, 255, 255, 0.024);
    --glass-border: rgba(255, 162, 83, 0.11);
    --line: rgba(255, 162, 83, 0.11);
    --line-strong: rgba(255, 162, 83, 0.2);
    --text: #f4ebe3;
    --muted: #b8a293;
    --soft: #7c6a60;
    --accent: #ff6f1a;
    --accent-strong: #ffc07a;
    --accent-soft: rgba(255, 111, 26, 0.14);
    --magma: linear-gradient(135deg, #ff6618, #ffb15b 62%, #ffd8a4);
    --blue: #ffc07a;
    --blue-soft: rgba(255, 192, 122, 0.14);
    --green: #ffd49f;
    --green-soft: rgba(255, 212, 159, 0.14);
    --shadow-sm: 0 22px 48px rgba(0, 0, 0, 0.46);
    --shadow-md: 0 42px 96px rgba(0, 0, 0, 0.62);
    --panel-outline: rgba(255, 160, 82, 0.14);
    --panel-bg:
        radial-gradient(circle at top right, rgba(255, 131, 51, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(18, 13, 11, 0.97), rgba(8, 6, 5, 0.94));
    --panel-bg-soft:
        radial-gradient(circle at top right, rgba(255, 131, 51, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(14, 11, 10, 0.94), rgba(8, 6, 5, 0.9));
    --magma-glow: 0 20px 54px rgba(255, 111, 26, 0.28);
}

@keyframes premiumGlowDrift {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.48;
    }

    50% {
        transform: translate3d(1.25rem, -0.8rem, 0) scale(1.05);
        opacity: 0.76;
    }

    100% {
        transform: translate3d(-0.85rem, 0.45rem, 0) scale(0.98);
        opacity: 0.4;
    }
}

html {
    background: #030201;
    color-scheme: dark;
}

body {
    background:
        radial-gradient(circle at top left, rgba(255, 111, 26, 0.15), transparent 26%),
        radial-gradient(circle at top right, rgba(255, 177, 91, 0.1), transparent 24%),
        radial-gradient(circle at 50% 120%, rgba(255, 124, 34, 0.12), transparent 30%),
        linear-gradient(180deg, #040302 0%, #090605 52%, #040302 100%);
    color: var(--text);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 160, 82, 0.06), transparent 40%),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%);
}

.site-backdrop {
    opacity: 0.95;
}

.blob-a {
    background: radial-gradient(circle at center, rgba(255, 122, 42, 0.44) 0%, rgba(255, 122, 42, 0) 70%);
}

.blob-b {
    background: radial-gradient(circle at center, rgba(255, 188, 118, 0.26) 0%, rgba(255, 188, 118, 0) 72%);
}

.backdrop-grid {
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(255, 180, 120, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 180, 120, 0.06) 1px, transparent 1px);
}

.page-shell {
    padding-top: 2.35rem;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    padding-top: 1rem;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.site-header-inner,
.footer-card,
.search-dropdown,
.mobile-nav,
.surface,
.widget-card,
.sidebar-card,
.feed-card,
.idea-card,
.empty-card,
.menu-panel,
.hero-panel,
.auth-card,
.auth-highlight,
.messenger-sidebar,
.messenger-main,
.detail-panel,
.form-card,
.flash,
.locked-note,
.notice-card,
.hint-card,
.comment-card,
.reply-card,
.choice-row,
.message-bubble,
.user-trigger,
.mobile-toggle,
.mobile-nav-link-card,
.discussion-item,
.activity-item,
.timeline-item,
.builder-card,
.action-card,
.opportunity-item,
.home-reference-panel,
.home-reference-feed,
.home-reference-feed-intro,
.home-reference-composer,
.home-reference-live-rail,
.home-reference-metric,
.home-reference-membership,
.home-reference-live-rail-item,
.home-reference-sidebar-item,
.home-reference-ranking-item,
.home-best-feature-card,
.home-best-idea-card,
.home-startup-signal-card,
.home-startup-opportunity-card,
.auth-premium-metric,
.auth-premium-story-line {
    background: var(--panel-bg);
    border-color: var(--panel-outline);
    box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.site-header-inner,
.footer-card,
.home-reference-feed,
.home-manifesto-shell,
.auth-premium-stage,
.auth-premium-card {
    border-radius: 30px;
}

.site-header-inner {
    padding: 1rem 1.1rem;
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
}

.surface::before,
.widget-card::before,
.sidebar-card::before,
.feed-card::before,
.idea-card::before,
.auth-card::before,
.auth-highlight::before,
.hero-panel::before,
.detail-panel::before,
.form-card::before,
.home-reference-panel::before {
    background: linear-gradient(90deg, rgba(255, 204, 159, 0.78), rgba(255, 114, 29, 0.65), transparent 72%);
}

.search-shell,
.site-header .search-shell,
.message-search-shell,
.chat-widget-search-shell,
.chat-input-shell textarea {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 163, 85, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.search-shell:focus-within,
.site-header .search-shell:focus-within {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 170, 97, 0.34);
    box-shadow: 0 0 0 4px rgba(255, 111, 26, 0.1), var(--magma-glow);
}

.panel-form input:not([type="checkbox"]):not([type="radio"]),
.panel-form textarea,
.panel-form select,
.form-card input:not([type="checkbox"]):not([type="radio"]),
.form-card textarea,
.form-card select,
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card textarea,
.auth-card select,
.messenger-form textarea,
.search-inline input,
.field-shell input:not([type="checkbox"]):not([type="radio"]),
.field-shell textarea,
.field-shell select,
.message-search-shell input,
.chat-widget-search-shell input,
.chat-input-shell textarea {
    background: rgba(255, 255, 255, 0.028) !important;
    border-color: rgba(255, 170, 97, 0.14) !important;
    color: #f8ede4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022);
}

.panel-form input:focus,
.panel-form textarea:focus,
.panel-form select:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.auth-card input:focus,
.auth-card textarea:focus,
.auth-card select:focus,
.messenger-form textarea:focus,
.search-inline input:focus,
.field-shell input:focus,
.field-shell textarea:focus,
.field-shell select:focus,
.message-search-shell input:focus,
.chat-widget-search-shell input:focus,
.chat-input-shell textarea:focus {
    border-color: rgba(255, 186, 116, 0.28) !important;
    box-shadow: 0 0 0 4px rgba(255, 111, 26, 0.09), 0 14px 36px rgba(0, 0, 0, 0.24) !important;
}

.button-link,
.panel-form button,
.form-actions button,
.auth-submit-btn,
.messenger-send-btn,
.chat-send-btn,
.search-shell button {
    background: linear-gradient(135deg, #ff6618 0%, #ff9f50 60%, #ffd39d 100%) !important;
    color: #1d0d05 !important;
    border: 0;
    box-shadow: 0 18px 34px rgba(255, 111, 26, 0.24);
}

.button-link:hover,
.panel-form button:hover,
.form-actions button:hover,
.auth-submit-btn:hover,
.messenger-send-btn:hover,
.chat-send-btn:hover,
.search-shell button:hover {
    background: linear-gradient(135deg, #ff7528 0%, #ffb363 62%, #ffe0b6 100%) !important;
    color: #120804 !important;
    box-shadow: 0 22px 40px rgba(255, 111, 26, 0.32);
}

.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout,
.home-reference-live-toggle,
.premium-menu-toggle {
    background: rgba(255, 255, 255, 0.028);
    border-color: rgba(255, 163, 85, 0.14);
    color: #f4ebe3;
}

.ghost-link:hover,
.icon-button:hover,
.mobile-close:hover,
.mobile-logout:hover,
.home-reference-live-toggle:hover,
.premium-menu-toggle:hover {
    background: rgba(255, 111, 26, 0.1);
    border-color: rgba(255, 182, 109, 0.28);
    color: #fff0df;
}

.brand {
    gap: 0.92rem;
}

.brand .brand-mark {
    flex-basis: 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.96rem;
    background:
        linear-gradient(180deg, rgba(255, 220, 191, 0.1), rgba(255, 220, 191, 0)),
        url("../img/brand-emblem.png") center/cover no-repeat;
    border: 1px solid rgba(255, 168, 91, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 16px 36px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.02);
}

.brand .brand-mark::before {
    content: "";
    position: absolute;
    inset: -8%;
    border-radius: inherit;
    background: radial-gradient(circle, rgba(255, 141, 59, 0.34) 0%, rgba(255, 141, 59, 0) 72%);
    filter: blur(12px);
    opacity: 0.7;
    z-index: -1;
    animation: premiumGlowDrift 8.8s ease-in-out infinite alternate;
}

.brand .brand-mark::after {
    inset: 0;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 227, 201, 0.16), rgba(255, 255, 255, 0) 42%);
    transform: none;
    opacity: 0.95;
}

.brand .brand-mark-core,
.brand .brand-mark-orbit,
.brand .brand-mark-spark {
    opacity: 0;
}

.brand .brand-wordmark {
    color: #fdf1e5;
    letter-spacing: -0.1em;
}

.brand .brand-wordmark-accent {
    background: linear-gradient(180deg, #fff0df, #ff9c45 72%, #ff7222);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-header-pill,
.mobile-nav-kicker,
.mobile-nav-section-label,
.home-reference-side-tag,
.home-reference-side-tag.is-green,
.eyebrow,
.tag-chip,
.tag-chip-blue,
.status-pill,
.filter-chip.is-active,
.category-pill.is-active {
    background: linear-gradient(180deg, rgba(255, 141, 59, 0.16), rgba(255, 111, 26, 0.07));
    border-color: rgba(255, 176, 104, 0.2);
    color: #ffd2a3;
    box-shadow: inset 0 1px 0 rgba(255, 244, 226, 0.06);
}

.home-reference-category-pill,
.home-reference-filter-pill,
.home-best-idea-meta span {
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 163, 85, 0.12);
    color: #d9c3b3;
}

.home-reference-category-pill.is-active,
.home-reference-filter-pill.is-active {
    background: rgba(255, 111, 26, 0.14);
    border-color: rgba(255, 180, 109, 0.24);
    color: #ffe6cb;
    box-shadow: inset 0 0 0 1px rgba(255, 232, 204, 0.05);
}

.hero-copy h1,
.hero-copy h2,
.detail-header h1,
.dashboard-hero h1,
.dashboard-hero h2,
.profile-hero h1,
.home-manifesto-copy h1,
.stream-title {
    background: linear-gradient(180deg, #fff5eb 0%, #ffd7af 46%, #ff9a49 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stream-title {
    letter-spacing: -0.06em;
}

.hero-copy p,
.detail-header p,
.dashboard-hero p,
.profile-hero p,
.feed-summary,
.idea-card p,
.activity-copy,
.messenger-chat-info p,
.home-manifesto-copy p,
.widget-heading p,
.home-reference-panel-copy,
.footer-brand p,
.footer-links span,
.footer-links a,
.discussion-item small,
.activity-item small,
.timeline-item small,
.builder-copy small {
    color: #bda89a;
}

.footer-links a:hover {
    color: #ffd9b2;
}

.home-manifesto-shell {
    position: relative;
    overflow: hidden;
    padding: clamp(1.65rem, 3vw, 2.4rem);
    border: 1px solid rgba(255, 168, 91, 0.16);
    background:
        radial-gradient(circle at 78% 14%, rgba(255, 152, 76, 0.16), transparent 24%),
        radial-gradient(circle at 18% 0%, rgba(255, 111, 26, 0.16), transparent 32%),
        linear-gradient(145deg, rgba(15, 11, 10, 0.98), rgba(8, 6, 5, 0.94));
    box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255, 242, 226, 0.06);
}

.home-manifesto-shell::before,
.home-manifesto-shell::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(22px);
}

.home-manifesto-shell::before {
    inset: auto auto -18% 6%;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 112, 25, 0.18) 0%, rgba(255, 112, 25, 0) 72%);
    animation: premiumGlowDrift 12s ease-in-out infinite alternate;
}

.home-manifesto-shell::after {
    top: -10%;
    right: -4%;
    width: 16rem;
    height: 16rem;
    background: radial-gradient(circle, rgba(255, 198, 140, 0.14) 0%, rgba(255, 198, 140, 0) 72%);
    animation: premiumGlowDrift 10s ease-in-out infinite alternate-reverse;
}

.magma-orb {
    width: 20rem;
    height: 20rem;
    right: -3rem;
    top: -4rem;
    background:
        radial-gradient(circle, rgba(255, 176, 102, 0.58) 0%, rgba(255, 111, 26, 0.26) 32%, rgba(255, 111, 26, 0) 72%);
    filter: blur(24px);
}

.home-manifesto-highlight,
.home-manifesto-signal,
.home-reference-membership,
.home-reference-live-state,
.home-reference-live-rail-item,
.home-reference-sidebar-item,
.home-reference-ranking-item,
.home-reference-metric,
.home-reference-feed-intro,
.home-reference-composer {
    background: var(--panel-bg-soft);
    border: 1px solid rgba(255, 168, 91, 0.12);
}

.home-reference-feed,
.home-reference-composer,
.home-reference-live-rail,
.home-reference-band {
    border: 1px solid rgba(255, 168, 91, 0.12);
    box-shadow: var(--shadow-sm);
}

.home-reference-band {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 111, 26, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(11, 8, 7, 0.9), rgba(8, 6, 5, 0.84));
}

.home-reference-metric strong,
.home-manifesto-signal strong,
.auth-premium-metric strong,
.auth-premium-story-line strong {
    color: #ffe6cb;
}

.home-reference-metric span,
.home-manifesto-signal small,
.auth-premium-metric span,
.auth-premium-story-line span {
    color: #c6b0a0;
}

.home-reference-feed,
.home-reference-panel,
.home-startup-signal-card,
.home-startup-opportunity-card,
.home-best-feature-card,
.home-best-idea-card {
    border-radius: 26px;
}

.home-reference-result-note,
.home-reference-live-count,
.home-reference-live-label,
.home-reference-rail-label,
.home-manifesto-note {
    color: #ccb5a3;
}

.home-manifesto-note.is-hot,
.home-reference-live-state.is-hot,
.home-reference-live-count.is-bump {
    color: #ffe6c8;
}

.home-reference-live-dot,
.live-dot {
    background: linear-gradient(180deg, #ffe2be, #ff7529);
    box-shadow: 0 0 16px rgba(255, 121, 39, 0.58);
}

.live-dot {
    width: 8px;
    height: 8px;
}

.transit-logo {
    background: url("../img/brand-emblem.png") center/cover no-repeat;
    border-radius: 1.35rem;
    filter: none;
    box-shadow: 0 0 40px rgba(255, 111, 26, 0.26);
}

.progress-bar,
.heatmap-meter,
.agenda-day-meter,
.poll-option-bar {
    background: rgba(255, 255, 255, 0.03);
}

.progress-bar span,
.heatmap-meter span,
.agenda-day-meter span,
.poll-option-bar-fill {
    background: linear-gradient(90deg, #ff6818, #ffb25c);
}

.auth-premium-stage,
.auth-premium-card {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(255, 129, 48, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(18, 13, 11, 0.97), rgba(8, 6, 5, 0.94));
    border: 1px solid rgba(255, 168, 91, 0.14);
    box-shadow: var(--shadow-md);
}

.auth-premium-stage h1,
.auth-premium-card-head h2 {
    background: linear-gradient(180deg, #fff3e6 0%, #ffc98b 52%, #ff9740 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mobile-nav-overlay {
    background: rgba(5, 4, 3, 0.68);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mobile-nav-link-card:hover,
.discussion-item:hover,
.activity-item:hover,
.timeline-item:hover,
.builder-card:hover,
.home-best-feature-card:hover,
.home-best-idea-card:hover,
.home-startup-opportunity-card:hover,
.home-reference-live-rail-item:hover,
.home-reference-sidebar-item:hover,
.home-reference-ranking-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 188, 118, 0.24);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34);
}

@media (max-width: 1024px) {
    .site-header-inner {
        padding: 0.95rem;
    }

    .home-manifesto-shell {
        padding: 1.5rem;
    }
}

@media (max-width: 760px) {
    .page-shell {
        padding-top: 1.6rem;
    }

    .site-header {
        padding-top: 0.75rem;
    }

    .site-header-inner,
    .footer-card,
    .home-manifesto-shell,
    .home-reference-feed,
    .auth-premium-stage,
    .auth-premium-card {
        border-radius: 24px;
    }

    .brand .brand-mark {
        flex-basis: 2.2rem;
        width: 2.2rem;
        height: 2.2rem;
    }

    .brand .brand-wordmark {
        font-size: clamp(1.8rem, 8vw, 2.32rem);
    }

    .search-shell button {
        padding: 0 0.9rem;
    }

    .home-manifesto-shell {
        padding: 1.35rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand .brand-mark::before,
    .home-manifesto-shell::before,
    .home-manifesto-shell::after {
        animation: none;
    }
}

@keyframes brandNeedlePulse {

    0%,
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 18px rgba(255, 110, 24, 0.22);
        filter: saturate(1);
    }

    50% {
        transform: translateY(-1px) scale(1.03);
        box-shadow: 0 0 28px rgba(255, 151, 73, 0.42);
        filter: saturate(1.12);
    }
}

@keyframes brandOrbitSweep {
    0% {
        transform: rotate(-12deg) scale(1);
        opacity: 0.62;
    }

    50% {
        transform: rotate(6deg) scale(1.04);
        opacity: 1;
    }

    100% {
        transform: rotate(24deg) scale(0.99);
        opacity: 0.68;
    }
}

@keyframes brandSparkBlink {

    0%,
    100% {
        opacity: 0.4;
        transform: translate3d(0, 0, 0) scale(0.9);
    }

    45% {
        opacity: 1;
        transform: translate3d(1px, -3px, 0) scale(1.22);
    }

    70% {
        opacity: 0.75;
        transform: translate3d(-1px, 2px, 0) scale(1.04);
    }
}

@keyframes brandWordmarkGlow {

    0%,
    100% {
        text-shadow: 0 0 0 rgba(255, 180, 108, 0);
    }

    50% {
        text-shadow: 0 0 24px rgba(255, 172, 92, 0.12);
    }
}

.brand {
    gap: 0.84rem;
}

.brand .brand-mark {
    flex-basis: 2.05rem;
    width: 2.05rem;
    height: 3rem;
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 239, 219, 0.07), rgba(255, 239, 219, 0)),
        linear-gradient(180deg, rgba(13, 10, 8, 0.98), rgba(6, 5, 4, 0.98));
    border: 1px solid rgba(255, 171, 95, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 30px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(255, 112, 24, 0.08);
    overflow: visible;
}

.brand .brand-mark::before {
    content: "";
    position: absolute;
    inset: -24% -38%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 114, 24, 0.32) 0%, rgba(255, 114, 24, 0) 70%);
    filter: blur(14px);
    opacity: 0.78;
    z-index: -1;
    animation: premiumGlowDrift 6.8s ease-in-out infinite alternate;
}

.brand .brand-mark::after {
    content: "";
    position: absolute;
    inset: 0.2rem;
    border-radius: 0.82rem;
    background: linear-gradient(140deg, rgba(255, 239, 219, 0.16), rgba(255, 239, 219, 0) 38%);
    opacity: 0.9;
    pointer-events: none;
}

.brand .brand-mark-core,
.brand .brand-mark-orbit,
.brand .brand-mark-spark {
    opacity: 1;
}

.brand .brand-mark-core {
    top: 0.42rem;
    bottom: 0.42rem;
    left: 0.54rem;
    width: 0.46rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffd9ae 0%, #ff9d49 22%, #ff6818 58%, #ff560e 100%);
    box-shadow: 0 0 18px rgba(255, 111, 26, 0.24);
    animation: brandNeedlePulse 3.6s ease-in-out infinite;
}

.brand .brand-mark-core::before,
.brand .brand-mark-core::after {
    content: "";
    position: absolute;
    left: -0.02rem;
    height: 0.34rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffae63, #ff6a16, #ffc98e);
    box-shadow: 0 0 14px rgba(255, 118, 34, 0.24);
}

.brand .brand-mark-core::before {
    top: 0.06rem;
    width: 1rem;
}

.brand .brand-mark-core::after {
    top: 0.98rem;
    width: 0.78rem;
}

.brand .brand-mark-orbit {
    inset: 0.18rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 200, 152, 0.12);
    border-top-color: rgba(255, 206, 162, 0.88);
    border-right-color: rgba(255, 122, 32, 0.64);
    border-bottom-color: rgba(255, 122, 32, 0.14);
    border-left-color: rgba(255, 206, 162, 0.06);
    animation: brandOrbitSweep 4.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.brand .brand-mark-spark {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 999px;
    background: radial-gradient(circle, #fff4e5 0%, #ffcf9d 40%, #ff7f28 100%);
    box-shadow: 0 0 16px rgba(255, 170, 94, 0.44);
    animation: brandSparkBlink 2.6s ease-in-out infinite;
}

.brand .brand-mark-spark-a {
    top: 0.28rem;
    right: -0.08rem;
}

.brand .brand-mark-spark-b {
    right: 0.16rem;
    bottom: 0.42rem;
    width: 0.22rem;
    height: 0.22rem;
    animation-delay: -1.1s;
}

.brand .brand-wordmark {
    color: #fff4e7;
    letter-spacing: -0.11em;
    animation: brandWordmarkGlow 4.4s ease-in-out infinite;
}

.brand .brand-wordmark-accent {
    background: linear-gradient(180deg, #fff5e4 0%, #ffcf9b 34%, #ff7d24 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand:hover .brand-mark {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 18px 34px rgba(0, 0, 0, 0.36),
        0 0 42px rgba(255, 118, 34, 0.14);
}

.site-header .brand .brand-wordmark {
    font-size: clamp(2.18rem, 2.45vw, 2.96rem);
}

.home-page .site-header .brand .brand-wordmark {
    font-size: clamp(2.3rem, 2.72vw, 3.18rem);
}

.mobile-nav-brand-block .brand .brand-wordmark {
    font-size: clamp(2rem, 7vw, 2.56rem);
}

.footer-brand .brand .brand-wordmark {
    font-size: clamp(1.82rem, 1.9vw, 2.22rem);
}

.transit-logo {
    background:
        linear-gradient(180deg, rgba(255, 239, 219, 0.08), rgba(255, 239, 219, 0)),
        url("../img/brand-emblem.png") center/cover no-repeat;
    border-radius: 1.55rem;
    box-shadow: 0 0 44px rgba(255, 118, 34, 0.28);
}

@media (max-width: 760px) {
    .brand {
        gap: 0.68rem;
    }

    .brand .brand-mark {
        flex-basis: 1.84rem;
        width: 1.84rem;
        height: 2.68rem;
        border-radius: 0.9rem;
    }

    .brand .brand-mark-core {
        left: 0.48rem;
        width: 0.4rem;
    }

    .brand .brand-mark-core::before {
        width: 0.86rem;
    }

    .brand .brand-mark-core::after {
        width: 0.66rem;
    }

    .brand .brand-wordmark {
        font-size: clamp(1.84rem, 8vw, 2.34rem);
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand .brand-mark::before,
    .brand .brand-mark-core,
    .brand .brand-mark-orbit,
    .brand .brand-mark-spark,
    .brand .brand-wordmark {
        animation: none;
    }
}

@keyframes brandWordmarkSheen {

    0%,
    20% {
        background-position: 135% 50%;
        opacity: 0;
    }

    30% {
        opacity: 0.72;
    }

    55% {
        background-position: -25% 50%;
        opacity: 0.56;
    }

    100% {
        background-position: -25% 50%;
        opacity: 0;
    }
}

@keyframes brandUnderlineFlow {

    0%,
    100% {
        transform: scaleX(0.34);
        opacity: 0.48;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes brandCaptionBreath {

    0%,
    100% {
        opacity: 0.72;
        letter-spacing: 0.34em;
    }

    50% {
        opacity: 1;
        letter-spacing: 0.38em;
    }
}

.brand.brand-wordmark-only {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
}

.brand-wordmark-only .brand-mark,
.brand-wordmark-only .brand-mark-core,
.brand-wordmark-only .brand-mark-orbit,
.brand-wordmark-only .brand-mark-spark {
    display: none !important;
}

.brand-wordmark-only .brand-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    min-width: 0;
    padding-bottom: 0.32rem;
}

.brand-wordmark-only .brand-wordmark {
    position: relative;
    display: inline-block;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(2rem, 2.2vw, 2.78rem);
    font-weight: 700;
    line-height: 0.88;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #fff7ee;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

.brand-wordmark-only .brand-wordmark::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 30%, rgba(255, 248, 236, 0.96) 46%, transparent 56%);
    background-size: 220% 100%;
    background-position: 135% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: brandWordmarkSheen 6.2s ease-in-out infinite;
    pointer-events: none;
}

.brand-wordmark-only .brand-wordmark::after {
    content: "";
    position: absolute;
    left: 0.04em;
    right: 0.02em;
    bottom: -0.18rem;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 214, 172, 0.2), rgba(255, 126, 38, 0.92), rgba(255, 214, 172, 0.2));
    transform-origin: center;
    animation: brandUnderlineFlow 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-caption {
    display: inline-flex;
    align-items: center;
    margin-left: 0.2rem;
    color: #bfa899;
    font: 700 0.55rem/1 "DM Sans", sans-serif;
    letter-spacing: 0.34em;
    text-transform: uppercase;
    white-space: nowrap;
    animation: brandCaptionBreath 5.6s ease-in-out infinite;
}

.brand-wordmark-only:hover .brand-wordmark {
    color: #fffaf4;
}

.brand-wordmark-only:hover .brand-caption {
    color: #e0c5b1;
}

.site-header-branding {
    align-items: flex-end;
    gap: 1rem;
}

.site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.02rem, 2.28vw, 2.9rem);
}

.home-page .site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.14rem, 2.56vw, 3.04rem);
}

.mobile-nav-brand-block .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2rem, 7.4vw, 2.58rem);
    letter-spacing: 0.15em;
}

.footer-brand .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.78rem, 1.9vw, 2.22rem);
}

.footer-brand .brand-wordmark-only .brand-caption {
    font-size: 0.52rem;
}

.site-header-pill,
.mobile-nav-kicker {
    padding-inline: 0.84rem;
    background: linear-gradient(180deg, rgba(255, 141, 59, 0.08), rgba(255, 141, 59, 0.03));
    border-color: rgba(255, 185, 119, 0.16);
    color: #cfb3a0;
    letter-spacing: 0.18em;
}

.transit-logo {
    display: none;
}

.transit-shell {
    gap: 0.45rem;
}

.transit-wordmark {
    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    letter-spacing: 0.16em;
    color: #fff4e8;
}

.transit-copy {
    letter-spacing: 0.24em;
    color: #bc9f8a;
}

@media (max-width: 760px) {
    .site-header-branding {
        align-items: flex-start;
        gap: 0.8rem;
    }

    .brand-wordmark-only .brand-copy {
        padding-bottom: 0.26rem;
    }

    .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.78rem, 8vw, 2.24rem);
        letter-spacing: 0.14em;
    }

    .brand-wordmark-only .brand-caption {
        font-size: 0.49rem;
        letter-spacing: 0.28em;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only .brand-wordmark::before,
    .brand-wordmark-only .brand-wordmark::after,
    .brand-wordmark-only .brand-caption {
        animation: none;
    }
}

@keyframes brandClassicSheen {
    0% {
        transform: translateX(120%);
        opacity: 0;
    }

    18% {
        opacity: 0.82;
    }

    52% {
        transform: translateX(-36%);
        opacity: 0.48;
    }

    100% {
        transform: translateX(-36%);
        opacity: 0;
    }
}

@keyframes brandClassicPulse {

    0%,
    100% {
        filter: saturate(1) brightness(1);
        text-shadow:
            0 14px 34px rgba(0, 0, 0, 0.34),
            0 0 0 rgba(255, 128, 35, 0);
    }

    50% {
        filter: saturate(1.12) brightness(1.06);
        text-shadow:
            0 16px 38px rgba(0, 0, 0, 0.36),
            0 0 24px rgba(255, 138, 48, 0.16);
    }
}

@keyframes brandClassicUnderline {

    0%,
    100% {
        transform: scaleX(0.42);
        opacity: 0.54;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

.brand.brand-wordmark-only {
    align-items: center;
}

.brand-wordmark-only .brand-copy {
    gap: 0;
    padding-bottom: 0.2rem;
}

.brand-wordmark-only .brand-caption {
    display: none;
}

.brand-wordmark-only .brand-wordmark {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 0.02rem;
    font-family: "Barlow Condensed", "Syne", sans-serif;
    font-size: clamp(1.82rem, 2vw, 2.48rem);
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -0.055em;
    text-transform: lowercase;
    color: #ffd0a1;
    animation: brandClassicPulse 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark::before {
    content: "";
    position: absolute;
    top: -0.06em;
    bottom: -0.08em;
    left: -0.08em;
    width: 46%;
    background: linear-gradient(100deg, transparent 14%, rgba(255, 244, 229, 0.9) 48%, transparent 78%);
    filter: blur(0.5px);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translateX(120%);
    animation: brandClassicSheen 5.8s ease-in-out infinite;
    pointer-events: none;
}

.brand-wordmark-only .brand-wordmark::after {
    content: "";
    position: absolute;
    left: 0.02em;
    right: 0.02em;
    bottom: -0.14rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 116, 26, 0.08), rgba(255, 126, 38, 0.94), rgba(255, 205, 154, 0.18));
    transform-origin: center;
    box-shadow: 0 0 18px rgba(255, 126, 38, 0.18);
    animation: brandClassicUnderline 3.9s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-base,
.brand-wordmark-only .brand-wordmark-accent {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.brand-wordmark-only .brand-wordmark-base {
    background: linear-gradient(180deg, #ffebd2 0%, #ffb86d 18%, #ff7b23 56%, #e75912 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-wordmark-only .brand-wordmark-accent {
    background: linear-gradient(180deg, #fff3e2 0%, #ffd39f 20%, #ff9540 54%, #ff6318 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-wordmark-only:hover .brand-wordmark-base {
    background: linear-gradient(180deg, #fff1de 0%, #ffc989 20%, #ff8b32 56%, #ff6115 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-wordmark-only:hover .brand-wordmark-accent {
    background: linear-gradient(180deg, #fff8ed 0%, #ffe0bc 22%, #ffa754 54%, #ff6f1e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-header-branding {
    align-items: center;
}

.site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.9rem, 2.12vw, 2.6rem);
}

.home-page .site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2rem, 2.28vw, 2.78rem);
}

.mobile-nav-brand-block .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.82rem, 6.6vw, 2.24rem);
}

.footer-brand .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.68rem, 1.72vw, 2rem);
}

.transit-wordmark {
    font-family: "Barlow Condensed", "Syne", sans-serif;
    font-size: 1.58rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #ffcf9e;
}

@media (max-width: 760px) {
    .brand-wordmark-only .brand-copy {
        padding-bottom: 0.14rem;
    }

    .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.64rem, 7vw, 2.02rem);
        letter-spacing: -0.05em;
    }

    .brand-wordmark-only .brand-wordmark::after {
        bottom: -0.12rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only .brand-wordmark,
    .brand-wordmark-only .brand-wordmark::before,
    .brand-wordmark-only .brand-wordmark::after {
        animation: none;
    }
}

/* Fikirin Turkish Premium Reset */
@keyframes fikirinWordmarkSweep {

    0%,
    18% {
        transform: translateX(135%);
        opacity: 0;
    }

    28% {
        opacity: 0.84;
    }

    56% {
        transform: translateX(-34%);
        opacity: 0.4;
    }

    100% {
        transform: translateX(-34%);
        opacity: 0;
    }
}

@keyframes fikirinWordmarkBreath {

    0%,
    100% {
        transform: translateY(0);
        text-shadow:
            0 14px 34px rgba(0, 0, 0, 0.34),
            0 0 0 rgba(255, 123, 34, 0);
    }

    50% {
        transform: translateY(-1px);
        text-shadow:
            0 18px 42px rgba(0, 0, 0, 0.38),
            0 0 28px rgba(255, 123, 34, 0.14);
    }
}

@keyframes fikirinGlowFloat {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.42;
    }

    50% {
        transform: translate3d(0.9rem, -0.45rem, 0) scale(1.06);
        opacity: 0.72;
    }
}

@keyframes fikirinUnderlinePulse {

    0%,
    100% {
        transform: scaleX(0.4);
        opacity: 0.52;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

:root {
    --turkiye-ink: #070504;
    --turkiye-panel: linear-gradient(180deg, rgba(16, 11, 9, 0.98), rgba(8, 6, 5, 0.96));
    --turkiye-panel-soft: linear-gradient(180deg, rgba(18, 13, 11, 0.96), rgba(10, 8, 7, 0.92));
    --turkiye-line: rgba(255, 161, 93, 0.16);
    --turkiye-line-strong: rgba(255, 177, 113, 0.24);
    --turkiye-warm: #f7efe6;
    --turkiye-muted: #b7a193;
    --turkiye-orange: #ff7b22;
    --turkiye-orange-strong: #ffb46a;
    --turkiye-shadow: 0 28px 70px rgba(0, 0, 0, 0.48);
}

.site-header {
    padding-top: 0.9rem;
}

.site-header-inner {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1.15rem;
    padding: 1.02rem 1.12rem 1.02rem 1.22rem;
    border-radius: 1.9rem;
    border: 1px solid var(--turkiye-line);
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 122, 34, 0.14), transparent 22%),
        radial-gradient(circle at 100% 0%, rgba(255, 184, 120, 0.08), transparent 20%),
        linear-gradient(180deg, rgba(12, 9, 8, 0.94), rgba(8, 6, 5, 0.98));
    box-shadow: var(--turkiye-shadow);
}

.site-header-branding {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

.brand.brand-wordmark-only {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.brand-wordmark-only .brand-copy {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-bottom: 0.24rem;
}

.brand-wordmark-only .brand-wordmark {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    font-family: "Barlow Condensed", "Syne", sans-serif;
    font-size: clamp(2rem, 2.18vw, 2.72rem);
    font-weight: 700;
    line-height: 0.88;
    letter-spacing: -0.06em;
    text-transform: lowercase;
    animation: fikirinWordmarkBreath 5.2s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark::before {
    content: "";
    position: absolute;
    top: -0.08em;
    bottom: -0.1em;
    left: -0.1em;
    width: 54%;
    background: linear-gradient(100deg, transparent 14%, rgba(255, 247, 235, 0.92) 48%, transparent 78%);
    mix-blend-mode: screen;
    filter: blur(0.45px);
    opacity: 0;
    transform: translateX(135%);
    animation: fikirinWordmarkSweep 6.2s ease-in-out infinite;
    pointer-events: none;
}

.brand-wordmark-only .brand-wordmark::after {
    content: "";
    position: absolute;
    left: 0.02em;
    right: 0.02em;
    bottom: -0.16rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 123, 34, 0.06), rgba(255, 123, 34, 0.95), rgba(255, 202, 156, 0.12));
    box-shadow: 0 0 18px rgba(255, 123, 34, 0.16);
    transform-origin: center;
    animation: fikirinUnderlinePulse 4.1s ease-in-out infinite;
}

.brand-wordmark-only::after {
    content: "";
    position: absolute;
    inset: -0.4rem -0.65rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 123, 34, 0.18) 0%, rgba(255, 123, 34, 0) 72%);
    filter: blur(14px);
    pointer-events: none;
    opacity: 0.58;
    z-index: -1;
    animation: fikirinGlowFloat 7.4s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-base {
    color: var(--turkiye-warm);
    text-shadow: inherit;
}

.brand-wordmark-only .brand-wordmark-accent {
    color: var(--turkiye-orange);
    text-shadow: inherit;
}

.brand-wordmark-only:hover .brand-wordmark-base {
    color: #fff7ef;
}

.brand-wordmark-only:hover .brand-wordmark-accent {
    color: #ffb56d;
}

.site-header-pill,
.mobile-nav-kicker {
    min-height: 1.96rem;
    padding: 0 0.88rem;
    border-radius: 999px;
    border: 1px solid var(--turkiye-line);
    background: rgba(255, 255, 255, 0.03);
    color: #d2b7a4;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.nav-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
}

.search-wrapper {
    width: min(34rem, 100%);
    justify-self: end;
}

.search-shell,
.site-header .search-shell {
    min-height: 3.15rem;
    padding: 0.28rem 0.34rem 0.28rem 1.02rem;
    border-radius: 999px;
    border: 1px solid var(--turkiye-line);
    background:
        radial-gradient(circle at 100% 50%, rgba(255, 123, 34, 0.08), transparent 24%),
        rgba(255, 255, 255, 0.028);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.search-shell:focus-within,
.site-header .search-shell:focus-within {
    border-color: var(--turkiye-line-strong);
    background:
        radial-gradient(circle at 100% 50%, rgba(255, 123, 34, 0.14), transparent 26%),
        rgba(255, 255, 255, 0.04);
    box-shadow:
        0 0 0 4px rgba(255, 123, 34, 0.1),
        0 16px 36px rgba(0, 0, 0, 0.24);
}

.search-shell input {
    font-size: 0.93rem;
    color: var(--turkiye-warm);
}

.search-shell input::placeholder {
    color: #a89386;
}

.search-shell button {
    min-height: 2.55rem;
    padding: 0 1.12rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff6b1c 0%, #ff9f4d 58%, #ffd5a7 100%) !important;
    color: #1a0c05 !important;
    box-shadow: 0 16px 30px rgba(255, 123, 34, 0.24);
}

.premium-menu-toggle {
    min-height: 3.15rem;
    padding-inline: 1rem;
    border-radius: 999px;
}

.mobile-nav,
.footer-card,
.search-dropdown {
    border-color: var(--turkiye-line);
    background:
        radial-gradient(circle at top right, rgba(255, 123, 34, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(16, 11, 9, 0.98), rgba(8, 6, 5, 0.96));
}

.home-manifesto-shell {
    position: relative;
    padding: 1.5rem;
    border: 1px solid var(--turkiye-line);
    border-radius: 2rem;
    background:
        linear-gradient(120deg, rgba(255, 123, 34, 0.1) 0%, transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(255, 188, 118, 0.14), transparent 22%),
        linear-gradient(180deg, rgba(16, 11, 9, 0.98), rgba(7, 5, 4, 0.96));
    box-shadow: var(--turkiye-shadow);
}

.home-manifesto-shell::before {
    inset: auto auto -16% -2%;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 123, 34, 0.22) 0%, rgba(255, 123, 34, 0) 72%);
}

.home-manifesto-shell::after {
    top: -12%;
    right: 2%;
    width: 15rem;
    height: 15rem;
    background: radial-gradient(circle, rgba(255, 196, 142, 0.16) 0%, rgba(255, 196, 142, 0) 72%);
}

.magma-orb {
    right: -4rem;
    top: -3rem;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 148, 62, 0.52) 0%, rgba(255, 123, 34, 0.24) 34%, rgba(255, 123, 34, 0) 72%);
}

.home-manifesto-copy {
    gap: 1.05rem;
    padding: 1.75rem 1.7rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(255, 170, 101, 0.12);
    background:
        linear-gradient(180deg, rgba(12, 9, 8, 0.74), rgba(12, 9, 8, 0.34));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.home-manifesto-eyebrow {
    display: inline-flex;
    width: fit-content;
    min-height: 2rem;
    align-items: center;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--turkiye-line);
    background: rgba(255, 255, 255, 0.03);
    color: #ffd3a7;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-manifesto-copy h1 {
    max-width: 11ch;
    font-size: clamp(3rem, 5vw, 5.55rem);
    line-height: 0.9;
    letter-spacing: -0.08em;
    background: linear-gradient(180deg, #fff7ef 0%, #ffe1bf 52%, #ff9e47 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-manifesto-copy p {
    max-width: 40rem;
    color: #c0aa9b;
    font-size: 1rem;
    line-height: 1.72;
}

.home-manifesto-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.home-manifesto-highlight {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.05rem;
    border: 1px solid var(--turkiye-line);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
}

.home-manifesto-highlight strong {
    color: #fff4e8;
    font-size: 0.95rem;
    letter-spacing: -0.03em;
}

.home-manifesto-highlight small {
    color: #b69f90;
    line-height: 1.6;
}

.home-manifesto-actions {
    gap: 0.8rem;
}

.home-manifesto-signal-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.home-manifesto-funnel-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.15rem;
}

.home-manifesto-conversion-pulse {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.7rem;
    margin: 0.3rem 0 0.15rem;
    padding: 1rem 1.08rem;
    border-radius: 1.12rem;
    border: 1px solid rgba(255, 184, 116, 0.2);
    background:
        radial-gradient(circle at top right, rgba(255, 145, 58, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(18, 14, 15, 0.96), rgba(9, 7, 8, 0.95));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.home-manifesto-conversion-pulse::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 200, 158, 0.1), transparent 44%);
    pointer-events: none;
}

.home-manifesto-conversion-pulse > * {
    position: relative;
    z-index: 1;
}

.home-manifesto-conversion-pulse-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
}

.home-manifesto-conversion-pulse-head span {
    color: #ffcfaa;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-conversion-pulse-head strong {
    color: #fff4ea;
    font-size: 1.18rem;
    line-height: 1;
}

.home-manifesto-conversion-pulse p {
    margin: 0;
    color: rgba(244, 228, 214, 0.76);
    line-height: 1.68;
}

.home-manifesto-funnel-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.38rem;
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 171, 103, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 136, 54, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(19, 14, 13, 0.96), rgba(9, 7, 7, 0.94));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-manifesto-funnel-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 48%);
    opacity: 0.8;
    pointer-events: none;
}

.home-manifesto-funnel-card>* {
    position: relative;
    z-index: 1;
}

.home-manifesto-funnel-card span {
    color: #ffcb9f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-funnel-card strong {
    color: #fff2e5;
    font-size: 1.02rem;
    line-height: 1.25;
}

.home-manifesto-funnel-card small {
    color: #c9b3a3;
    line-height: 1.62;
}

.home-manifesto-funnel-card:hover,
.home-manifesto-funnel-card:focus-visible,
.home-manifesto-funnel-card.is-active {
    transform: translateY(-3px);
    border-color: rgba(255, 182, 116, 0.24);
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.34);
}

.home-manifesto-signal {
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 1.05rem;
    border: 1px solid var(--turkiye-line);
    background:
        linear-gradient(180deg, rgba(255, 123, 34, 0.06), rgba(255, 255, 255, 0.02));
}

.home-manifesto-signal strong {
    color: #fff0e0;
    font-size: clamp(1.38rem, 2.2vw, 2rem);
}

.home-manifesto-signal small,
.home-manifesto-note {
    color: #b79f90;
}

.home-manifesto-panel {
    border-radius: 1.5rem;
    border: 1px solid var(--turkiye-line);
    background:
        radial-gradient(circle at top right, rgba(255, 123, 34, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(15, 11, 9, 0.98), rgba(9, 7, 6, 0.96));
}

.home-manifesto-panel-head small,
.home-manifesto-panel p,
.home-manifesto-meta span {
    color: #bca797;
}

.home-reference-side-tag,
.home-reference-side-tag.is-green,
.mobile-nav-section-label {
    background: rgba(255, 123, 34, 0.08);
    border-color: var(--turkiye-line);
    color: #ffd3a8;
}

.home-reference-band,
.home-reference-live-rail,
.home-reference-composer,
.home-reference-feed,
.home-reference-panel,
.home-startup-signal-card,
.home-startup-opportunity-card,
.home-best-feature-card,
.home-best-idea-card {
    border: 1px solid var(--turkiye-line);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(255, 123, 34, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(15, 11, 9, 0.96), rgba(8, 6, 5, 0.94));
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
}

.home-reference-band {
    padding: 0.95rem 1rem;
    gap: 1rem;
}

.home-reference-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
}

.home-reference-metric {
    padding: 1rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 170, 101, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
}

.home-reference-metric strong {
    color: #fff0df;
}

.home-reference-metric span,
.home-reference-membership {
    color: #baa393;
}

.home-reference-membership {
    min-height: 3.4rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 101, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

.home-reference-panel {
    padding: 1.2rem;
}

.home-reference-panel-head h2,
.home-reference-panel-head h3 {
    color: #fff4e8;
    font-size: clamp(1.12rem, 1.26vw, 1.42rem);
}

.home-reference-panel-head p,
.home-reference-panel-copy,
.home-best-feature-card p,
.home-best-idea-copy p,
.home-startup-signal-card p,
.home-startup-opportunity-card p {
    color: #bba596;
}

.home-startup-signal-card strong,
.home-best-feature-card strong,
.home-best-idea-copy strong,
.home-startup-opportunity-card strong {
    color: #fff3e6;
}

.home-startup-signal-card span,
.home-best-feature-card small,
.home-best-idea-meta span {
    color: #ffd0a1;
}

.home-reference-live-rail,
.home-reference-composer {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.05rem;
}

.home-reference-live-rail-head {
    max-width: 19rem;
}

.home-reference-live-rail-head p,
.home-reference-composer-copy p {
    color: #b59e8f;
}

.home-reference-live-state,
.home-reference-live-count,
.home-reference-live-toggle {
    background: rgba(255, 255, 255, 0.03);
    border-color: var(--turkiye-line);
    color: #d8bea8;
}

.home-reference-live-rail-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.home-reference-live-rail-item {
    min-height: 8.4rem;
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 170, 101, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
}

.home-reference-live-rail-item strong,
.home-reference-composer-copy strong {
    color: #fff4e8;
}

.home-reference-live-rail-item small {
    color: #baa393;
}

.home-reference-live-rail-item:hover,
.home-reference-sidebar-item:hover,
.home-reference-ranking-item:hover,
.home-best-feature-card:hover,
.home-best-idea-card:hover,
.home-startup-opportunity-card:hover,
.home-startup-signal-card:hover {
    border-color: var(--turkiye-line-strong);
    transform: translateY(-4px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
}

.home-reference-live-rail-pulse,
.home-reference-live-rail-item.is-room .home-reference-live-rail-pulse {
    background: linear-gradient(135deg, #ffd4a4, #ff7b22);
    box-shadow: 0 0 0 0.24rem rgba(255, 123, 34, 0.14);
}

.home-reference-composer-main {
    gap: 0.95rem;
}

.home-reference-avatar-composer {
    border: 1px solid var(--turkiye-line);
    background: linear-gradient(135deg, rgba(255, 123, 34, 0.22), rgba(255, 188, 118, 0.16));
    color: #fff2e4;
}

.home-reference-category-pill,
.home-reference-filter-pill {
    min-height: 2.45rem;
    border: 1px solid var(--turkiye-line);
    background: rgba(255, 255, 255, 0.03);
    color: #d7bda9;
}

.home-reference-category-pill.is-active,
.home-reference-filter-pill.is-active {
    border-color: var(--turkiye-line-strong);
    background: rgba(255, 123, 34, 0.12);
    color: #fff0de;
}

.footer-card {
    gap: 1.15rem;
    border-radius: 1.8rem;
}

.footer-links strong,
.footer-brand p,
.footer-links a,
.footer-links span {
    color: #bca696;
}

.footer-links strong,
.footer-brand .brand-wordmark {
    color: #fff3e6;
}

.mobile-nav-link-card {
    border-radius: 1.1rem;
    border: 1px solid var(--turkiye-line);
    background: rgba(255, 255, 255, 0.03);
}

.mobile-nav-link-card strong {
    color: #fff3e6;
}

.mobile-nav-link-card small {
    color: #b69f90;
}

.transit-logo {
    display: none;
}

.transit-shell {
    gap: 0.45rem;
}

.transit-wordmark {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    font-family: "Barlow Condensed", "Syne", sans-serif;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: -0.06em;
}

.transit-wordmark-base {
    color: var(--turkiye-warm);
}

.transit-wordmark-accent {
    color: var(--turkiye-orange);
}

.transit-copy {
    color: #bca18d;
    letter-spacing: 0.22em;
}

@media (max-width: 1180px) {

    .home-manifesto-highlights,
    .home-manifesto-signal-row,
    .home-reference-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-reference-live-rail-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .site-header-inner {
        gap: 0.8rem;
        padding: 0.92rem 0.9rem;
        border-radius: 1.45rem;
    }

    .site-header-branding {
        align-items: flex-start;
        gap: 0.7rem;
    }

    .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.78rem, 7vw, 2.14rem);
        letter-spacing: -0.06em;
    }

    .nav-actions {
        grid-template-columns: 1fr auto;
    }

    .search-wrapper {
        width: 100%;
    }

    .search-shell {
        min-height: 2.9rem;
    }

    .home-manifesto-shell,
    .home-reference-band,
    .home-reference-live-rail,
    .home-reference-composer,
    .home-reference-feed,
    .home-reference-panel,
    .home-startup-signal-card,
    .home-startup-opportunity-card,
    .home-best-feature-card,
    .home-best-idea-card,
    .footer-card {
        border-radius: 1.25rem;
    }

    .home-manifesto-copy {
        padding: 1.2rem 1.1rem;
    }

    .home-manifesto-copy h1 {
        font-size: clamp(2.45rem, 11vw, 3.38rem);
    }

    .home-manifesto-highlights,
    .home-manifesto-signal-row,
    .home-manifesto-funnel-row,
    .home-reference-metrics,
    .home-reference-live-rail-track {
        grid-template-columns: 1fr;
    }

    .home-manifesto-conversion-pulse-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-reference-band,
    .home-reference-live-rail,
    .home-reference-composer {
        padding: 0.9rem;
    }

    .home-reference-membership {
        min-height: auto;
        padding: 0.9rem 1rem;
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only,
    .brand-wordmark-only .brand-wordmark,
    .brand-wordmark-only .brand-wordmark::before,
    .brand-wordmark-only .brand-wordmark::after,
    .brand-wordmark-only::after {
        animation: none;
    }
}

/* Fikirin Reference Match */
.brand.brand-wordmark-only {
    min-width: 0;
}

.brand-wordmark-only::after {
    inset: -0.18rem -0.3rem;
    border-radius: 1.7rem;
    background: radial-gradient(circle, rgba(255, 128, 35, 0.12) 0%, rgba(255, 128, 35, 0) 72%);
    opacity: 0.38;
}

.brand-wordmark-only .brand-copy {
    display: inline-flex;
    align-items: center;
    padding: 0.34rem 0.92rem 0.46rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(96, 112, 132, 0.28);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.02), transparent 38%),
        linear-gradient(180deg, rgba(14, 18, 25, 0.9), rgba(7, 10, 16, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 30px rgba(0, 0, 0, 0.28);
}

.brand-wordmark-only .brand-wordmark {
    display: inline-flex;
    align-items: flex-end;
    gap: 0;
    font-family: "Nunito", "DM Sans", sans-serif;
    font-size: clamp(2.02rem, 2.28vw, 2.92rem);
    font-weight: 900;
    line-height: 0.86;
    letter-spacing: -0.09em;
    color: #f3eee7;
    animation: fikirinWordmarkBreath 5.6s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark::before,
.brand-wordmark-only .brand-wordmark::after {
    content: none;
}

.brand-wordmark-only .brand-wordmark-base,
.brand-wordmark-only .brand-wordmark-accent,
.brand-wordmark-only .brand-wordmark-accent-cluster {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
}

.brand-wordmark-only .brand-wordmark-base {
    color: #f2eee8;
}

.brand-wordmark-only .brand-wordmark-accent-cluster {
    margin-left: -0.02em;
}

.brand-wordmark-only .brand-wordmark-accent {
    color: #ff7a23;
}

.brand-wordmark-only .brand-wordmark-i {
    position: relative;
}

.brand-wordmark-only .brand-wordmark-i::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.78em;
    width: 0.76em;
    height: 0.58em;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9b43 0%, #ff7b23 100%);
    transform: translateX(-38%);
    box-shadow:
        0 10px 18px rgba(255, 122, 35, 0.18),
        inset 0 1px 0 rgba(255, 225, 194, 0.18);
    animation: fikirinGlowFloat 6.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-i::after {
    content: "";
    position: absolute;
    left: 56%;
    top: -0.32em;
    width: 0.2em;
    height: 0.2em;
    border-radius: 0 0 0.08em 0;
    background: #ff7b23;
    transform: rotate(38deg);
    box-shadow: 0 4px 8px rgba(255, 122, 35, 0.12);
}

.brand-wordmark-only:hover .brand-wordmark-base {
    color: #fff8f1;
}

.brand-wordmark-only:hover .brand-wordmark-accent {
    color: #ff8c35;
}

.site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.08rem, 2.34vw, 3rem);
}

.home-page .site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.16rem, 2.5vw, 3.12rem);
}

.mobile-nav-brand-block .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2rem, 7.2vw, 2.6rem);
}

.footer-brand .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.82rem, 1.88vw, 2.22rem);
}

.transit-wordmark {
    display: inline-flex;
    align-items: flex-end;
    gap: 0;
    font-family: "Nunito", "DM Sans", sans-serif;
    font-size: 1.9rem;
    font-weight: 900;
    line-height: 0.86;
    letter-spacing: -0.09em;
}

.transit-wordmark-base,
.transit-wordmark-accent-cluster,
.transit-wordmark-accent {
    display: inline-flex;
    align-items: flex-end;
}

.transit-wordmark-base {
    color: #f2eee8;
}

.transit-wordmark-accent-cluster {
    position: relative;
    margin-left: -0.02em;
}

.transit-wordmark-accent {
    color: #ff7a23;
}

.transit-wordmark-i {
    position: relative;
}

.transit-wordmark-i::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.76em;
    width: 0.72em;
    height: 0.54em;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9b43 0%, #ff7b23 100%);
    transform: translateX(-38%);
}

.transit-wordmark-i::after {
    content: "";
    position: absolute;
    left: 56%;
    top: -0.3em;
    width: 0.18em;
    height: 0.18em;
    border-radius: 0 0 0.08em 0;
    background: #ff7b23;
    transform: rotate(38deg);
}

@media (max-width: 760px) {
    .brand-wordmark-only .brand-copy {
        padding: 0.28rem 0.74rem 0.38rem;
        border-radius: 1.2rem;
    }

    .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.76rem, 6.9vw, 2.18rem);
        letter-spacing: -0.085em;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only .brand-wordmark,
    .brand-wordmark-i::before,
    .transit-wordmark-i::before {
        animation: none;
    }
}

/* Fikirin Premium Motion Upgrade */
@keyframes premiumNoirHeaderGlow {

    0%,
    100% {
        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    50% {
        box-shadow:
            0 24px 54px rgba(0, 0, 0, 0.5),
            0 0 30px rgba(255, 126, 44, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
}

@keyframes premiumNoirSweep {
    0% {
        transform: translateX(-145%) skewX(-18deg);
        opacity: 0;
    }

    18% {
        opacity: 0;
    }

    42% {
        opacity: 0.72;
    }

    62% {
        opacity: 0;
    }

    100% {
        transform: translateX(150%) skewX(-18deg);
        opacity: 0;
    }
}

@keyframes premiumNoirAura {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(0.96) translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.56;
        transform: scale(1.05) translate3d(1.2rem, -0.8rem, 0);
    }
}

@keyframes premiumNoirBeamDrift {
    0% {
        transform: translate3d(-8%, 0, 0) rotate(-8deg);
        opacity: 0.2;
    }

    50% {
        transform: translate3d(8%, -4%, 0) rotate(-4deg);
        opacity: 0.42;
    }

    100% {
        transform: translate3d(-8%, 0, 0) rotate(-8deg);
        opacity: 0.2;
    }
}

@keyframes premiumNoirSurfacePulse {

    0%,
    100% {
        border-color: rgba(255, 146, 74, 0.12);
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26);
    }

    50% {
        border-color: rgba(255, 146, 74, 0.24);
        box-shadow:
            0 22px 44px rgba(0, 0, 0, 0.34),
            0 0 24px rgba(255, 126, 44, 0.08);
    }
}

@keyframes premiumNoirDotPulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 126, 44, 0.24);
    }

    70% {
        transform: scale(1.08);
        box-shadow: 0 0 0 0.5rem rgba(255, 126, 44, 0);
    }
}

.home-page .site-header-inner {
    border-color: rgba(255, 141, 70, 0.16);
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 126, 44, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(13, 11, 11, 0.98), rgba(8, 8, 10, 0.97));
    animation: premiumNoirHeaderGlow 6s ease-in-out infinite;
}

.home-page .site-header-pill {
    color: #efc7a2;
    border-color: rgba(255, 146, 74, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 126, 44, 0.12), rgba(255, 126, 44, 0.06)),
        rgba(255, 255, 255, 0.02);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 230, 0.08),
        0 10px 24px rgba(0, 0, 0, 0.22);
}

.brand-wordmark-only .brand-copy {
    position: relative;
    overflow: hidden;
    padding: 0.38rem 1rem 0.5rem;
    border-color: rgba(255, 146, 74, 0.22);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.05), transparent 40%),
        linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(8, 10, 15, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 16px 34px rgba(0, 0, 0, 0.32),
        0 0 26px rgba(255, 126, 44, 0.06);
}

.brand-wordmark-only .brand-copy::after {
    content: "";
    position: absolute;
    inset: -14% -45%;
    background: linear-gradient(116deg,
            rgba(255, 255, 255, 0) 28%,
            rgba(255, 255, 255, 0.05) 44%,
            rgba(255, 156, 84, 0.24) 52%,
            rgba(255, 255, 255, 0) 64%);
    pointer-events: none;
    animation: premiumNoirSweep 7.4s linear infinite;
}

.brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.12rem, 2.46vw, 3.08rem);
    color: #fff5ea;
    text-shadow:
        0 14px 28px rgba(0, 0, 0, 0.34),
        0 0 20px rgba(255, 255, 255, 0.04);
}

.brand-wordmark-only .brand-wordmark-base {
    color: #fff4e8;
}

.brand-wordmark-only .brand-wordmark-accent {
    color: #ff861f;
    text-shadow:
        0 0 18px rgba(255, 126, 44, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.24);
}

.brand-wordmark-only .brand-wordmark-i::before {
    width: 0.8em;
    height: 0.6em;
    top: -0.82em;
    box-shadow:
        0 12px 22px rgba(255, 122, 35, 0.24),
        0 0 18px rgba(255, 122, 35, 0.18),
        inset 0 1px 0 rgba(255, 225, 194, 0.22);
}

.site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.2rem, 2.58vw, 3.32rem);
}

.home-page .site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.34rem, 2.76vw, 3.42rem);
}

.footer-brand .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.9rem, 1.94vw, 2.32rem);
}

.transit-wordmark {
    text-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

.transit-wordmark-accent {
    color: #ff861f;
}

.transit-wordmark-i::before {
    box-shadow:
        0 10px 20px rgba(255, 122, 35, 0.2),
        0 0 16px rgba(255, 122, 35, 0.16);
}

.home-page .home-reference-side-tag,
.home-page .home-reference-side-tag.is-green,
.home-page .home-reference-rank-badge,
.home-page .home-reference-rank-badge.is-green,
.home-page .tag-chip-blue {
    color: #ffe2c2;
    border-color: rgba(255, 146, 74, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 126, 44, 0.18), rgba(255, 126, 44, 0.08)),
        rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 1px 0 rgba(255, 247, 239, 0.08);
}

.home-page .home-reference-live-dot,
.home-page .home-reference-status-dot,
.home-page .home-reference-activity-dot,
.home-page .home-reference-live-rail-pulse,
.home-page .home-reference-live-rail-item.is-room .home-reference-live-rail-pulse,
.home-page .home-reference-verified {
    background: linear-gradient(135deg, #ffc784, #ff7e2c);
    color: #ff9b4e;
    box-shadow: 0 0 0 0.22rem rgba(255, 126, 44, 0.14);
    animation: premiumNoirDotPulse 1.9s ease-out infinite;
}

.home-page .home-manifesto-shell,
.home-page .home-reference-band,
.home-page .home-reference-live-rail,
.home-page .home-reference-composer,
.home-page .home-reference-feed-intro,
.home-page .home-reference-card,
.home-page .home-manifesto-highlight,
.home-page .home-manifesto-signal,
.home-page .home-best-feature-card,
.home-page .home-best-idea-card,
.home-page .home-startup-signal-card,
.home-page .home-startup-opportunity-card,
.home-page .home-reference-route-card {
    position: relative;
    overflow: hidden;
}

.home-page .home-manifesto-shell {
    border-color: rgba(255, 146, 74, 0.14);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 126, 44, 0.12), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(255, 171, 108, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(13, 10, 10, 0.99), rgba(8, 8, 10, 0.98));
    box-shadow:
        0 30px 92px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-page .home-manifesto-shell::before {
    content: "";
    position: absolute;
    inset: -18% 34% auto -12%;
    height: 18rem;
    background: linear-gradient(125deg, rgba(255, 126, 44, 0.24), rgba(255, 126, 44, 0));
    filter: blur(18px);
    pointer-events: none;
    animation: premiumNoirBeamDrift 13s ease-in-out infinite;
}

.home-page .home-manifesto-shell.has-cinematic-glow::after {
    inset: auto -18% -40% 34%;
    height: 20rem;
    background: radial-gradient(circle, rgba(255, 126, 44, 0.24), transparent 66%);
    animation: premiumNoirAura 9s ease-in-out infinite;
}

.home-page .magma-orb {
    opacity: 0.16;
    background: radial-gradient(circle, rgba(255, 126, 44, 0.9) 0%, transparent 72%);
}

.home-page .home-manifesto-copy>p,
.home-page .home-reference-live-rail-head p,
.home-page .home-reference-composer-copy p,
.home-page .home-reference-feed-intro p,
.home-page .home-reference-panel-head p,
.home-page .home-best-idea-copy p,
.home-page .home-reference-card-summary,
.home-page .home-startup-signal-card p,
.home-page .home-startup-opportunity-card p,
.home-page .home-reference-route-card p {
    color: #baa28e;
}

.home-page .home-manifesto-copy,
.home-page .home-manifesto-board,
.home-page .home-reference-metrics,
.home-page .home-reference-membership,
.home-page .home-reference-live-rail-head,
.home-page .home-reference-live-rail-track,
.home-page .home-reference-composer-main,
.home-page .home-reference-composer-actions,
.home-page .home-reference-feed-intro-copy,
.home-page .home-reference-feed-intro-actions {
    position: relative;
    z-index: 1;
}

.home-page .home-manifesto-panel h2,
.home-page .home-manifesto-panel h3,
.home-page .home-reference-panel h2,
.home-page .home-reference-panel h3,
.home-page .home-reference-card-title a,
.home-page .home-reference-live-rail-item strong,
.home-page .home-reference-composer-copy strong,
.home-page .home-reference-metric strong,
.home-page .home-startup-signal-card strong,
.home-page .home-startup-opportunity-card strong,
.home-page .home-best-feature-card strong,
.home-page .home-best-idea-copy strong,
.home-page .home-reference-route-card strong,
.home-page .home-builder-card strong,
.home-page .home-reference-ranking-copy strong,
.home-page .home-reference-sidebar-item strong {
    color: #fff0e1;
}

.home-page .home-reference-metric span,
.home-page .home-reference-membership,
.home-page .home-startup-signal-card span,
.home-page .home-reference-route-label,
.home-page .home-reference-author-line span,
.home-page .home-reference-card-foot span,
.home-page .home-reference-action-row span,
.home-page .home-reference-action-row a,
.home-page .home-reference-comment-meta span,
.home-page .home-best-feature-card small,
.home-page .home-best-idea-meta span,
.home-page .home-reference-ranking-copy small,
.home-page .home-reference-sidebar-item small,
.home-page .home-builder-card small {
    color: #c6ad97;
}

.home-page .home-manifesto-highlight,
.home-page .home-manifesto-signal,
.home-page .home-reference-card,
.home-page .home-best-feature-card,
.home-page .home-best-idea-card,
.home-page .home-startup-signal-card,
.home-page .home-startup-opportunity-card,
.home-page .home-reference-route-card,
.home-page .home-reference-live-rail-item,
.home-page .home-reference-composer,
.home-page .home-reference-feed-intro {
    border-color: rgba(255, 146, 74, 0.12);
    animation: premiumNoirSurfacePulse 6.8s ease-in-out infinite;
}

.home-page .home-manifesto-highlight::before,
.home-page .home-manifesto-signal::before,
.home-page .home-reference-card::before,
.home-page .home-best-feature-card::before,
.home-page .home-best-idea-card::before,
.home-page .home-startup-signal-card::before,
.home-page .home-startup-opportunity-card::before,
.home-page .home-reference-route-card::before,
.home-page .home-reference-live-rail-item::before,
.home-page .home-reference-composer::before,
.home-page .home-reference-feed-intro::before,
.home-page .home-reference-band::before {
    content: "";
    position: absolute;
    inset: -14% -40%;
    background: linear-gradient(116deg,
            rgba(255, 255, 255, 0) 28%,
            rgba(255, 255, 255, 0.04) 42%,
            rgba(255, 150, 76, 0.18) 50%,
            rgba(255, 255, 255, 0) 60%);
    pointer-events: none;
    animation: premiumNoirSweep 9s linear infinite;
}

.home-page .home-manifesto-highlight:nth-child(2)::before,
.home-page .home-manifesto-signal:nth-child(2)::before,
.home-page .home-reference-live-rail-item:nth-child(2)::before,
.home-page .home-best-feature-card:nth-child(2)::before,
.home-page .home-reference-card:nth-child(2)::before {
    animation-delay: 1.2s;
}

.home-page .home-manifesto-highlight:nth-child(3)::before,
.home-page .home-manifesto-signal:nth-child(3)::before,
.home-page .home-reference-live-rail-item:nth-child(3)::before,
.home-page .home-best-feature-card:nth-child(3)::before,
.home-page .home-reference-card:nth-child(3)::before {
    animation-delay: 2.1s;
}

.home-page .home-reference-band {
    border-color: rgba(255, 146, 74, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(18, 13, 12, 0.96), rgba(12, 10, 11, 0.98));
}

.home-page .home-reference-membership,
.home-page .home-reference-live-state,
.home-page .home-reference-live-count,
.home-page .home-reference-live-toggle {
    border-color: rgba(255, 146, 74, 0.16);
    color: #efd8c0;
    background: rgba(255, 255, 255, 0.03);
}

.home-page .home-reference-live-state.is-hot,
.home-page .home-reference-live-count.is-bump,
.home-page .home-manifesto-note.is-hot {
    color: #fff0de;
    box-shadow: 0 0 24px rgba(255, 126, 44, 0.12);
}

.home-page .home-reference-live-rail,
.home-page .home-reference-composer,
.home-page .home-reference-feed-intro {
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(17, 14, 14, 0.97), rgba(11, 10, 12, 0.96));
}

.home-page .home-reference-card,
.home-page .home-best-feature-card,
.home-page .home-best-idea-card,
.home-page .home-startup-signal-card,
.home-page .home-startup-opportunity-card,
.home-page .home-reference-route-card {
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(20, 16, 16, 0.98), rgba(13, 11, 12, 0.96));
}

.home-page .home-reference-card:hover,
.home-page .home-best-feature-card:hover,
.home-page .home-best-idea-card:hover,
.home-page .home-startup-signal-card:hover,
.home-page .home-startup-opportunity-card:hover,
.home-page .home-reference-route-card:hover,
.home-page .home-reference-live-rail-item:hover {
    border-color: rgba(255, 146, 74, 0.32);
    box-shadow:
        0 26px 56px rgba(0, 0, 0, 0.42),
        0 0 28px rgba(255, 126, 44, 0.1);
}

@media (max-width: 760px) {
    .home-page .site-header .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.88rem, 7.1vw, 2.34rem);
    }

    .brand-wordmark-only .brand-copy {
        padding: 0.3rem 0.8rem 0.42rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-page .site-header-inner,
    .brand-wordmark-only .brand-copy::after,
    .home-page .home-manifesto-shell::before,
    .home-page .home-manifesto-shell.has-cinematic-glow::after,
    .home-page .home-reference-band::before,
    .home-page .home-manifesto-highlight::before,
    .home-page .home-manifesto-signal::before,
    .home-page .home-reference-card::before,
    .home-page .home-best-feature-card::before,
    .home-page .home-best-idea-card::before,
    .home-page .home-startup-signal-card::before,
    .home-page .home-startup-opportunity-card::before,
    .home-page .home-reference-route-card::before,
    .home-page .home-reference-live-rail-item::before,
    .home-page .home-reference-composer::before,
    .home-page .home-reference-feed-intro::before,
    .home-page .home-manifesto-highlight,
    .home-page .home-manifesto-signal,
    .home-page .home-reference-card,
    .home-page .home-best-feature-card,
    .home-page .home-best-idea-card,
    .home-page .home-startup-signal-card,
    .home-page .home-startup-opportunity-card,
    .home-page .home-reference-route-card,
    .home-page .home-reference-live-rail-item,
    .home-page .home-reference-composer,
    .home-page .home-reference-feed-intro,
    .home-page .home-reference-live-dot,
    .home-page .home-reference-status-dot,
    .home-page .home-reference-activity-dot,
    .home-page .home-reference-live-rail-pulse,
    .home-page .home-reference-live-rail-item.is-room .home-reference-live-rail-pulse {
        animation: none !important;
    }
}

@keyframes fikirinAccentGlow {

    0%,
    100% {
        transform: translateY(0);
        filter: saturate(1) brightness(1);
        text-shadow:
            0 0 0 rgba(255, 126, 44, 0),
            0 10px 20px rgba(0, 0, 0, 0.24);
    }

    50% {
        transform: translateY(-0.02em);
        filter: saturate(1.1) brightness(1.06);
        text-shadow:
            0 0 14px rgba(255, 126, 44, 0.28),
            0 12px 24px rgba(0, 0, 0, 0.28);
    }
}

@keyframes fikirinAccentSweep {

    0%,
    14% {
        transform: translateX(-125%) skewX(-18deg);
        opacity: 0;
    }

    28% {
        opacity: 0.7;
    }

    52% {
        opacity: 0;
    }

    100% {
        transform: translateX(135%) skewX(-18deg);
        opacity: 0;
    }
}

.brand-wordmark-only .brand-copy::after {
    background: linear-gradient(116deg,
            rgba(255, 255, 255, 0) 32%,
            rgba(255, 255, 255, 0.04) 46%,
            rgba(255, 156, 84, 0.08) 54%,
            rgba(255, 255, 255, 0) 66%);
    opacity: 0.5;
}

.brand-wordmark-only .brand-wordmark {
    color: #fffaf4;
    font-family: "Baloo 2", "Nunito", "DM Sans", sans-serif;
    letter-spacing: -0.065em;
}

.brand-wordmark-only .brand-wordmark-base {
    background: linear-gradient(180deg, #fffefc 0%, #fff5ea 54%, #f2ded0 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow:
        0 12px 24px rgba(0, 0, 0, 0.28),
        0 0 8px rgba(255, 255, 255, 0.08);
}

.brand-wordmark-only .brand-wordmark-accent-cluster {
    margin-left: -0.015em;
    overflow: visible;
}

.brand-wordmark-only .brand-wordmark-accent {
    background: linear-gradient(180deg, #ffb057 0%, #ff8527 46%, #ff6a14 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: fikirinAccentGlow 3.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-accent-cluster::after {
    content: "";
    position: absolute;
    inset: -0.18em -0.08em -0.02em;
    background: linear-gradient(112deg,
            rgba(255, 255, 255, 0) 26%,
            rgba(255, 205, 159, 0.16) 48%,
            rgba(255, 255, 255, 0) 64%);
    pointer-events: none;
    animation: fikirinAccentSweep 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-i::before {
    left: 50%;
    top: -0.56em;
    width: 0.76em;
    height: 0.56em;
    background: linear-gradient(180deg, #ff9d42 0%, #ff7a1f 100%);
    transform: translateX(-50%);
    animation: fikirinGlowFloat 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-i::after {
    left: 56%;
    top: -0.12em;
    width: 0.18em;
    height: 0.18em;
    background: rgba(14, 18, 25, 0.98);
    border-radius: 999px;
    box-shadow: none;
    transform: translateX(-50%);
}

.brand-wordmark-only:hover .brand-wordmark-base {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f2 58%, #ecd8ca 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.transit-wordmark-base {
    background: linear-gradient(180deg, #fffefc 0%, #fff5ea 54%, #f2ded0 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}

.transit-wordmark {
    font-family: "Baloo 2", "Nunito", "DM Sans", sans-serif;
    letter-spacing: -0.065em;
}

.transit-wordmark-accent-cluster {
    position: relative;
}

.transit-wordmark-accent {
    background: linear-gradient(180deg, #ffb057 0%, #ff8527 46%, #ff6a14 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: fikirinAccentGlow 3.8s ease-in-out infinite;
}

.transit-wordmark-accent-cluster::after {
    content: "";
    position: absolute;
    inset: -0.16em -0.08em -0.02em;
    background: linear-gradient(112deg,
            rgba(255, 255, 255, 0) 26%,
            rgba(255, 205, 159, 0.16) 48%,
            rgba(255, 255, 255, 0) 64%);
    pointer-events: none;
    animation: fikirinAccentSweep 4.8s ease-in-out infinite;
}

.transit-wordmark-i::before {
    left: 50%;
    top: -0.54em;
    width: 0.72em;
    height: 0.52em;
    background: linear-gradient(180deg, #ff9d42 0%, #ff7a1f 100%);
    transform: translateX(-50%);
    animation: fikirinGlowFloat 4.8s ease-in-out infinite;
}

.transit-wordmark-i::after {
    left: 56%;
    top: -0.12em;
    width: 0.16em;
    height: 0.16em;
    background: rgba(7, 10, 16, 0.98);
    border-radius: 999px;
    box-shadow: none;
    transform: translateX(-50%);
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only .brand-wordmark-accent,
    .brand-wordmark-only .brand-wordmark-accent-cluster::after,
    .transit-wordmark-accent,
    .transit-wordmark-accent-cluster::after {
        animation: none !important;
    }
}

/* Fikirin Reference Lock */
.brand-wordmark-only .brand-copy {
    padding: 0.34rem 0.92rem 0.42rem;
    border-radius: 1.12rem;
    border: 1px solid rgba(87, 107, 131, 0.34);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.035), transparent 42%),
        linear-gradient(180deg, rgba(13, 20, 29, 0.96), rgba(8, 13, 20, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 28px rgba(0, 0, 0, 0.28);
}

.brand-wordmark-only .brand-copy::after {
    inset: -12% -42%;
    background: linear-gradient(116deg,
            rgba(255, 255, 255, 0) 34%,
            rgba(255, 255, 255, 0.05) 47%,
            rgba(255, 160, 92, 0.1) 55%,
            rgba(255, 255, 255, 0) 66%);
    opacity: 0.42;
}

.brand-wordmark-only .brand-wordmark {
    font-family: "Nunito", "DM Sans", sans-serif;
    font-size: clamp(1.92rem, 2.18vw, 2.7rem);
    font-weight: 900;
    line-height: 0.82;
    letter-spacing: -0.092em;
}

.site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.26rem, 2.56vw, 3.12rem);
}

.home-page .site-header .brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.34rem, 2.66vw, 3.2rem);
}

.mobile-nav-brand-block .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.9rem, 6.8vw, 2.38rem);
}

.footer-brand .brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.74rem, 1.8vw, 2.12rem);
}

.brand-wordmark-only .brand-wordmark-base {
    background: none;
    color: #fff7ef;
    -webkit-text-fill-color: currentColor;
    text-shadow:
        0 10px 22px rgba(0, 0, 0, 0.26),
        0 0 7px rgba(255, 255, 255, 0.08);
}

.brand-wordmark-only .brand-wordmark-accent-cluster {
    margin-left: -0.03em;
}

.brand-wordmark-only .brand-wordmark-accent {
    background: none;
    color: #ff7a1f;
    -webkit-text-fill-color: currentColor;
    text-shadow:
        0 0 16px rgba(255, 122, 31, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.22);
}

.brand-wordmark-only .brand-wordmark-accent-cluster::before {
    content: "";
    position: absolute;
    right: 0.02em;
    top: -0.88em;
    width: 0.82em;
    height: 0.58em;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9f44 0%, #ff7a1f 100%);
    box-shadow:
        0 12px 22px rgba(255, 122, 35, 0.22),
        inset 0 1px 0 rgba(255, 232, 206, 0.2);
    animation: fikirinGlowFloat 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-accent-cluster::after {
    inset: -0.12em -0.12em -0.02em;
    background:
        radial-gradient(circle at 76% 12%, rgba(255, 159, 68, 0.95) 0 0.36em, transparent 0.38em),
        linear-gradient(112deg,
            rgba(255, 255, 255, 0) 28%,
            rgba(255, 214, 174, 0.14) 49%,
            rgba(255, 255, 255, 0) 64%);
    animation: fikirinAccentSweep 4.8s ease-in-out infinite;
}

.brand-wordmark-only .brand-wordmark-i::before,
.brand-wordmark-only .brand-wordmark-i::after {
    content: none;
}

.transit-wordmark {
    font-family: "Nunito", "DM Sans", sans-serif;
    font-size: 1.82rem;
    font-weight: 900;
    line-height: 0.82;
    letter-spacing: -0.092em;
}

.transit-wordmark-base {
    background: none;
    color: #fff7ef;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}

.transit-wordmark-accent {
    background: none;
    color: #ff7a1f;
    -webkit-text-fill-color: currentColor;
    text-shadow:
        0 0 14px rgba(255, 122, 31, 0.16),
        0 8px 18px rgba(0, 0, 0, 0.2);
}

.transit-wordmark-accent-cluster::before {
    content: "";
    position: absolute;
    right: 0.02em;
    top: -0.86em;
    width: 0.78em;
    height: 0.54em;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9f44 0%, #ff7a1f 100%);
    box-shadow:
        0 10px 18px rgba(255, 122, 35, 0.2),
        inset 0 1px 0 rgba(255, 232, 206, 0.18);
    animation: fikirinGlowFloat 4.8s ease-in-out infinite;
}

.transit-wordmark-accent-cluster::after {
    inset: -0.12em -0.12em -0.02em;
    background:
        radial-gradient(circle at 76% 12%, rgba(255, 159, 68, 0.95) 0 0.32em, transparent 0.34em),
        linear-gradient(112deg,
            rgba(255, 255, 255, 0) 28%,
            rgba(255, 214, 174, 0.14) 49%,
            rgba(255, 255, 255, 0) 64%);
    animation: fikirinAccentSweep 4.8s ease-in-out infinite;
}

.transit-wordmark-i::before,
.transit-wordmark-i::after {
    content: none;
}

@media (max-width: 760px) {
    .brand-wordmark-only .brand-copy {
        padding: 0.26rem 0.7rem 0.34rem;
        border-radius: 1rem;
    }

    .home-page .site-header .brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.82rem, 6.9vw, 2.18rem);
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand-wordmark-only .brand-wordmark-accent-cluster::before,
    .transit-wordmark-accent-cluster::before {
        animation: none !important;
    }
}

/* Fikirin Stable Logo Fix */
.brand.brand-wordmark-only .brand-copy::after {
    content: none !important;
}

.brand.brand-wordmark-only .brand-copy {
    padding: 0.34rem 0.94rem 0.44rem !important;
    border-radius: 1.14rem !important;
    border: 1px solid rgba(76, 98, 124, 0.34) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.03), transparent 42%),
        linear-gradient(180deg, rgba(13, 20, 29, 0.97), rgba(8, 13, 20, 0.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 28px rgba(0, 0, 0, 0.28) !important;
}

.brand.brand-wordmark-only .brand-wordmark,
.transit-wordmark {
    display: inline-flex !important;
    align-items: flex-end !important;
    gap: 0 !important;
    font-family: "Nunito", "DM Sans", sans-serif !important;
    font-weight: 900 !important;
    line-height: 0.84 !important;
    letter-spacing: -0.095em !important;
}

.site-header .brand.brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.26rem, 2.58vw, 3.14rem) !important;
}

.home-page .site-header .brand.brand-wordmark-only .brand-wordmark {
    font-size: clamp(2.36rem, 2.72vw, 3.24rem) !important;
}

.mobile-nav-brand-block .brand.brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.94rem, 6.9vw, 2.42rem) !important;
}

.footer-brand .brand.brand-wordmark-only .brand-wordmark {
    font-size: clamp(1.76rem, 1.86vw, 2.14rem) !important;
}

.brand.brand-wordmark-only .brand-wordmark-base,
.transit-wordmark-base {
    display: inline-block !important;
    background: none !important;
    color: #fff8f0 !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #fff8f0 !important;
    text-shadow:
        0 10px 22px rgba(0, 0, 0, 0.24),
        0 0 7px rgba(255, 255, 255, 0.08) !important;
}

.brand.brand-wordmark-only .brand-wordmark-accent-cluster,
.transit-wordmark-accent-cluster {
    position: relative !important;
    display: inline-flex !important;
    align-items: flex-end !important;
    margin-left: -0.03em !important;
    overflow: visible !important;
}

.brand.brand-wordmark-only .brand-wordmark-accent-cluster::before,
.brand.brand-wordmark-only .brand-wordmark-accent-cluster::after,
.brand.brand-wordmark-only .brand-wordmark-i::before,
.brand.brand-wordmark-only .brand-wordmark-i::after,
.transit-wordmark-accent-cluster::before,
.transit-wordmark-accent-cluster::after,
.transit-wordmark-i::before,
.transit-wordmark-i::after {
    content: none !important;
}

.brand.brand-wordmark-only .brand-wordmark-accent,
.transit-wordmark-accent {
    display: inline-block !important;
    background: none !important;
    color: #ff7a1f !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #ff7a1f !important;
    font-style: italic !important;
    text-shadow:
        0 0 16px rgba(255, 122, 31, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.22) !important;
    animation: fikirinAccentGlow 3.8s ease-in-out infinite;
}

.brand.brand-wordmark-only .brand-wordmark-bubble,
.transit-wordmark-bubble {
    position: absolute;
    right: 0.18em;
    top: -0.84em;
    width: 0.82em;
    height: 0.58em;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffa54a 0%, #ff7a1f 100%);
    box-shadow:
        0 12px 22px rgba(255, 122, 35, 0.22),
        inset 0 1px 0 rgba(255, 232, 206, 0.2);
    animation: fikirinGlowFloat 4.8s ease-in-out infinite;
    pointer-events: none;
}

.brand.brand-wordmark-only .brand-wordmark-bubble::after,
.transit-wordmark-bubble::after {
    content: "";
    position: absolute;
    left: 0.16em;
    bottom: -0.05em;
    width: 0.16em;
    height: 0.16em;
    border-radius: 0 0 0.06em 0;
    background: #ff7a1f;
    transform: rotate(34deg);
}

.transit-wordmark {
    font-size: 1.84rem !important;
}

.transit-wordmark-bubble {
    right: 0.16em;
    top: -0.82em;
    width: 0.78em;
    height: 0.54em;
}

@media (max-width: 760px) {
    .brand.brand-wordmark-only .brand-copy {
        padding: 0.28rem 0.74rem 0.36rem !important;
        border-radius: 1rem !important;
    }

    .home-page .site-header .brand.brand-wordmark-only .brand-wordmark {
        font-size: clamp(1.84rem, 7vw, 2.22rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .brand.brand-wordmark-only .brand-wordmark-accent,
    .brand.brand-wordmark-only .brand-wordmark-bubble,
    .transit-wordmark-accent,
    .transit-wordmark-bubble {
        animation: none !important;
    }
}

/* Fikirin Stable Logo Motion */
@keyframes stableLogoBreath {

    0%,
    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.16));
    }

    50% {
        transform: translateY(-1px) scale(1.012);
        filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.2));
    }
}

@keyframes stableLogoPanelGlow {

    0%,
    100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.05),
            0 14px 28px rgba(0, 0, 0, 0.28);
    }

    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 16px 34px rgba(0, 0, 0, 0.32),
            0 0 20px rgba(255, 122, 31, 0.09);
    }
}

@keyframes stableAccentWave {

    0%,
    100% {
        transform: translateY(0) skewX(-12deg) rotate(-5deg) scale(1);
        text-shadow:
            0 0 10px rgba(255, 122, 31, 0.12),
            0 10px 22px rgba(0, 0, 0, 0.22);
    }

    50% {
        transform: translateY(-2px) skewX(-15deg) rotate(-7deg) scale(1.06);
        text-shadow:
            0 0 24px rgba(255, 122, 31, 0.32),
            0 12px 24px rgba(0, 0, 0, 0.24);
    }
}

@keyframes stableBubblePulse {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow:
            0 12px 22px rgba(255, 122, 35, 0.22),
            inset 0 1px 0 rgba(255, 232, 206, 0.2);
    }

    50% {
        transform: translate3d(0, -2px, 0) scale(1.06);
        box-shadow:
            0 16px 28px rgba(255, 122, 35, 0.28),
            0 0 0 0.3rem rgba(255, 122, 31, 0.08),
            inset 0 1px 0 rgba(255, 232, 206, 0.24);
    }
}

@keyframes stableBubbleHalo {

    0%,
    100% {
        opacity: 0.22;
        transform: scale(0.92);
    }

    50% {
        opacity: 0.48;
        transform: scale(1.14);
    }
}

.brand.brand-wordmark-only .brand-copy {
    position: relative;
    animation: stableLogoPanelGlow 5.2s ease-in-out infinite;
}

.brand.brand-wordmark-only .brand-copy::before {
    content: "";
    position: absolute;
    right: 0.4rem;
    top: 0.22rem;
    width: 2.5rem;
    height: 1.8rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 122, 31, 0.18), rgba(255, 122, 31, 0));
    pointer-events: none;
    filter: blur(8px);
    animation: stableBubbleHalo 4.8s ease-in-out infinite;
}

.brand.brand-wordmark-only .brand-wordmark,
.transit-wordmark {
    animation: stableLogoBreath 5.4s ease-in-out infinite;
}

.brand.brand-wordmark-only .brand-wordmark-accent,
.transit-wordmark-accent {
    animation: stableAccentWave 3.2s ease-in-out infinite;
    font-style: italic !important;
    transform-origin: left bottom;
    will-change: transform;
}

.brand.brand-wordmark-only .brand-wordmark-bubble,
.transit-wordmark-bubble {
    animation: stableBubblePulse 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {

    .brand.brand-wordmark-only .brand-copy,
    .brand.brand-wordmark-only .brand-copy::before,
    .brand.brand-wordmark-only .brand-wordmark,
    .brand.brand-wordmark-only .brand-wordmark-accent,
    .brand.brand-wordmark-only .brand-wordmark-bubble,
    .transit-wordmark,
    .transit-wordmark-accent,
    .transit-wordmark-bubble {
        animation: none !important;
    }
}

/* Fikirin Home Feed Reference Refresh */

@keyframes homeFeedPanelGlow {

    0%,
    100% {
        box-shadow:
            0 22px 48px rgba(0, 0, 0, 0.3),
            0 0 0 1px rgba(255, 136, 61, 0.04);
    }

    50% {
        box-shadow:
            0 28px 60px rgba(0, 0, 0, 0.38),
            0 0 0 1px rgba(255, 136, 61, 0.12),
            0 0 34px rgba(255, 118, 31, 0.1);
    }
}

@keyframes homeFeedSweep {
    0% {
        transform: translateX(-130%);
        opacity: 0;
    }

    18% {
        opacity: 0.18;
    }

    42% {
        opacity: 0.28;
    }

    100% {
        transform: translateX(160%);
        opacity: 0;
    }
}

@keyframes homeCountPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.04);
    }
}

.home-page .page-shell {
    padding-top: 0.35rem;
}

.home-page .site-header {
    padding-bottom: 0.45rem;
}

.home-page .site-header-pill {
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 1rem;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    white-space: nowrap;
}

.home-page .site-header-inner {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: 0.92rem 1rem 0.92rem 1.12rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 149, 79, 0.12);
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 124, 44, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(18, 16, 24, 0.98), rgba(10, 10, 14, 0.96));
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-page .site-header-branding {
    gap: 0.9rem;
    flex-wrap: wrap;
}

.home-page .nav-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
}

.home-page .site-header .search-wrapper {
    width: 100%;
    flex: 1 1 auto;
}

.home-page .site-header .search-shell {
    min-height: 3.25rem;
    padding: 0.24rem 0.34rem 0.24rem 1rem;
    border-radius: 1rem;
    border-color: rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(26, 24, 34, 0.96), rgba(20, 19, 28, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 18px rgba(0, 0, 0, 0.18);
}

.home-page .site-header .search-shell input {
    color: #f5eee7;
}

.home-page .site-header .search-shell input::placeholder {
    color: #93859a;
}

.home-page .site-header .search-shell button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 4.9rem;
}

.header-utility-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.62rem;
}

.home-page .header-utility-actions .button-link,
.home-page .header-utility-actions .ghost-link {
    min-height: 3rem;
    padding: 0 1.12rem;
    width: auto;
    white-space: nowrap;
}

.home-page .header-action-link {
    background: linear-gradient(135deg, #ff6b1c 0%, #ff9342 100%) !important;
    color: #170902 !important;
    box-shadow: 0 18px 32px rgba(255, 110, 28, 0.24);
}

.home-page .header-signup-link {
    background: linear-gradient(135deg, #ff6f22 0%, #ff9b4f 100%) !important;
    color: #1b0902 !important;
    box-shadow: 0 18px 32px rgba(255, 110, 28, 0.26);
}

.home-page .header-secondary-link {
    background: rgba(255, 255, 255, 0.03);
}

.home-page[data-authenticated="false"] .home-reference-shell.home-feed-shell {
    gap: 1.15rem;
    padding-bottom: 2.4rem;
}

.home-page[data-authenticated="false"] .home-manifesto-shell {
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr);
    min-height: clamp(31rem, 72vh, 42rem);
    align-items: stretch;
}

.home-page[data-authenticated="false"] .home-manifesto-copy {
    justify-content: center;
    padding: 1.8rem 1.7rem;
    background:
        linear-gradient(180deg, rgba(17, 17, 24, 0.86), rgba(11, 11, 17, 0.66));
}

.home-page[data-authenticated="false"] .home-manifesto-copy h1 {
    max-width: 10ch;
    font-size: clamp(3.35rem, 6.2vw, 6.15rem);
    letter-spacing: -0.06em;
}

.home-page[data-authenticated="false"] [data-liquid-text] {
    display: grid;
    gap: 0.08em;
}

.home-page[data-authenticated="false"] [data-liquid-text] span {
    display: block;
}

.home-page[data-authenticated="false"] .home-manifesto-copy p {
    max-width: 39rem;
    color: #d5cfda;
    font-size: 1.04rem;
}

.home-page[data-authenticated="false"] .home-manifesto-meta {
    margin-top: 0.25rem;
}

.home-page[data-authenticated="false"] .home-manifesto-board {
    gap: 0.85rem;
    justify-content: center;
}

.home-page[data-authenticated="false"] .home-manifesto-panel {
    text-decoration: none;
    color: inherit;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.home-page[data-authenticated="false"] .home-manifesto-panel:hover,
.home-page[data-authenticated="false"] .home-manifesto-panel:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(255, 146, 74, 0.22);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24);
}

.home-page[data-authenticated="false"] .home-manifesto-panel.is-primary {
    min-height: 17rem;
    animation: none;
}

.home-page[data-authenticated="false"] .home-manifesto-signal-row {
    justify-content: space-between;
}

.home-page[data-authenticated="false"] .home-manifesto-signal {
    flex: 1 1 0;
    min-width: 0;
}

.home-page[data-authenticated="false"] .home-manifesto-note {
    max-width: 42rem;
}

.home-page[data-authenticated="false"] .home-manifesto-copy .home-manifesto-note {
    margin-top: 0.15rem;
}

.home-page[data-authenticated="false"] .home-manifesto-board>.home-manifesto-note {
    max-width: none;
    margin: 0;
    color: #f4d6c3;
    border-color: rgba(255, 142, 74, 0.16);
    background: rgba(255, 124, 44, 0.08);
}

.home-page[data-authenticated="false"] .home-manifesto-highlights,
.home-page[data-authenticated="false"] .home-manifesto-signal-row {
    display: none;
}

.header-icon-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    height: 3rem;
    padding: 0 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(36, 33, 45, 0.96), rgba(22, 21, 30, 0.94));
    color: #f6eee7;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 18px rgba(0, 0, 0, 0.18);
}

.header-icon-pill:hover {
    color: #fff7f0;
    border-color: rgba(255, 150, 76, 0.22);
    transform: translateY(-2px);
}

.header-icon-pill-symbol {
    font-size: 1rem;
    line-height: 1;
}

.header-icon-pill-count {
    position: absolute;
    right: 0.3rem;
    top: 0.22rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff6b1c 0%, #ff9f50 100%);
    color: #150701;
    font-size: 0.68rem;
    font-weight: 900;
    box-shadow: 0 10px 18px rgba(255, 111, 26, 0.2);
}

.home-page .home-reference-shell.home-feed-shell {
    display: grid;
    gap: 0.95rem;
    padding-bottom: 3rem;
}

.home-page .home-reference-band,
.home-page .home-reference-composer,
.home-page .home-reference-feed,
.home-page .home-reference-panel,
.home-page .home-reference-card {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(22, 21, 31, 0.98), rgba(15, 15, 22, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-page .home-reference-band::before,
.home-page .home-reference-composer::before,
.home-page .home-reference-feed::before,
.home-page .home-reference-panel::before,
.home-page .home-reference-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -30%;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(255, 141, 68, 0.08), transparent);
    pointer-events: none;
    animation: homeFeedSweep 11s linear infinite;
}

.home-page .home-reference-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: stretch;
    padding: 0.85rem 1rem;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(255, 118, 31, 0.1), transparent 22%),
        linear-gradient(180deg, rgba(28, 19, 21, 0.98), rgba(18, 15, 20, 0.98));
    animation: homeFeedPanelGlow 8.5s ease-in-out infinite;
}

.home-page .home-reference-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7rem;
}

.home-page .home-reference-metric {
    position: relative;
    min-height: 5rem;
    padding: 0.75rem 0.9rem 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01));
}

.home-page .home-reference-metric:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.home-page .home-reference-metric strong {
    display: block;
    font: 800 clamp(1.8rem, 2vw, 2.4rem) "Syne", sans-serif;
    letter-spacing: -0.07em;
    line-height: 0.95;
}

.home-page .home-reference-metric span {
    display: block;
    margin-top: 0.18rem;
    color: #b1a7b7;
    font-size: 0.92rem;
}

.home-page .home-reference-metric:nth-child(1) strong,
.home-page .home-reference-metric:nth-child(2) strong {
    color: #f5ede6;
}

.home-page .home-reference-metric:nth-child(3) strong {
    color: #ffb347;
}

.home-page .home-reference-metric:nth-child(4) strong {
    color: #4de089;
}

.home-page .home-reference-metric:nth-child(5) strong {
    color: #41d6ff;
}

.home-page .home-reference-metric-highlight {
    background:
        radial-gradient(circle at 10% 0%, rgba(65, 214, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255, 120, 29, 0.08), rgba(255, 120, 29, 0.02));
}

.home-page .home-reference-membership {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    min-width: min(23rem, 100%);
    padding: 0.88rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 141, 68, 0.12);
    background:
        radial-gradient(circle at right, rgba(255, 126, 44, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(44, 22, 17, 0.78), rgba(20, 16, 18, 0.9));
}

.home-page .home-reference-membership-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    background: rgba(255, 118, 29, 0.12);
    color: #ffb071;
    font-size: 1rem;
}

.home-page .home-reference-membership-copy strong,
.home-page .home-reference-membership-copy span {
    display: block;
}

.home-page .home-reference-membership-copy strong {
    color: #f6ede7;
    font-size: 0.98rem;
}

.home-page .home-reference-membership-copy span {
    margin-top: 0.15rem;
    color: #9a8890;
    font-size: 0.88rem;
}

.home-page .home-reference-membership-status {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #e8d8ca;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-page .home-reference-membership-status::before {
    content: "";
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: #49df87;
    box-shadow: 0 0 0 0.35rem rgba(73, 223, 135, 0.1);
}

.home-page .home-reference-category-strip,
.home-page .home-reference-filter-strip {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    overflow-x: auto;
    padding: 0.55rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background:
        linear-gradient(180deg, rgba(24, 22, 31, 0.98), rgba(17, 16, 24, 0.98));
    box-shadow:
        0 18px 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding-bottom: 0.1rem;
    scrollbar-width: none;
}

.home-page .home-reference-category-strip::-webkit-scrollbar,
.home-page .home-reference-filter-strip::-webkit-scrollbar {
    display: none;
}

.home-page .home-reference-category-pill,
.home-page .home-reference-filter-pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    padding: 0 1rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(32, 30, 41, 0.96), rgba(22, 21, 30, 0.94));
    color: #bbb0c0;
    white-space: nowrap;
    transition: transform 0.24s ease, border-color 0.24s ease, color 0.24s ease, background 0.24s ease;
}

.home-page .home-reference-category-pill:hover,
.home-page .home-reference-filter-pill:hover {
    color: #fff2e8;
    border-color: rgba(255, 150, 76, 0.2);
    transform: translateY(-2px);
}

.home-page .home-reference-category-pill.is-active,
.home-page .home-reference-filter-pill.is-active {
    border-color: rgba(255, 152, 76, 0.26);
    background:
        linear-gradient(135deg, rgba(255, 111, 26, 0.94), rgba(255, 151, 77, 0.84));
    color: #170902;
    box-shadow: 0 18px 30px rgba(255, 111, 26, 0.22);
}

.home-page .home-reference-category-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--category-color, #ff7b2b);
    box-shadow: 0 0 0 0.3rem rgba(255, 123, 43, 0.1);
}

.home-page .home-reference-filter-strip {
    justify-content: space-between;
    gap: 1rem;
}

.home-page .home-reference-filter-pills {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.home-page .home-reference-filter-pills::-webkit-scrollbar {
    display: none;
}

.home-page .home-reference-filter-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin-left: auto;
    white-space: nowrap;
}

.home-page .home-reference-filter-note {
    color: #928398;
    font-size: 0.88rem;
}

.home-page .home-reference-live-count {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #f3e6da;
    font-size: 0.78rem;
    font-weight: 800;
}

.home-page .home-reference-live-count.is-bump {
    animation: homeCountPulse 0.42s ease;
}

.home-page .home-reference-live-toggle {
    min-height: 2.2rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    white-space: nowrap;
}

.home-page .home-reference-composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 1.25rem;
}

.home-page .home-reference-composer-main {
    min-width: 0;
}

.home-page .home-reference-composer-copy {
    display: grid;
    gap: 0.32rem;
}

.home-page .home-reference-composer-copy strong {
    color: #f8f1eb;
    font: 800 clamp(1.05rem, 1.6vw, 1.3rem) "Syne", sans-serif;
    letter-spacing: -0.03em;
}

.home-page .home-reference-composer-copy p {
    margin: 0;
    color: #9c8f96;
    font-size: 0.92rem;
}

.home-page .home-reference-composer-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    flex: 0 0 auto;
}

.home-page .home-reference-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 19rem;
    gap: 1rem;
    align-items: start;
}

.home-page .home-reference-feed {
    padding: 1rem;
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(18, 17, 26, 0.99), rgba(12, 12, 18, 0.99));
}

.home-page .home-reference-feed-body {
    display: grid;
    gap: 0.9rem;
}

.home-page .home-reference-feed-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1.05rem;
    background:
        linear-gradient(180deg, rgba(34, 20, 21, 0.5), rgba(20, 18, 27, 0.72));
}

.home-page .home-reference-feed-intro-copy {
    display: grid;
    gap: 0.38rem;
    max-width: 48rem;
}

.home-page .home-reference-feed-intro-copy h1 {
    margin: 0;
    color: #faf3ee;
    font: 800 clamp(1.45rem, 2.2vw, 2.2rem) "Syne", sans-serif;
    letter-spacing: -0.05em;
}

.home-page .home-reference-feed-intro-copy p {
    margin: 0;
    color: #beb1bc;
    font-size: 0.95rem;
}

.home-page .home-reference-feed-intro-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    flex: 0 0 auto;
}

.home-page .home-reference-result-note {
    color: #b5a59a;
    font-size: 0.84rem;
}

.home-page .home-reference-card {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.15rem 0.95rem;
    border-radius: 1.3rem;
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.06), transparent 20%),
        linear-gradient(180deg, rgba(24, 22, 34, 0.99), rgba(17, 17, 25, 0.99));
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.home-page .home-reference-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 148, 79, 0.16);
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.32),
        0 0 34px rgba(255, 111, 26, 0.1);
}

.home-page .home-reference-card.is-hero {
    border-color: rgba(255, 154, 86, 0.18);
}

.home-page .home-reference-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.home-page .home-reference-author {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    min-width: 0;
}

.home-page .home-reference-avatar,
.home-page .home-reference-mini-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 999px;
    font-weight: 900;
    color: #fff7ef;
}

.home-page .home-reference-avatar {
    width: 2.65rem;
    height: 2.65rem;
    background: linear-gradient(135deg, #23caee 0%, #0aa2d7 100%);
    box-shadow: 0 14px 24px rgba(35, 202, 238, 0.16);
}

.home-page .home-reference-avatar img,
.home-page .home-reference-mini-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-page .home-reference-author-copy {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.home-page .home-reference-author-line {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    color: #8e8398;
    font-size: 0.92rem;
}

.home-page .home-reference-author-line strong {
    color: #e6dff0;
    font-weight: 800;
}

.home-page .home-reference-verified {
    color: #66cbff;
    font-size: 0.92rem;
}

.home-page .home-reference-author-sep {
    opacity: 0.55;
}

.home-page .home-reference-chip-row,
.home-page .home-reference-card-head-meta {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.home-page .home-reference-chip,
.home-page .home-reference-rank-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.72rem;
    border-radius: 0.7rem;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.home-page .home-reference-chip {
    border: 1px solid rgba(72, 193, 255, 0.14);
    background: rgba(18, 88, 122, 0.32);
    color: #7ae0ff;
}

.home-page .home-reference-chip-category {
    border-color: color-mix(in srgb, var(--category-color) 45%, transparent);
    background: color-mix(in srgb, var(--category-color) 18%, rgba(255, 255, 255, 0.03));
    color: color-mix(in srgb, var(--category-color) 72%, #ffffff);
}

.home-page .home-reference-rank-badge {
    border: 1px solid rgba(255, 177, 84, 0.16);
    background: rgba(64, 42, 20, 0.5);
    color: #ffbc74;
}

.home-page .home-reference-rank-badge.is-green {
    border-color: rgba(77, 224, 137, 0.16);
    background: rgba(17, 59, 38, 0.46);
    color: #63ec97;
}

.home-page .home-reference-card-body {
    position: relative;
    min-height: 11.25rem;
    padding-right: 0.5rem;
}

.home-page .home-reference-card-title {
    margin: 0;
    color: #f6efe8;
    font: 800 clamp(1.15rem, 1.6vw, 1.52rem) "Syne", sans-serif;
    letter-spacing: -0.04em;
}

.home-page .home-reference-card-title a {
    color: inherit;
}

.home-page .home-reference-card-summary {
    margin: 0.7rem 0 0;
    max-width: 52rem;
    color: #b9afbe;
    font-size: 1rem;
    line-height: 1.7;
}

.home-page .home-reference-locked-preview {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 3.2rem 1rem 0.2rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(15, 15, 22, 0) 0%, rgba(15, 15, 22, 0.84) 35%, rgba(15, 15, 22, 0.98) 100%);
}

.home-page .home-reference-locked-preview-copy strong,
.home-page .home-reference-locked-preview-copy small {
    display: block;
}

.home-page .home-reference-locked-preview-copy strong {
    color: #fff4ea;
    font-size: 0.98rem;
}

.home-page .home-reference-locked-preview-copy small {
    margin-top: 0.2rem;
    color: #9f8b95;
}

.home-page .home-reference-locked-preview .button-link {
    width: auto;
}

.home-page .home-reference-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.home-page .home-reference-score-box {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.55rem;
    padding: 0 0.82rem;
    border-radius: 0.88rem;
    border: 1px solid rgba(255, 128, 46, 0.18);
    background: rgba(32, 22, 18, 0.62);
    color: #ffd1a9;
}

.home-page .home-reference-score-box strong {
    color: #fff2e7;
    font: 800 1.12rem "Syne", sans-serif;
}

.home-page .home-reference-action-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    color: #8d8296;
}

.home-page .home-reference-action-row a {
    color: #a89bc0;
}

.home-page .home-reference-sidebar {
    position: sticky;
    top: 6.4rem;
    display: grid;
    gap: 0.9rem;
}

.home-page .home-reference-panel {
    padding: 1rem;
    border-radius: 1.25rem;
}

.home-page .home-reference-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

.home-page .home-reference-panel-head h3 {
    margin: 0;
    color: #fbf3ec;
    font: 800 1.22rem "Syne", sans-serif;
    letter-spacing: -0.04em;
}

.home-page .home-reference-panel p {
    margin: 0 0 1rem;
    color: #b3a8b3;
    line-height: 1.65;
}

.home-page .home-reference-sidebar-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    overflow: hidden;
}

.home-page .home-reference-sidebar-metrics article {
    padding: 0.9rem 0.95rem;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.home-page .home-reference-sidebar-metrics article:nth-child(2n) {
    border-right: 0;
}

.home-page .home-reference-sidebar-metrics article:nth-last-child(-n+2) {
    border-bottom: 0;
}

.home-page .home-reference-sidebar-metrics strong,
.home-page .home-reference-ranking-index {
    font: 800 1.55rem "Syne", sans-serif;
    letter-spacing: -0.06em;
}

.home-page .home-reference-sidebar-metrics article:nth-child(1) strong,
.home-page .home-reference-sidebar-metrics article:nth-child(3) strong {
    color: #f6eee8;
}

.home-page .home-reference-sidebar-metrics article:nth-child(2) strong {
    color: #ffb34e;
}

.home-page .home-reference-sidebar-metrics article:nth-child(4) strong {
    color: #4de089;
}

.home-page .home-reference-sidebar-metrics span {
    display: block;
    margin-top: 0.15rem;
    color: #91859a;
    font-size: 0.84rem;
}

.home-page .home-reference-ranking-list,
.home-page .home-reference-sidebar-list,
.home-page .home-reference-investor-list {
    display: grid;
    gap: 0.2rem;
}

.home-page .home-reference-ranking-item,
.home-page .home-reference-sidebar-item,
.home-page .home-reference-investor-item {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 0.85rem 0.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.home-page .home-reference-ranking-item:last-child,
.home-page .home-reference-sidebar-item:last-child,
.home-page .home-reference-investor-item:last-child {
    border-bottom: 0;
}

.home-page .home-reference-ranking-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    color: #ffb450;
    flex: 0 0 auto;
}

.home-page .home-reference-ranking-copy,
.home-page .home-reference-investor-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.home-page .home-reference-ranking-copy strong,
.home-page .home-reference-sidebar-item strong,
.home-page .home-reference-investor-copy strong {
    color: #f5ece5;
    font-size: 0.98rem;
    line-height: 1.45;
}

.home-page .home-reference-ranking-copy small,
.home-page .home-reference-sidebar-item small,
.home-page .home-reference-investor-copy small,
.home-page .home-reference-sidebar-empty {
    color: #ab9faf;
    font-size: 0.88rem;
    line-height: 1.55;
}

.home-page .home-reference-mini-avatar {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    background: linear-gradient(135deg, #ff981f 0%, #ff6d33 100%);
    box-shadow: 0 14px 24px rgba(255, 111, 26, 0.16);
}

.home-page .home-reference-investor-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0 0.7rem;
    border-radius: 0.72rem;
    background: rgba(73, 55, 28, 0.5);
    color: #ffc06f;
    font-size: 0.76rem;
    font-weight: 800;
}

.home-page .home-reference-sidebar-empty {
    padding: 0.4rem 0.1rem 0;
}

.home-page .home-reference-side-tag {
    min-height: 1.8rem;
    padding: 0 0.72rem;
    border-radius: 0.72rem;
    border: 1px solid rgba(255, 145, 76, 0.16);
    background: rgba(255, 110, 28, 0.1);
    color: #ffbc74;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.home-page .home-reference-side-tag.is-green {
    border-color: rgba(77, 224, 137, 0.14);
    background: rgba(24, 92, 54, 0.28);
    color: #5ceb97;
}

@media (max-width: 1240px) {
    .home-page .home-reference-layout {
        grid-template-columns: minmax(0, 1fr) 17.5rem;
    }

    .home-page .home-reference-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .home-page .nav-actions {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .home-page .header-utility-actions {
        display: none;
    }

    .home-page .home-reference-band {
        grid-template-columns: 1fr;
    }

    .home-page .home-reference-membership {
        min-width: 0;
    }

    .home-page .home-reference-layout {
        grid-template-columns: 1fr;
    }

    .home-page .home-reference-sidebar {
        position: static;
    }
}

@media (max-width: 820px) {

    .home-page .home-reference-filter-strip,
    .home-page .home-reference-feed-intro,
    .home-page .home-reference-composer {
        flex-direction: column;
        align-items: stretch;
    }

    .home-page .home-reference-filter-meta,
    .home-page .home-reference-feed-intro-actions,
    .home-page .home-reference-composer-actions {
        margin-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .home-page .home-reference-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-reference-membership {
        grid-template-columns: auto 1fr;
    }

    .home-page .home-reference-membership-status {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .home-page .site-header-inner {
        padding: 0.84rem 0.9rem 0.84rem 0.96rem;
    }

    .home-page .home-reference-band,
    .home-page .home-reference-composer,
    .home-page .home-reference-feed,
    .home-page .home-reference-panel,
    .home-page .home-reference-card {
        border-radius: 1.05rem;
    }

    .home-page .home-reference-band,
    .home-page .home-reference-feed,
    .home-page .home-reference-panel {
        padding-inline: 0.88rem;
    }

    .home-page .home-reference-card {
        padding: 1rem 0.95rem 0.88rem;
    }

    .home-page .home-reference-card-head {
        flex-direction: column;
        align-items: stretch;
    }

    .home-page .home-reference-author {
        min-width: 0;
    }

    .home-page .home-reference-card-foot {
        flex-direction: column;
        align-items: stretch;
    }

    .home-page .home-reference-action-row {
        justify-content: space-between;
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-page .home-reference-band,
    .home-page .home-reference-band::before,
    .home-page .home-reference-composer::before,
    .home-page .home-reference-feed::before,
    .home-page .home-reference-panel::before,
    .home-page .home-reference-card::before {
        animation: none !important;
    }
}

/* Fikirin Home Typography Reset */

.home-page .home-reference-feed-intro-copy h1,
.home-page .home-reference-panel-head h3,
.home-page .home-reference-card-title,
.home-page .home-reference-composer-copy strong,
.home-page .home-reference-ranking-copy strong,
.home-page .home-reference-sidebar-item strong,
.home-page .home-reference-investor-copy strong,
.home-page .home-reference-membership-copy strong,
.home-page .home-reference-metric strong {
    font-family: "DM Sans", "Nunito", sans-serif;
    letter-spacing: -0.03em;
    text-transform: none;
}

.home-page .home-reference-feed-intro-copy h1 {
    font-size: clamp(1.32rem, 1.75vw, 1.72rem);
    font-weight: 800;
    line-height: 1.12;
}

.home-page .home-reference-panel-head h3 {
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.2;
}

.home-page .home-reference-composer-copy strong {
    font-size: clamp(1rem, 1.34vw, 1.14rem);
    font-weight: 700;
    line-height: 1.35;
}

.home-page .home-reference-card-title {
    font-size: clamp(1.08rem, 1.28vw, 1.28rem);
    font-weight: 800;
    line-height: 1.28;
}

.home-page .home-reference-metric strong {
    font-size: clamp(1.5rem, 1.65vw, 1.92rem);
    line-height: 1;
}

.home-page .home-reference-author-line,
.home-page .home-reference-chip,
.home-page .home-reference-rank-badge,
.home-page .home-reference-card-summary,
.home-page .home-reference-composer-copy p,
.home-page .home-reference-feed-intro-copy p,
.home-page .home-reference-panel p,
.home-page .home-reference-metric span,
.home-page .home-reference-membership-copy span,
.home-page .home-reference-membership-status,
.home-page .home-reference-result-note,
.home-page .home-reference-filter-note,
.home-page .home-reference-live-count,
.home-page .home-reference-ranking-copy small,
.home-page .home-reference-sidebar-item small,
.home-page .home-reference-investor-copy small,
.home-page .home-reference-sidebar-empty,
.home-page .home-reference-investor-badge,
.home-page .home-reference-side-tag,
.home-page .home-reference-filter-pill,
.home-page .home-reference-category-pill,
.home-page .home-reference-action-row,
.home-page .home-reference-locked-preview-copy strong,
.home-page .home-reference-locked-preview-copy small {
    font-family: "DM Sans", "Nunito", sans-serif;
    letter-spacing: -0.01em;
}

.home-page .home-reference-card-summary,
.home-page .home-reference-feed-intro-copy p,
.home-page .home-reference-panel p,
.home-page .home-reference-composer-copy p {
    color: #c7bdca;
}

.home-page .home-reference-author-line,
.home-page .home-reference-metric span,
.home-page .home-reference-membership-copy span,
.home-page .home-reference-result-note,
.home-page .home-reference-filter-note,
.home-page .home-reference-live-count,
.home-page .home-reference-ranking-copy small,
.home-page .home-reference-sidebar-item small,
.home-page .home-reference-investor-copy small,
.home-page .home-reference-sidebar-empty,
.home-page .home-reference-action-row {
    color: #b0a3b4;
}

.home-page .home-reference-chip,
.home-page .home-reference-rank-badge,
.home-page .home-reference-side-tag,
.home-page .home-reference-investor-badge,
.home-page .home-reference-membership-status {
    font-weight: 700;
}

/* Room Detail Fixes */

.premium-menu-toggle {
    display: none !important;
}

.room-detail-page .stream-layout-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.72rem;
    max-width: none;
    margin: 0;
    padding: 0.35rem 0 2rem;
}

.room-detail-page .stream-layout-container.stream-layout-container-solo {
    grid-template-columns: 1fr;
}

.room-detail-page .stream-viewport,
.room-detail-page .stream-sidebar,
.room-detail-page .sidebar-widgets {
    display: grid;
    gap: 1rem;
}

.room-detail-page .stream-player-mock {
    position: relative;
    display: grid;
    justify-items: stretch;
    min-height: 32rem;
    aspect-ratio: auto;
    padding: 1.2rem;
    border-radius: 1.5rem;
    align-items: stretch;
    justify-content: stretch;
    background:
        radial-gradient(circle at 85% 58%, rgba(255, 110, 26, 0.22), transparent 9%),
        radial-gradient(circle at top left, rgba(255, 130, 52, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(25, 30, 64, 0.98), rgba(25, 33, 66, 0.96));
    border: 1px solid rgba(255, 154, 86, 0.12);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.room-detail-page .stream-overlay {
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    align-items: center;
}

.room-detail-page .live-indicator,
.room-detail-page .tag-chip,
.room-detail-page .status-pill,
.room-detail-page .eyebrow {
    min-height: 2.45rem;
    padding: 0 0.9rem;
    border-radius: 1rem;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.room-detail-page .live-indicator {
    background: linear-gradient(135deg, rgba(255, 104, 60, 0.94), rgba(255, 134, 77, 0.9));
    box-shadow: 0 16px 28px rgba(255, 104, 60, 0.22);
}

.room-detail-page .tag-chip,
.room-detail-page .status-pill,
.room-detail-page .eyebrow {
    background: rgba(46, 37, 55, 0.72);
    border-color: rgba(255, 163, 92, 0.16);
    color: #f0d4b4;
}

.room-detail-page .tag-chip {
    justify-content: center;
    min-width: 7rem;
}

.room-detail-page .stream-content-focus {
    position: relative;
    z-index: 1;
    display: grid;
    justify-self: stretch;
    justify-items: stretch;
    align-content: center;
    gap: 0.78rem;
    width: 100%;
    max-width: none;
    padding-top: 3.8rem;
    text-align: left;
}

.room-detail-page .stream-copy-stack {
    display: grid;
    gap: 0.78rem;
    width: min(100%, 34rem);
    justify-self: start;
}

.room-detail-page .stream-title {
    margin: 0;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.7rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.06em;
    color: #ffe5c8;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
    overflow-wrap: anywhere;
}

.room-detail-page .stream-description {
    margin: 0;
    max-width: 30rem;
    color: #d0c3cf;
    font-size: 1rem;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.room-detail-page .stream-linked-idea {
    display: grid;
    gap: 0.55rem;
    width: min(100%, 18rem);
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 154, 86, 0.14);
    background:
        linear-gradient(180deg, rgba(31, 18, 14, 0.92), rgba(19, 15, 18, 0.92));
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2);
}

.room-detail-page .stream-linked-idea strong,
.room-detail-page .host-copy strong,
.room-detail-page .widget-heading h2,
.room-detail-page .chat-header h3 {
    font-family: "DM Sans", "Nunito", sans-serif;
    letter-spacing: -0.03em;
}

.room-detail-page .stream-linked-idea strong {
    color: #fff1e4;
    font-size: 1.2rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.room-detail-page .stream-linked-idea small {
    color: #c1b0b7;
    font-size: 0.92rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.room-detail-page .stream-linked-idea .ghost-link {
    width: auto;
}

.room-detail-page .stream-host-panel {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 150, 78, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.room-detail-page .host-info {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.room-detail-page .host-copy {
    display: grid;
    gap: 0.2rem;
}

.room-detail-page .host-copy strong {
    color: #fff1e5;
    font-size: 1.12rem;
    font-weight: 800;
}

.room-detail-page .host-copy small {
    color: #d3c4cb;
    font-size: 0.95rem;
}

.room-detail-page .host-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.room-detail-page .host-actions .button-link,
.room-detail-page .host-actions .ghost-link,
.room-detail-page .stream-meta-grid .button-link,
.room-detail-page .stream-meta-grid .ghost-link {
    width: auto;
}

.room-detail-page .stream-meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.room-detail-page .widget-card.glass-card,
.room-detail-page .chat-container.glass-card {
    border-radius: 1.35rem;
    border-color: rgba(255, 152, 84, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255, 125, 47, 0.06), transparent 26%),
        linear-gradient(180deg, rgba(24, 18, 17, 0.98), rgba(18, 16, 18, 0.97));
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.room-detail-page .widget-heading {
    margin-bottom: 0.9rem;
}

.room-detail-page .widget-heading h2,
.room-detail-page .chat-header h3 {
    margin: 0;
    color: #fff3e6;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.12;
}

.room-detail-page .chat-header h3 {
    letter-spacing: -0.02em;
    font-size: 1.18rem;
}

.room-detail-page .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.room-detail-page .quick-tile {
    display: grid;
    align-content: start;
    gap: 0.35rem;
    min-height: 5.1rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
}

.room-detail-page .quick-tile strong,
.room-detail-page .quick-tile span {
    display: block;
}

.room-detail-page .quick-tile strong {
    color: #fff2e5;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 1.78rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
}

.room-detail-page .quick-tile span {
    color: #b7abb1;
    font-size: 0.92rem;
    line-height: 1.35;
}

.room-detail-page .timeline-list,
.room-detail-page .discussion-list {
    gap: 0.8rem;
}

.room-detail-page .timeline-item,
.room-detail-page .discussion-item {
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.02);
}

.room-detail-page .timeline-item strong,
.room-detail-page .discussion-item strong {
    color: #fff0e3;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.room-detail-page .timeline-item small,
.room-detail-page .discussion-item small,
.room-detail-page .muted {
    color: #c0b2b8;
}

.room-detail-page .chat-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 7rem);
    min-height: 33rem;
    position: sticky;
    top: 5.8rem;
}

.room-detail-page .chat-container.chat-container-embedded {
    position: absolute;
    top: auto;
    right: 0.9rem;
    bottom: 0.9rem;
    width: min(11.4rem, 15.5%);
    min-width: 10.1rem;
    height: min(17.25rem, calc(100% - 1.8rem));
    min-height: 0;
    max-height: 17.25rem;
    overflow: hidden;
    border-radius: 1rem;
    border-color: rgba(255, 214, 181, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 154, 82, 0.035), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03));
    backdrop-filter: blur(22px) saturate(128%);
    -webkit-backdrop-filter: blur(22px) saturate(128%);
    box-shadow:
        0 18px 30px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    z-index: 3;
}

.room-detail-page .chat-drawer-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    height: 100%;
}

.room-detail-page .chat-container-embedded.is-collapsed {
    width: auto;
    min-width: 0;
    height: auto;
    max-height: none;
    border-color: transparent;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    overflow: visible;
}

.room-detail-page .chat-container-embedded.is-collapsed .chat-drawer-panel {
    display: none;
}

.room-detail-page .chat-container-embedded:not(.is-collapsed) .chat-drawer-toggle {
    display: none;
}

.room-detail-page .chat-drawer-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    border: 1px solid rgba(255, 213, 182, 0.16);
    border-radius: 999px;
    background:
        radial-gradient(circle at top left, rgba(255, 154, 82, 0.14), transparent 46%),
        linear-gradient(180deg, rgba(20, 19, 30, 0.66), rgba(12, 14, 25, 0.54));
    color: #ffe7d0;
    box-shadow:
        0 20px 34px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
}

.room-detail-page .chat-drawer-toggle-icon {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
}

.room-detail-page .chat-drawer-toggle-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.room-detail-page .chat-drawer-toggle-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.room-detail-page .chat-drawer-toggle-count {
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    min-width: 1.1rem;
    min-height: 1.1rem;
    padding: 0 0.22rem;
    border-radius: 999px;
    background: rgba(255, 122, 35, 0.92);
    color: #fff5ee;
    font-size: 0.56rem;
    font-weight: 800;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.room-detail-page .chat-container-embedded .chat-header {
    padding: 0.46rem 0.52rem 0.42rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.012);
}

.room-detail-page .chat-container-embedded .chat-messages {
    flex: 1;
    min-height: 0;
    padding: 0.42rem 0.46rem;
    gap: 0.42rem;
    background: transparent;
}

.room-detail-page .chat-header-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.room-detail-page .chat-close-btn {
    width: 1.72rem;
    height: 1.72rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.018);
    color: #f7dcc6;
    font-size: 0.92rem;
    line-height: 1;
    cursor: pointer;
}

.room-detail-page .chat-header {
    padding: 1.1rem 1.2rem;
}

.room-detail-page .chat-messages {
    padding: 1rem 1.1rem;
    gap: 0.85rem;
}

.room-detail-page .chat-header h3 {
    font-size: 0.84rem;
    line-height: 1.2;
}

.room-detail-page .chat-container-embedded .status-pill {
    min-height: 1.5rem;
    padding: 0 0.42rem;
    font-size: 0.64rem;
    background: rgba(255, 255, 255, 0.025);
}

.room-detail-page .chat-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    border-radius: 1rem;
    border: 1px dashed rgba(255, 161, 91, 0.14);
    background: rgba(255, 255, 255, 0.012);
    color: #a799a6;
    font-size: 0.95rem;
}

.room-detail-page .chat-bubble {
    max-width: 100%;
    padding: 0.46rem 0.54rem;
    border-radius: 0.82rem;
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.085);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.room-detail-page .chat-bubble.is-me {
    background: rgba(255, 173, 115, 0.09);
    border-color: rgba(255, 183, 131, 0.18);
}

.room-detail-page .chat-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.42rem;
    margin-bottom: 0.2rem;
}

.room-detail-page .chat-user {
    color: #ffd4a7;
    font-size: 0.74rem;
    font-weight: 700;
}

.room-detail-page .chat-time {
    color: #978c98;
    font-size: 0.64rem;
}

.room-detail-page .chat-text {
    margin: 0;
    color: #f0e7e2;
    line-height: 1.34;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.room-detail-page .poll-option-copy strong,
.room-detail-page .attachment-card strong,
.room-detail-page .ai-review-card p,
.room-detail-page .timeline-item small,
.room-detail-page .discussion-item small {
    overflow-wrap: anywhere;
}

.room-detail-page .chat-input-area {
    padding: 0.42rem 0.46rem 0.46rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.008);
}

.room-detail-page .chat-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.15rem;
    gap: 0.34rem;
}

.room-detail-page .chat-form input {
    min-height: 2.08rem;
    padding: 0 0.58rem;
    border-radius: 0.84rem;
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 161, 91, 0.12);
    color: #fff2e8;
    font-size: 0.82rem;
}

.room-detail-page .chat-form input::placeholder {
    color: #8f8290;
}

.room-detail-page .chat-send-btn {
    width: 2.15rem;
    min-width: 2.15rem;
    min-height: 2.08rem;
    padding: 0;
    border-radius: 0.82rem;
    border: 1px solid rgba(255, 174, 121, 0.18);
    background: linear-gradient(180deg, rgba(255, 123, 48, 0.22), rgba(255, 102, 29, 0.14));
    color: #fff4ea;
    box-shadow: 0 12px 20px rgba(255, 102, 29, 0.12);
}

.room-detail-page .chat-send-btn svg {
    width: 0.96rem;
    height: 0.96rem;
    fill: currentColor;
}

.room-detail-page .chat-login-prompt {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(255, 161, 91, 0.12);
    color: #f6e5d8;
}

.room-detail-page .room-stage-control-panel {
    padding: 0.9rem 1rem;
}

.room-transparency-panel,
.room-list-transparency-card {
    position: relative;
    overflow: hidden;
}

.room-transparency-panel::after,
.room-list-transparency-card::after {
    content: "";
    position: absolute;
    inset: auto -3rem -3.5rem auto;
    width: 9rem;
    height: 9rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 132, 46, 0.16), transparent 70%);
    pointer-events: none;
}

.room-transparency-list {
    display: grid;
    gap: 0.62rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.room-transparency-list li {
    position: relative;
    padding: 0.76rem 0.86rem 0.76rem 1.88rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 161, 91, 0.1);
    background: rgba(255, 255, 255, 0.026);
    color: rgba(245, 237, 228, 0.74);
    line-height: 1.48;
}

.room-transparency-list li::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0.86rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: rgba(255, 178, 112, 0.92);
    box-shadow: 0 0 0 0.28rem rgba(255, 122, 35, 0.08);
}

.room-list-transparency-card .room-transparency-list li {
    padding-left: 1rem;
}

.room-list-transparency-card .room-transparency-list li::before {
    content: none;
}

.room-connection-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.24rem 0.58rem;
    align-items: center;
    margin-top: 0.86rem;
    padding: 0.78rem 0.88rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 161, 91, 0.1);
    background: rgba(255, 255, 255, 0.026);
}

.room-connection-status .live-dot {
    grid-row: span 2;
}

.room-connection-status strong {
    color: rgba(255, 238, 220, 0.96);
    font-size: 0.86rem;
}

.room-connection-status small {
    color: rgba(245, 237, 228, 0.64);
    line-height: 1.45;
}

.room-connection-status.is-retrying {
    border-color: rgba(255, 204, 99, 0.18);
    background: rgba(255, 190, 86, 0.06);
}

.room-connection-status.is-offline {
    border-color: rgba(255, 96, 118, 0.22);
    background: rgba(124, 24, 42, 0.12);
}

.room-activity-log-panel {
    margin-top: 1rem;
    padding-top: 0.92rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.room-activity-heading {
    align-items: flex-start;
}

.room-activity-list {
    display: grid;
    gap: 0.58rem;
}

.room-activity-item {
    display: grid;
    gap: 0.18rem;
    padding: 0.7rem 0.78rem;
    border-radius: 0.92rem;
    border: 1px solid rgba(255, 161, 91, 0.08);
    background: rgba(255, 255, 255, 0.022);
}

.room-activity-item strong {
    color: rgba(255, 238, 220, 0.94);
    font-size: 0.84rem;
    line-height: 1.38;
}

.room-activity-item small {
    color: rgba(245, 237, 228, 0.58);
    font-size: 0.74rem;
}

.room-detail-page .stream-host-panel-upgraded .avatar-badge {
    width: 2.8rem;
    height: 2.8rem;
    flex-shrink: 0;
}

.room-detail-page .stream-host-panel-upgraded .avatar-badge img,
.room-detail-page .host-info .avatar-badge img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

.room-detail-page .stream-host-panel-upgraded .host-copy small,
.room-detail-page .room-stage-control-panel .widget-heading p,
.room-detail-page .room-stage-status-copy small {
    font-size: 0.78rem;
}

.room-detail-page .room-stage-control-panel .widget-heading h2 {
    font-size: 1rem;
}

.room-detail-page .stage-toggle-grid {
    gap: 0.45rem;
}

.room-detail-page .stage-toggle-btn {
    padding: 0.72rem 0.78rem;
    min-height: auto;
}

.room-detail-page .stage-toggle-btn span {
    font-size: 0.74rem;
}

.room-detail-page .stage-toggle-btn strong {
    font-size: 0.82rem;
}

.room-detail-page .stage-role-picker {
    margin-top: 0.58rem;
    gap: 0.42rem;
}

.room-detail-page .chat-login-prompt p,
.room-detail-page .chat-login-prompt a {
    margin: 0;
}

.room-detail-page .chat-inline-cta {
    display: flex;
}

.room-detail-page .chat-inline-cta .ghost-link {
    width: 100%;
    justify-content: center;
}

.room-detail-page .avatar-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.room-detail-page .avatar-tiny {
    width: 2.5rem;
    height: 2.5rem;
}

.room-detail-page .rule-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.room-detail-page .rule-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #efe6df;
}

.room-detail-page .rule-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    background: rgba(255, 118, 31, 0.12);
    color: #ffbd83;
    font-size: 0.8rem;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .premium-menu-toggle {
        display: inline-flex !important;
    }

    .room-detail-page .stream-layout-container {
        grid-template-columns: 1fr;
    }

    .room-detail-page .chat-container {
        position: static;
        height: 32rem;
    }

    .room-detail-page .chat-container.chat-container-embedded {
        right: 0.75rem;
        bottom: 0.75rem;
        width: min(10.8rem, 28%);
        min-width: 9.6rem;
        height: min(15.8rem, calc(100% - 1.5rem));
        max-height: 15.8rem;
    }
}

@media (max-width: 820px) {
    .room-detail-page .stream-player-mock {
        min-height: auto;
        padding: 1.1rem;
    }

    .room-detail-page .stream-overlay,
    .room-detail-page .stream-host-panel {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .room-detail-page .stream-overlay,
    .room-detail-page .stream-host-panel,
    .room-detail-page .host-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .room-detail-page .stream-content-focus {
        max-width: none;
        padding-top: 0.8rem;
    }

    .room-detail-page .stream-linked-idea-upgraded {
        flex-direction: column;
        align-items: stretch;
    }

    .room-detail-page .stream-command-sidebar {
        grid-template-columns: 1fr;
    }

    .room-detail-page .stream-meta-grid,
    .room-detail-page .quick-grid {
        grid-template-columns: 1fr;
    }

    .room-detail-page .stream-stage-preview-canvas {
        min-height: 26rem;
    }

    .room-detail-page .stage-preview-placeholder {
        padding-right: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .room-detail-page .chat-container.chat-container-embedded {
        top: auto;
        left: auto;
        right: 0.7rem;
        bottom: 0.7rem;
        width: min(10.6rem, calc(100% - 1.4rem));
        min-width: 0;
        height: min(8.7rem, 38%);
        max-height: 8.7rem;
    }

    .room-detail-page .chat-container.chat-container-embedded.is-collapsed {
        width: auto;
        height: auto;
        max-height: none;
    }

    .stage-utility-shell {
        top: 0.75rem;
        right: 0.75rem;
    }

    .stage-utility-rail {
        width: auto;
        max-width: calc(100% - 4.8rem);
    }

    .room-detail-page .room-stage-status,
    .room-detail-page .attachment-card-top,
    .room-detail-page .attachment-card-actions,
    .room-detail-page .ai-review-card-head,
    .room-detail-page .ai-review-meta,
    .room-detail-page .room-inline-action-row {
        flex-direction: column;
        align-items: stretch;
    }

    .room-detail-page .poll-option-row {
        grid-template-columns: 1fr;
    }

    .room-detail-page .poll-option-percent {
        justify-self: start;
    }

    .room-detail-page .chat-inline-cta .ghost-link,
    .room-detail-page .host-actions .button-link,
    .room-detail-page .host-actions .ghost-link {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .room-detail-page .stream-title {
        font-size: clamp(1.95rem, 11vw, 2.7rem);
    }

    .room-detail-page .stream-stage-preview-canvas,
    .room-detail-page .stage-preview-video {
        min-height: 24rem;
    }

    .room-detail-page .chat-container.chat-container-embedded {
        width: min(9.95rem, calc(100% - 1.2rem));
        height: min(8.1rem, 36%);
        max-height: 8.1rem;
    }

    .room-detail-page .stage-preview-camera-wrap {
        width: 6.2rem;
        min-width: 6.2rem;
        left: 0.7rem;
        bottom: 0.7rem;
    }

    .room-detail-page .widget-card.glass-card,
    .room-detail-page .chat-container.glass-card,
    .room-detail-page .stream-player-mock {
        border-radius: 1.1rem;
    }

    .room-detail-page .presence-flags,
    .room-detail-page .stage-role-pills,
    .room-detail-page .provider-check-grid,
    .room-detail-page .host-actions {
        flex-wrap: wrap;
    }

    .room-detail-page .chat-container {
        height: 28rem;
        min-height: 28rem;
    }

    .room-detail-page .stage-preview-placeholder {
        padding: 1rem 1rem 1rem;
    }

    .stage-utility-shell {
        top: 0.7rem;
        right: 0.7rem;
    }

    .stage-utility-rail {
        right: 3.9rem;
        max-width: none;
    }
}

/* Home Live Control Refresh */

@keyframes homeModuleSweep {
    0% {
        transform: translateX(-150%);
    }

    100% {
        transform: translateX(220%);
    }
}

@keyframes homeSignalPulse {

    0%,
    100% {
        border-color: rgba(255, 255, 255, 0.06);
    }

    50% {
        border-color: rgba(255, 150, 76, 0.16);
    }
}

.home-page .home-command-grid,
.home-page .home-module-center,
.home-page .home-ops-grid {
    display: grid;
    gap: 1rem;
}

.home-page .home-command-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.88fr) minmax(0, 0.94fr);
}

.home-page .home-command-card,
.home-page .home-module-card,
.home-page .home-ops-panel {
    min-height: 100%;
}

.home-page .home-command-card {
    display: grid;
    gap: 1rem;
}

.home-page .home-command-card-primary {
    background:
        radial-gradient(circle at top right, rgba(255, 136, 59, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(29, 20, 18, 0.98), rgba(18, 17, 24, 0.98));
}

.home-page .home-command-card p,
.home-page .home-module-stage p {
    margin: 0;
    color: #c8bfcc;
    line-height: 1.75;
}

.home-page .home-command-actions,
.home-page .home-stage-highlights,
.home-page .home-signal-grid {
    display: grid;
    gap: 0.75rem;
}

.home-page .home-command-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-page .home-command-action,
.home-page .home-stage-highlight {
    position: relative;
    display: grid;
    gap: 0.32rem;
    padding: 0.92rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(9, 9, 14, 0.38);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.home-page .home-command-action strong,
.home-page .home-stage-highlight strong {
    color: #fff1e4;
    font: 800 1rem "DM Sans", "Nunito", sans-serif;
}

.home-page .home-command-action small,
.home-page .home-stage-highlight span {
    color: #b59b88;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-page .home-command-action:hover,
.home-page .home-stage-highlight:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 160, 98, 0.18);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.3);
}

.home-page .home-command-activity {
    min-height: 15.5rem;
    max-height: 15.5rem;
    overflow: auto;
    padding-right: 0.15rem;
}

.home-page .home-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-page .home-signal-item {
    position: relative;
    display: grid;
    gap: 0.28rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background:
        radial-gradient(circle at top right, rgba(255, 133, 45, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(24, 21, 31, 0.98), rgba(16, 16, 23, 0.98));
    animation: homeSignalPulse 5.8s ease-in-out infinite;
}

.home-page .home-signal-item strong {
    color: #fff2e6;
    font: 800 1.48rem/1 "DM Sans", "Nunito", sans-serif;
}

.home-page .home-signal-item span {
    color: #efdfd4;
    font-weight: 700;
}

.home-page .home-signal-item small {
    color: #a6919d;
    line-height: 1.6;
}

.home-page .home-module-center {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-page .home-module-stage {
    display: grid;
    gap: 1rem;
    grid-column: span 2;
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(23, 19, 28, 0.99), rgba(16, 16, 24, 0.99));
}

.home-page .home-stage-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-page .home-module-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.82rem;
    padding: 1.05rem 1.08rem;
    border-radius: 1.22rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(24, 22, 33, 0.98), rgba(16, 16, 24, 0.99));
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.home-page .home-module-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -35%;
    width: 32%;
    background: linear-gradient(90deg, transparent, rgba(255, 151, 78, 0.15), transparent);
    opacity: 0.65;
    pointer-events: none;
    animation: homeModuleSweep 9s linear infinite;
}

.home-page .home-module-card:hover,
.home-page .home-module-card.is-spotlit {
    transform: translateY(-4px);
    border-color: rgba(255, 164, 103, 0.18);
    box-shadow:
        0 28px 62px rgba(0, 0, 0, 0.32),
        0 0 34px rgba(255, 111, 26, 0.12);
}

.home-page .home-module-card.is-support {
    background:
        radial-gradient(circle at top right, rgba(99, 124, 255, 0.11), transparent 26%),
        linear-gradient(180deg, rgba(22, 21, 34, 0.98), rgba(15, 15, 23, 0.99));
}

.home-page .home-module-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.home-page .home-module-label,
.home-page .home-module-status,
.home-page .home-ops-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.95rem;
    padding: 0 0.72rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-page .home-module-label {
    background: rgba(255, 255, 255, 0.06);
    color: #fff0df;
}

.home-page .home-module-status {
    justify-content: center;
    background: rgba(255, 128, 41, 0.12);
    color: #ffbf89;
}

.home-page .home-module-card strong,
.home-page .home-journey-step-copy strong,
.home-page .home-trend-copy strong {
    color: #f9f0e7;
    font: 800 1.04rem/1.3 "DM Sans", "Nunito", sans-serif;
}

.home-page .home-module-card p,
.home-page .home-ops-item small,
.home-page .home-journey-step-copy small,
.home-page .home-trend-copy small {
    margin: 0;
    color: #b8acbb;
    line-height: 1.7;
}

.home-page .home-module-link {
    color: #ffb16d;
    font-size: 0.86rem;
    font-weight: 700;
}

.home-page .home-ops-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-page .home-ops-list,
.home-page .home-trend-list,
.home-page .home-journey-list {
    display: grid;
    gap: 0.75rem;
}

.home-page .home-ops-item,
.home-page .home-trend-row,
.home-page .home-journey-step {
    position: relative;
    display: flex;
    gap: 0.78rem;
    align-items: flex-start;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02)),
        rgba(11, 11, 18, 0.32);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.home-page .home-ops-item:hover,
.home-page .home-trend-row:hover,
.home-page .home-journey-step:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 155, 90, 0.14);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
}

.home-page .home-ops-item {
    display: grid;
}

.home-page .home-ops-badge {
    width: fit-content;
    background: rgba(255, 132, 41, 0.12);
    color: #ffc089;
}

.home-page .home-trend-row {
    align-items: center;
    justify-content: space-between;
}

.home-page .home-trend-row::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.22rem;
    border-radius: 999px;
    background: var(--trend-color, #ff8b3d);
}

.home-page .home-trend-copy {
    display: grid;
    gap: 0.22rem;
}

.home-page .home-trend-row>span {
    color: #ffbe81;
    font: 800 1rem/1 "DM Sans", "Nunito", sans-serif;
}

.home-page .home-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.home-page .home-tag-chip {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0 0.88rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #f8ebe0;
    background:
        linear-gradient(90deg,
            rgba(255, 129, 42, 0.15) 0%,
            rgba(255, 129, 42, 0.15) calc(var(--tag-width, 50) * 1%),
            rgba(255, 255, 255, 0.03) calc(var(--tag-width, 50) * 1%),
            rgba(255, 255, 255, 0.03) 100%);
    font-size: 0.84rem;
    font-weight: 700;
}

.home-page .home-tag-chip.is-empty {
    color: #9d8d99;
}

.home-page .home-journey-step-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.9rem;
    background: rgba(255, 128, 41, 0.12);
    color: #ffb778;
    font: 800 0.92rem/1 "DM Sans", "Nunito", sans-serif;
    letter-spacing: 0.08em;
}

.home-page .home-journey-step-copy {
    display: grid;
    gap: 0.2rem;
}

.home-page .home-command-card .activity-item[data-activity-id] {
    border-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 1200px) {

    .home-page .home-command-grid,
    .home-page .home-ops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-command-grid> :last-child,
    .home-page .home-ops-grid> :last-child {
        grid-column: 1 / -1;
    }

    .home-page .home-module-center {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-module-stage {
        grid-column: 1 / -1;
    }
}

@media (max-width: 860px) {

    .home-page .home-command-grid,
    .home-page .home-module-center,
    .home-page .home-ops-grid,
    .home-page .home-command-actions,
    .home-page .home-stage-highlights,
    .home-page .home-signal-grid {
        grid-template-columns: 1fr;
    }

    .home-page .home-command-activity {
        min-height: auto;
        max-height: none;
    }
}

/* Idea Detail Operations Refresh */
@keyframes ideaToolGlow {

    0%,
    100% {
        box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
    }

    50% {
        box-shadow: 0 28px 60px rgba(255, 118, 38, 0.18);
    }
}

@keyframes ideaStageSweep {
    0% {
        transform: translateX(-12px);
        opacity: 0.35;
    }

    50% {
        transform: translateX(12px);
        opacity: 1;
    }

    100% {
        transform: translateX(-12px);
        opacity: 0.35;
    }
}

.idea-stage-band {
    display: flex;
    flex-wrap: wrap;
    gap: 0.72rem;
    margin-top: 1.1rem;
}

.idea-wiki-snapshot {
    position: relative;
    overflow: hidden;
}

.idea-lab-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.idea-tool-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 145, 74, 0.12);
    background: linear-gradient(180deg, rgba(22, 22, 30, 0.96), rgba(18, 18, 24, 0.88));
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    animation: ideaToolGlow 7s ease-in-out infinite;
}

.idea-tool-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 138, 61, 0.14), transparent 48%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 44%);
    pointer-events: none;
}

.idea-tool-card::after {
    content: "";
    position: absolute;
    top: 0.95rem;
    right: 1rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #ff8a3d;
    box-shadow: 0 0 18px rgba(255, 138, 61, 0.55);
    animation: ideaStageSweep 5s ease-in-out infinite;
}

.idea-tool-card:hover,
.idea-tool-card[open] {
    transform: translateY(-4px);
    border-color: rgba(255, 149, 79, 0.24);
}

.idea-tool-card summary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    padding: 1rem 1.05rem 0.9rem;
    cursor: pointer;
    list-style: none;
}

.idea-tool-card summary::-webkit-details-marker {
    display: none;
}

.idea-tool-card summary span {
    color: #fff1e6;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.idea-tool-card summary small {
    color: #c8b0a0;
    font-size: 0.82rem;
}

.idea-tool-card-owner {
    border-color: rgba(255, 166, 92, 0.18);
}

.idea-tool-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0 1.05rem 1.05rem;
}

.idea-tool-body>p {
    margin: 0;
    color: #c7b3a6;
}

.idea-quick-links,
.idea-sidebar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.idea-compact-form {
    gap: 0.8rem;
}

.idea-compact-form textarea {
    min-height: 7rem;
}

.idea-inline-check {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #e6d6ca;
    font-size: 0.9rem;
    font-weight: 600;
}

.idea-inline-check input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
}

.idea-tool-note {
    margin: 0 0 .35rem;
}

.card-actions-spread {
    justify-content: space-between;
}

.card-actions-fill {
    width: 100%;
}

.idea-ai-analyzer-shell {
    background: linear-gradient(160deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.04)) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}

.idea-ai-loading-note {
    padding: 0.5rem 0;
    text-align: center;
    font-size: 0.72rem;
    color: var(--muted);
}

.idea-funding-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.idea-funding-strip>div {
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(255, 144, 64, 0.1), rgba(255, 255, 255, 0.02));
}

.idea-funding-strip strong {
    display: block;
    color: #fff2df;
    font-size: 1rem;
}

.idea-funding-strip small {
    color: #c2ada1;
}

.idea-support-list .discussion-item,
.idea-detail-page .discussion-item,
.idea-detail-page .timeline-item {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.idea-detail-page .progress-bar span {
    background: linear-gradient(90deg, #ff7a2f, #ffb347 58%, #ffd7a3);
}

.idea-summary-muted {
    opacity: 0.6;
    font-size: 0.88rem;
}

.idea-funding-card {
    margin-top: 1.25rem;
    padding: 1.25rem;
    border: 1px solid rgba(16, 185, 129, 0.16);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.08), rgba(255, 255, 255, 0.02));
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
}

.idea-funding-heading {
    margin-bottom: 0.75rem;
}

.idea-funding-title {
    margin: 0 0 0.15rem;
    color: #fff;
    font-size: 1.05rem;
}

.idea-funding-stage {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.idea-funding-progress {
    height: 10px;
    margin-bottom: 0.75rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.idea-funding-progress-fill {
    height: 100%;
    width: var(--funding-width, 0%);
    border-radius: 999px;
    background: linear-gradient(90deg, #10b981, #34d399);
    transition: width 1.2s ease-out;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}

.idea-funding-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 500;
}

.idea-funding-value {
    color: #fff;
}

.idea-funding-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.idea-funding-cta:hover {
    color: #10b981;
    border-color: rgba(52, 211, 153, 0.3);
}

.idea-analytics-link {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
    border: 1px solid rgba(139, 92, 246, 0.35);
    color: #a78bfa;
}

.idea-analytics-link:hover {
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.45);
}

.idea-analytics-link-icon {
    margin-right: 4px;
}

.idea-ai-tag-shell {
    margin-bottom: 1rem;
}

.idea-ai-tag-title {
    display: block;
    opacity: 0.6;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.idea-ai-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.idea-investor-shell {
    margin-top: 1.25rem;
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.06), rgba(255, 255, 255, 0.02));
}

.idea-investor-title {
    color: #10b981;
}

.idea-investor-form {
    margin-top: 1rem;
}

.idea-investor-label {
    color: #fff6ef;
    font-weight: 500;
}

.idea-investor-help {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-muted);
}

.idea-investor-note-field {
    margin-top: 0.75rem;
}

.idea-investor-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
}

.idea-investor-privacy {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.idea-investor-submit {
    border: none;
    background-color: #10b981;
    color: #fff;
}

.idea-investor-submit:hover {
    color: #fff;
    background-color: #0fa271;
}

.challenge-scene-backdrop {
    opacity: 0.85;
}

.challenge-hero-copy,
.challenge-pitch-panel {
    position: relative;
    z-index: 2;
}

.challenge-hero-actions {
    margin-bottom: 1.25rem;
}

.challenge-status-live {
    border: 1px solid rgba(16, 185, 129, 0.3);
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    font-weight: 600;
}

.challenge-hero-title {
    margin: 0 0 1rem;
    color: #fff;
    font-size: clamp(2.3rem, 5vw, 2.75rem);
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.challenge-hero-summary {
    max-width: 38rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.15rem;
}

.challenge-stat-band {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.challenge-stat-tile {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.challenge-stat-tile.is-partner {
    align-items: start;
}

.challenge-stat-value {
    display: block;
    margin-bottom: 0.25rem;
    color: #fff;
    font-size: 1.5rem;
}

.challenge-stat-value.is-accent {
    color: #10b981;
}

.challenge-stat-label {
    color: var(--text-muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.challenge-pitch-panel {
    padding: 2rem;
}

.challenge-pitch-heading {
    margin-bottom: 1.5rem;
    text-align: center;
}

.challenge-pitch-heading-inner {
    width: 100%;
}

.challenge-pitch-title {
    margin: 0 0 0.5rem;
    color: #fff;
    font-size: 1.5rem;
}

.challenge-pitch-copy {
    margin: 0;
    color: var(--text-muted);
}

.challenge-empty-state {
    padding: 1.5rem;
}

.challenge-empty-state strong {
    display: block;
}

.challenge-pitch-form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.challenge-pitch-label {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 500;
}

.challenge-field-errors {
    margin-top: 0.25rem;
    color: #ef4444;
}

.challenge-submit-button {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.85rem;
    border: none;
    font-size: 1rem;
    background: linear-gradient(90deg, #10b981, #059669);
}

.challenge-submit-button:hover {
    color: #fff;
}

.challenge-pitch-note {
    text-align: center;
    color: var(--text-muted);
    opacity: 0.7;
}

.challenge-cta-link {
    width: 100%;
    justify-content: center;
}

.challenge-featured-shell {
    border: 1px solid rgba(250, 204, 21, 0.3);
    background: rgba(250, 204, 21, 0.05);
}

.challenge-featured-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: #facc15;
}

.challenge-featured-pill {
    background: rgba(250, 204, 21, 0.2);
    color: #facc15;
}

.challenge-featured-card {
    border: 1px solid rgba(250, 204, 21, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.challenge-featured-meta {
    margin-bottom: 0.5rem;
}

.challenge-featured-link {
    color: #fff;
    font-size: 1.2rem;
}

.challenge-featured-link:hover {
    color: #fffbe6;
}

.challenge-featured-summary {
    margin-top: 0.5rem;
    color: var(--text-muted);
    opacity: 0.9;
}

.challenge-featured-note {
    margin-top: 1rem;
    padding: 0.75rem;
    border-left: 2px solid #facc15;
    background: rgba(255, 255, 255, 0.03);
    color: #ccc;
    font-size: 0.9rem;
    font-style: italic;
}

.challenge-detail-body {
    font-size: 1.05rem;
    line-height: 1.7;
}

.challenge-pipeline-heading {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border);
}

.challenge-pipeline-count {
    font-weight: 600;
}

.challenge-submission-list {
    display: grid;
    gap: 1rem;
}

.challenge-submission-card {
    padding: 1rem;
    border-radius: 1rem;
}

.challenge-submission-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.challenge-submission-title {
    display: block;
    margin-bottom: 0.25rem;
    color: #fff;
    font-size: 1.1rem;
}

.challenge-submission-meta {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.challenge-submission-date {
    font-size: 0.75rem;
}

.challenge-submission-note {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    color: #ccc;
    font-size: 0.9rem;
}

.challenge-empty-state-wide {
    padding: 2rem;
}

.challenge-empty-title {
    display: block;
    margin-bottom: 0.5rem;
    color: #fff;
    font-size: 1.1rem;
}

.challenge-empty-copy {
    margin: 0;
    color: var(--text-muted);
}

@media (max-width: 1100px) {
    .idea-lab-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {

    .idea-stage-band,
    .idea-quick-links,
    .idea-sidebar-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .idea-funding-strip {
        grid-template-columns: 1fr;
    }

    .idea-funding-meta,
    .idea-investor-actions,
    .challenge-submission-head {
        flex-direction: column;
        align-items: stretch;
    }

    .challenge-pitch-panel {
        padding: 1.2rem;
    }

    .challenge-stat-band {
        grid-template-columns: 1fr;
    }
}

/* Home Layout Stability And Motion */
@keyframes homePanelAura {

    0%,
    100% {
        box-shadow: 0 22px 42px rgba(0, 0, 0, 0.28), 0 0 0 rgba(255, 129, 42, 0);
    }

    50% {
        box-shadow: 0 28px 58px rgba(0, 0, 0, 0.34), 0 0 26px rgba(255, 129, 42, 0.12);
    }
}

.home-page .home-reference-layout,
.home-page .home-command-grid,
.home-page .home-module-center,
.home-page .home-ops-grid {
    align-items: start;
}

.home-page .home-reference-layout>*,
.home-page .home-command-grid>*,
.home-page .home-module-center>*,
.home-page .home-ops-grid>* {
    min-width: 0;
}

.home-page .home-reference-feed,
.home-page .home-reference-panel,
.home-page .home-command-card,
.home-page .home-module-card,
.home-page .home-ops-panel {
    overflow: hidden;
    contain: layout paint;
}

.home-page .home-command-card,
.home-page .home-module-card,
.home-page .home-ops-panel,
.home-page .home-reference-panel {
    height: 100%;
    animation: homePanelAura 9s ease-in-out infinite;
}

.home-page .home-reference-feed-body,
.home-page .home-command-activity,
.home-page .home-reference-sidebar,
.home-page .home-reference-ranking-copy,
.home-page .home-reference-investor-copy,
.home-page .home-module-card p,
.home-page .home-trend-copy,
.home-page .home-journey-step-copy {
    min-width: 0;
}

.home-page .home-reference-sidebar {
    align-self: start;
}

.home-page .home-reference-sidebar-item,
.home-page .home-reference-ranking-item,
.home-page .home-reference-investor-item,
.home-page .home-module-card,
.home-page .home-command-action,
.home-page .home-stage-highlight,
.home-page .home-ops-item,
.home-page .home-trend-row,
.home-page .home-journey-step {
    position: relative;
    isolation: isolate;
}

.home-page .home-module-card::after,
.home-page .home-command-card::after,
.home-page .home-ops-panel::after {
    content: "";
    position: absolute;
    inset: auto -15% -40% auto;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 130, 43, 0.12), transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.home-page .home-module-card>*,
.home-page .home-command-card>*,
.home-page .home-ops-panel>* {
    position: relative;
    z-index: 1;
}

@keyframes approvalCardPulse {

    0%,
    100% {
        box-shadow: 0 22px 44px rgba(0, 0, 0, 0.26), 0 0 0 rgba(255, 136, 56, 0);
        transform: translateY(0);
    }

    50% {
        box-shadow: 0 28px 58px rgba(0, 0, 0, 0.34), 0 0 26px rgba(255, 136, 56, 0.14);
        transform: translateY(-2px);
    }
}

@keyframes reviewStageDrift {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.52;
    }

    50% {
        transform: translate3d(-10px, -12px, 0) scale(1.06);
        opacity: 0.92;
    }
}

[data-pending-submission-card] {
    animation: approvalCardPulse 6.2s ease-in-out infinite;
}

.room-detail-page [data-room-stage-surface] {
    overflow: hidden;
}

.room-detail-page [data-room-stage-surface]::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2rem;
    width: 11rem;
    height: 11rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 120, 42, 0.22), transparent 70%);
    pointer-events: none;
    animation: reviewStageDrift 7.4s ease-in-out infinite;
}

.room-detail-page .stream-player-mock.is-review-stage {
    box-shadow:
        0 28px 68px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 160, 87, 0.08),
        0 0 36px rgba(255, 120, 42, 0.09);
}

.room-detail-page .live-indicator.is-review {
    background: linear-gradient(135deg, rgba(120, 93, 68, 0.92), rgba(255, 124, 54, 0.84));
    box-shadow: 0 16px 28px rgba(255, 120, 42, 0.18);
}

.room-detail-page [data-room-stage-badge] {
    animation: approvalCardPulse 4.8s ease-in-out infinite;
}

.header-icon-pill-button {
    border: none;
    cursor: pointer;
}

.bell-wrapper {
    position: relative;
}

.premium-popover {
    position: absolute;
    top: calc(100% + 0.85rem);
    right: 0;
    width: min(25rem, 82vw);
    padding: 1rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 150, 78, 0.14);
    background:
        linear-gradient(180deg, rgba(20, 18, 29, 0.98), rgba(11, 10, 17, 0.98)),
        radial-gradient(circle at top right, rgba(255, 135, 53, 0.14), transparent 45%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.46);
    z-index: 32;
}

.premium-popover-head,
.premium-popover-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.premium-popover-head {
    margin-bottom: 0.85rem;
}

.premium-popover-head a,
.premium-popover-foot a,
.premium-popover-foot button {
    color: var(--accent);
    font-size: 0.88rem;
}

.premium-popover-list {
    display: grid;
    gap: 0.65rem;
    max-height: 20rem;
    overflow-y: auto;
}

.nav-notification-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 150, 78, 0.08);
    background: rgba(255, 255, 255, 0.03);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.nav-notification-item:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 150, 78, 0.18);
    background: rgba(255, 255, 255, 0.045);
}

.nav-notification-item.is-unread {
    box-shadow: inset 0 0 0 1px rgba(255, 132, 46, 0.18);
}

.nav-notification-copy {
    display: grid;
    gap: 0.3rem;
}

.nav-notification-copy strong {
    font-size: 0.95rem;
    line-height: 1.45;
}

.nav-notification-copy small,
.nav-notification-tag {
    color: rgba(245, 237, 228, 0.72);
    font-size: 0.78rem;
}

.nav-notification-tag {
    align-self: start;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 132, 46, 0.1);
}

.search-shortcuts {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.search-shortcut-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.76rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 150, 78, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(250, 241, 232, 0.86);
    text-decoration: none;
    font-size: 0.82rem;
}

.stream-layout-container-upgraded {
    align-items: start;
}

.stream-command-stage {
    padding: 1rem;
}

.stream-command-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
}

.stream-command-sidebar {
    display: grid;
    grid-template-columns: minmax(12.5rem, 0.52fr) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.stream-host-panel-upgraded {
    min-height: auto;
    padding: 0.9rem 1rem;
}

.stream-linked-idea-upgraded {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.2rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 150, 78, 0.1);
    background: linear-gradient(135deg, rgba(33, 20, 17, 0.88), rgba(21, 17, 29, 0.8));
}

.stream-stage-preview {
    margin-top: 0.8rem;
    width: 100%;
    min-width: 0;
}

.stream-stage-preview-head {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.4rem;
}

.stream-stage-preview-head span {
    color: rgba(245, 237, 228, 0.56);
    font-size: 0.82rem;
}

.stream-stage-live-grid {
    display: block;
    width: 100%;
}

.stream-stage-preview-canvas {
    position: relative;
    width: 100%;
    min-height: clamp(24rem, 72vh, 48rem);
    border-radius: 1.35rem;
    overflow: hidden;
    border: 1px solid rgba(255, 150, 78, 0.12);
    background:
        radial-gradient(circle at 80% 78%, rgba(255, 106, 53, 0.18), transparent 18%),
        linear-gradient(180deg, rgba(23, 29, 64, 0.96), rgba(13, 17, 40, 0.98));
}

.stage-preview-video {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
}

.stage-preview-camera-wrap {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 2;
    width: min(28%, 10rem);
    min-width: 6.75rem;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(255, 181, 128, 0.24);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
    background: rgba(10, 10, 16, 0.9);
}

.stage-preview-camera {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transform: scaleX(-1);
}

.stage-preview-camera-label {
    position: absolute;
    left: 0.55rem;
    bottom: 0.45rem;
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: rgba(7, 8, 13, 0.72);
    color: rgba(255, 236, 219, 0.96);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.stage-preview-placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 0.45rem;
    text-align: left;
    justify-items: start;
    padding: 1.15rem min(12%, 9rem) 1.15rem 1.15rem;
}

.stage-preview-placeholder span {
    color: rgba(245, 237, 228, 0.68);
    max-width: 22rem;
}

.stage-utility-shell {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    z-index: 3;
}

.stage-utility-shell.is-collapsed .stage-utility-rail {
    display: none;
}

.stage-utility-shell:not(.is-collapsed) .stage-utility-toggle {
    display: none;
}

.stage-utility-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    min-height: 2.5rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 181, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 154, 82, 0.05), transparent 48%),
        linear-gradient(180deg, rgba(22, 20, 32, 0.12), rgba(12, 14, 26, 0.08));
    color: #fff0df;
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.1);
}

.stage-utility-toggle-icon {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-flex;
}

.stage-utility-toggle-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.stage-utility-toggle-text {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.stage-utility-rail {
    display: grid;
    gap: 0.42rem;
    width: min(12.25rem, 22vw);
    max-width: calc(100vw - 5rem);
}

.stage-utility-toolbar,
.stage-utility-card {
    overflow: hidden;
    border-radius: 0.92rem;
    border: 1px solid rgba(255, 206, 169, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 154, 82, 0.04), transparent 42%),
        linear-gradient(180deg, rgba(21, 19, 31, 0.1), rgba(13, 15, 27, 0.06));
    backdrop-filter: blur(18px) saturate(116%);
    -webkit-backdrop-filter: blur(18px) saturate(116%);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.stage-utility-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.62rem;
}

.stage-utility-toolbar span {
    color: rgba(255, 240, 223, 0.84);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.stage-utility-close {
    width: 1.72rem;
    height: 1.72rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #f7dcc6;
    font-size: 0.92rem;
    line-height: 1;
    cursor: pointer;
}

.stage-utility-card summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.58rem 0.68rem;
    cursor: pointer;
    list-style: none;
}

.stage-utility-card summary::-webkit-details-marker {
    display: none;
}

.stage-utility-card summary span {
    color: rgba(255, 240, 223, 0.88);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.stage-utility-card summary em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    min-height: 1.55rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: #ffd8b4;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 700;
}

.stage-utility-body {
    padding: 0 0.68rem 0.68rem;
}

.stage-quick-links {
    display: grid;
    gap: 0.38rem;
}

.stage-quick-links a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2rem;
    padding: 0.42rem 0.58rem;
    border-radius: 0.78rem;
    border: 1px solid rgba(255, 214, 181, 0.12);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 240, 223, 0.88);
    text-decoration: none;
    font-size: 0.74rem;
    font-weight: 700;
}

.stage-quick-links a:hover {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 214, 181, 0.18);
}

.stage-avatar-stack {
    gap: 0.42rem;
}

.stage-utility-empty {
    color: rgba(245, 237, 228, 0.58);
    font-size: 0.82rem;
}

.stage-rule-list {
    gap: 0.55rem;
}

.stage-rule-list li {
    color: rgba(245, 237, 228, 0.68);
    font-size: 0.76rem;
    line-height: 1.38;
    padding: 0.72rem 0.78rem;
}

.stage-rule-list .rule-index {
    min-width: 1.55rem;
    min-height: 1.55rem;
    font-size: 0.74rem;
}

.stage-audio-bars {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    display: flex;
    gap: 0.28rem;
    opacity: 0.24;
    transition: opacity 180ms ease;
}

.stage-audio-bars.is-active {
    opacity: 1;
}

.stage-audio-bars span {
    width: 0.32rem;
    height: 1.2rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 198, 144, 0.95), rgba(255, 110, 41, 0.58));
    animation: roomStageBars 1.05s ease-in-out infinite;
}

.stage-audio-bars span:nth-child(2) {
    animation-delay: 0.1s;
}

.stage-audio-bars span:nth-child(3) {
    animation-delay: 0.2s;
}

.stage-audio-bars span:nth-child(4) {
    animation-delay: 0.3s;
}

@keyframes roomStageBars {

    0%,
    100% {
        transform: scaleY(0.45);
        opacity: 0.42;
    }

    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

.room-stage-control-panel {
    padding: 0.92rem 1rem;
}

.room-stage-status {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    margin-bottom: 0.95rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 150, 78, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.room-stage-status.is-live {
    border-color: rgba(255, 150, 78, 0.22);
    box-shadow: 0 18px 30px rgba(255, 122, 35, 0.08);
}

.room-stage-status.is-error {
    border-color: rgba(255, 106, 106, 0.3);
    box-shadow: 0 18px 30px rgba(120, 14, 14, 0.16);
    background: linear-gradient(135deg, rgba(62, 18, 18, 0.58), rgba(27, 14, 22, 0.92));
}

.room-stage-status.is-error .room-stage-status-copy small {
    color: rgba(255, 214, 214, 0.84);
}

.room-stage-status-copy {
    display: grid;
    gap: 0.22rem;
}

.room-stage-status-copy strong {
    color: rgba(255, 235, 217, 0.96);
    font-size: 0.96rem;
    letter-spacing: -0.02em;
}

.room-stage-status-copy small,
.room-inline-form-note {
    color: rgba(245, 237, 228, 0.66);
    line-height: 1.5;
}

.room-stage-stop-all {
    flex-shrink: 0;
}

.stage-toggle-grid {
    display: grid;
    gap: 0.7rem;
}

.stage-toggle-btn,
.stage-role-pill,
.provider-check-pill {
    border: 1px solid rgba(255, 150, 78, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-primary);
}

.stage-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.88rem 1rem;
    border-radius: 1rem;
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.stage-toggle-btn:disabled {
    cursor: wait;
    opacity: 0.78;
}

.stage-toggle-btn strong {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(245, 237, 228, 0.76);
}

.stage-toggle-btn:hover,
.stage-toggle-btn.is-active {
    transform: translateY(-1px);
    border-color: rgba(255, 150, 78, 0.22);
    box-shadow: 0 20px 32px rgba(0, 0, 0, 0.22), 0 0 24px rgba(255, 122, 35, 0.08);
}

.stage-toggle-btn.is-active strong {
    color: rgba(255, 191, 147, 0.98);
}

.stage-role-picker {
    display: grid;
    gap: 0.7rem;
    margin-top: 1rem;
}

.stage-role-picker>span {
    color: rgba(245, 237, 228, 0.66);
    font-size: 0.83rem;
}

.stage-role-pills,
.provider-check-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.stage-role-pill,
.provider-check-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.82rem;
    border-radius: 999px;
    cursor: pointer;
    font-size: 0.83rem;
}

.stage-role-pill.is-active,
.provider-check-pill:has(input:checked) {
    border-color: rgba(255, 150, 78, 0.22);
    background: rgba(255, 122, 35, 0.12);
}

.provider-check-pill input {
    accent-color: #ff842e;
}

.stream-meta-grid-upgraded {
    margin-top: 1.1rem;
}

.room-collab-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.room-collab-grid-secondary {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}

.room-collab-grid-poll {
    grid-template-columns: minmax(0, 1.28fr) minmax(16.5rem, 0.72fr);
    align-items: start;
}

.room-signal-stack {
    display: grid;
    gap: 1rem;
    align-content: start;
}

#room-poll-station {
    position: relative;
    overflow: hidden;
    scroll-margin-top: 7.5rem;
}

#room-poll-station::after {
    content: "";
    position: absolute;
    inset: auto -3.5rem -4rem auto;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 145, 59, 0.18), transparent 72%);
    pointer-events: none;
    opacity: 0.7;
}

#room-poll-station:target {
    border-color: rgba(255, 156, 92, 0.28);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 156, 92, 0.14),
        0 0 0 0.35rem rgba(255, 138, 51, 0.08);
}

.room-poll-card,
.room-signal-stack>.widget-card {
    min-width: 0;
}

.room-poll-card {
    display: grid;
    gap: 0.95rem;
}

.room-poll-heading {
    align-items: start;
    gap: 1rem;
}

.room-poll-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.room-poll-summary-tile {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 161, 91, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
}

.room-poll-summary-tile strong {
    font-size: 1.1rem;
    color: rgba(255, 240, 224, 0.98);
}

.room-poll-summary-tile span,
.room-poll-helper {
    color: rgba(245, 237, 228, 0.68);
    line-height: 1.55;
}

.room-poll-form,
.room-poll-options-grid {
    display: grid;
    gap: 0.8rem;
}

.room-poll-card .poll-option-row {
    grid-template-columns: auto minmax(0, 1fr) minmax(10rem, 1.15fr) auto;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 161, 91, 0.12);
    background: rgba(255, 255, 255, 0.025);
}

.room-poll-card .poll-option-row:hover {
    border-color: rgba(255, 161, 91, 0.24);
}

.room-poll-card .poll-option-row.is-selected {
    background: rgba(255, 122, 35, 0.1);
    border-color: rgba(255, 161, 91, 0.26);
}

.room-poll-card .poll-option-row input {
    margin: 0;
    accent-color: #ff8d43;
}

.room-poll-card .poll-option-vote-total::after {
    content: " oy";
}

.room-poll-card .poll-option-bar {
    align-self: center;
    min-width: 0;
    height: 0.72rem;
    border-radius: 999px;
    overflow: hidden;
}

.room-poll-card .poll-option-percent {
    justify-self: end;
    color: rgba(255, 226, 199, 0.96);
    font-size: 0.9rem;
    font-weight: 700;
}

.room-poll-actions {
    display: grid;
    gap: 0.75rem;
}

.room-poll-actions>.button-link {
    justify-self: start;
}

.room-poll-helper {
    margin: 0;
}

.room-poll-cta-card,
.room-poll-empty {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border-radius: 1rem;
}

.room-poll-cta-card {
    border: 1px solid rgba(255, 161, 91, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

.room-poll-empty {
    border: 1px dashed rgba(255, 161, 91, 0.14);
    background: rgba(255, 255, 255, 0.02);
}

.room-poll-cta-card p,
.room-poll-cta-card form,
.room-poll-empty p {
    margin: 0;
}

.room-poll-cta-card .ghost-link {
    width: 100%;
    justify-content: center;
}

.room-inline-form-poll {
    margin-top: 0.15rem;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.room-poll-close-row {
    margin-top: 0;
}

.room-reaction-actions,
.room-reaction-scoreboard {
    display: grid;
    gap: 0.8rem;
}

.room-reaction-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.room-reaction-btn {
    justify-content: center;
}

.room-reaction-btn.is-active {
    border-color: rgba(255, 150, 78, 0.24);
    box-shadow: 0 18px 30px rgba(255, 122, 35, 0.14);
}

.room-reaction-scoreboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.95rem;
}

.presence-grid,
.attachment-grid,
.ai-review-grid {
    display: grid;
    gap: 0.85rem;
}

.room-presence-card .widget-heading {
    align-items: flex-start;
    gap: 0.85rem;
}

.room-presence-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.room-presence-toggle {
    min-height: 2rem;
    padding: 0 0.72rem;
    font-size: 0.76rem;
}

.room-presence-card.is-collapsed .presence-grid {
    display: none;
}

.ai-consensus-shell {
    margin-top: 1rem;
}

.ai-review-runtime-note {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.9rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 165, 103, 0.12);
    background: linear-gradient(180deg, rgba(255, 167, 96, 0.08), rgba(255, 255, 255, 0.03));
}

.ai-review-runtime-note.is-live {
    border-color: rgba(85, 232, 183, 0.16);
    background: linear-gradient(180deg, rgba(77, 228, 176, 0.09), rgba(255, 255, 255, 0.03));
}

.ai-review-runtime-note strong {
    font-size: 0.84rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 223, 190, 0.94);
}

.ai-review-runtime-note.is-live strong {
    color: rgba(191, 255, 233, 0.96);
}

.ai-review-runtime-note span {
    color: rgba(245, 237, 228, 0.72);
    line-height: 1.5;
}

.presence-card,
.attachment-card,
.ai-review-card,
.ai-consensus-card {
    padding: 0.95rem 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 150, 78, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
}

.presence-card strong,
.attachment-card strong,
.ai-review-card strong,
.ai-consensus-card strong {
    display: block;
}

.presence-card small,
.attachment-card p,
.ai-review-card p,
.ai-review-card small,
.ai-consensus-card p,
.ai-consensus-card small {
    color: rgba(245, 237, 228, 0.7);
}

.presence-flags {
    display: flex;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.presence-flags span {
    padding: 0.28rem 0.52rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 237, 228, 0.56);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.presence-flags span.is-on {
    background: rgba(255, 122, 35, 0.14);
    color: rgba(255, 198, 155, 0.98);
}

.stack-form {
    display: grid;
    gap: 0.75rem;
}

.stack-form input[type="text"],
.stack-form input[type="file"],
.stack-form textarea {
    width: 100%;
}

.room-inline-form {
    margin-top: 1rem;
}

.room-inline-action-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.room-inline-form summary {
    cursor: pointer;
    color: rgba(255, 191, 147, 0.96);
}

.toggle-inline {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: rgba(245, 237, 228, 0.72);
    font-size: 0.88rem;
}

.attachment-card-top,
.attachment-card-actions,
.ai-review-card-head,
.ai-review-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.attachment-card-top,
.ai-review-card-head {
    margin-bottom: 0.65rem;
}

.attachment-card-actions,
.ai-review-meta {
    margin-top: 0.8rem;
    font-size: 0.8rem;
    color: rgba(245, 237, 228, 0.62);
}

.attachment-card-actions a {
    color: var(--accent);
}

.ai-review-verdict {
    font-size: 0.96rem;
    color: rgba(255, 224, 201, 0.96);
}

.ai-review-model {
    display: block;
    margin-top: 0.15rem;
    color: rgba(245, 237, 228, 0.48);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-source-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.26rem 0.52rem;
    border-radius: 999px;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ai-source-pill-live {
    background: rgba(71, 226, 170, 0.12);
    color: rgba(197, 255, 235, 0.98);
}

.ai-source-pill-heuristic {
    background: rgba(255, 173, 92, 0.1);
    color: rgba(255, 224, 190, 0.96);
}

.ai-source-pill-error {
    background: rgba(255, 93, 117, 0.12);
    color: rgba(255, 201, 210, 0.96);
}

.ai-review-score-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.ai-review-score-strip span {
    padding: 0.32rem 0.56rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 237, 228, 0.72);
    font-size: 0.74rem;
}

.ai-review-block {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-review-block small {
    display: block;
    margin-top: 0.3rem;
    line-height: 1.55;
}

.ai-consensus-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 173, 92, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 163, 84, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

.ai-consensus-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ai-consensus-score-box {
    min-width: 7rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 173, 92, 0.16);
    background: rgba(15, 10, 22, 0.28);
    text-align: right;
}

.ai-consensus-score-box strong {
    font-size: clamp(1.8rem, 2vw, 2.5rem);
    line-height: 1;
    color: rgba(255, 237, 216, 0.98);
}

.ai-consensus-score-box small {
    display: block;
    margin-top: 0.35rem;
    color: rgba(245, 237, 228, 0.64);
}

.ai-consensus-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.ai-consensus-meta span,
.ai-consensus-formula {
    padding: 0.35rem 0.64rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 237, 228, 0.78);
    font-size: 0.78rem;
}

.ai-consensus-formula {
    display: inline-flex;
    margin-top: 0.75rem;
    font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

.ai-consensus-bars {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.ai-consensus-bar {
    display: grid;
    gap: 0.4rem;
}

.ai-consensus-bar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    color: rgba(245, 237, 228, 0.78);
}

.ai-consensus-track {
    position: relative;
    width: 100%;
    height: 0.58rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.ai-consensus-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 152, 84, 0.75), rgba(255, 215, 168, 0.98));
    box-shadow: 0 0 18px rgba(255, 153, 84, 0.18);
}

.ai-consensus-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.fikir-ai-output-shell {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.fikir-ai-output-shell.is-loading {
    opacity: 0.78;
}

.fikir-ai-result-card {
    padding: 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 158, 90, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 158, 90, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
}

.fikir-ai-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.fikir-ai-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.95rem;
}

.idea-editor-command {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.28fr) minmax(18rem, 0.72fr);
    gap: 1rem;
    width: min(100%, var(--container));
    margin: 1.25rem auto 0;
    padding: clamp(1rem, 2.4vw, 1.4rem);
    overflow: hidden;
    border: 1px solid rgba(255, 188, 126, 0.14);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at top left, rgba(255, 126, 36, 0.16), transparent 28%),
        radial-gradient(circle at bottom right, rgba(76, 223, 171, 0.08), transparent 24%),
        linear-gradient(135deg, rgba(19, 16, 22, 0.96), rgba(10, 11, 16, 0.94));
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

.idea-editor-command-copy,
.idea-editor-score-card,
.idea-editor-checklist,
.idea-editor-checklist article,
.idea-editor-ai-tools {
    display: grid;
}

.idea-editor-command-copy {
    gap: 0.55rem;
}

.idea-editor-command h2 {
    margin: 0;
    color: #fff8ef;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    letter-spacing: -0.04em;
}

.idea-editor-command p,
.idea-editor-command small {
    margin: 0;
    color: rgba(246, 240, 234, 0.72);
    line-height: 1.55;
}

.idea-editor-warning-list,
.idea-editor-ai-tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.idea-editor-warning-list span {
    padding: 0.45rem 0.62rem;
    border: 1px solid rgba(255, 188, 126, 0.16);
    border-radius: 999px;
    color: #ffd8ac;
    background: rgba(255, 130, 46, 0.08);
    font-size: 0.8rem;
    font-weight: 800;
}

.idea-editor-score-card {
    place-items: center;
    align-content: center;
    gap: 0.25rem;
    min-height: 9rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.045);
    text-align: center;
}

.idea-editor-score-card strong {
    color: #fff8ef;
    font-size: 2.4rem;
    line-height: 1;
}

.idea-editor-score-card span {
    color: #ffd1a3;
    font-size: 0.82rem;
    font-weight: 900;
}

.idea-editor-checklist {
    gap: 0.55rem;
}

.idea-editor-checklist article {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.035);
}

.idea-editor-checklist article>span {
    display: inline-grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    color: #ffd1a3;
    background: rgba(255, 255, 255, 0.06);
}

.idea-editor-checklist article.is-done>span {
    color: #061b12;
    background: #75f0b8;
}

.idea-editor-checklist strong,
.idea-editor-ai-tools span {
    color: #fff8ef;
    font-size: 0.88rem;
}

.idea-editor-ai-tools {
    gap: 0.55rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 188, 126, 0.12);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

@media (max-width: 1040px) {
    .idea-editor-command {
        grid-template-columns: 1fr;
    }

    .idea-editor-score-card {
        place-items: start;
        text-align: left;
    }
}

.fikir-ai-inline-message {
    border-radius: 1rem;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.fikir-ai-inline-message.is-error {
    border-color: rgba(255, 93, 117, 0.18);
    color: rgba(255, 214, 220, 0.96);
}

.fikir-ai-applied-note {
    margin-top: 0.8rem;
    padding: 0.6rem 0.8rem;
    border-radius: 0.85rem;
    background: rgba(76, 223, 171, 0.11);
    color: rgba(207, 255, 238, 0.96);
    font-size: 0.84rem;
}

.fikir-ai-sidebar-stack {
    display: grid;
    gap: 1rem;
}

.fikir-ai-module {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 158, 90, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.018));
}

.fikir-ai-memory-card {
    gap: 0.9rem;
    background:
        radial-gradient(circle at top right, rgba(76, 223, 171, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
}

.fikir-ai-memory-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fikir-ai-memory-summary {
    margin: 0;
    color: rgba(239, 244, 255, 0.88);
    line-height: 1.6;
}

.fikir-ai-memory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.fikir-ai-memory-stat,
.fikir-ai-memory-block {
    display: grid;
    gap: 0.38rem;
}

.fikir-ai-memory-stat {
    padding: 0.85rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.fikir-ai-memory-stat strong,
.fikir-ai-memory-block strong {
    font-size: 0.8rem;
    color: rgba(255, 210, 178, 0.92);
}

.fikir-ai-memory-stat p {
    margin: 0;
    color: rgba(236, 240, 248, 0.84);
    line-height: 1.5;
}

.fikir-ai-memory-list {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.35rem;
    color: rgba(236, 240, 248, 0.84);
}

.fikir-ai-memory-action-grid {
    display: grid;
    gap: 0.75rem;
}

.fikir-ai-memory-action {
    display: grid;
    gap: 0.32rem;
    text-align: left;
    padding: 0.9rem 0.95rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(244, 246, 255, 0.92);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.fikir-ai-memory-action:hover,
.fikir-ai-memory-action:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 158, 90, 0.26);
    background: rgba(255, 158, 90, 0.08);
}

.fikir-ai-memory-action strong {
    font-size: 0.88rem;
}

.fikir-ai-memory-action span {
    color: rgba(231, 236, 247, 0.78);
    line-height: 1.5;
}

.fikir-ai-memory-action em {
    font-style: normal;
    font-size: 0.75rem;
    color: rgba(255, 205, 168, 0.92);
}

.fikir-ai-orchestrator-card {
    display: grid;
    gap: 0.95rem;
    margin-top: 1.25rem;
    border: 1px solid rgba(255, 198, 138, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255, 154, 89, 0.12), transparent 34%),
        radial-gradient(circle at bottom left, rgba(76, 223, 171, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(18, 16, 24, 0.96), rgba(10, 10, 16, 0.94));
}

.fikir-ai-orchestrator-card.is-room {
    border-color: rgba(255, 158, 90, 0.16);
}

.fikir-ai-orchestrator-card.is-feedback {
    border-color: rgba(56, 189, 248, 0.16);
}

.fikir-ai-orchestrator-card.is-matching {
    border-color: rgba(129, 140, 248, 0.18);
}

.fikir-ai-orchestrator-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.fikir-ai-orchestrator-signals {
    margin-top: 0;
}

.fikir-ai-orchestrator-actions {
    align-items: stretch;
}

.fikir-ai-chat-log {
    min-height: 13rem;
    max-height: 24rem;
    overflow-y: auto;
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(7, 9, 16, 0.3);
}

.fikir-ai-chat-message {
    display: grid;
    gap: 0.45rem;
    max-width: 94%;
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.fikir-ai-chat-message p,
.fikir-ai-chat-message small {
    margin: 0;
    color: rgba(241, 241, 247, 0.88);
    line-height: 1.55;
}

.fikir-ai-chat-message.is-user {
    margin-left: auto;
    background: linear-gradient(180deg, rgba(255, 158, 90, 0.18), rgba(255, 158, 90, 0.08));
    border-color: rgba(255, 158, 90, 0.24);
}

.fikir-ai-chat-message.is-assistant {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
}

.fikir-ai-chat-message.is-system {
    background: rgba(255, 93, 117, 0.1);
    border-color: rgba(255, 93, 117, 0.2);
}

.fikir-ai-chat-message-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.fikir-ai-chat-message-head strong {
    font-size: 0.84rem;
    color: rgba(255, 241, 230, 0.95);
}

.fikir-ai-chat-follow-up {
    display: grid;
    gap: 0.2rem;
    padding-top: 0.15rem;
}

.fikir-ai-chat-follow-up strong {
    font-size: 0.72rem;
    color: rgba(255, 198, 155, 0.9);
}

.fikir-ai-chat-follow-up span {
    color: rgba(233, 233, 242, 0.82);
    line-height: 1.45;
}

.fikir-ai-chat-action-row,
.fikir-ai-chat-seed-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fikir-ai-chat-action-row .tag-chip,
.fikir-ai-chat-seed-row .tag-chip {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

.fikir-ai-chat-composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: end;
}

.fikir-ai-chat-composer input {
    min-width: 0;
}

.fikir-ai-pitch-card {
    gap: 1rem;
}

.fikir-ai-pitch-slide-grid {
    display: grid;
    gap: 0.85rem;
}

.fikir-ai-pitch-slide {
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.fikir-ai-pitch-slide h4,
.fikir-ai-pitch-slide p {
    margin: 0;
}

.fikir-ai-pitch-slide h4 {
    font-size: 0.98rem;
    margin-bottom: 0.35rem;
}

.fikir-ai-pitch-slide p {
    color: rgba(236, 236, 245, 0.82);
    line-height: 1.55;
}

.room-fikir-ai-shell {
    display: grid;
    gap: 0.95rem;
    margin-top: 1.1rem;
    padding: 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 158, 90, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255, 158, 90, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
}

.room-fikir-ai-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.room-fikir-ai-card {
    display: grid;
    gap: 0.95rem;
}

.fikir-ai-bullet-list {
    margin: 0.7rem 0 0;
    padding-left: 1.05rem;
    display: grid;
    gap: 0.45rem;
    color: rgba(236, 236, 245, 0.82);
    font-size: 0.92rem;
    line-height: 1.5;
}

.fikir-ai-bullet-list li {
    margin: 0;
}

.eyebrow-label {
    display: inline-flex;
    margin-bottom: 0.45rem;
    color: rgba(255, 198, 155, 0.88);
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

@media (max-width: 1080px) {

    .stream-command-grid,
    .room-collab-grid,
    .room-collab-grid-secondary {
        grid-template-columns: 1fr;
    }

    .ai-consensus-head,
    .ai-consensus-columns,
    .fikir-ai-grid {
        grid-template-columns: 1fr;
    }

    .fikir-ai-memory-grid {
        grid-template-columns: 1fr;
    }

    .fikir-ai-orchestrator-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fikir-ai-chat-composer {
        grid-template-columns: 1fr;
    }

    .room-fikir-ai-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ai-consensus-head {
        flex-direction: column;
    }

    .ai-consensus-score-box {
        width: 100%;
        text-align: left;
    }
}

.premium-popover-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(4, 3, 7, 0.62);
    backdrop-filter: blur(10px);
    z-index: 28;
}

.premium-popover-backdrop.is-visible {
    animation: fadeIn 180ms ease;
}

.premium-popover-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.premium-popover-close {
    min-height: 2rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 150, 78, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 224, 201, 0.9);
    cursor: pointer;
}

.home-page .search-shell button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-search-command {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.6rem 0.7rem 0.6rem 0.95rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
}

.home-search-command input,
.room-event-form select {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-primary);
}

.home-search-command input::placeholder {
    color: rgba(245, 237, 228, 0.46);
}

.home-search-command button {
    min-height: 2.7rem;
    padding: 0 1.05rem;
    border: none;
    border-radius: 0.95rem;
    background: linear-gradient(135deg, rgba(255, 132, 46, 0.94), rgba(255, 102, 0, 0.94));
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.home-search-command-icon {
    color: rgba(255, 224, 201, 0.72);
    font-size: 1rem;
}

.home-search-shortcuts,
.ai-provider-catalog {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.home-search-shortcuts {
    margin-top: 0.95rem;
}

.home-search-shortcut {
    display: grid;
    gap: 0.18rem;
    min-width: 10rem;
    padding: 0.88rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.04);
    color: #f8f2ec;
}

.home-search-shortcut:hover {
    border-color: rgba(255, 150, 78, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #fff9f3;
}

.home-search-shortcut small {
    color: rgba(245, 237, 228, 0.64);
}

.home-reference-panel-notifications .nav-notification-item {
    width: 100%;
}

.home-reference-notification-list {
    display: grid;
    gap: 0.7rem;
    margin-bottom: 0.85rem;
}

.room-capability-strip,
.room-stage-role-grid {
    display: grid;
    gap: 0.8rem;
}

.room-capability-strip {
    grid-template-columns: repeat(auto-fit, minmax(9.2rem, 1fr));
    margin-top: 1rem;
}

.room-capability-card,
.room-stage-role-card,
.room-event-card {
    padding: 0.95rem 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 150, 78, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
}

.room-capability-card {
    display: grid;
    gap: 0.18rem;
}

.room-capability-card span,
.room-capability-card small,
.room-stage-role-card small,
.room-event-copy small,
.room-event-meta span,
.room-poll-headline small {
    color: rgba(245, 237, 228, 0.68);
}

.room-capability-card strong {
    font-size: 1.35rem;
    color: rgba(255, 238, 224, 0.98);
}

.room-capability-card.is-active,
.room-stage-role-card.is-active,
.ai-provider-catalog-item.is-active {
    border-color: rgba(255, 150, 78, 0.22);
    background: rgba(255, 122, 35, 0.1);
    box-shadow: 0 20px 34px rgba(0, 0, 0, 0.18), 0 0 24px rgba(255, 122, 35, 0.08);
}

.room-playbook-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.room-stage-role-card {
    display: grid;
    gap: 0.35rem;
}

.room-permission-note {
    display: grid;
    gap: 0.18rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(56, 189, 248, 0.12);
    background: rgba(56, 189, 248, 0.06);
}

.room-permission-note span {
    color: rgba(214, 237, 255, 0.78);
}

.room-event-list {
    display: grid;
    gap: 0.8rem;
}

.room-event-card,
.room-event-copy,
.room-event-actions,
.room-event-meta,
.room-poll-headline {
    display: grid;
    gap: 0.45rem;
}

.room-event-meta,
.room-event-actions {
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
}

.room-event-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0 0.68rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.room-event-actions form {
    margin: 0;
}

.room-event-form select {
    min-height: 2.8rem;
    padding: 0.7rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    appearance: none;
}

.attachment-card-media {
    display: block;
    margin-bottom: 0.85rem;
    overflow: hidden;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.attachment-card-media img {
    display: block;
    width: 100%;
    max-height: 12rem;
    object-fit: cover;
}

.ai-provider-catalog {
    margin: 0.9rem 0 1rem;
}

.ai-provider-catalog-item {
    display: inline-grid;
    min-height: 2.7rem;
    padding: 0.45rem 0.8rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 237, 228, 0.78);
    font-size: 0.82rem;
}

.ai-provider-catalog-item strong,
.ai-provider-catalog-item small {
    display: block;
}

.ai-provider-catalog-item small {
    margin-top: 0.18rem;
    color: rgba(245, 237, 228, 0.48);
    font-size: 0.7rem;
    line-height: 1.35;
    text-transform: uppercase;
}

.room-poll-headline {
    margin-bottom: 0.85rem;
}

@media (max-width: 980px) {
    .room-detail-page .stream-layout-container {
        grid-template-columns: 1fr;
    }

    .room-playbook-grid {
        grid-template-columns: 1fr;
    }

    .room-poll-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .room-poll-summary-tile:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .room-poll-summary {
        grid-template-columns: 1fr;
    }

    .room-poll-summary-tile:last-child {
        grid-column: auto;
    }

    .room-poll-actions>.button-link {
        width: 100%;
        justify-self: stretch;
    }

    .home-search-command {
        grid-template-columns: 1fr;
    }

    .home-search-command button {
        width: 100%;
    }

    .home-search-shortcut {
        min-width: 0;
        width: 100%;
    }

    .room-event-meta,
    .room-event-actions {
        grid-auto-flow: row;
        justify-items: stretch;
    }
}

/* Home layout hotfixes */
.home-page .home-command-card,
.home-page .home-module-card,
.home-page .home-ops-panel,
.home-page .home-reference-panel {
    min-height: 0;
    height: auto;
}

.home-page .home-command-grid>*,
.home-page .home-module-center>*,
.home-page .home-ops-grid>* {
    align-self: start;
}

.home-page .home-reference-metric::after {
    display: none;
}

.home-page .home-reference-membership,
.home-page .home-reference-membership-copy,
.home-page .home-reference-membership-copy strong,
.home-page .home-reference-membership-copy span,
.home-page .home-reference-membership-status,
.home-page .home-reference-filter-note,
.home-page .home-reference-live-count {
    white-space: normal;
}

.home-page .home-reference-membership {
    width: 100%;
    min-width: 0;
}

.home-page .home-reference-filter-meta {
    min-width: 0;
}

.home-page .home-command-card p,
.home-page .home-module-card p,
.home-page .home-signal-item small,
.home-page .home-search-shortcut small {
    text-wrap: pretty;
}

@media (max-width: 820px) {
    .home-page .home-reference-band {
        grid-template-columns: 1fr;
        gap: 0.8rem;
        padding: 0.8rem;
    }

    .home-page .home-reference-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .home-page .home-reference-metric {
        min-height: 0;
        padding: 0.72rem 0.82rem 0.66rem;
    }

    .home-page .home-reference-membership {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 0.72rem;
        padding: 0.85rem 0.9rem;
    }

    .home-page .home-reference-membership-status {
        grid-column: 1 / -1;
        justify-self: start;
        padding-top: 0.15rem;
    }

    .home-page .home-reference-filter-strip,
    .home-page .home-reference-composer,
    .home-page .home-reference-feed-intro {
        gap: 0.75rem;
        padding: 0.8rem;
    }

    .home-page .home-reference-filter-strip {
        align-items: stretch;
    }

    .home-page .home-reference-filter-meta {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.6rem;
        width: 100%;
        margin-left: 0;
        align-items: center;
    }

    .home-page .home-reference-filter-note {
        grid-column: 1 / -1;
    }

    .home-page .home-search-command {
        gap: 0.6rem;
        padding: 0.7rem 0.75rem;
    }
}

@media (max-width: 640px) {
    .home-page .home-reference-shell.home-feed-shell {
        gap: 0.75rem;
        padding-bottom: 2rem;
    }

    .home-page .home-reference-band,
    .home-page .home-reference-composer,
    .home-page .home-reference-feed,
    .home-page .home-reference-panel,
    .home-page .home-reference-card,
    .home-page .home-reference-filter-strip,
    .home-page .home-reference-category-strip {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .home-page .home-reference-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-reference-metric:last-child {
        grid-column: 1 / -1;
    }

    .home-page .home-reference-membership {
        grid-template-columns: 1fr;
    }

    .home-page .home-reference-membership-icon {
        display: none;
    }

    .home-page .home-reference-filter-meta,
    .home-page .home-reference-feed-intro-actions,
    .home-page .home-reference-composer-actions {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .home-page .home-reference-live-count,
    .home-page .home-reference-live-toggle,
    .home-page .home-reference-composer-actions>a {
        width: 100%;
        justify-content: center;
    }

    .home-page .home-reference-composer-main {
        gap: 0.8rem;
    }

    .home-page .home-search-shortcuts {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-page .home-command-grid,
    .home-page .home-module-center,
    .home-page .home-reference-layout {
        gap: 0.8rem;
    }
}

/* Product map and navigation upgrade */
.site-section-shell {
    display: grid;
    gap: 0.72rem;
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {


    .member-shell .page-shell {
        padding-top: 1.2rem;
        padding-bottom: 3.25rem;
    }
}

.site-section-bar,
.site-audience-strip {
    display: flex;
    gap: 0.72rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
    scrollbar-width: none;
}

.site-section-bar::-webkit-scrollbar,
.site-audience-strip::-webkit-scrollbar {
    display: none;
}

.site-section-link,
.site-audience-pill {
    flex: 0 0 auto;
    text-decoration: none;
}

.site-section-link {
    display: grid;
    gap: 0.16rem;
    min-width: 11.2rem;
    padding: 0.82rem 0.96rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(18, 16, 24, 0.92), rgba(11, 10, 18, 0.9));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 26px rgba(0, 0, 0, 0.18);
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.site-section-link strong {
    color: #f6efe8;
    font-size: 0.92rem;
}

.site-section-link small {
    color: #988ea0;
    font-size: 0.76rem;
}

.site-section-link:hover,
.site-section-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 150, 78, 0.28);
}

.site-section-link.is-active {
    border-color: rgba(255, 154, 78, 0.42);
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(26, 22, 31, 0.98), rgba(18, 16, 24, 0.96));
}

.site-audience-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
    padding: 0 0.92rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
    color: #e6ddd7;
    font-size: 0.82rem;
    font-weight: 700;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.site-audience-pill:hover,
.site-audience-pill:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 150, 78, 0.24);
    background: rgba(255, 255, 255, 0.07);
}

.site-audience-pill.is-strong {
    background: rgba(255, 126, 44, 0.12);
    border-color: rgba(255, 154, 78, 0.24);
    color: #fff3e7;
}

.member-shell .site-section-link small,
.member-shell .site-audience-pill {
    letter-spacing: 0.01em;
}

.home-page .home-launchpad-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.home-page .home-launchpad-stage {
    display: grid;
    gap: 1rem;
    grid-column: span 2;
    background:
        radial-gradient(circle at top right, rgba(255, 126, 44, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(24, 21, 29, 0.99), rgba(14, 14, 22, 0.98));
}

.home-launchpad-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.62rem;
}

.home-launchpad-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0 0.88rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 158, 94, 0.16);
    background: rgba(255, 255, 255, 0.045);
    color: #f2e2d1;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.home-launchpad-pill:hover,
.home-launchpad-pill:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 158, 94, 0.32);
    background: rgba(255, 255, 255, 0.075);
}

.home-page .home-launchpad-card {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    padding: 1.1rem 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 34%),
        linear-gradient(180deg, rgba(17, 15, 23, 0.96), rgba(11, 11, 18, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 32px rgba(0, 0, 0, 0.18);
    text-decoration: none;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.home-page .home-launchpad-card:hover,
.home-page .home-launchpad-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(255, 155, 88, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 36px rgba(0, 0, 0, 0.24);
}

.home-launchpad-card-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 1.9rem;
    align-items: center;
    justify-content: center;
    padding: 0 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 155, 88, 0.16);
    background: rgba(255, 126, 44, 0.09);
    color: #efcba8;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-page .home-launchpad-card strong {
    color: #fbf4ee;
    font-size: 1.04rem;
    line-height: 1.35;
}

.home-page .home-launchpad-card p {
    color: #a69cab;
    line-height: 1.65;
    margin: 0;
}

.home-launchpad-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.home-launchpad-card-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: #dacfc7;
    font-size: 0.78rem;
    font-weight: 700;
}

@media (max-width: 1160px) {
    .home-page .home-launchpad-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .home-launchpad-stage {
        grid-column: 1 / -1;
    }
}

@media (max-width: 860px) {
    .site-section-shell {
        gap: 0.6rem;
        margin-bottom: 0.85rem;
    }

    .site-section-link {
        min-width: 10.2rem;
        padding: 0.78rem 0.86rem;
    }

    .home-page .home-launchpad-grid {
        grid-template-columns: 1fr;
    }

    .home-page .home-launchpad-stage {
        grid-column: auto;
    }
}

/* Sprint 1 workflow surfaces */
.radar-alert-shell {
    align-items: start;
}

.radar-alert-hub,
.radar-alert-suggestion-panel,
.idea-workspace-card,
.room-decision-card,
.room-action-card {
    display: grid;
    gap: 1rem;
}

.radar-alert-form {
    gap: 1rem;
}

.radar-alert-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.radar-alert-form-grid .field-shell:last-child {
    grid-column: span 2;
}

.radar-alert-card-grid,
.idea-workspace-track-list,
.idea-workspace-signal-grid,
.room-action-list {
    display: grid;
    gap: 0.85rem;
}

.radar-alert-card {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(17, 14, 21, 0.74);
}

.radar-alert-card.is-paused {
    opacity: 0.72;
}

.radar-alert-card-head,
.radar-alert-actions {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.compact-list {
    gap: 0.55rem;
}

.compact-item {
    padding: 0.8rem 0.9rem;
}

.action-card-form {
    width: 100%;
    text-align: left;
    background: rgba(17, 14, 21, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.1rem;
    padding: 1rem;
}

.action-card-form button {
    width: auto;
}

.idea-workspace-shell {
    gap: 1.2rem;
}

.idea-workspace-metrics,
.idea-workspace-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.idea-workspace-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idea-workspace-metric,
.idea-workspace-signal {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(17, 14, 21, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.idea-workspace-metric strong,
.idea-workspace-signal strong {
    font-size: clamp(1.3rem, 2vw, 1.85rem);
    color: #fff3e9;
}

.idea-workspace-track {
    display: grid;
    gap: 0.55rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(11, 9, 15, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.idea-workspace-track-head {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.idea-workspace-split {
    margin-top: 0;
}

.room-decision-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1rem;
    margin-top: 1rem;
}

.room-draft-heading {
    margin-top: 0.4rem;
}

.room-draft-item {
    display: flex;
    justify-content: space-between;
    gap: 0.9rem;
    align-items: center;
}

.room-draft-item form {
    margin: 0;
}

@media (max-width: 980px) {

    .radar-alert-form-grid,
    .idea-workspace-metrics,
    .idea-workspace-grid,
    .room-decision-grid {
        grid-template-columns: 1fr;
    }

    .radar-alert-form-grid .field-shell:last-child {
        grid-column: auto;
    }
}

@media (max-width: 720px) {

    .radar-alert-card-head,
    .radar-alert-actions,
    .idea-workspace-track-head,
    .room-draft-item {
        flex-direction: column;
        align-items: stretch;
    }
}

.messenger-workflow-panel {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 140, 66, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
}

.messenger-workflow-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.messenger-workflow-chip {
    display: grid;
    gap: .35rem;
    padding: .8rem .9rem;
    border-radius: .95rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.messenger-workflow-chip strong {
    font-size: .8rem;
    color: var(--muted);
}

.messenger-workflow-chip span {
    color: var(--text);
    font-weight: 700;
}

.messenger-workflow-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.network-match-block {
    display: grid;
    gap: .35rem;
    width: 100%;
    padding: .85rem .95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
    text-align: left;
}

.network-match-block strong {
    font-size: .82rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.network-match-block p,
.network-intro-copy {
    margin: 0;
}

.network-intro-copy {
    color: var(--muted);
    font-size: .92rem;
}

.network-card-meta {
    justify-content: center;
    flex-wrap: wrap;
}

.network-intro-panel {
    width: 100%;
    margin-top: .25rem;
    text-align: left;
}

.network-intro-panel summary {
    cursor: pointer;
    color: var(--accent-strong);
    font-weight: 700;
}

.network-intro-panel[open] {
    padding-top: .5rem;
}

.network-intro-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.dashboard-cockpit-card {
    display: grid;
    gap: 1rem;
}

.dashboard-cockpit-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.dashboard-cockpit-metric {
    display: grid;
    gap: .35rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.dashboard-cockpit-metric strong {
    font-size: 1.35rem;
}

.dashboard-cockpit-watchlist .discussion-item {
    gap: .45rem;
}

.idea-growth-shell {
    align-items: stretch;
}

.idea-traction-card,
.idea-data-room-card {
    display: grid;
    gap: 1rem;
}

.idea-traction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.idea-traction-metric {
    display: grid;
    gap: .35rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.idea-traction-metric strong {
    font-size: 1.25rem;
}

.idea-traction-metric span {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .78rem;
    color: var(--muted);
}

.idea-traction-timeline {
    margin-top: .2rem;
}

@media (max-width: 900px) {

    .messenger-workflow-summary,
    .dashboard-cockpit-metrics,
    .idea-traction-grid,
    .network-intro-grid,
    .messenger-workflow-grid {
        grid-template-columns: 1fr;
    }
}

/* Operations sprint: tasks, notification prefs, idea execution */
.preference-form-card {
    display: grid;
    gap: .85rem;
}

.preference-toggle {
    justify-content: space-between;
    gap: .9rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .03);
}

.task-quick-grid,
.room-task-form-grid,
.idea-inline-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.messenger-task-panel,
.idea-execution-card,
.task-board-card {
    display: grid;
    gap: 1rem;
}

.messenger-task-form {
    margin-top: .5rem;
}

.task-list-item {
    border-left: 3px solid rgba(255, 255, 255, .12);
}

.task-list-item.is-open,
.task-board-card.is-open {
    border-left-color: rgba(95, 203, 255, .8);
}

.task-list-item.is-in_progress,
.task-board-card.is-in_progress {
    border-left-color: rgba(255, 184, 77, .9);
}

.task-list-item.is-blocked,
.task-board-card.is-blocked {
    border-left-color: rgba(255, 99, 99, .9);
}

.task-list-item.is-done,
.task-board-card.is-done {
    border-left-color: rgba(101, 216, 136, .9);
}

.task-board-card .notification-head {
    align-items: flex-start;
}

.task-board-card .card-actions,
.task-list-item .card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.idea-execution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.idea-execution-card .quick-grid {
    margin-top: .25rem;
}

.room-task-form,
.task-quick-form {
    display: grid;
    gap: .75rem;
}

@media (max-width: 1100px) {
    .idea-execution-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {

    .task-quick-grid,
    .room-task-form-grid,
    .idea-inline-form-grid {
        grid-template-columns: 1fr;
    }
}

/* Pipeline and data room sprint */
.idea-pipeline-card,
.idea-data-room-card {
    display: grid;
    gap: 1rem;
}

.idea-data-room-card .stack-form,
.idea-data-room-card .panel-form {
    display: grid;
    gap: .75rem;
}

.idea-data-room-card .discussion-item,
.idea-pipeline-card .discussion-item {
    align-items: flex-start;
    gap: .5rem;
}

.idea-data-room-card .card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.idea-pipeline-card .quick-grid,
.idea-data-room-card .quick-grid {
    margin-top: .15rem;
}

/* Deal ops and meeting workflow sprint */
.idea-data-room-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10rem;
    gap: .9rem;
}

.idea-data-room-copy {
    display: grid;
    gap: .45rem;
}

.idea-data-room-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7rem;
    border-radius: 1rem;
    overflow: hidden;
    background: rgba(16, 22, 43, .72);
    border: 1px solid rgba(255, 255, 255, .08);
}

.idea-data-room-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idea-data-room-preview.is-document {
    flex-direction: column;
    gap: .35rem;
    padding: 1rem;
    text-align: center;
}

.dashboard-pipeline-board {
    display: grid;
    gap: 1rem;
}

.dashboard-pipeline-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-pipeline-column {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(15, 20, 38, .72);
    border: 1px solid rgba(255, 255, 255, .07);
}

.dashboard-pipeline-column-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.dashboard-upgrade-shell {
    background: linear-gradient(135deg, rgba(250, 204, 21, .1), rgba(0, 0, 0, .4));
    border: 1px solid rgba(250, 204, 21, .4);
    box-shadow: 0 0 20px rgba(250, 204, 21, .05);
}

.dashboard-upgrade-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.dashboard-upgrade-copy {
    display: grid;
    gap: .5rem;
}

.dashboard-upgrade-title {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    color: #facc15;
}

.dashboard-upgrade-title svg {
    flex-shrink: 0;
}

.dashboard-upgrade-meta {
    display: block;
    color: #f8fafc;
}

.dashboard-upgrade-body {
    margin: 0;
    max-width: 38rem;
    color: #cbd5e1;
    font-size: .95rem;
}

.dashboard-upgrade-button {
    border: none;
    background: #facc15;
    color: #111;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(250, 204, 21, .3);
}

.dashboard-upgrade-button:hover {
    color: #111;
}

.dashboard-pipeline-scroller {
    padding: .5rem 0;
    overflow-x: auto;
}

.dashboard-pipeline-column-wide {
    min-width: min(280px, 100%);
    background: var(--surface-2);
    border-color: var(--border);
}

.dashboard-pipeline-column-head-separated {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border);
    padding-bottom: .5rem;
}

.dashboard-pipeline-column-title {
    color: var(--text);
}

.dashboard-pipeline-column-chip {
    font-weight: 600;
}

.dashboard-kanban-board.is-highlighted {
    border: 1px solid rgba(39, 118, 255, .2);
    background: rgba(39, 118, 255, .02);
}

.kanban-card-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.kanban-card {
    position: relative;
    display: block;
    padding: .85rem;
    border-radius: .9rem;
    background: var(--surface-1);
    border: 1px solid var(--border);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.kanban-card:hover {
    transform: translateY(-2px);
    color: inherit;
    border-color: rgba(255, 255, 255, .16);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .22);
}

.kanban-card.has-badge {
    padding-right: 4rem;
}

.kanban-card-title {
    display: block;
    margin-bottom: .25rem;
    color: #fff;
    font-size: .95rem;
}

.kanban-card-body {
    display: block;
    margin-bottom: .5rem;
    color: var(--text-muted);
    line-height: 1.35;
}

.kanban-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px dashed var(--border);
}

.kanban-card-footer-end {
    justify-content: flex-end;
}

.kanban-card-meta {
    color: var(--text-muted);
    font-size: .75rem;
}

.kanban-card-status {
    font-size: .7rem;
}

.kanban-card-status-alert {
    background: rgba(239, 68, 68, .1);
    color: #ef4444;
}

.kanban-card-badge {
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: .65rem;
}

.kanban-empty-state {
    display: grid;
    gap: .25rem;
    padding: 1rem;
    text-align: center;
    background: rgba(255, 255, 255, .03);
    border: 1px dashed var(--border);
    border-radius: .9rem;
}

.kanban-empty-state strong {
    color: var(--text-muted);
    font-size: .85rem;
}

.kanban-empty-state small {
    color: var(--text-muted);
    opacity: .6;
    line-height: 1.2;
}

.dashboard-kpi-trend-grid {
    margin-top: 1rem;
}

.dashboard-kpi-trend-points {
    margin-top: .85rem;
    align-items: end;
}

.dashboard-kpi-trend-point {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    min-width: 24px;
}

.dashboard-kpi-trend-bar {
    width: 16px;
    height: var(--trend-bar-height, 32px);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(39, 118, 255, .95), rgba(39, 118, 255, .25));
}

.dashboard-kpi-trend-value {
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
}

.room-decision-form {
    display: grid;
    gap: .75rem;
    margin-top: .9rem;
}

.room-event-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
}

@media (max-width: 1100px) {
    .dashboard-pipeline-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .idea-data-room-item {
        grid-template-columns: 1fr;
    }
}

.messenger-bridge-list,
.task-source-grid,
.room-execution-list,
.home-story-grid {
    display: grid;
    gap: .9rem;
}

.messenger-bridge-card,
.task-source-card,
.room-execution-card,
.home-story-card {
    min-height: 100%;
}

.task-board-columns,
.home-trust-grid,
.home-how-grid,
.dashboard-kpi-grid {
    display: grid;
    gap: 1rem;
}

.task-board-columns,
.dashboard-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-trust-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.home-how-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-board-column,
.dashboard-kpi-card,
.home-trust-card,
.home-how-card {
    display: grid;
    gap: .55rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(15, 20, 38, .72);
    border: 1px solid rgba(255, 255, 255, .07);
}

.task-board-column-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.task-source-card.is-active {
    border-color: rgba(255, 255, 255, .16);
}

.dashboard-kpi-card strong,
.home-trust-card strong {
    font-size: 1.4rem;
}

.dashboard-kpi-shell,
.dashboard-execution-board,
.home-trust-shell,
.home-proof-shell,
.room-execution-panel {
    margin-top: 1.25rem;
}

.home-trust-card span,
.dashboard-kpi-card span {
    color: rgba(255, 255, 255, .72);
}

.home-trust-card small,
.home-how-card p {
    color: rgba(255, 255, 255, .68);
}

.home-how-card {
    text-decoration: none;
    color: inherit;
}

.home-how-step {
    display: inline-flex;
    width: fit-content;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 1100px) {

    .task-board-columns,
    .dashboard-kpi-grid,
    .home-trust-grid,
    .home-how-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {

    .task-board-columns,
    .dashboard-kpi-grid,
    .home-trust-grid,
    .home-how-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-upgrade-main {
        align-items: flex-start;
    }

    .dashboard-upgrade-button {
        width: 100%;
        justify-content: center;
    }

    .kanban-card.has-badge {
        padding-top: 2.5rem;
        padding-right: .85rem;
    }
}

/* Discovery and memo sprint */
.radar-intelligence-shell,
.idea-deal-shell {
    align-items: stretch;
}

.radar-score-grid,
.radar-collection-grid,
.messenger-summary-grid,
.idea-deal-memo-grid {
    display: grid;
    gap: 1rem;
}

.radar-score-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.radar-score-card,
.radar-collection-card,
.messenger-summary-card,
.idea-deal-memo-item {
    display: grid;
    gap: .55rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(15, 20, 38, .72);
    color: inherit;
    text-decoration: none;
}

.radar-score-head,
.radar-compare-row,
.idea-kpi-row {
    display: grid;
    gap: .75rem;
}

.radar-score-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.radar-score-value {
    font-size: clamp(1.75rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #fff3e9;
}

.radar-compare-list,
.radar-collection-items,
.idea-kpi-list {
    display: grid;
    gap: .8rem;
}

.radar-compare-row {
    grid-template-columns: minmax(0, 1fr) 8rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
    color: inherit;
    text-decoration: none;
}

.radar-compare-copy {
    display: grid;
    gap: .35rem;
}

.radar-compare-score {
    display: grid;
    gap: .4rem;
    align-content: center;
    text-align: right;
}

.radar-compare-score strong {
    font-size: 1.25rem;
    color: #fff3e9;
}

.radar-compare-bar,
.idea-kpi-meter {
    height: .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    overflow: hidden;
}

.radar-compare-bar span,
.idea-kpi-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 140, 66, .9), rgba(95, 203, 255, .95));
}

.radar-collection-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.radar-collection-card p,
.messenger-summary-card p,
.idea-deal-memo-item p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
}

.messenger-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.messenger-draft-textarea {
    width: 100%;
    min-height: 11rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(10, 14, 24, .72);
    color: var(--text);
    padding: 1rem;
    resize: vertical;
}

.idea-deal-memo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.idea-deal-memo-item span {
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff3e9;
}

.idea-kpi-chart-card,
.idea-deal-memo-card {
    display: grid;
    gap: 1rem;
}

.idea-kpi-row {
    grid-template-columns: minmax(0, 1fr) 10rem;
    align-items: center;
    padding: .85rem .95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.idea-kpi-copy {
    display: grid;
    gap: .25rem;
}

.idea-kpi-meter-shell {
    display: grid;
    gap: .35rem;
    justify-items: end;
}

.idea-kpi-meter-shell span {
    font-weight: 700;
    color: #fff3e9;
}

.radar-shared-shell,
.radar-saved-view-panel,
.radar-saved-view-list-panel,
.messenger-draft-form,
.idea-deal-memo-log {
    display: grid;
    gap: 1rem;
}

.radar-shared-head {
    display: grid;
    gap: .9rem;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.radar-shared-head p,
.radar-saved-view-card p,
.idea-deal-memo-entry p {
    margin: 0;
    color: rgba(255, 255, 255, .76);
}

.radar-share-box p {
    margin: .4rem 0 0;
    font-size: .92rem;
    word-break: break-word;
}

.field-shell-wide {
    grid-column: 1 / -1;
}

.radar-inline-check {
    margin-top: .35rem;
}

.messenger-draft-actions {
    margin-top: .2rem;
}

.idea-deal-memo-entry {
    gap: .6rem;
}

@media (max-width: 1100px) {

    .radar-collection-grid,
    .idea-deal-memo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {

    .radar-score-grid,
    .messenger-summary-grid,
    .idea-deal-memo-grid {
        grid-template-columns: 1fr;
    }

    .radar-compare-row,
    .idea-kpi-row {
        grid-template-columns: 1fr;
    }

    .radar-shared-head {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .radar-collection-grid {
        grid-template-columns: 1fr;
    }
}

/* Final polish: notification popup and calmer public home */
body.has-notification-drawer {
    overflow: visible;
}

.bell-dropdown-shell {
    position: relative;
    z-index: 240;
}

.bell-dropdown-shell>summary {
    list-style: none;
}

.bell-dropdown-shell>summary::-webkit-details-marker {
    display: none;
}

.premium-notification-popover {
    position: absolute;
    top: calc(100% + 0.8rem);
    right: 0;
    width: min(22rem, calc(100vw - 2rem));
    max-height: min(30rem, calc(100vh - 8rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.95rem;
    padding: 1.1rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 150, 78, 0.18);
    background:
        linear-gradient(180deg, rgba(18, 16, 28, 0.98), rgba(9, 9, 16, 0.98)),
        radial-gradient(circle at top right, rgba(255, 135, 53, 0.18), transparent 42%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
    transform: translate3d(0, -0.35rem, 0) scale(0.985);
    opacity: 0;
    pointer-events: none;
    z-index: 220;
    transition: transform 160ms ease, opacity 160ms ease;
    visibility: hidden;
}

.bell-dropdown-shell[open] .premium-notification-popover,
.premium-notification-popover.is-open {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.premium-notification-popover .premium-popover-head {
    margin-bottom: 0;
    align-items: flex-start;
}

.premium-notification-popover .premium-popover-head>div:first-child {
    display: grid;
    gap: 0.22rem;
}

.premium-notification-popover .premium-popover-head small {
    color: rgba(245, 237, 228, 0.64);
    line-height: 1.5;
}

.premium-notification-popover .premium-popover-list {
    max-height: none;
    min-height: 0;
    padding-right: 0.15rem;
}

.premium-popover-backdrop {
    display: none !important;
}

.home-page .home-reference-sidebar {
    gap: 0.95rem;
}

.home-page .home-reference-sidebar .home-reference-panel {
    min-height: auto;
}

@media (max-width: 900px) {
    .premium-notification-popover {
        position: fixed;
        top: 4.75rem;
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
        max-height: calc(100vh - 6rem);
        border-radius: 1.2rem;
    }
}

.public-intake-layout {
    align-items: start;
}

.public-intake-form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-intake-form-grid .field-shell.field-shell-wide {
    grid-column: 1 / -1;
}

.public-intake-check label {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    color: #f3e7dc;
    font-weight: 700;
    line-height: 1.55;
}

.public-intake-check input {
    margin-top: 0.28rem;
}

.intake-counter {
    align-self: flex-end;
    font-size: 0.78rem;
    color: rgba(243, 231, 220, 0.64);
}

.public-intake-hints {
    margin-top: 1rem;
}

.public-intake-hints .action-card {
    min-height: auto;
}

@media (max-width: 900px) {
    .public-intake-form-grid {
        grid-template-columns: 1fr;
    }
}

.has-flashlight-frame {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.has-flashlight-frame> :not(.flashlight-frame):not(.public-scene-backdrop) {
    position: relative;
    z-index: 1;
}

.flashlight-frame {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

.flashlight-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background:
        conic-gradient(from 0deg,
            rgba(255, 255, 255, 0) 0deg,
            rgba(255, 255, 255, 0) 282deg,
            rgba(255, 205, 146, 0.22) 304deg,
            rgba(255, 242, 222, 0.98) 322deg,
            rgba(255, 161, 74, 0.42) 338deg,
            rgba(255, 255, 255, 0) 360deg);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: flashlight-orbit 5.6s linear infinite;
    opacity: 0.96;
}

.flashlight-frame::after {
    content: "";
    position: absolute;
    inset: -14%;
    border-radius: inherit;
    background:
        conic-gradient(from 0deg,
            rgba(255, 255, 255, 0) 0deg,
            rgba(255, 255, 255, 0) 300deg,
            rgba(255, 196, 129, 0.16) 320deg,
            rgba(255, 149, 61, 0.1) 342deg,
            rgba(255, 255, 255, 0) 360deg);
    filter: blur(18px);
    animation: flashlight-orbit 5.6s linear infinite;
    opacity: 0.78;
}

@keyframes flashlight-orbit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {

    .flashlight-frame::before,
    .flashlight-frame::after {
        animation: none;
    }
}

@media (max-width: 760px) {
    .flashlight-frame::before {
        opacity: 0.42;
    }

    .flashlight-frame::after {
        inset: -6%;
        filter: blur(10px);
        opacity: 0.18;
    }
}

.public-scene-backdrop {
    position: absolute;
    inset: -8%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.public-scene-orb,
.public-scene-grid,
.public-scene-beam,
.public-scene-pulse {
    position: absolute;
}

.public-scene-orb {
    border-radius: 999px;
    filter: blur(30px);
    opacity: 0.72;
    animation: public-scene-float 18s ease-in-out infinite;
}

.public-scene-orb.is-primary {
    top: 4%;
    left: -6%;
    width: 26rem;
    height: 26rem;
    background: radial-gradient(circle, rgba(255, 121, 28, 0.34), rgba(255, 121, 28, 0));
}

.public-scene-orb.is-secondary {
    right: -4%;
    top: 10%;
    width: 24rem;
    height: 24rem;
    background: radial-gradient(circle, rgba(95, 147, 255, 0.2), rgba(95, 147, 255, 0));
    animation-delay: -6s;
}

.public-scene-orb.is-accent {
    left: 24%;
    bottom: -10%;
    width: 30rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 216, 173, 0.14), rgba(255, 216, 173, 0));
    animation-delay: -11s;
}

.public-scene-grid {
    inset: 6% 3%;
    border-radius: 2rem;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 3.8rem 3.8rem;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.9), transparent 82%);
    opacity: 0.2;
    animation: public-grid-drift 32s linear infinite;
}

.public-scene-beam {
    top: -18%;
    right: 8%;
    width: 28rem;
    height: 130%;
    background: linear-gradient(180deg, rgba(255, 196, 140, 0.24), rgba(255, 196, 140, 0));
    filter: blur(8px);
    transform: rotate(18deg);
    transform-origin: top center;
    opacity: 0.34;
    animation: public-beam-sweep 14s ease-in-out infinite;
}

.public-scene-pulse {
    inset: 11% 8%;
    border-radius: 2rem;
    border: 1px solid rgba(255, 207, 163, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 154, 61, 0.03);
    animation: public-frame-breathe 9s ease-in-out infinite;
}

.public-scene-backdrop.is-intake .public-scene-orb.is-primary {
    width: 24rem;
    height: 24rem;
    top: 3%;
}

.public-scene-backdrop.is-intake .public-scene-beam {
    right: 4%;
    width: 22rem;
    opacity: 0.26;
}

@keyframes public-scene-float {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    33% {
        transform: translate3d(2.2rem, -1.4rem, 0) scale(1.04);
    }

    66% {
        transform: translate3d(-1.6rem, 1.8rem, 0) scale(0.96);
    }
}

@keyframes public-grid-drift {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-1rem, 1.2rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes public-beam-sweep {

    0%,
    100% {
        transform: rotate(18deg) translateX(0);
        opacity: 0.18;
    }

    50% {
        transform: rotate(18deg) translateX(-2.6rem);
        opacity: 0.34;
    }
}

@keyframes public-frame-breathe {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.72;
    }

    50% {
        transform: scale(1.018);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {

    .public-scene-orb,
    .public-scene-grid,
    .public-scene-beam,
    .public-scene-pulse {
        animation: none;
    }
}

.home-public-service-strip,
.home-public-institution-shell,
.home-public-agenda-shell,
.home-public-capability-shell {
    margin-top: 1.35rem;
}

.home-public-service-strip {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.home-public-service-link {
    display: grid;
    gap: 0.55rem;
    padding: 1rem 1.05rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-public-service-link span {
    color: rgba(255, 203, 159, 0.68);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.home-public-service-link strong {
    color: #fff6ee;
    font-size: 1rem;
    line-height: 1.2;
}

.home-public-service-link small {
    color: rgba(245, 235, 225, 0.66);
    line-height: 1.55;
}

.home-public-service-link:hover,
.home-public-service-link:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(255, 183, 118, 0.22);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.28);
}

.home-public-service-strip-landing {
    position: relative;
    isolation: isolate;
    gap: 1rem;
}

.home-public-service-strip-landing::before {
    content: "";
    position: absolute;
    inset: -0.65rem 0;
    z-index: 0;
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 12% 50%, rgba(255, 120, 46, 0.1), transparent 28%),
        radial-gradient(circle at 88% 45%, rgba(255, 201, 146, 0.08), transparent 24%);
    filter: blur(12px);
    pointer-events: none;
}

.home-public-service-strip-landing>* {
    position: relative;
    z-index: 1;
}

.home-public-service-link-landing {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 100%;
    padding: 1.12rem 1.15rem;
    backdrop-filter: blur(12px);
}

.home-public-service-link-landing::before,
.home-public-service-link-landing::after {
    content: "";
    position: absolute;
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

.home-public-service-link-landing::before {
    inset: 0;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.06), transparent 48%),
        radial-gradient(circle at top left, rgba(255, 176, 108, 0.12), transparent 44%);
    opacity: 0.82;
}

.home-public-service-link-landing::after {
    left: 1.15rem;
    right: 1.15rem;
    bottom: 0.95rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 199, 149, 0), rgba(255, 199, 149, 0.8), rgba(255, 199, 149, 0));
    opacity: 0.42;
    transform: scaleX(0.88);
    transform-origin: center;
}

.home-public-service-link-landing>* {
    position: relative;
    z-index: 1;
}

.home-public-service-link-landing:nth-child(3n + 1) {
    background:
        linear-gradient(180deg, rgba(20, 15, 24, 0.96), rgba(8, 7, 14, 0.96)),
        radial-gradient(circle at top left, rgba(255, 128, 46, 0.16), transparent 40%);
}

.home-public-service-link-landing:nth-child(3n + 2) {
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.95), rgba(9, 9, 16, 0.96)),
        radial-gradient(circle at top right, rgba(255, 168, 92, 0.16), transparent 42%);
}

.home-public-service-link-landing:nth-child(3n) {
    background:
        linear-gradient(180deg, rgba(16, 14, 23, 0.96), rgba(9, 9, 15, 0.97)),
        radial-gradient(circle at bottom right, rgba(255, 214, 168, 0.1), transparent 42%);
}

.home-public-service-link-landing:hover::before,
.home-public-service-link-landing:focus-visible::before {
    opacity: 1;
}

.home-public-service-link-landing:hover::after,
.home-public-service-link-landing:focus-visible::after {
    opacity: 0.95;
    transform: scaleX(1);
}

.home-public-marquee-shell {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin-top: 1.35rem;
    padding: 1.2rem;
    border-radius: 1.65rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(155deg, rgba(15, 14, 24, 0.96), rgba(8, 8, 14, 0.97)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 210, 164, 0.08), transparent 26%);
    box-shadow: 0 24px 68px rgba(0, 0, 0, 0.26);
    isolation: isolate;
}

.home-public-marquee-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8, 8, 14, 0.92), transparent 10%, transparent 90%, rgba(8, 8, 14, 0.92)),
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 48%);
    z-index: 0;
}

.home-public-marquee-shell > * {
    position: relative;
    z-index: 1;
}

.home-public-marquee-intro {
    display: grid;
    gap: 0.65rem;
    max-width: 42rem;
}

.home-public-marquee-intro strong {
    color: #fff6ee;
    font-size: clamp(1.42rem, 2.2vw, 2.2rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.home-public-marquee-intro p {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.72;
}

.home-public-marquee-stack {
    display: grid;
    gap: 0.9rem;
}

.home-public-marquee-row {
    display: flex;
    gap: 0.9rem;
    width: max-content;
    min-width: 100%;
    animation: homePublicMarqueePan 34s linear infinite;
    will-change: transform;
}

.home-public-marquee-row.is-reverse {
    animation-direction: reverse;
    animation-duration: 42s;
}

.home-public-marquee-row:hover,
.home-public-marquee-row:focus-within {
    animation-play-state: paused;
}

.home-public-marquee-chip {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.45rem;
    align-content: start;
    width: min(20rem, 72vw);
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 186, 126, 0.13);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-public-marquee-chip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 52%);
    opacity: 0.9;
}

.home-public-marquee-chip > * {
    position: relative;
    z-index: 1;
}

.home-public-marquee-chip span {
    color: #ffcb9f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-marquee-chip strong {
    color: #fff5ed;
    font-size: 1.02rem;
    line-height: 1.3;
}

.home-public-marquee-chip small {
    color: rgba(245, 235, 225, 0.68);
    line-height: 1.56;
}

.home-public-marquee-chip.is-route {
    background:
        linear-gradient(155deg, rgba(19, 14, 22, 0.96), rgba(9, 9, 15, 0.97)),
        radial-gradient(circle at top right, rgba(255, 144, 58, 0.14), transparent 38%);
}

.home-public-marquee-chip.is-signal {
    background:
        linear-gradient(155deg, rgba(16, 15, 24, 0.96), rgba(9, 9, 15, 0.97)),
        radial-gradient(circle at top left, rgba(255, 209, 164, 0.1), transparent 34%);
}

.home-public-marquee-chip.is-support {
    background:
        linear-gradient(155deg, rgba(17, 14, 22, 0.96), rgba(8, 8, 14, 0.97)),
        radial-gradient(circle at bottom right, rgba(255, 126, 42, 0.13), transparent 36%);
}

.home-public-marquee-chip:hover,
.home-public-marquee-chip:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(255, 183, 118, 0.24);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}

.home-public-marquee-chip.is-clone {
    pointer-events: none;
}

@keyframes homePublicMarqueePan {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.home-public-institution-shell {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    align-items: stretch;
}

.home-public-brief,
.home-public-capability-stage,
.home-public-card,
.home-public-capability-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.home-public-brief,
.home-public-capability-stage {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}

.home-public-brief-value,
.home-public-brief-cta,
.home-public-capability-stage-primary,
.home-public-capability-stage-trust,
.home-public-feature-card-lead,
.home-public-about-brief-landing,
.home-public-foundation-card-story,
.home-public-foundation-card-faq {
    isolation: isolate;
}

.home-public-brief-value::before,
.home-public-brief-cta::before,
.home-public-capability-stage-primary::before,
.home-public-capability-stage-trust::before,
.home-public-feature-card-lead::before,
.home-public-about-brief-landing::before,
.home-public-foundation-card-story::before,
.home-public-foundation-card-faq::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.92;
}

.home-public-brief-value>*,
.home-public-brief-cta>*,
.home-public-capability-stage-primary>*,
.home-public-capability-stage-trust>*,
.home-public-feature-card-lead>*,
.home-public-about-brief-landing>*,
.home-public-foundation-card-story>*,
.home-public-foundation-card-faq>* {
    position: relative;
    z-index: 1;
}

.home-public-brief-value {
    background:
        linear-gradient(145deg, rgba(24, 16, 18, 0.98), rgba(10, 10, 16, 0.95)),
        radial-gradient(circle at top left, rgba(255, 124, 36, 0.16), transparent 38%);
}

.home-public-brief-value::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 48%),
        radial-gradient(circle at 85% 24%, rgba(255, 204, 149, 0.14), transparent 28%);
}

.home-public-brief-value h2,
.home-public-brief-cta h2 {
    max-width: 15ch;
}

.home-public-brief-value .home-public-metric-band {
    margin-top: 0.25rem;
}

.home-public-brief-value .home-public-metric {
    min-height: 100%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 210, 164, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.home-public-brief-value .home-public-metric strong {
    font-size: clamp(1.5rem, 2vw, 1.85rem);
}

.home-public-capability-stage-primary {
    background:
        linear-gradient(150deg, rgba(15, 14, 26, 0.97), rgba(8, 9, 15, 0.96)),
        radial-gradient(circle at top right, rgba(255, 160, 78, 0.16), transparent 40%);
}

.home-public-capability-stage-primary::before {
    background:
        linear-gradient(130deg, rgba(255, 255, 255, 0.08), transparent 44%),
        radial-gradient(circle at bottom left, rgba(255, 121, 38, 0.12), transparent 36%);
}

.home-public-capability-stage-primary strong,
.home-public-capability-stage-trust strong {
    font-size: clamp(1.38rem, 2vw, 1.92rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.home-public-feature-card-lead {
    min-height: 100%;
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.16), transparent 34%);
}

.home-public-feature-card-lead::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 82% 18%, rgba(255, 208, 164, 0.12), transparent 30%);
}

.home-public-brief h2 {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: #fff6ee;
}

.home-public-brief>p,
.home-public-capability-stage>p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.7;
}

.home-public-metric-band {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-public-metric {
    display: grid;
    gap: 0.22rem;
    padding: 1rem 1.05rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.home-public-metric strong {
    font-size: 1.4rem;
    color: #fff7ef;
}

.home-public-metric span {
    color: #ffd1ab;
    font-weight: 800;
    text-transform: lowercase;
}

.home-public-metric small {
    color: rgba(245, 235, 225, 0.62);
    line-height: 1.55;
}

.home-public-capability-kicker,
.home-public-card-kicker {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 2rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #ffc592;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-public-list {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.65rem;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.7;
}

.home-public-agenda-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-public-card {
    display: grid;
    gap: 0.85rem;
    padding: 1.35rem;
    align-content: start;
    transition: transform 260ms ease, opacity 240ms ease, filter 240ms ease, border-color 220ms ease, box-shadow 220ms ease, background 260ms ease;
}

.home-public-card strong,
.home-public-capability-card strong {
    color: #fff6ee;
    font-size: 1.08rem;
    line-height: 1.35;
}

.home-public-card p,
.home-public-capability-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.68;
}

.home-public-card small,
.home-public-capability-card span {
    color: #ffcb9f;
}

.home-public-capability-shell .widget-heading p {
    max-width: 42rem;
}

.home-public-capability-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.home-public-capability-card {
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-public-capability-card:hover,
.home-public-capability-card:focus-visible,
.home-public-card:hover,
.home-public-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(255, 183, 118, 0.22);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.28);
}

@media (max-width: 1100px) {
    .home-public-service-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-public-institution-shell,
    .home-public-agenda-grid,
    .home-public-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-public-capability-stage {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .home-public-service-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-public-institution-shell,
    .home-public-agenda-grid,
    .home-public-capability-grid,
    .home-public-metric-band {
        grid-template-columns: 1fr;
    }

    .home-public-brief,
    .home-public-capability-stage,
    .home-public-card,
    .home-public-capability-card,
    .home-public-service-link {
        padding: 1.15rem;
    }
}

@media (max-width: 560px) {
    .home-public-service-strip {
        grid-template-columns: 1fr;
    }
}

.home-public-about-shell,
.home-public-foundation-shell {
    margin-top: 1.35rem;
}

.home-public-agenda-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.82fr);
}

.home-public-feature-card,
.home-public-about-brief,
.home-public-about-stage,
.home-public-stage-note,
.home-public-foundation-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.home-public-feature-card,
.home-public-about-brief,
.home-public-about-stage,
.home-public-foundation-card {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}

.home-public-feature-card strong,
.home-public-about-brief h2,
.home-public-stage-note strong,
.home-public-foundation-card strong {
    margin: 0;
    color: #fff6ee;
}

.home-public-about-brief h2 {
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.home-public-feature-card p,
.home-public-about-brief p,
.home-public-stage-note p,
.home-public-foundation-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.7;
}

.home-public-card-meta {
    color: rgba(255, 214, 178, 0.72);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.home-public-feature-card strong {
    font-size: clamp(1.6rem, 2.6vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.home-public-feature-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.home-public-update-rail {
    --home-sequence-progress: 0;
    position: relative;
    display: grid;
    gap: 1rem;
    padding-left: 0.95rem;
}

.home-public-update-rail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    bottom: 0.35rem;
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 206, 168, 0.08), rgba(255, 133, 50, 0.32), rgba(255, 206, 168, 0.08));
    opacity: 0.52;
}

.home-public-update-rail::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(0.95rem + (100% - 1.9rem) * var(--home-sequence-progress, 0));
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 247, 239, 0.98), rgba(255, 138, 52, 0.9) 58%, rgba(255, 138, 52, 0));
    box-shadow: 0 0 18px rgba(255, 138, 52, 0.26);
    transform: translate3d(-50%, -50%, 0);
    transition: top 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
}

.home-public-about-shell {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    align-items: stretch;
}

.home-public-proof-shell .widget-heading p,
.home-public-story-shell .widget-heading p,
.home-public-faq-shell .widget-heading p {
    max-width: 40rem;
}

.home-public-about-stage {
    align-content: start;
}

.home-public-about-brief-landing {
    background:
        linear-gradient(145deg, rgba(21, 15, 18, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 132, 50, 0.16), transparent 38%);
}

.home-public-about-brief-landing::before {
    background:
        linear-gradient(130deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 88% 22%, rgba(255, 203, 156, 0.12), transparent 26%);
}

.home-public-about-stage-landing {
    gap: 0.9rem;
}

.home-public-about-stage-flow {
    position: relative;
    gap: 0.9rem;
}

.home-public-flow-spine {
    position: absolute;
    left: 1.95rem;
    top: 1.7rem;
    bottom: 1.7rem;
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 215, 180, 0), rgba(255, 198, 146, 0.85), rgba(255, 215, 180, 0));
    opacity: 0.72;
    pointer-events: none;
}

.home-public-stage-note {
    display: grid;
    gap: 0.85rem;
    padding: 1.15rem;
    background: rgba(255, 255, 255, 0.03);
}

.home-public-stage-note-step {
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 195, 140, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.02);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-public-stage-note-step:hover,
.home-public-stage-note-step:focus-within {
    transform: translateY(-3px);
    border-color: rgba(255, 187, 120, 0.22);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.home-public-stage-note-flow {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: start;
    padding-left: 1.1rem;
    text-decoration: none;
}

.home-public-stage-note-flow:hover,
.home-public-stage-note-flow:focus-visible {
    transform: translateY(-4px) translateX(2px);
}

.home-public-stage-marker {
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-top: 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 222, 196, 0.4);
    background: radial-gradient(circle, rgba(255, 201, 154, 0.98) 0%, rgba(255, 132, 40, 0.8) 54%, rgba(255, 132, 40, 0.18) 100%);
    box-shadow: 0 0 0 0.28rem rgba(255, 132, 40, 0.08);
}

.home-public-stage-marker::after {
    content: "";
    position: absolute;
    inset: -0.45rem;
    border-radius: inherit;
    border: 1px solid rgba(255, 186, 126, 0.12);
    opacity: 0.7;
}

.home-public-stage-copy {
    display: grid;
    gap: 0.55rem;
}

.home-public-stage-tail {
    align-self: center;
    color: #ffcb9f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-stage-note-flow.is-current {
    border-color: rgba(255, 196, 140, 0.24);
    box-shadow: 0 26px 62px rgba(0, 0, 0, 0.24);
}

.home-public-stage-note-flow.is-current .home-public-stage-marker,
.home-public-stage-note-flow.is-warm .home-public-stage-marker {
    box-shadow: 0 0 0 0.35rem rgba(255, 132, 40, 0.12), 0 0 24px rgba(255, 145, 72, 0.16);
}

.home-public-stage-note-step .ghost-link {
    margin-top: auto;
}

.home-public-foundation-shell {
    --home-sequence-progress: 0;
    position: relative;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-public-foundation-shell.is-sequenced::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -0.2rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 214, 178, 0.08), rgba(255, 140, 58, 0.34), rgba(255, 214, 178, 0.08));
    opacity: 0.62;
}

.home-public-foundation-shell.is-sequenced::after {
    content: "";
    position: absolute;
    top: -0.2rem;
    left: calc(0.4rem + (100% - 0.8rem) * var(--home-sequence-progress, 0));
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 247, 239, 0.98), rgba(255, 138, 52, 0.88) 58%, rgba(255, 138, 52, 0));
    box-shadow: 0 0 18px rgba(255, 138, 52, 0.26);
    transform: translate3d(-50%, -50%, 0);
    transition: left 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
}

.home-public-foundation-card .hero-actions {
    margin-top: 0.2rem;
}

.home-public-foundation-card-link {
    color: inherit;
    text-decoration: none;
}

.home-public-foundation-card {
    transition: transform 260ms ease, opacity 240ms ease, filter 240ms ease, border-color 220ms ease, box-shadow 220ms ease, background 260ms ease;
}

.home-public-foundation-card-story,
.home-public-foundation-card-faq {
    min-height: 100%;
}

.home-public-foundation-card-story {
    background:
        linear-gradient(155deg, rgba(17, 14, 22, 0.97), rgba(9, 9, 15, 0.96)),
        radial-gradient(circle at top right, rgba(255, 158, 82, 0.14), transparent 36%);
}

.home-public-foundation-card-story::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 52%),
        radial-gradient(circle at bottom left, rgba(255, 122, 36, 0.11), transparent 30%);
}

.home-public-foundation-card-faq {
    background:
        linear-gradient(155deg, rgba(15, 15, 24, 0.97), rgba(9, 9, 15, 0.96)),
        radial-gradient(circle at top left, rgba(255, 207, 160, 0.11), transparent 34%);
}

.home-public-foundation-card-faq::before {
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.06), transparent 48%),
        radial-gradient(circle at 86% 18%, rgba(255, 145, 58, 0.1), transparent 28%);
}

.home-public-update-rail .home-public-card.is-before,
.home-public-foundation-shell .home-public-foundation-card.is-before {
    opacity: 0.84;
    transform: translateY(-2px) scale(0.992);
}

.home-public-update-rail .home-public-card.is-after,
.home-public-foundation-shell .home-public-foundation-card.is-after {
    opacity: 0.58;
    transform: translateY(10px) scale(0.976);
    filter: saturate(0.92);
}

.home-public-update-rail .home-public-card.is-active,
.home-public-foundation-shell .home-public-foundation-card.is-active {
    opacity: 1;
    transform: translateY(-8px) scale(1.012);
    border-color: rgba(255, 196, 146, 0.22);
    box-shadow: 0 30px 78px rgba(0, 0, 0, 0.24);
}

.home-public-final-shell {
    align-items: stretch;
}

.home-public-closing-bridge {
    --home-closing-progress: 0;
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.7rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(155deg, rgba(14, 13, 23, 0.96), rgba(8, 8, 14, 0.98)),
        radial-gradient(circle at top right, rgba(255, 146, 68, 0.14), transparent 32%),
        radial-gradient(circle at bottom left, rgba(171, 0, 255, 0.08), transparent 28%);
    box-shadow: 0 26px 72px rgba(0, 0, 0, 0.22);
    transition: border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease;
}

.home-public-closing-bridge::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 48%),
        linear-gradient(90deg, rgba(8, 8, 14, 0.94), transparent 14%, transparent 86%, rgba(8, 8, 14, 0.94));
}

.home-public-closing-bridge > * {
    position: relative;
    z-index: 1;
}

.home-public-closing-bridge-kicker {
    color: rgba(255, 207, 165, 0.84);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-public-closing-bridge-track {
    position: relative;
    height: 0.4rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 214, 178, 0.08), rgba(255, 183, 118, 0.16), rgba(255, 214, 178, 0.08));
    overflow: hidden;
}

.home-public-closing-bridge-track::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(0.65rem + (100% - 1.3rem) * var(--home-closing-progress, 0));
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 247, 239, 0.98), rgba(255, 138, 52, 0.88) 58%, rgba(255, 138, 52, 0));
    box-shadow: 0 0 18px rgba(255, 138, 52, 0.26);
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
}

.home-public-closing-bridge-beam {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255, 214, 178, 0), rgba(255, 197, 146, 0.98) 36%, rgba(255, 126, 36, 0.92) 64%, rgba(255, 214, 178, 0));
    box-shadow: 0 0 18px rgba(255, 140, 58, 0.22);
}

.home-public-closing-bridge p {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.68;
}

.home-public-closing-bridge.is-active,
.home-public-closing-bridge.is-current {
    border-color: rgba(255, 196, 146, 0.18);
    box-shadow: 0 32px 84px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}

.home-public-brief-cta {
    background:
        linear-gradient(145deg, rgba(24, 15, 18, 0.98), rgba(9, 9, 15, 0.97)),
        radial-gradient(circle at top left, rgba(255, 120, 36, 0.2), transparent 36%);
}

.home-public-brief-cta::before {
    background:
        linear-gradient(125deg, rgba(255, 255, 255, 0.09), transparent 46%),
        radial-gradient(circle at 84% 22%, rgba(255, 204, 154, 0.14), transparent 28%);
}

.home-public-brief-cta .home-public-capability-links {
    margin-top: auto;
}

.home-public-final-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.2rem;
}

.home-public-final-proof-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.82rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 183, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(245, 235, 225, 0.82);
    font-size: 0.78rem;
    font-weight: 700;
}

.home-public-capability-stage-trust {
    gap: 0.9rem;
    background:
        linear-gradient(150deg, rgba(15, 14, 24, 0.97), rgba(8, 8, 14, 0.98)),
        radial-gradient(circle at top right, rgba(255, 176, 104, 0.15), transparent 38%);
}

.home-public-capability-stage-trust::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 48%),
        radial-gradient(circle at bottom left, rgba(255, 129, 44, 0.11), transparent 32%);
}

.home-public-final-trust-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.home-public-final-trust-copy {
    display: grid;
    gap: 0.45rem;
}

.home-public-final-trust-copy p {
    margin: 0;
}

.home-public-final-trust-stat {
    display: inline-flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 183, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #ffcfaa;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-public-final-trust-grid {
    display: grid;
    gap: 0.8rem;
}

.home-public-capability-stage-trust .home-public-stage-note-step {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.024)),
        rgba(255, 255, 255, 0.03);
}

.home-public-impact-shell {
    display: grid;
    gap: 1rem;
    margin-top: 1.35rem;
}

.home-public-impact-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.home-public-impact-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.8rem;
    min-height: 100%;
    padding: 1.3rem;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
    isolation: isolate;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-public-impact-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 48%);
}

.home-public-impact-card > * {
    position: relative;
    z-index: 1;
}

.home-public-impact-card span,
.home-public-impact-card small {
    color: #ffcb9f;
}

.home-public-impact-card span {
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-impact-card strong {
    color: #fff6ee;
    font-size: clamp(1.9rem, 3.1vw, 3rem);
    line-height: 0.94;
    letter-spacing: -0.06em;
}

.home-public-impact-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.72;
}

.home-public-impact-card.is-accent {
    grid-column: span 2;
    background:
        linear-gradient(145deg, rgba(24, 16, 18, 0.98), rgba(9, 9, 15, 0.97)),
        radial-gradient(circle at top left, rgba(255, 120, 36, 0.2), transparent 36%);
}

.home-public-impact-card.is-accent::before {
    background:
        linear-gradient(125deg, rgba(255, 255, 255, 0.09), transparent 46%),
        radial-gradient(circle at 84% 22%, rgba(255, 204, 154, 0.14), transparent 28%);
}

.home-public-impact-card.is-featured strong {
    color: #fff1e2;
}

.home-public-impact-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.home-public-impact-meta small {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

.home-public-impact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: auto;
}

.home-public-impact-card:hover,
.home-public-impact-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(255, 183, 118, 0.22);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.28);
}

.home-public-scene-bridge {
    --home-scene-progress: 0;
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.95rem;
    margin-top: 1rem;
    padding: 1.15rem 1.2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(155deg, rgba(14, 13, 23, 0.96), rgba(8, 8, 14, 0.98)),
        radial-gradient(circle at top left, rgba(255, 124, 38, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 214, 168, 0.08), transparent 28%);
    box-shadow: 0 24px 68px rgba(0, 0, 0, 0.26);
    isolation: isolate;
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.home-public-scene-bridge::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 48%),
        linear-gradient(90deg, rgba(9, 9, 15, 0.9), transparent 14%, transparent 86%, rgba(9, 9, 15, 0.9));
    z-index: 0;
}

.home-public-scene-bridge > * {
    position: relative;
    z-index: 1;
}

.home-public-scene-bridge.is-secondary {
    background:
        linear-gradient(155deg, rgba(16, 13, 23, 0.97), rgba(8, 8, 14, 0.98)),
        radial-gradient(circle at top right, rgba(255, 150, 64, 0.13), transparent 34%),
        radial-gradient(circle at bottom left, rgba(255, 207, 160, 0.08), transparent 26%);
}

.home-public-scene-bridge.is-active {
    border-color: rgba(255, 183, 118, 0.22);
    box-shadow: 0 30px 78px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.home-public-scene-wipe {
    position: absolute;
    top: 50%;
    left: -18%;
    width: 32%;
    height: 180%;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 186, 126, 0), rgba(255, 196, 144, 0.16), rgba(255, 186, 126, 0));
    filter: blur(20px);
    opacity: 0.6;
    transform: translate3d(0, -50%, 0) rotate(8deg);
    z-index: 0;
}

.home-public-scene-bridge-copy {
    display: grid;
    gap: 0.55rem;
    max-width: 48rem;
    transition: transform 260ms ease, opacity 220ms ease;
}

.home-public-scene-bridge-copy strong {
    color: #fff6ee;
    font-size: clamp(1.25rem, 2vw, 1.8rem);
    line-height: 1.16;
    letter-spacing: -0.03em;
}

.home-public-scene-bridge-copy p {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.7;
}

.home-public-scene-bridge-track {
    position: relative;
    height: 0.4rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 214, 178, 0.08), rgba(255, 183, 118, 0.16), rgba(255, 214, 178, 0.08));
    overflow: hidden;
}

.home-public-scene-bridge-track::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(0.65rem + (100% - 1.3rem) * var(--home-scene-progress, 0));
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 246, 236, 0.98), rgba(255, 151, 70, 0.86) 58%, rgba(255, 151, 70, 0));
    box-shadow: 0 0 18px rgba(255, 138, 52, 0.28);
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
}

.home-public-scene-bridge-beam {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255, 214, 178, 0), rgba(255, 197, 146, 0.98) 36%, rgba(255, 126, 36, 0.92) 64%, rgba(255, 214, 178, 0));
    transform-origin: left center;
    box-shadow: 0 0 20px rgba(255, 140, 58, 0.22);
}

.home-public-scene-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.home-public-scene-pill {
    display: grid;
    gap: 0.28rem;
    min-width: min(12rem, 100%);
    padding: 0.82rem 0.95rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 186, 126, 0.11);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.025);
    transition: transform 220ms ease, opacity 220ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.home-public-scene-pill small {
    color: #ffcb9f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-scene-pill strong {
    color: #fff2e4;
    font-size: 0.96rem;
    line-height: 1.28;
}

.home-public-scene-pill.is-past {
    opacity: 0.76;
    transform: translateX(8px);
}

.home-public-scene-pill.is-upcoming {
    opacity: 0.56;
    transform: translateX(-8px);
}

.home-public-scene-pill.is-active {
    opacity: 1;
    transform: translateY(-4px) scale(1.01);
    border-color: rgba(255, 183, 118, 0.24);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24);
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.96), rgba(10, 10, 16, 0.95)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.14), transparent 34%);
}

.home-public-scene-bridge.is-active .home-public-scene-bridge-copy {
    transform: translate3d(2px, -2px, 0);
}

.home-public-command-stage {
    --home-command-progress: 0;
    display: grid;
    gap: 1rem;
    margin-top: 1.35rem;
}

.home-public-command-heading p {
    max-width: 46rem;
}

.home-public-command-stage-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 0.88fr) minmax(21rem, 1.12fr);
    align-items: start;
}

.home-public-command-story {
    position: relative;
    display: grid;
    gap: 0.9rem;
    padding-left: 0.9rem;
}

.home-public-command-story::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    bottom: 0.2rem;
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 210, 174, 0.12), rgba(255, 134, 50, 0.34), rgba(255, 210, 174, 0.12));
    opacity: 0.5;
}

.home-public-command-story::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(0.6rem + (100% - 1.2rem) * var(--home-command-progress, 0));
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 247, 239, 0.98), rgba(255, 138, 52, 0.9) 58%, rgba(255, 138, 52, 0));
    box-shadow: 0 0 18px rgba(255, 138, 52, 0.24);
    transform: translate3d(-50%, -50%, 0);
    transition: top 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
}

.home-public-command-step {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.1rem 1.15rem;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.95)),
        radial-gradient(circle at top left, rgba(255, 136, 56, 0.12), transparent 38%);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.22);
    isolation: isolate;
    color: inherit;
    text-decoration: none;
    transition: transform 220ms ease, opacity 220ms ease, border-color 180ms ease, box-shadow 180ms ease, background 220ms ease;
}

.home-public-command-step::before {
    content: "";
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 136, 56, 0), rgba(255, 183, 118, 0.92), rgba(255, 136, 56, 0));
    opacity: 0.2;
    transition: opacity 180ms ease, transform 180ms ease;
}

.home-public-command-step:hover,
.home-public-command-step:focus-visible {
    transform: translateX(3px);
    border-color: rgba(255, 183, 118, 0.2);
    box-shadow: 0 26px 66px rgba(0, 0, 0, 0.24);
}

.home-public-command-step.is-active {
    opacity: 1;
    transform: translateX(6px) scale(1.01);
    border-color: rgba(255, 183, 118, 0.24);
    box-shadow: 0 30px 76px rgba(0, 0, 0, 0.28);
}

.home-public-command-step.is-before {
    opacity: 0.82;
    transform: translateX(3px) scale(0.992);
}

.home-public-command-step.is-after {
    opacity: 0.58;
    transform: scale(0.97);
}

.home-public-command-step.is-active::before {
    opacity: 1;
    transform: scaleY(1.02);
}

.home-public-command-step-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    min-width: 2.9rem;
    min-height: 2.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 196, 144, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 126, 42, 0.16), rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.03);
    color: #fff1e2;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.home-public-command-step-body {
    display: grid;
    gap: 0.46rem;
    transition: transform 220ms ease, opacity 220ms ease;
}

.home-public-command-step-body small {
    color: #ffcb9f;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-command-step-body strong {
    color: #fff5ed;
    font-size: 1.16rem;
    line-height: 1.22;
}

.home-public-command-step-body p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.7;
}

.home-public-command-step.is-before .home-public-command-step-body {
    transform: translateX(2px);
}

.home-public-command-step.is-after .home-public-command-step-body {
    transform: translateX(-6px);
}

.home-public-command-step.is-active .home-public-command-step-index {
    transform: translateY(-1px);
    border-color: rgba(255, 204, 162, 0.26);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 34px rgba(255, 126, 36, 0.16);
}

.home-public-command-step-route,
.home-public-card-route {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: rgba(255, 207, 165, 0.8);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-command-step-route::after,
.home-public-card-route::after {
    content: "->";
    font-size: 0.8rem;
    letter-spacing: 0;
}

.home-public-card-route {
    margin-top: auto;
}

.home-public-command-step:hover .home-public-command-step-route,
.home-public-command-step:focus-visible .home-public-command-step-route,
.home-public-foundation-card-link:hover .home-public-card-route,
.home-public-foundation-card-link:focus-visible .home-public-card-route {
    color: #ffe0c0;
}

.home-public-command-visual {
    position: sticky;
    top: clamp(5.25rem, 10vh, 7rem);
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(255, 186, 126, 0.13);
    background:
        linear-gradient(155deg, rgba(15, 14, 24, 0.97), rgba(8, 8, 14, 0.98)),
        radial-gradient(circle at top right, rgba(255, 132, 48, 0.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(255, 214, 168, 0.08), transparent 28%);
    box-shadow: 0 28px 74px rgba(0, 0, 0, 0.28);
    isolation: isolate;
    transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.home-public-command-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 18% 12%, rgba(255, 183, 118, 0.12), transparent 22%);
    z-index: 0;
}

.home-public-command-visual::after {
    content: "";
    position: absolute;
    inset: auto auto -12% -8%;
    width: 58%;
    height: 58%;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(255, 214, 178, 0.22), rgba(255, 138, 52, 0.12) 48%, rgba(255, 138, 52, 0) 72%);
    filter: blur(14px);
    opacity: 0.88;
    transform: translate3d(calc((var(--home-command-progress, 0.5) - 0.5) * 54px), calc((0.5 - var(--home-command-progress, 0.5)) * 26px), 0);
    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
    z-index: 0;
}

.home-public-command-stage.is-active .home-public-command-visual {
    border-color: rgba(255, 198, 150, 0.18);
    box-shadow: 0 34px 92px rgba(0, 0, 0, 0.3);
}

.home-public-command-visual > * {
    position: relative;
    z-index: 1;
}

.home-public-command-topline {
    display: grid;
    gap: 1rem;
}

.home-public-command-pulse {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.05rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.98), rgba(10, 10, 16, 0.97)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.16), transparent 34%);
}

.home-public-command-pulse span,
.home-public-command-metric span,
.home-public-command-log small {
    color: #ffcb9f;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-command-pulse strong {
    color: #fff6ee;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
}

.home-public-command-pulse p,
.home-public-command-metric p,
.home-public-command-log p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.68;
}

.home-public-command-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.home-public-command-tag-row small {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 235, 216, 0.76);
}

.home-public-command-metric-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-public-command-metric,
.home-public-command-log {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.55rem;
    padding: 0.95rem 1rem;
    border-radius: 1.18rem;
    border: 1px solid rgba(255, 186, 126, 0.11);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.03);
    transition: transform 220ms ease, opacity 220ms ease, border-color 180ms ease, box-shadow 180ms ease, background 220ms ease;
}

.home-public-command-metric strong,
.home-public-command-log strong {
    color: #fff3e7;
    font-size: 1.05rem;
    line-height: 1.28;
}

.home-public-command-metric strong {
    font-size: 1.72rem;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

.home-public-command-metric.is-before,
.home-public-command-log.is-before {
    opacity: 0.82;
}

.home-public-command-metric.is-after,
.home-public-command-log.is-after {
    opacity: 0.58;
    transform: translateY(2px) scale(0.985);
}

.home-public-command-metric.is-active,
.home-public-command-log.is-active {
    transform: translateY(-4px);
    border-color: rgba(255, 183, 118, 0.22);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.home-public-command-log-list {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-public-command-log.is-route {
    background:
        linear-gradient(155deg, rgba(18, 14, 22, 0.96), rgba(8, 8, 14, 0.97)),
        radial-gradient(circle at bottom right, rgba(255, 126, 42, 0.14), transparent 36%);
}

@media (max-width: 1100px) {

    .home-public-agenda-layout,
    .home-public-about-shell,
    .home-public-foundation-shell,
    .home-public-impact-grid,
    .home-public-command-stage-layout {
        grid-template-columns: 1fr;
    }

    .home-public-impact-card.is-accent {
        grid-column: auto;
    }

    .home-public-command-visual {
        position: static;
        top: auto;
    }

    .home-public-command-log-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {

    .home-public-feature-card,
    .home-public-about-brief,
    .home-public-about-stage,
    .home-public-foundation-card {
        padding: 1.15rem;
    }

    .home-public-feature-card strong,
    .home-public-about-brief h2 {
        font-size: 1.6rem;
    }

    .home-public-service-link-landing,
    .home-public-capability-card-entry {
        min-height: auto;
    }

    .home-public-marquee-shell,
    .home-public-impact-card {
        padding: 1.1rem;
    }

    .home-public-scene-bridge {
        padding: 1rem;
    }

    .home-public-scene-pill {
        min-width: min(10.5rem, 100%);
    }

    .home-public-command-step,
    .home-public-command-visual {
        padding: 1rem;
    }

    .home-public-command-metric-grid,
    .home-public-command-log-list {
        grid-template-columns: 1fr;
    }

    .home-public-command-step {
        gap: 0.85rem;
    }

    .home-public-command-step.is-active {
        transform: translateX(0);
    }

    .home-public-marquee-chip {
        width: min(17rem, 80vw);
    }
}

@media (max-width: 760px) {
    .home-public-flow-spine {
        left: 1.55rem;
    }

    .home-public-stage-note-flow {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .home-public-stage-tail {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-public-marquee-row {
        animation: none;
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }
}

.home-cinematic-hero {
    min-height: 44rem;
    padding: clamp(1.35rem, 2.2vw, 2rem);
    background:
        linear-gradient(145deg, rgba(16, 14, 24, 0.98), rgba(8, 8, 15, 0.95)),
        radial-gradient(circle at top left, rgba(255, 110, 24, 0.14), transparent 34%);
}

.home-cinematic-hero .home-manifesto-copy {
    max-width: 44rem;
}

.home-cinematic-hero .home-manifesto-copy h1 span {
    display: block;
}

.home-cinematic-hero .home-manifesto-board {
    align-self: stretch;
}

.public-intake-hero-shell {
    position: relative;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
    align-items: stretch;
    min-height: 34rem;
    padding: clamp(1.35rem, 2.2vw, 2rem);
    border-radius: 2rem;
    border: 1px solid rgba(255, 186, 126, 0.14);
    background:
        linear-gradient(150deg, rgba(16, 14, 24, 0.98), rgba(8, 8, 15, 0.95)),
        radial-gradient(circle at top left, rgba(255, 110, 24, 0.14), transparent 34%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    isolation: isolate;
}

.public-intake-hero-copy,
.public-intake-hero-stage {
    position: relative;
    z-index: 1;
}

.public-intake-hero-copy {
    display: grid;
    align-content: center;
    gap: 1rem;
    max-width: 44rem;
}

.public-intake-hero-copy h1 {
    margin: 0;
    font-size: clamp(3.1rem, 7vw, 5.9rem);
    line-height: 0.94;
    letter-spacing: -0.07em;
    color: #fff3e7;
    max-width: 12ch;
}

.public-intake-hero-copy p {
    margin: 0;
    max-width: 42rem;
    color: rgba(245, 235, 225, 0.78);
    font-size: 1.04rem;
    line-height: 1.8;
}

.public-intake-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.public-intake-mini-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.55rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 235, 225, 0.88);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.public-intake-mini-link.is-active,
.public-intake-mini-link:hover,
.public-intake-mini-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 183, 118, 0.22);
    background: rgba(255, 136, 39, 0.12);
}

.public-intake-hero-stage {
    display: grid;
    gap: 1rem;
    align-content: center;
}

.public-intake-stage-card,
.public-intake-stage-mini,
.public-intake-form-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.public-intake-stage-card {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
}

.public-intake-stage-card strong {
    color: #fff6ee;
    font-size: clamp(1.55rem, 2.8vw, 2.5rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
}

.public-intake-stage-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.7;
}

.public-intake-stage-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-intake-stage-mini {
    display: grid;
    gap: 0.4rem;
    padding: 1rem 1.05rem;
}

.public-intake-stage-mini strong {
    color: #fff7ef;
    font-size: 2rem;
    line-height: 1;
}

.public-intake-stage-mini span {
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.5;
}

.public-intake-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    align-items: start;
}

.public-intake-form-card {
    padding: 1.2rem;
}

.public-intake-form-card::before {
    opacity: 0.42;
    background: linear-gradient(90deg, rgba(255, 203, 159, 0.58), rgba(255, 114, 29, 0.36), transparent 58%);
}

.public-intake-form-card:hover,
.public-intake-sidebar-card:hover {
    transform: none;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.public-intake-panel-form {
    gap: 1.25rem;
}

.public-intake-panel-form .public-intake-form-grid {
    gap: 1.15rem 1.25rem;
}

.public-intake-panel-form .field-shell {
    min-width: 0;
    gap: 0.6rem;
}

.public-intake-panel-form .field-shell>* {
    min-width: 0;
}

.public-intake-panel-form .field-meta {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.9rem;
}

.public-intake-panel-form .field-meta label {
    font-size: 0.94rem;
    line-height: 1.35;
}

.public-intake-panel-form .field-meta small {
    flex-shrink: 0;
    text-align: right;
}

.public-intake-panel-form input:not([type="checkbox"]):not([type="radio"]),
.public-intake-panel-form select,
.public-intake-panel-form textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 1rem 1.15rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 178, 108, 0.14) !important;
    background: rgba(255, 255, 255, 0.022) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 0 1px rgba(0, 0, 0, 0.08);
}

.public-intake-panel-form select {
    min-height: 4.25rem;
    padding-right: 2.9rem;
}

.public-intake-panel-form textarea {
    min-height: 10.5rem;
    line-height: 1.72;
}

.public-intake-panel-form textarea[name="scope"] {
    min-height: 17rem;
}

.public-intake-panel-form textarea[name="support_request"] {
    min-height: 11rem;
}

.public-intake-panel-form input:not([type="checkbox"]):not([type="radio"]):focus,
.public-intake-panel-form select:focus,
.public-intake-panel-form textarea:focus {
    border-color: rgba(255, 186, 116, 0.24) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    box-shadow:
        0 0 0 4px rgba(255, 111, 26, 0.08),
        0 14px 34px rgba(0, 0, 0, 0.18) !important;
}

.public-intake-panel-form .public-intake-check {
    margin-top: 0.25rem;
    padding: 1rem 1.05rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 178, 108, 0.1);
    background: rgba(255, 255, 255, 0.018);
}

.public-intake-sidebar-card {
    align-self: start;
}

.public-intake-sidebar-card .rule-list {
    gap: 1rem;
}

.public-intake-sidebar-card .rule-list li {
    align-items: flex-start;
}

@media (max-width: 1100px) {

    .public-intake-hero-shell,
    .public-intake-layout {
        grid-template-columns: 1fr;
    }

    .public-intake-hero-copy h1 {
        max-width: none;
    }
}

@media (max-width: 760px) {

    .home-cinematic-hero,
    .public-intake-hero-shell {
        min-height: auto;
        padding: 1.15rem;
    }

    .public-intake-hero-copy h1 {
        font-size: 2.6rem;
        line-height: 0.98;
    }

    .public-intake-stage-grid {
        grid-template-columns: 1fr 1fr;
    }

    .public-intake-panel-form .field-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
    }

    .public-intake-panel-form .public-intake-form-grid {
        gap: 1rem;
    }
}

@media (max-width: 560px) {
    .public-intake-stage-grid {
        grid-template-columns: 1fr;
    }
}

.header-logout-form,
.menu-form {
    margin: 0;
}

.header-logout-form {
    display: inline-flex;
}

.nav-menu-group {
    position: relative;
}

.header-utility-actions .nav-menu-group {
    display: inline-flex !important;
    align-items: center;
}

.user-trigger {
    min-height: 3rem;
    padding-right: 0.8rem;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 186, 126, 0.14);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.user-trigger:hover,
.user-trigger:focus-visible {
    border-color: rgba(255, 173, 109, 0.28);
    background: rgba(255, 255, 255, 0.09);
}

.user-dropdown-panel {
    display: grid;
    gap: 0.4rem;
    width: min(24rem, 92vw);
    padding: 0.85rem;
    border-color: rgba(255, 178, 108, 0.18);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
}

.user-dropdown-panel[hidden] {
    display: none !important;
}

.user-dropdown-panel .menu-panel-head {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.user-dropdown-panel .menu-panel-list {
    gap: 0.35rem;
}

.user-dropdown-panel .menu-row,
.user-dropdown-panel .menu-row-button {
    align-items: flex-start;
    border-radius: 1rem;
}

.user-dropdown-panel .menu-row-button {
    width: 100%;
    padding: 0;
    color: inherit;
}

.header-logout-link {
    min-height: 3rem;
}

.role-moderator .site-section-shell,
.role-admin .site-section-shell,
.role-superadmin .site-section-shell {
    position: relative;
}

.role-moderator .site-section-shell::after,
.role-admin .site-section-shell::after,
.role-superadmin .site-section-shell::after {
    content: "";
    position: absolute;
    inset: auto 0 -0.35rem 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 160, 99, 0.34), transparent);
    pointer-events: none;
}

.home-role-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, 0.92fr));
    gap: 1rem;
    margin-top: 1rem;
}

.home-role-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.4rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.94), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.12), transparent 38%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.home-role-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 220, 193, 0.38), transparent 72%);
}

.home-role-card.is-primary {
    background:
        linear-gradient(160deg, rgba(18, 16, 26, 0.98), rgba(9, 9, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 123, 34, 0.16), transparent 34%);
}

.home-role-card.is-management {
    background:
        linear-gradient(160deg, rgba(20, 15, 22, 0.98), rgba(12, 10, 18, 0.96)),
        radial-gradient(circle at top right, rgba(95, 147, 255, 0.12), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 123, 34, 0.12), transparent 30%);
}

.home-role-card h2,
.home-role-card h3 {
    color: #fff6ee;
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
    line-height: 1.08;
}

.home-role-card p {
    color: rgba(245, 235, 225, 0.76);
    line-height: 1.72;
}

.home-role-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.home-role-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #ffc592;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-role-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.home-role-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 236, 220, 0.9);
    font-size: 0.84rem;
    font-weight: 700;
}

.dashboard-cinematic-hero,
.rooms-cinematic-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.dashboard-cinematic-hero> :not(.flashlight-frame):not(.public-scene-backdrop),
.rooms-cinematic-hero> :not(.flashlight-frame):not(.public-scene-backdrop) {
    position: relative;
    z-index: 1;
}

.public-scene-backdrop.is-dashboard {
    inset: -12%;
}

.public-scene-backdrop.is-dashboard .public-scene-orb.is-primary {
    width: 24rem;
    height: 24rem;
    top: -2%;
    left: -4%;
}

.public-scene-backdrop.is-dashboard .public-scene-orb.is-secondary {
    width: 18rem;
    height: 18rem;
    top: 12%;
    right: 2%;
}

.public-scene-backdrop.is-dashboard .public-scene-beam {
    width: 20rem;
    opacity: 0.22;
}

.public-scene-backdrop.is-room-list {
    inset: -10%;
}

.public-scene-backdrop.is-room-list .public-scene-orb.is-accent {
    width: 22rem;
    height: 22rem;
    left: 34%;
    bottom: -8%;
}

.dashboard-workspace-shell {
    position: relative;
    overflow: hidden;
}

.dashboard-workspace-grid,
.room-route-grid,
.room-focus-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-workspace-card,
.room-focus-card {
    position: relative;
    display: grid;
    gap: 0.75rem;
    padding: 1.2rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.9), rgba(10, 10, 16, 0.92)),
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.1), transparent 36%);
}

.dashboard-workspace-card.is-primary {
    background:
        linear-gradient(160deg, rgba(18, 16, 26, 0.98), rgba(9, 9, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 123, 34, 0.16), transparent 34%);
}

.dashboard-workspace-card strong,
.room-focus-card strong {
    color: #fff6ee;
    font-size: 1.12rem;
    line-height: 1.24;
}

.dashboard-workspace-card p,
.room-focus-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.76);
    line-height: 1.65;
}

.dashboard-workspace-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #ffc592;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.dashboard-fold-card summary,
.room-fold-card summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    list-style: none;
}

.dashboard-fold-card summary::-webkit-details-marker,
.room-fold-card summary::-webkit-details-marker {
    display: none;
}

.dashboard-fold-card summary strong,
.room-fold-card summary strong {
    color: #fff6ee;
    font-size: 1.02rem;
}

.dashboard-fold-card summary small,
.room-fold-card summary small {
    display: block;
    margin-top: 0.24rem;
    color: rgba(245, 235, 225, 0.64);
    line-height: 1.55;
}

.notification-focus-shell .widget-card,
.room-route-shell .action-card,
.room-focus-shell .action-card {
    min-height: 100%;
}

.home-public-capability-grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-public-capability-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.home-public-capability-card-entry {
    min-height: 100%;
    align-content: start;
    isolation: isolate;
    border-color: rgba(255, 196, 142, 0.14);
    background:
        linear-gradient(180deg, rgba(16, 14, 24, 0.96), rgba(9, 9, 15, 0.98)),
        radial-gradient(circle at top right, rgba(255, 158, 78, 0.12), transparent 38%);
}

.home-public-capability-card-entry::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 50%),
        radial-gradient(circle at bottom left, rgba(255, 117, 30, 0.09), transparent 34%);
    opacity: 0.9;
    pointer-events: none;
    transition: opacity 180ms ease;
}

.home-public-capability-card-entry>* {
    position: relative;
    z-index: 1;
}

.home-public-capability-card-entry span {
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-public-capability-card-entry strong {
    font-size: 1.15rem;
}

.home-public-capability-card-entry:hover::before,
.home-public-capability-card-entry:focus-visible::before {
    opacity: 1;
}

@media (max-width: 760px) {
    .home-public-capability-card-entry {
        min-height: auto;
    }
}

.home-reference-panel-fold {
    overflow: hidden;
}

.home-reference-panel-fold summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.05rem;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.home-reference-panel-fold summary::-webkit-details-marker {
    display: none;
}

.home-reference-panel-fold summary span {
    color: #fff3ea;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-reference-panel-fold summary small {
    color: rgba(245, 235, 225, 0.64);
    font-size: 0.8rem;
}

.home-reference-panel-fold[open] summary {
    background: rgba(255, 255, 255, 0.03);
}

.home-reference-panel-nested {
    margin: 0.9rem 1rem 1rem;
    background: rgba(8, 11, 24, 0.68);
}

.home-public-fold {
    margin-top: 1.25rem;
    overflow: hidden;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 174, 112, 0.12);
    background:
        linear-gradient(180deg, rgba(14, 13, 22, 0.9), rgba(8, 8, 14, 0.94)),
        radial-gradient(circle at top right, rgba(255, 132, 46, 0.08), transparent 36%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.home-public-fold summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    cursor: pointer;
    list-style: none;
}

.home-public-fold summary::-webkit-details-marker {
    display: none;
}

.home-public-fold summary h2 {
    margin: 0;
    font-size: 1.08rem;
}

.home-public-fold summary p {
    margin: 0.3rem 0 0;
    color: rgba(245, 235, 225, 0.68);
}

.home-public-fold .home-public-agenda-layout,
.home-public-fold .home-public-capability-grid,
.home-public-fold .home-public-capability-links {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.home-public-fold .home-public-agenda-layout,
.home-public-fold .home-public-capability-grid {
    margin-bottom: 1.1rem;
}

.home-public-fold .home-public-capability-links {
    margin-bottom: 1.25rem;
}

.home-public-fold[open] summary {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.home-manifesto-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.home-manifesto-link-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 179, 117, 0.18);
    background: rgba(255, 255, 255, 0.04);
    color: #fff3ea;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.home-manifesto-link-pill:hover,
.home-manifesto-link-pill:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 191, 138, 0.34);
    background: rgba(255, 255, 255, 0.07);
}

.home-manifesto-trend-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.home-manifesto-trend-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.home-manifesto-trend-pill strong {
    color: #fff5ee;
    font-size: 0.88rem;
}

.home-manifesto-trend-pill small {
    color: rgba(245, 235, 225, 0.62);
}

.home-manifesto-preview-shell {
    display: grid;
    gap: 0.85rem;
}

.home-manifesto-preview-card,
.home-manifesto-preview-mini {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.6rem;
    padding: 1rem 1.05rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 180, 116, 0.14);
    background:
        linear-gradient(180deg, rgba(14, 12, 18, 0.95), rgba(9, 8, 13, 0.96)),
        radial-gradient(circle at top right, rgba(255, 140, 58, 0.1), transparent 34%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.home-manifesto-preview-card::before,
.home-manifesto-preview-mini::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 52%);
}

.home-manifesto-preview-card > *,
.home-manifesto-preview-mini > * {
    position: relative;
    z-index: 1;
}

.home-manifesto-preview-card.is-main {
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.18), transparent 34%);
}

.home-manifesto-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.home-manifesto-preview-head small {
    color: #ffcfaa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-preview-card strong,
.home-manifesto-preview-mini strong {
    color: #fff6ee;
    line-height: 1.18;
}

.home-manifesto-preview-card strong {
    font-size: 1.18rem;
}

.home-manifesto-preview-card p,
.home-manifesto-preview-mini small {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.62;
}

.home-manifesto-preview-pills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.home-manifesto-preview-pill {
    display: grid;
    gap: 0.3rem;
    min-height: 100%;
    padding: 0.8rem 0.85rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 186, 126, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.home-manifesto-preview-pill strong {
    color: #fff4e8;
    font-size: 0.98rem;
    letter-spacing: -0.03em;
}

.home-manifesto-preview-pill small,
.home-manifesto-preview-mini span {
    color: #ffcb9f;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-preview-foot {
    color: #d9b79c;
    font-size: 0.92rem;
}

.home-manifesto-command-shell {
    display: grid;
    gap: 0.75rem;
}

.home-manifesto-command-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.home-manifesto-command-head small {
    color: #cdb29d;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-tab-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.home-manifesto-tab-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 180, 116, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #f4e6d8;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.home-manifesto-tab-button:hover,
.home-manifesto-tab-button:focus-visible,
.home-manifesto-tab-button.is-active {
    transform: translateY(-1px);
    border-color: rgba(255, 191, 138, 0.28);
    background: rgba(255, 132, 40, 0.12);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.home-manifesto-tab-panels {
    display: grid;
}

.home-manifesto-tab-panel {
    min-width: 0;
}

.home-manifesto-tab-panel[hidden] {
    display: none;
}

.home-manifesto-brief-lab {
    display: grid;
    gap: 0.8rem;
}

.home-manifesto-brief-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.8rem;
    padding: 1rem 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 180, 116, 0.14);
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.18), transparent 34%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.home-manifesto-brief-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 52%);
}

.home-manifesto-brief-card > * {
    position: relative;
    z-index: 1;
}

.home-manifesto-brief-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.home-manifesto-brief-head small {
    color: #ffcfaa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-brief-card > strong {
    color: #fff6ee;
    font-size: 1.1rem;
    line-height: 1.28;
}

.home-manifesto-brief-card > p {
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
    line-height: 1.68;
}

.home-manifesto-brief-stream {
    position: relative;
    display: grid;
    gap: 0.55rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 190, 136, 0.12);
    background: rgba(255, 255, 255, 0.035);
    min-height: 6.8rem;
}

.home-manifesto-brief-stream-label {
    color: #ffcb9f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-brief-stream-lines {
    position: relative;
    min-height: 3.6rem;
}

.home-manifesto-brief-stream-line {
    position: absolute;
    inset: 0;
    color: #fff1e2;
    line-height: 1.65;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 220ms ease, transform 220ms ease;
}

.home-manifesto-brief-stream-line.is-active {
    opacity: 1;
    transform: translateY(0);
}

.home-manifesto-brief-stream-cursor {
    width: 3.8rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 214, 176, 0), rgba(255, 181, 118, 0.95), rgba(255, 214, 176, 0));
    animation: homeBriefCursorPulse 1.5s ease-in-out infinite;
}

.home-manifesto-brief-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.home-manifesto-brief-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 193, 141, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #f3dfcf;
    font-size: 0.8rem;
}

.home-manifesto-brief-checklist {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.home-manifesto-brief-check {
    display: grid;
    gap: 0.38rem;
    min-height: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 190, 136, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.home-manifesto-brief-check small {
    color: #ffcb9f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-brief-check strong {
    color: #fff4e8;
    font-size: 0.96rem;
    line-height: 1.32;
}

.home-manifesto-brief-check p {
    margin: 0;
    color: rgba(245, 235, 225, 0.68);
    line-height: 1.55;
}

@keyframes homeBriefCursorPulse {
    0%,
    100% {
        opacity: 0.45;
        transform: scaleX(0.9);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.home-manifesto-command-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.home-manifesto-command-item {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.46rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.12rem;
    border: 1px solid rgba(255, 180, 116, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.95), rgba(9, 9, 15, 0.96)),
        radial-gradient(circle at top right, rgba(255, 141, 58, 0.1), transparent 34%);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.home-manifesto-command-item::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 54%);
}

.home-manifesto-command-item > * {
    position: relative;
    z-index: 1;
}

.home-manifesto-command-item small {
    color: #ffcb9f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-manifesto-command-item strong {
    color: #fff6ee;
    font-size: 1rem;
    line-height: 1.28;
}

.home-manifesto-command-item p {
    margin: 0;
    color: rgba(245, 235, 225, 0.68);
    line-height: 1.56;
}

.home-manifesto-command-dot {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffd4a4, #ff7b22);
    box-shadow: 0 0 0 0.22rem rgba(255, 123, 34, 0.14);
}

.home-manifesto-command-item.is-live .home-manifesto-command-dot {
    background: linear-gradient(135deg, #7dd3fc, #38bdf8);
    box-shadow: 0 0 0 0.22rem rgba(56, 189, 248, 0.14);
}

.home-manifesto-command-item.is-event .home-manifesto-command-dot {
    background: linear-gradient(135deg, #fde68a, #f59e0b);
    box-shadow: 0 0 0 0.22rem rgba(245, 158, 11, 0.12);
}

.home-manifesto-command-item.is-idea .home-manifesto-command-dot {
    background: linear-gradient(135deg, #c4b5fd, #8b5cf6);
    box-shadow: 0 0 0 0.22rem rgba(139, 92, 246, 0.12);
}

.home-manifesto-command-item:hover,
.home-manifesto-command-item:focus-visible,
.home-manifesto-command-item.is-active {
    transform: translateY(-4px);
    border-color: rgba(255, 191, 138, 0.26);
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.26);
}

.home-manifesto-command-item.is-active {
    background:
        linear-gradient(145deg, rgba(23, 16, 18, 0.98), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.16), transparent 36%);
}

.home-manifesto-preview-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.home-manifesto-preview-mini {
    min-height: 100%;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-manifesto-preview-mini:hover,
.home-manifesto-preview-mini:focus-visible,
.home-manifesto-preview-mini.is-active {
    transform: translateY(-3px);
    border-color: rgba(255, 191, 138, 0.26);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.26);
}

.home-public-parallax-section {
    --home-section-progress: 0;
    position: relative;
    isolation: isolate;
    transform-origin: center top;
    will-change: transform;
    transition: opacity 260ms ease, border-color 260ms ease, box-shadow 260ms ease, filter 260ms ease;
}

.home-public-parallax-section::after {
    content: "";
    position: absolute;
    inset: auto 8% -0.6rem;
    height: 55%;
    border-radius: 1.8rem;
    background: radial-gradient(circle at center, rgba(255, 142, 62, 0.14), transparent 70%);
    filter: blur(24px);
    opacity: 0.36;
    pointer-events: none;
    z-index: 0;
}

.home-public-parallax-section.is-upcoming {
    opacity: 0.78;
}

.home-public-parallax-section.is-past {
    opacity: 0.9;
}

.home-public-parallax-section.is-current {
    opacity: 1;
}

.home-public-parallax-section.is-current::after {
    opacity: 0.56;
}

.home-public-parallax-section > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 1100px) {
    .home-manifesto-brief-checklist,
    .home-manifesto-command-grid,
    .home-manifesto-preview-pills,
    .home-manifesto-preview-rail {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .home-manifesto-tab-row {
        gap: 0.5rem;
    }

    .home-manifesto-tab-button {
        flex: 1 1 auto;
    }
}

@media (max-width: 760px) {
    .home-manifesto-preview-card,
    .home-manifesto-preview-mini {
        padding: 0.95rem;
    }
}

.home-social-shell {
    position: relative;
    overflow: hidden;
}

.home-social-route-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.home-social-route-card {
    display: grid;
    gap: 0.55rem;
    min-height: 100%;
    padding: 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 180, 116, 0.12);
    background:
        linear-gradient(180deg, rgba(13, 14, 24, 0.94), rgba(9, 10, 17, 0.97)),
        radial-gradient(circle at top right, rgba(255, 140, 58, 0.08), transparent 36%);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-social-route-card span {
    color: #ffbf88;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-social-route-card strong {
    color: #fff6ee;
    font-size: 1.02rem;
    line-height: 1.28;
}

.home-social-route-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.7);
    line-height: 1.55;
}

.home-social-route-card:hover,
.home-social-route-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 191, 138, 0.3);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.home-social-secondary-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.95rem;
}

.home-social-secondary-card {
    display: grid;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.home-social-secondary-card span {
    color: #ffbf88;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-social-secondary-card strong {
    color: #fff5ee;
    font-size: 0.96rem;
}

.home-social-secondary-card small {
    color: rgba(245, 235, 225, 0.66);
    line-height: 1.5;
}

.home-social-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.home-social-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.home-social-tag strong {
    color: #fff4ec;
    font-size: 0.88rem;
}

.home-social-tag small {
    color: rgba(245, 235, 225, 0.62);
}

.home-social-tag.is-extended {
    justify-content: space-between;
    min-width: 220px;
}

.home-social-return-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.home-social-return-card {
    display: grid;
    gap: 0.4rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 180, 116, 0.12);
    background:
        linear-gradient(180deg, rgba(13, 14, 24, 0.9), rgba(9, 10, 17, 0.94)),
        radial-gradient(circle at top right, rgba(255, 140, 58, 0.06), transparent 38%);
}

.home-social-return-card span {
    color: #ffbf88;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-social-return-card strong {
    color: #fff6ee;
    font-size: 0.96rem;
    line-height: 1.35;
}

.home-social-return-card small {
    color: rgba(245, 235, 225, 0.64);
}

.home-action-hub-shell {
    position: relative;
    overflow: hidden;
}

.home-action-quick-row,
.home-action-mode-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.home-action-mode-row {
    margin-top: 1rem;
}

.home-action-quick-card,
.home-action-mode-card {
    display: grid;
    gap: 0.55rem;
    min-height: 100%;
    padding: 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 180, 116, 0.12);
    background:
        linear-gradient(180deg, rgba(13, 14, 24, 0.94), rgba(9, 10, 17, 0.97)),
        radial-gradient(circle at top right, rgba(255, 140, 58, 0.08), transparent 36%);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-action-quick-card:hover,
.home-action-quick-card:focus-visible,
.home-action-mode-card:hover,
.home-action-mode-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 191, 138, 0.3);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.home-action-quick-card span,
.home-action-mode-card span {
    color: #ffbf88;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-action-quick-card strong,
.home-action-mode-card strong {
    color: #fff6ee;
    font-size: 1rem;
    line-height: 1.28;
}

.home-action-quick-card p,
.home-action-mode-card p {
    margin: 0;
    color: rgba(245, 235, 225, 0.7);
    line-height: 1.58;
}

.home-action-quick-card small,
.home-action-mode-card small {
    color: rgba(245, 235, 225, 0.64);
}

.home-action-quick-card.is-accent {
    background:
        linear-gradient(160deg, rgba(18, 16, 26, 0.98), rgba(9, 9, 16, 0.96)),
        radial-gradient(circle at top left, rgba(255, 123, 34, 0.16), transparent 34%);
}

.home-action-quick-card.is-blue {
    background:
        linear-gradient(160deg, rgba(14, 18, 28, 0.98), rgba(8, 10, 18, 0.96)),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.14), transparent 34%);
}

.home-action-quick-card.is-green {
    background:
        linear-gradient(160deg, rgba(12, 18, 22, 0.98), rgba(7, 10, 12, 0.96)),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 34%);
}

.home-action-quick-card.is-soft {
    background:
        linear-gradient(160deg, rgba(18, 16, 26, 0.98), rgba(9, 9, 16, 0.96)),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.08), transparent 36%);
}

.dashboard-phase-shell {
    position: relative;
    overflow: hidden;
}

.dashboard-phase-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.dashboard-phase-rail::before {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 141, 57, 0.18), rgba(255, 255, 255, 0.08), rgba(48, 111, 255, 0.18));
}

.dashboard-phase-rail::after {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: 1rem;
    width: min(48%, calc(100% - 2rem));
    height: 1px;
    background: linear-gradient(90deg, rgba(45, 212, 191, 0), rgba(45, 212, 191, 0.82), rgba(250, 204, 21, 0.64), rgba(255, 141, 57, 0));
    filter: drop-shadow(0 0 10px rgba(45, 212, 191, 0.26));
    transform-origin: left center;
}

.dashboard-phase-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    padding-top: 0.05rem;
}

.dashboard-phase-step strong {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(9, 11, 18, 0.92);
    color: rgba(245, 235, 225, 0.74);
    font-size: 0.82rem;
}

.dashboard-phase-step span {
    color: rgba(245, 235, 225, 0.66);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-phase-step.is-active strong {
    border-color: rgba(255, 165, 88, 0.42);
    background: linear-gradient(180deg, rgba(255, 145, 52, 0.28), rgba(15, 16, 26, 0.92));
    color: #fff7ef;
    box-shadow: 0 0 22px rgba(255, 126, 36, 0.22);
}

.dashboard-phase-step.is-active span {
    color: #ffc58f;
}

.dashboard-phase-columns {
    align-items: stretch;
}

.dashboard-phase-card {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(15, 14, 24, 0.92), rgba(10, 10, 16, 0.95)),
        radial-gradient(circle at top right, rgba(255, 146, 72, 0.12), transparent 36%);
}

.dashboard-workspace-card::after,
.dashboard-phase-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 224, 194, 0.08) 48%, rgba(255, 255, 255, 0) 72%);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-130%);
}

.dashboard-workspace-card>*,
.dashboard-phase-card>* {
    position: relative;
    z-index: 1;
}

.dashboard-phase-note {
    display: block;
    margin: 0.1rem 0 0.35rem;
    color: rgba(245, 235, 225, 0.64);
    line-height: 1.5;
}

@media (prefers-reduced-motion: no-preference) {
    .dashboard-phase-rail::after {
        animation: dashboardPhaseSignal 5.8s ease-in-out infinite;
    }

    .dashboard-phase-step.is-active strong {
        animation: dashboardPhaseNodePulse 3.6s ease-in-out infinite;
    }

    .dashboard-workspace-card::after,
    .dashboard-phase-card::after {
        animation: dashboardCardSignal 8.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    .dashboard-workspace-card:hover,
    .dashboard-phase-card:hover {
        transform: translateY(-2px);
    }
}

@keyframes dashboardPhaseSignal {

    0%,
    100% {
        opacity: 0.26;
        transform: translateX(0) scaleX(0.42);
    }

    50% {
        opacity: 0.92;
        transform: translateX(40%) scaleX(1);
    }
}

@keyframes dashboardPhaseNodePulse {

    0%,
    100% {
        box-shadow: 0 0 22px rgba(255, 126, 36, 0.2);
    }

    50% {
        box-shadow: 0 0 30px rgba(45, 212, 191, 0.22), 0 0 18px rgba(255, 126, 36, 0.22);
    }
}

@keyframes dashboardCardSignal {
    0% {
        opacity: 0;
        transform: translateX(-130%);
    }

    18% {
        opacity: 0.72;
    }

    42%,
    100% {
        opacity: 0;
        transform: translateX(130%);
    }
}

.dashboard-advanced-shell {
    overflow: hidden;
}

@media (max-width: 1180px) {
    .home-role-shell {
        grid-template-columns: 1fr;
    }

    .dashboard-workspace-grid,
    .room-route-grid,
    .room-focus-grid,
    .home-public-capability-grid.is-compact,
    .dashboard-phase-rail,
    .home-action-quick-row,
    .home-action-mode-row,
    .home-social-route-row,
    .home-social-secondary-row,
    .home-social-return-row {
        grid-template-columns: 1fr;
    }

    .dashboard-phase-rail::before {
        display: none;
    }
}

@media (max-width: 860px) {
    .header-logout-form {
        display: none;
    }

    .home-role-card {
        padding: 1.15rem;
    }

    .home-reference-panel-fold summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-public-fold summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Premium lock and command deck overrides */

.flash-stack {
    position: relative;
    z-index: 4;
}

.flash {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(17, 17, 26, 0.94), rgba(10, 10, 16, 0.96)),
        radial-gradient(circle at top right, rgba(255, 129, 48, 0.1), transparent 34%);
    color: #fff6ef;
}

.flash::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(255, 212, 176, 0.96), rgba(255, 122, 24, 0.74), transparent 72%);
}

.flash-error {
    border-color: rgba(255, 112, 84, 0.34);
    background:
        radial-gradient(circle at top left, rgba(255, 95, 95, 0.14), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 176, 92, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(28, 12, 14, 0.98), rgba(18, 8, 10, 0.96));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.flash-error::after {
    content: "erisim kilidi";
    display: inline-flex;
    margin-top: 0.8rem;
    width: fit-content;
    min-height: 1.9rem;
    padding: 0 0.8rem;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 149, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: #ffcfbb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.auth-premium-security-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.auth-premium-security-item,
.auth-premium-trust-note {
    position: relative;
    display: grid;
    gap: 0.45rem;
    padding: 1rem 1.05rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 181, 116, 0.14);
    background:
        linear-gradient(180deg, rgba(16, 14, 22, 0.92), rgba(10, 9, 16, 0.95)),
        radial-gradient(circle at top right, rgba(255, 129, 48, 0.08), transparent 36%);
}

.auth-premium-security-item strong,
.auth-premium-trust-note strong {
    color: #fff5ec;
    font-size: 0.92rem;
}

.auth-premium-security-item span,
.auth-premium-trust-note span {
    color: rgba(245, 235, 225, 0.7);
    line-height: 1.6;
}

.auth-premium-trust-note {
    margin-bottom: 1rem;
}

.auth-premium-trust-note-spacious {
    margin-bottom: 2rem;
}

.auth-premium-trust-body {
    margin: 0.75rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.6;
}

.auth-premium-trust-note .auth-premium-note-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.3rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 196, 152, 0.24);
    background: rgba(255, 166, 94, 0.12);
    color: #ffd7bf;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.auth-premium-trust-note-handoff {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border-color: rgba(255, 182, 104, 0.28);
    background:
        linear-gradient(180deg, rgba(22, 17, 18, 0.95), rgba(11, 10, 16, 0.96)),
        radial-gradient(circle at top right, rgba(255, 126, 48, 0.22), transparent 34%);
    box-shadow: 0 22px 48px rgba(5, 3, 8, 0.28);
}

.auth-premium-trust-note-handoff::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 126, 48, 0.14), transparent 48%),
        radial-gradient(circle at 80% 0%, rgba(255, 205, 160, 0.16), transparent 22%);
    pointer-events: none;
}

.auth-premium-trust-note-handoff > * {
    position: relative;
    z-index: 1;
}

.auth-premium-trust-body-strong {
    color: rgba(255, 245, 236, 0.94);
    font-weight: 600;
}

.auth-premium-trust-body-soft {
    color: rgba(255, 238, 225, 0.62);
}

.auth-premium-trust-meta {
    margin: 0.9rem 0 0;
    color: rgba(255, 229, 205, 0.58);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.idea-public-handoff-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.55rem;
    padding: 1.15rem 1.2rem;
    border-color: rgba(255, 171, 92, 0.22);
    background:
        linear-gradient(180deg, rgba(17, 14, 20, 0.94), rgba(11, 10, 16, 0.96)),
        radial-gradient(circle at top right, rgba(255, 129, 48, 0.16), transparent 36%);
    box-shadow: 0 18px 42px rgba(7, 5, 12, 0.18);
}

.idea-public-handoff-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 167, 91, 0.12), transparent 44%);
    pointer-events: none;
}

.idea-public-handoff-card > * {
    position: relative;
    z-index: 1;
}

.idea-public-handoff-kicker,
.public-intake-handoff-kicker {
    display: inline-flex;
    width: fit-content;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 192, 145, 0.22);
    background: rgba(255, 154, 77, 0.12);
    color: #ffd8c1;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.idea-public-handoff-title {
    margin: 0.15rem 0 0;
    color: #fff4ea;
    font-weight: 600;
}

.idea-public-handoff-card .idea-public-handoff-copy {
    margin: 0;
    color: rgba(255, 244, 234, 0.74);
}

.idea-public-handoff-card .idea-public-handoff-copy.is-soft {
    color: rgba(255, 233, 214, 0.62);
}

.idea-public-handoff-meta {
    margin-top: 0.35rem;
}

.public-intake-handoff-note {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.5rem;
    border-color: rgba(255, 184, 118, 0.22);
    background:
        linear-gradient(180deg, rgba(16, 14, 20, 0.92), rgba(10, 9, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 129, 48, 0.14), transparent 34%);
}

.public-intake-handoff-note::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 163, 86, 0.1), transparent 46%);
    pointer-events: none;
}

.public-intake-handoff-note > * {
    position: relative;
    z-index: 1;
}

.public-intake-handoff-note p {
    margin: 0;
    color: rgba(255, 244, 234, 0.74);
}

.auth-full-width-action {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.auth-provider-button {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.auth-divider-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: #888;
    font-size: 0.85rem;
}

.auth-divider-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.auth-divider-label {
    padding: 0 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.home-premium-command-shell {
    margin-bottom: 1.2rem;
}

.home-premium-command-stage {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 0.95fr);
    gap: 1rem;
    padding: 1.45rem;
    border-radius: 1.7rem;
    border: 1px solid rgba(255, 183, 120, 0.16);
    background:
        radial-gradient(circle at top left, rgba(255, 115, 36, 0.16), transparent 32%),
        radial-gradient(circle at bottom right, rgba(64, 142, 255, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(17, 14, 19, 0.98), rgba(9, 9, 15, 0.96));
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
}

.home-premium-command-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.95rem;
    align-content: center;
}

.home-premium-command-copy h2 {
    font-size: clamp(2rem, 3.4vw, 3.6rem);
    line-height: 0.97;
    color: #fff6ee;
}

.home-premium-command-copy p {
    max-width: 62ch;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.72;
}

.guest-aha-moment-shell {
    position: relative;
    width: 100%;
    max-width: 38rem;
    margin: 0 auto;
    text-align: center;
}

.guest-idea-input {
    width: 100%;
    min-height: 8.75rem;
    margin-bottom: 1.25rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 1.1rem;
    line-height: 1.65;
    resize: vertical;
}

.guest-idea-input::placeholder {
    color: rgba(232, 222, 214, 0.55);
}

.guest-ai-trigger {
    width: 100%;
    justify-content: center;
    gap: 0.7rem;
    padding: 1rem;
    font-size: 1.1rem;
    border-radius: 0.9rem;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.guest-ai-trigger.is-loading {
    opacity: 0.7;
}

.guest-ai-spinner {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.guest-ai-result {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(255, 87, 34, 0.3);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(30, 28, 35, 0.9), rgba(20, 18, 22, 1));
    box-shadow: 0 10px 30px rgba(255, 87, 34, 0.15);
    text-align: left;
}

.guest-ai-result-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.guest-ai-result-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: #ff9800;
    text-transform: uppercase;
}

.guest-ai-refresh {
    border: 0;
    background: transparent;
    color: #a1a1aa;
}

.guest-ai-title {
    margin: 0;
    color: #fff;
    font: 800 1.4rem/1.2 "Syne", sans-serif;
}

.guest-ai-content {
    margin: 0;
    color: #e4e4e7;
    font-size: 1.05rem;
    line-height: 1.6;
}

.guest-ai-next-step {
    padding: 1rem;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.03);
    text-align: center;
}

.guest-ai-next-step p {
    margin: 0 0 0.75rem;
    color: #a1a1aa;
    font-size: 0.95rem;
}

.guest-ai-next-step .button {
    width: 100%;
    justify-content: center;
    border-radius: 0.625rem;
}

.home-premium-command-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.home-premium-command-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 194, 142, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #ffe1c6;
    font-size: 0.84rem;
    font-weight: 700;
}

.home-premium-command-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    align-content: stretch;
}

.home-premium-command-card {
    display: grid;
    gap: 0.45rem;
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.home-premium-command-card span {
    color: #ffc185;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-premium-command-card strong {
    color: #fff7f0;
    font-size: 1rem;
}

.home-premium-command-card p {
    color: rgba(245, 235, 225, 0.68);
    line-height: 1.6;
}

.home-premium-command-card.is-accent {
    background:
        linear-gradient(160deg, rgba(25, 18, 16, 0.96), rgba(11, 9, 10, 0.94)),
        radial-gradient(circle at top left, rgba(255, 124, 48, 0.16), transparent 34%);
}

.home-premium-command-card.is-blue {
    background:
        linear-gradient(160deg, rgba(14, 18, 28, 0.96), rgba(8, 9, 16, 0.94)),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 34%);
}

.home-premium-command-card.is-soft {
    background:
        linear-gradient(160deg, rgba(18, 16, 24, 0.96), rgba(9, 9, 15, 0.94)),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.08), transparent 36%);
}

@media (max-width: 1180px) {

    .auth-premium-security-rail,
    .home-premium-command-stage {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .auth-premium-security-rail {
        grid-template-columns: 1fr;
    }

    .home-premium-command-stage {
        padding: 1.15rem;
    }

    .home-premium-command-copy h2 {
        font-size: clamp(1.7rem, 8vw, 2.5rem);
    }

    .guest-idea-input,
    .guest-ai-trigger {
        font-size: 1rem;
    }

    .guest-ai-result {
        padding: 1.15rem;
    }
}

/* Moderation premium control surface */

.moderation-premium-shell {
    margin-bottom: 1.2rem;
}

.moderation-premium-stage {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(21rem, 0.95fr);
    gap: 1rem;
    padding: 1.45rem;
    border-radius: 1.7rem;
    border: 1px solid rgba(255, 194, 126, 0.16);
    background:
        radial-gradient(circle at top left, rgba(255, 113, 65, 0.16), transparent 32%),
        radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(14, 14, 22, 0.98), rgba(8, 9, 16, 0.96));
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
}

.moderation-premium-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.95rem;
    align-content: center;
}

.moderation-premium-copy h1 {
    font-size: clamp(2rem, 3.4vw, 3.5rem);
    line-height: 0.98;
    color: #fff7ef;
}

.moderation-premium-copy p {
    max-width: 62ch;
    color: rgba(245, 235, 225, 0.74);
    line-height: 1.72;
}

.moderation-premium-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    align-content: stretch;
}

.moderation-command-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 2.4rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff7ef;
    font-size: 1rem;
    font-weight: 800;
}

.moderation-ops-shell {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 194, 126, 0.14);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 122, 47, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(14, 14, 22, 0.97), rgba(8, 9, 15, 0.94));
}

.moderation-ops-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.moderation-ops-card,
.moderation-ops-panel {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        rgba(10, 10, 16, 0.86);
    border-radius: 1.2rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.moderation-ops-card {
    position: relative;
    display: grid;
    gap: 0.45rem;
    min-height: 9rem;
    padding: 1rem;
}

.moderation-ops-card::after {
    content: "";
    position: absolute;
    inset: auto 1rem 1rem auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 145, 64, 0.18), transparent 70%);
    pointer-events: none;
}

.moderation-ops-card span,
.moderation-ops-card small,
.moderation-ops-row small {
    color: rgba(245, 235, 225, 0.68);
}

.moderation-ops-card strong {
    color: #fff7ef;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.moderation-ops-card bdi {
    width: fit-content;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    color: #ffd9b5;
    background: rgba(255, 122, 47, 0.12);
    border: 1px solid rgba(255, 122, 47, 0.18);
    font-size: 0.78rem;
    font-weight: 800;
}

.moderation-ops-card.is-positive bdi,
.moderation-ops-row.is-positive {
    color: #d7ffe7;
    border-color: rgba(74, 222, 128, 0.18);
    background: rgba(34, 197, 94, 0.08);
}

.moderation-ops-card.is-warning bdi,
.moderation-ops-row.is-warning {
    color: #ffe2c1;
    border-color: rgba(251, 146, 60, 0.2);
    background: rgba(251, 146, 60, 0.09);
}

.moderation-ops-lanes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.moderation-ops-panel {
    padding: 1rem;
}

.moderation-ops-row {
    border-radius: 0.95rem;
}

.moderation-user-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(14, 14, 20, 0.96), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 113, 65, 0.08), transparent 30%);
}

.moderation-user-card.is-locked {
    border-color: rgba(255, 204, 153, 0.12);
    background:
        linear-gradient(180deg, rgba(20, 17, 22, 0.96), rgba(12, 11, 16, 0.94)),
        radial-gradient(circle at top left, rgba(255, 214, 163, 0.08), transparent 32%);
}

.moderation-action-grid {
    align-items: stretch;
}

.moderation-lock-note {
    margin-top: 0.9rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 204, 153, 0.14);
    background:
        linear-gradient(180deg, rgba(24, 18, 14, 0.94), rgba(15, 12, 10, 0.94)),
        radial-gradient(circle at top right, rgba(255, 146, 84, 0.1), transparent 34%);
    color: #ffe1c6;
    line-height: 1.6;
}

@media (max-width: 1180px) {
    .moderation-premium-stage {
        grid-template-columns: 1fr;
    }

    .moderation-ops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .moderation-ops-lanes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .moderation-premium-stage {
        padding: 1.15rem;
    }

    .moderation-premium-copy h1 {
        font-size: clamp(1.7rem, 8vw, 2.5rem);
    }

    .moderation-ops-grid {
        grid-template-columns: 1fr;
    }
}

/* Match intelligence layer */

.match-intelligence-shell {
    border: 1px solid rgba(255, 190, 132, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 134, 75, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(16, 15, 24, 0.96), rgba(9, 10, 16, 0.94));
}

.match-intelligence-grid {
    align-items: stretch;
}

.match-action-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(18, 16, 22, 0.96), rgba(10, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(255, 154, 89, 0.08), transparent 34%);
}

.match-score-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 198, 140, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: #ffe2c5;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-intelligence-metrics {
    gap: 0.7rem;
}

.network-alignment-block {
    display: grid;
    gap: 0.45rem;
    width: 100%;
    margin-top: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 190, 132, 0.12);
    background:
        linear-gradient(180deg, rgba(19, 16, 21, 0.94), rgba(11, 10, 16, 0.94)),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 34%);
}

.network-alignment-block small {
    color: rgba(245, 235, 225, 0.68);
    line-height: 1.6;
}

/* Activation and passport layer */

.activation-command-shell,
.radar-command-shell,
.profile-passport-shell {
    position: relative;
    overflow: hidden;
}

.activation-command-grid {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.activation-score-card {
    display: grid;
    gap: 0.55rem;
    padding: 1.1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(160deg, rgba(255, 122, 47, 0.2), rgba(39, 118, 255, 0.14)),
        rgba(12, 13, 18, 0.92);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.activation-score-card strong {
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1;
}

.activation-score-card p,
.activation-score-card small {
    margin: 0;
}

.activation-mission-list {
    display: grid;
    gap: 0.75rem;
}

.activation-mission-item {
    display: grid;
    gap: 0.3rem;
    text-decoration: none;
}

.activation-mission-item small {
    color: rgba(234, 233, 229, 0.72);
}

.activation-history-cluster {
    display: grid;
    gap: 0.65rem;
    margin: 1rem 0;
}

.activation-history-item {
    display: grid;
    gap: 0.22rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.activation-history-item span,
.activation-history-item small {
    color: rgba(234, 233, 229, 0.72);
}

.profile-passport-shell .discussion-item strong {
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .activation-command-grid {
        grid-template-columns: 1fr;
    }
}

.header-command-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 3rem;
    padding-inline: 0.95rem;
    white-space: nowrap;
}

.header-command-trigger kbd,
.command-palette-helper-pill kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    min-height: 1.6rem;
    padding: 0 0.38rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(255, 194, 130, 0.18);
    background: rgba(255, 255, 255, 0.045);
    color: #f7e4d1;
    font: 800 0.72rem/1 "DM Sans", sans-serif;
}

.command-palette {
    width: min(46rem, calc(100vw - 1rem));
    max-width: 46rem;
    padding: 0;
    border: 1px solid rgba(255, 175, 101, 0.18);
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at top right, rgba(255, 135, 53, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(16, 14, 22, 0.98), rgba(9, 9, 14, 0.98));
    box-shadow: 0 36px 96px rgba(0, 0, 0, 0.48);
    color: var(--text);
}

.command-palette::backdrop {
    background: rgba(2, 2, 6, 0.68);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.command-palette-shell {
    display: grid;
    gap: 0.95rem;
    padding: 1rem;
}

.command-palette-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.command-palette-copy {
    display: grid;
    gap: 0.32rem;
}

.command-palette-kicker,
.command-palette-section-label,
.command-palette-group-label {
    color: #ffca95;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.command-palette-copy h2 {
    margin: 0;
    color: #fff3e5;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.command-palette-copy p {
    margin: 0;
    color: #bba899;
    line-height: 1.55;
}

.command-palette-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 187, 122, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #f7ebdf;
    font-weight: 700;
}

.command-palette-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 180, 109, 0.14);
    background: rgba(255, 255, 255, 0.04);
}

.command-palette-search-icon {
    color: #ffc992;
    font-size: 1rem;
}

.command-palette-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fbf1e8;
    font-size: 1rem;
}

.command-palette-search input::placeholder {
    color: #8e7e73;
}

.command-palette-helper-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.command-palette-helper-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 190, 129, 0.14);
    background: rgba(255, 255, 255, 0.03);
    color: #d9c2af;
    font-size: 0.78rem;
}

.command-palette-results {
    display: grid;
    gap: 0.8rem;
}

.command-palette-section,
.command-palette-group {
    display: grid;
    gap: 0.55rem;
}

.command-palette-list,
.command-palette-group-list {
    display: grid;
    gap: 0.55rem;
}

.command-palette-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 176, 104, 0.1);
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.command-palette-item:hover,
.command-palette-item:focus-visible,
.command-palette-item.is-active {
    transform: translateY(-1px);
    border-color: rgba(255, 176, 104, 0.24);
    background: rgba(255, 111, 26, 0.08);
    outline: none;
}

.command-palette-item-copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.command-palette-item-copy strong {
    color: #fff2e4;
    font-size: 0.96rem;
    overflow-wrap: anywhere;
}

.command-palette-item-copy small,
.command-palette-item-meta {
    color: #bba899;
    overflow-wrap: anywhere;
}

.command-palette-item-meta {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 190, 129, 0.14);
    background: rgba(255, 255, 255, 0.03);
    font-size: 0.76rem;
    font-weight: 700;
}

.mobile-nav-link-card-button {
    border: 1px solid rgba(255, 180, 109, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: inherit;
    text-align: left;
}

body.has-command-palette {
    overflow: hidden;
}

.form-draft-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 188, 126, 0.14);
    background: rgba(255, 255, 255, 0.04);
}

.form-draft-bar[hidden] {
    display: none !important;
}

.form-draft-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.form-draft-copy strong {
    color: #fff2e4;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.form-draft-copy small {
    color: #c8b29f;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.form-draft-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.form-draft-bar .form-draft-action {
    width: auto;
    min-height: 2.4rem;
    padding: 0 0.95rem;
    border: 1px solid rgba(255, 188, 126, 0.14);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: none;
    color: #f7ebdf;
}

.form-draft-bar .form-draft-action:hover,
.form-draft-bar .form-draft-action:focus-visible {
    background: rgba(255, 121, 37, 0.1);
    border-color: rgba(255, 188, 126, 0.26);
    color: #fff3e5;
    outline: none;
}

/* Nisan 2026 UX istikrar paketi:
   Uzun metin tasmalari, header sikismasi ve mobil yatay kaymayi azaltir. */
html,
body {
    max-width: 100%;
}

.page-shell,
.site-section-shell,
.dashboard-hero,
.widget-card,
.sidebar-card,
.feed-card,
.idea-card,
.discussion-item,
.action-card,
.timeline-item,
.quick-tile,
.site-section-link,
.site-audience-pill,
.site-header-inner,
.site-header-branding,
.nav-actions,
.header-utility-actions,
.search-wrapper,
.home-reference-filter-meta,
.home-reference-filter-pills,
.home-reference-category-strip,
.home-reference-filter-strip,
.home-reference-membership,
.home-reference-membership-copy,
.home-reference-composer,
.home-reference-composer-main,
.home-reference-composer-copy,
.stream-content-focus,
.stream-linked-idea,
.host-copy,
.message-bubble {
    min-width: 0;
}

.dashboard-hero h1,
.dashboard-hero h2,
.hero-copy h1,
.hero-copy h2,
.detail-header h1,
.profile-hero h1,
.widget-heading h2,
.widget-heading p,
.discussion-item strong,
.discussion-item small,
.timeline-item strong,
.timeline-item small,
.action-card strong,
.action-card p,
.quick-tile strong,
.quick-tile span,
.site-section-link strong,
.site-section-link small,
.site-audience-pill,
.tag-chip,
.tag-chip-blue,
.status-pill,
.eyebrow,
.site-header-pill,
.home-reference-membership-copy strong,
.home-reference-membership-copy span,
.home-reference-filter-note,
.home-reference-live-count,
.home-reference-live-toggle,
.stream-linked-idea strong,
.stream-linked-idea small,
.stream-title,
.stream-description {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-hero h1,
.dashboard-hero h2,
.hero-copy h1,
.hero-copy h2,
.detail-header h1,
.profile-hero h1,
.stream-title {
    text-wrap: balance;
}

.site-section-bar,
.site-audience-strip {
    flex-wrap: wrap;
    overflow: visible;
    padding-bottom: 0;
}

.site-section-link {
    flex: 1 1 11.2rem;
    min-width: min(100%, 11.2rem);
}

.site-audience-pill {
    max-width: 100%;
    white-space: normal;
    text-align: center;
}

.site-header-branding {
    flex-wrap: wrap;
}

.site-header-pill {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    color: #f2d9c2;
    border-color: rgba(255, 194, 130, 0.26);
    background: linear-gradient(180deg, rgba(255, 141, 59, 0.16), rgba(255, 111, 26, 0.09));
}

.header-utility-actions {
    min-width: 0;
    flex-wrap: wrap;
}

.search-wrapper,
.site-header .search-wrapper,
.home-page .site-header .search-wrapper {
    min-width: 0;
    width: 100%;
}

.search-shell input {
    min-width: 0;
}

.home-page .nav-actions {
    grid-template-columns: minmax(0, 1fr) auto;
}

.home-page .header-utility-actions {
    justify-content: flex-end;
}

.home-page .home-reference-category-strip,
.home-page .home-reference-filter-strip,
.home-page .home-reference-filter-pills {
    flex-wrap: wrap;
    overflow: visible;
}

.home-page .home-reference-filter-strip {
    justify-content: flex-start;
}

.home-page .home-reference-filter-meta,
.home-page .home-reference-live-toggle {
    white-space: normal;
}

@media (max-width: 1100px) {
    .site-header-pill {
        display: none !important;
    }

    .header-command-trigger {
        display: none;
    }
}

@media (max-width: 980px) {

    .site-section-bar,
    .site-audience-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-section-link,
    .site-audience-pill {
        min-width: 0;
        width: 100%;
    }

    .home-page .nav-actions {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 760px) {

    .site-header-inner,
    .home-page .site-header-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .header-utility-actions {
        display: none !important;
    }

    .site-section-bar,
    .site-audience-strip {
        grid-template-columns: 1fr;
    }

    .home-page .home-reference-category-strip,
    .home-page .home-reference-filter-strip,
    .home-page .home-reference-filter-pills {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-page .home-reference-category-pill,
    .home-page .home-reference-filter-pill,
    .home-page .home-reference-live-count,
    .home-page .home-reference-live-toggle {
        width: 100%;
        justify-content: center;
    }

    .command-palette {
        width: calc(100vw - 0.75rem);
        border-radius: 1.2rem;
    }

    .command-palette-shell {
        padding: 0.85rem;
    }

    .command-palette-head,
    .command-palette-item {
        grid-template-columns: 1fr;
    }

    .command-palette-head {
        display: grid;
    }

    .command-palette-close,
    .command-palette-item-meta {
        justify-self: start;
    }
}

/* Nisan 2026 QA sertlestirme paketi:
   Global box-sizing, mobil yatay tasma frenleri ve marka/form guvenlikleri. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

.site-backdrop {
    width: 100vw;
    max-width: 100vw;
}

.container,
.container>*,
.panel-form,
.field-shell,
.auth-input-group,
.auth-footer,
.auth-premium-footer,
.footer-brand,
.footer-brand>*,
.brand,
.brand-copy,
.brand-wordmark,
.brand-wordmark-accent-cluster {
    min-width: 0;
}

.panel-form input:not([type="checkbox"]):not([type="radio"]),
.panel-form textarea,
.panel-form select,
.form-card input:not([type="checkbox"]):not([type="radio"]),
.form-card textarea,
.form-card select,
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card textarea,
.auth-card select,
.messenger-form textarea,
.search-inline input,
.field-shell input:not([type="checkbox"]):not([type="radio"]),
.field-shell textarea,
.field-shell select {
    max-width: 100%;
}

.auth-footer,
.auth-premium-footer,
.footer-brand p {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.brand.brand-wordmark-only,
.brand.brand-wordmark-only .brand-copy {
    max-width: 100%;
}

.site-section-link {
    min-height: 0;
}

.site-section-link small,
.site-audience-pill,
.footer-brand p,
.auth-card p,
.auth-highlight p,
.auth-intro p,
.field-meta small,
.field-shell small,
.auth-footer .muted,
.auth-premium-footer .muted {
    color: #d2c4cf;
}

.site-section-link small {
    line-height: 1.4;
}

.site-audience-pill {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 187, 121, 0.18);
}

@media (max-width: 760px) {
    .room-detail-page .site-section-shell {
        gap: 0.35rem;
        margin-bottom: 0.55rem;
    }

    .room-detail-page .site-section-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .room-detail-page .site-section-link {
        min-height: 3.3rem;
        padding: 0.62rem 0.56rem;
        justify-content: center;
    }

    .room-detail-page .site-section-link strong {
        font-size: 0.82rem;
    }

    .room-detail-page .site-section-link small {
        display: none;
    }

    .room-detail-page .site-audience-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .room-detail-page .site-audience-pill {
        min-height: 2.1rem;
        padding: 0.4rem 0.48rem;
        font-size: 0.72rem;
        line-height: 1.2;
    }

    .site-section-shell {
        gap: 0.45rem;
        margin-bottom: 0.7rem;
    }

    .site-section-bar,
    .site-audience-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .site-section-link {
        min-height: 4.5rem;
        padding: 0.78rem 0.82rem;
        gap: 0.12rem;
        border-radius: 1rem;
    }

    .site-section-link strong {
        font-size: 0.9rem;
    }

    .site-section-link small {
        font-size: 0.73rem;
    }

    .site-audience-pill {
        min-height: 2.8rem;
        padding: 0.55rem 0.7rem;
        border-radius: 1rem;
        font-size: 0.78rem;
        line-height: 1.25;
    }
}

@media (max-width: 420px) {

    .room-detail-page .site-section-bar,
    .room-detail-page .site-audience-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-section-bar,
    .site-audience-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .home-page .site-section-shell {
        gap: 0.35rem;
        margin-bottom: 0.55rem;
    }

    .home-page .site-section-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .home-page .site-section-link {
        min-height: 3.35rem;
        padding: 0.68rem 0.62rem;
        justify-content: center;
    }

    .home-page .site-section-link strong {
        font-size: 0.82rem;
        line-height: 1.1;
    }

    .home-page .site-section-link small {
        display: none;
    }

    .home-page .site-audience-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .home-page .site-audience-pill {
        min-height: 2.35rem;
        padding: 0.45rem 0.55rem;
        border-radius: 0.9rem;
        font-size: 0.73rem;
    }
}

@media (max-width: 420px) {
    .home-page .site-section-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .site-audience-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* QA polish pass: keyboard focus, copy wrapping ve kontrast tutarliligi */
:where(a[href],
    button,
    summary,
    input:not([type="hidden"]),
    select,
    textarea,
    [role="button"],
    [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: none;
}

:where(.button-link,
    .ghost-link,
    .icon-button,
    .mobile-toggle,
    .mobile-close,
    .mobile-logout,
    .header-icon-pill,
    .header-icon-pill-button,
    .header-command-trigger,
    .search-shortcut-chip,
    .search-result-item,
    .search-see-all,
    .menu-row,
    .menu-row-button,
    .site-section-link,
    .site-audience-pill,
    .nav-link,
    .brand,
    .user-trigger,
    .mobile-nav-links a,
    .mobile-nav-links button):focus-visible {
    border-color: rgba(255, 176, 112, 0.38);
    box-shadow:
        0 0 0 1px rgba(8, 6, 10, 0.88),
        0 0 0 4px rgba(255, 146, 75, 0.24),
        0 18px 38px rgba(0, 0, 0, 0.28);
}

.search-shell:focus-within,
.site-header .search-shell:focus-within {
    box-shadow:
        0 0 0 1px rgba(8, 6, 10, 0.88),
        0 0 0 4px rgba(255, 146, 75, 0.22),
        var(--magma-glow);
}

.button-link,
.ghost-link,
.icon-button,
.mobile-close,
.mobile-logout,
.header-icon-pill,
.header-command-trigger,
.search-shortcut-chip,
.search-see-all,
.menu-row,
.menu-row-button,
.site-section-link,
.site-audience-pill,
.nav-link,
.user-trigger,
.mobile-nav-links a,
.mobile-nav-links button,
.search-result-item {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.search-result-item,
.menu-row,
.menu-row-button,
.menu-copy,
.menu-copy strong,
.menu-copy small,
.search-result-item strong,
.search-result-item small {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.search-shortcut-chip {
    border-color: rgba(255, 174, 102, 0.14);
    background: rgba(255, 255, 255, 0.055);
    color: #f7ede5;
}

.search-shortcut-chip:hover,
.search-shortcut-chip:focus-visible {
    border-color: rgba(255, 180, 110, 0.26);
    background: rgba(255, 255, 255, 0.09);
}

.site-section-link small,
.site-audience-pill,
.auth-card p,
.auth-highlight p,
.auth-intro p,
.field-meta small,
.field-shell small,
.auth-footer .muted,
.auth-premium-footer .muted,
.footer-brand p,
.footer-links a,
.footer-links span,
.user-trigger-copy small,
.menu-muted,
.menu-copy small,
.search-label,
.search-result-item small,
.search-result-item span,
.timeline-item small {
    color: #d7c7bb;
}

@media (prefers-reduced-motion: reduce) {

    .button-link,
    .ghost-link,
    .icon-button,
    .mobile-close,
    .mobile-logout,
    .header-icon-pill,
    .header-command-trigger,
    .search-shortcut-chip,
    .search-result-item,
    .search-see-all,
    .menu-row,
    .menu-row-button,
    .site-section-link,
    .site-audience-pill,
    .nav-link,
    .user-trigger,
    .mobile-nav-links a,
    .mobile-nav-links button {
        transition: none;
        transform: none;
    }
}

/* Mobil auth akisi: formu ilk ekrana yaklastir, girisi asagida birakma */
@media (max-width: 760px) {
    .auth-page .site-section-shell {
        gap: 0.35rem;
        margin-bottom: 0.55rem;
    }

    .auth-page .site-audience-strip {
        display: none;
    }

    .auth-page .auth-premium-shell {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .auth-page .auth-premium-card {
        order: -1;
    }

    .auth-page .auth-premium-stage {
        gap: 0.8rem;
        padding: 1rem;
    }

    .auth-page .auth-premium-stage h1 {
        font-size: clamp(1.95rem, 8.8vw, 2.8rem);
        line-height: 1;
    }

    .auth-page .auth-premium-stage>p {
        font-size: 0.94rem;
        line-height: 1.55;
    }

    .auth-page .auth-premium-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .auth-page .auth-premium-metric,
    .auth-page .auth-premium-story-line,
    .auth-page .auth-premium-trust-note {
        padding: 0.85rem 0.9rem;
    }

    .auth-page .auth-premium-trust-note-handoff {
        margin-bottom: 1rem;
    }

    .auth-page .auth-premium-trust-meta {
        font-size: 0.74rem;
        letter-spacing: 0.06em;
    }

    .auth-page .auth-premium-story,
    .auth-page .auth-premium-security-rail {
        display: none;
    }

    .auth-page .auth-premium-card-head {
        margin-bottom: 0.9rem;
    }

    .auth-page .auth-premium-card-head h2 {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .auth-page .auth-support-note {
        padding: 0.72rem 0.82rem;
        font-size: 0.87rem;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .auth-page .auth-premium-metrics {
        grid-template-columns: 1fr;
    }

    .idea-public-handoff-card,
    .public-intake-handoff-note {
        padding: 1rem;
    }
}

/* Member mobil navigasyonunu kompaktlastir: ana icerik daha erken gorunsun */
@media (max-width: 760px) {
    .member-shell .site-section-shell {
        gap: 0.32rem;
        margin-bottom: 0.5rem;
    }

    .member-shell .site-section-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .member-shell .site-section-link {
        min-height: 3.85rem;
        padding: 0.64rem 0.68rem;
        border-radius: 0.95rem;
    }

    .member-shell .site-section-link strong {
        font-size: 0.83rem;
    }

    .member-shell .site-section-link small {
        font-size: 0.66rem;
        line-height: 1.2;
    }

    .member-shell .site-audience-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .member-shell .site-audience-pill {
        min-height: 2.35rem;
        padding: 0.42rem 0.5rem;
        font-size: 0.72rem;
        border-radius: 0.92rem;
    }
}

@media (max-width: 420px) {

    .member-shell .site-section-bar,
    .member-shell .site-audience-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.inline-mention {
    display: inline-flex;
    align-items: center;
    padding: 0.04rem 0.42rem;
    margin-inline: 0.08rem;
    border-radius: 999px;
    background: rgba(125, 138, 255, 0.16);
    color: var(--accent-strong);
    font-weight: 700;
    text-decoration: none;
}

.inline-mention:hover,
.inline-mention:focus-visible {
    background: rgba(125, 138, 255, 0.22);
    color: var(--accent);
}

.feedback-mention-suggestions {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.55rem;
    padding: 0.6rem;
    border: 1px solid rgba(125, 138, 255, 0.2);
    border-radius: 1rem;
    background: rgba(10, 16, 30, 0.78);
    box-shadow: 0 18px 32px rgba(6, 10, 19, 0.24);
}

.feedback-mention-option {
    display: grid;
    gap: 0.18rem;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(125, 138, 255, 0.12);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
    text-align: left;
}

.feedback-mention-option strong {
    font-size: 0.95rem;
}

.feedback-mention-option small {
    color: var(--muted);
}

.feedback-mention-option:hover,
.feedback-mention-option:focus-visible,
.feedback-mention-option.is-active {
    border-color: rgba(125, 138, 255, 0.28);
    background: rgba(125, 138, 255, 0.12);
}

/* ==========================================================================
   Fikir AI Secimleri - Ana Sayfa Sidebar Paneli
   ========================================================================== */

.home-ai-picks-panel {
    border: 1px solid rgba(139, 92, 246, 0.22);
    background: linear-gradient(135deg,
            rgba(139, 92, 246, 0.06) 0%,
            rgba(99, 102, 241, 0.04) 50%,
            rgba(16, 24, 40, 0.0) 100%);
    position: relative;
    overflow: hidden;
}

.home-ai-picks-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #8b5cf6, #6366f1, #3b82f6);
    border-radius: 2px 2px 0 0;
}

.home-ai-picks-icon {
    display: inline-block;
    margin-right: 0.25rem;
    font-size: 0.9em;
    animation: ai-picks-sparkle 3s ease-in-out infinite;
}

@keyframes ai-picks-sparkle {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.65;
        transform: scale(0.85);
    }
}

.home-reference-side-tag.is-ai {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.18), rgba(99, 102, 241, 0.12));
    color: #a78bfa;
    border-color: rgba(139, 92, 246, 0.3);
    font-size: 0.65rem;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.home-ai-picks-intro {
    font-size: 0.72rem;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    margin: 0 0 0.85rem;
    line-height: 1.4;
}

.home-ai-picks-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.home-ai-pick-card {
    display: block;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    border: 1px solid rgba(139, 92, 246, 0.14);
    background: rgba(255, 255, 255, 0.025);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    position: relative;
    overflow: hidden;
}

.home-ai-pick-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.07), transparent 60%);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.home-ai-pick-card:hover {
    border-color: rgba(139, 92, 246, 0.38);
    background: rgba(139, 92, 246, 0.07);
    transform: translateX(2px);
}

.home-ai-pick-card:hover::after {
    opacity: 1;
}

.home-ai-pick-rank-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.home-ai-pick-rank {
    font-size: 0.63rem;
    font-weight: 700;
    color: rgba(139, 92, 246, 0.7);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.home-ai-pick-confidence {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 99px;
    letter-spacing: 0.03em;
    border: 1px solid currentColor;
}

.home-ai-pick-confidence.is-cokyuksek {
    color: #34d399;
    background: rgba(52, 211, 153, 0.1);
}

.home-ai-pick-confidence.is-yuksek {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

.home-ai-pick-confidence.is-orta {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
}

.home-ai-pick-confidence.is-dusuk {
    color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.05);
}

.home-ai-pick-title {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary, rgba(255, 255, 255, 0.9));
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.home-ai-pick-score-bar {
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.home-ai-pick-score-fill {
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, #8b5cf6, #6366f1, #3b82f6);
    min-width: 6%;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-ai-pick-reason {
    font-size: 0.68rem;
    color: var(--text-muted, rgba(255, 255, 255, 0.4));
    line-height: 1.4;
    margin: 0 0 0.4rem;
}

.home-ai-pick-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.home-ai-pick-meta span {
    font-size: 0.62rem;
    color: rgba(139, 92, 246, 0.65);
    font-weight: 500;
    letter-spacing: 0.03em;
}

.home-ai-picks-note {
    font-size: 0.62rem;
    color: var(--text-muted, rgba(255, 255, 255, 0.3));
    margin: 0.85rem 0 0;
    line-height: 1.4;
    text-align: center;
    font-style: italic;
}

/* ============================================================
   FIKIR AI YAZMA ASISTANI - Gercek Zamanli Skor Paneli
   ============================================================ */
@keyframes ai-score-grow {
    from {
        width: 0%;
    }
}

@keyframes ai-pulse-glow {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.3);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(139, 92, 246, 0);
    }
}

@keyframes ai-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fikir-ai-writer-panel {
    background: linear-gradient(135deg,
            rgba(139, 92, 246, 0.12) 0%,
            rgba(59, 130, 246, 0.06) 100%);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1rem;
    animation: ai-slide-in 0.4s ease;
    position: relative;
    overflow: hidden;
}

.fikir-ai-writer-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #8b5cf6, #3b82f6, #06b6d4);
}

.fikir-ai-writer-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-writer-icon {
    font-size: 1.2rem;
    animation: float-subtle 3s ease-in-out infinite;
}

.fikir-ai-writer-header>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.fikir-ai-writer-header strong {
    font-size: 0.85rem;
    color: var(--text);
    font-weight: 700;
}

.fikir-ai-writer-header small {
    font-size: 0.7rem;
    color: var(--muted);
}

.fikir-ai-writer-badge {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.25);
    white-space: nowrap;
    transition: all 0.3s ease;
}

.fikir-ai-writer-badge.is-high {
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
    border-color: rgba(34, 197, 94, 0.25);
}

.fikir-ai-writer-badge.is-medium {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.25);
}

.fikir-ai-writer-badge.is-low {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.25);
}

.fikir-ai-score-grid {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-score-item {
    display: grid;
    grid-template-columns: 3.5rem 1fr 2rem;
    align-items: center;
    gap: 0.5rem;
}

.fikir-ai-score-label {
    font-size: 0.72rem;
    color: var(--muted);
    font-weight: 600;
}

.fikir-ai-score-bar-track {
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
    position: relative;
}

.fikir-ai-score-bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #8b5cf6, #3b82f6);
    transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.3s;
    width: 0%;
}

.fikir-ai-score-bar-fill.is-high {
    background: linear-gradient(90deg, #22c55e, #06b6d4);
}

.fikir-ai-score-bar-fill.is-medium {
    background: linear-gradient(90deg, #f59e0b, #f97316);
}

.fikir-ai-score-bar-fill.is-low {
    background: linear-gradient(90deg, #ef4444, #f97316);
}

.fikir-ai-score-bar-fill.is-empty {
    background: rgba(255, 255, 255, 0.08);
}

.fikir-ai-score-num {
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--muted);
    text-align: right;
}

/* Oneri kartlari */
.fikir-ai-suggestions {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.fikir-ai-tip {
    font-size: 0.73rem;
    color: #c4b5fd;
    padding: 0.3rem 0.6rem;
    background: rgba(139, 92, 246, 0.08);
    border-left: 2px solid rgba(139, 92, 246, 0.35);
    border-radius: 0 6px 6px 0;
    line-height: 1.5;
    animation: ai-slide-in 0.3s ease;
}

.fikir-ai-tip.is-success {
    color: #4ade80;
    background: rgba(34, 197, 94, 0.08);
    border-left-color: rgba(34, 197, 94, 0.4);
}

/* Yazim denetimi */
.fikir-ai-spelling {
    margin-bottom: 0.5rem;
}

.fikir-ai-spelling-header {
    font-size: 0.7rem;
    color: var(--muted);
    font-weight: 700;
    margin-bottom: 0.3rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fikir-ai-spelling-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
    padding: 0.2rem 0.5rem;
    background: rgba(239, 68, 68, 0.06);
    border-radius: 6px;
    border: 1px solid rgba(239, 68, 68, 0.15);
}

.fikir-ai-spelling-item .is-wrong {
    color: #f87171;
    text-decoration: line-through;
}

.fikir-ai-spelling-item .is-correct {
    color: #4ade80;
    font-weight: 700;
}

.fikir-ai-arrow {
    color: var(--muted);
    font-size: 0.7rem;
}

/* Kategori onerisi */
.fikir-ai-category-hint-box {
    font-size: 0.72rem;
    color: #93c5fd;
    padding: 0.3rem 0.6rem;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 6px;
    margin-bottom: 0.35rem;
}

.fikir-ai-hint-small {
    color: var(--muted);
    margin-left: 0.25rem;
    font-style: italic;
}

/* Okunabilirlik rozeti */
.fikir-ai-readability-tag {
    display: inline-flex;
    font-size: 0.7rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-weight: 700;
}

.fikir-ai-readability-tag.is-easy {
    color: #4ade80;
    background: rgba(34, 197, 94, 0.1);
}

.fikir-ai-readability-tag.is-medium {
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.1);
}

.fikir-ai-readability-tag.is-hard {
    color: #f87171;
    background: rgba(239, 68, 68, 0.1);
}


/* ============================================================
   FIKIR DETAY - AI Degerlendirme Paneli
   ============================================================ */

#fikir-ai-idea-analyzer {
    animation: ai-slide-in 0.5s ease;
}

.fikir-ai-detail-header {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.fikir-ai-detail-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.fikir-ai-detail-header>div {
    flex: 1;
    min-width: 0;
}

.fikir-ai-detail-header strong {
    display: block;
    font-size: 0.88rem;
    color: var(--text);
    font-weight: 700;
}

.fikir-ai-detail-header small {
    font-size: 0.72rem;
    color: var(--muted);
}

.fikir-ai-detail-badge {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    flex-shrink: 0;
}

.fikir-ai-detail-badge.is-high {
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.fikir-ai-detail-badge.is-medium {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.25);
}

.fikir-ai-detail-badge.is-low {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.fikir-ai-detail-dims {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-detail-dim-item {
    display: grid;
    grid-template-columns: 3.8rem 1fr 2.2rem;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.74rem;
    color: var(--muted);
}

.fikir-ai-detail-bar-track {
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.fikir-ai-detail-bar-fill {
    height: 100%;
    border-radius: 999px;
    width: 0%;
}

.fikir-ai-detail-bar-fill.is-high {
    background: linear-gradient(90deg, #22c55e, #06b6d4);
}

.fikir-ai-detail-bar-fill.is-medium {
    background: linear-gradient(90deg, #f59e0b, #f97316);
}

.fikir-ai-detail-bar-fill.is-low {
    background: linear-gradient(90deg, #ef4444, #8b5cf6);
}

.fikir-ai-detail-dim-score {
    font-size: 0.7rem;
    font-weight: 700;
    text-align: right;
}

.fikir-ai-detail-section {
    margin-bottom: 0.7rem;
}

.fikir-ai-detail-section-title {
    display: block;
    font-size: 0.72rem;
    color: var(--muted);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.fikir-ai-detail-item {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.fikir-ai-detail-item.is-strength {
    color: #86efac;
    background: rgba(34, 197, 94, 0.07);
    border-left: 2px solid rgba(34, 197, 94, 0.3);
}

.fikir-ai-detail-item.is-weakness {
    color: #fde68a;
    background: rgba(245, 158, 11, 0.07);
    border-left: 2px solid rgba(245, 158, 11, 0.3);
}

.fikir-ai-detail-footer {
    font-size: 0.66rem;
    color: rgba(255, 255, 255, 0.25);
    text-align: center;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 0.5rem;
    font-style: italic;
}


/* ============================================================
   ANA SAYFA AI SECIMLERI - Gelistirilmis Animasyonlu Panel
   ============================================================ */

.home-ai-picks-panel {
    background: linear-gradient(160deg,
            rgba(139, 92, 246, 0.10) 0%,
            rgba(59, 130, 246, 0.06) 60%,
            rgba(6, 182, 212, 0.04) 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.22) !important;
    position: relative;
    overflow: hidden;
}

.home-ai-picks-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #8b5cf6, #3b82f6, #06b6d4);
    border-radius: 999px 999px 0 0;
    opacity: 0.8;
}

.home-reference-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.85rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.home-reference-panel-head h3 {
    font-size: 0.82rem;
    color: #e9d5ff;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.home-ai-picks-desc {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 0.85rem;
    line-height: 1.5;
}

.home-ai-pick-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 0.6rem;
    transition: border-color 0.25s ease, background 0.25s ease;
    cursor: pointer;
    position: relative;
}

.home-ai-pick-card:hover {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(139, 92, 246, 0.25);
}

.home-ai-pick-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.home-ai-pick-rank {
    font-size: 0.65rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.3);
    padding: 0.15rem 0.45rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
    white-space: nowrap;
}

.home-ai-pick-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
    flex: 1;
}

.home-ai-pick-confidence {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    white-space: nowrap;
    flex-shrink: 0;
}

.home-ai-pick-confidence.is-cok-yuksek {
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
}

.home-ai-pick-confidence.is-yuksek {
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

.home-ai-pick-confidence.is-orta {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
}

.home-ai-pick-confidence.is-dusuk {
    background: rgba(255, 255, 255, 0.06);
    color: var(--muted);
}

/* Animasyonlu skor cubugu */
.home-ai-pick-score-shell {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.home-ai-pick-score-track {
    flex: 1;
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.home-ai-pick-score-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #8b5cf6, #3b82f6);
    width: 0%;
}

.home-ai-pick-avg {
    font-size: 0.72rem;
    font-weight: 800;
    color: #a78bfa;
    min-width: 2rem;
    text-align: right;
}

/* 4 boyut mini grid */
.home-ai-pick-dims {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.3rem;
}

.home-ai-pick-dim {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    padding: 0.3rem 0.2rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.home-ai-dim-score {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--text);
}

.home-ai-dim-label {
    font-size: 0.58rem;
    color: var(--muted);
    text-align: center;
    line-height: 1.2;
}

.home-ai-pick-reason {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.35);
    line-height: 1.5;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    padding-top: 0.4rem;
    margin-top: 0.1rem;
}

.home-ai-picks-footer {
    font-size: 0.64rem;
    color: rgba(255, 255, 255, 0.2);
    text-align: center;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    font-style: italic;
}

/* ============================================================
   FIKIR AI v2.0 - Autocorrect, Writer Panel, List Badges
   ============================================================ */

/* ---- Autocorrect Toast ---- */
.fikir-ai-autocorrect-toast {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(80px);
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(99, 102, 241, 0.95));
    color: #fff;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.5rem 1.2rem;
    border-radius: 50px;
    box-shadow: 0 8px 32px rgba(124, 58, 237, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
    white-space: nowrap;
    backdrop-filter: blur(12px);
}

.fikir-ai-autocorrect-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.fikir-ai-toast-icon {
    font-size: 1rem;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.5));
}

/* ---- Title Ghost (Tamamlama Onerisi) ---- */
.fikir-ai-title-ghost {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.18);
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    padding: inherit;
    white-space: nowrap;
    overflow: hidden;
    line-height: inherit;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
}

/* ---- Tab Hint ---- */
.fikir-ai-tab-hint {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    color: rgba(139, 92, 246, 0.7);
    margin-top: 0.35rem;
    animation: fikir-ai-pulse-hint 2s ease-in-out infinite;
}

.fikir-ai-tab-hint kbd {
    background: rgba(139, 92, 246, 0.15);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 4px;
    padding: 0.1rem 0.4rem;
    font-size: 0.68rem;
    font-family: inherit;
    color: rgba(139, 92, 246, 0.9);
}

@keyframes fikir-ai-pulse-hint {

    0%,
    100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}

/* ---- Writer Panel v2 ---- */
.fikir-ai-writer-panel {
    background: linear-gradient(160deg, rgba(124, 58, 237, 0.12) 0%, rgba(59, 130, 246, 0.05) 100%);
    border: 1px solid rgba(124, 58, 237, 0.2);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.fikir-ai-writer-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-writer-icon {
    font-size: 1.2rem;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.6));
    flex-shrink: 0;
}

.fikir-ai-writer-header>div {
    flex: 1;
    min-width: 0;
}

.fikir-ai-writer-header strong {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    letter-spacing: -0.01em;
}

.fikir-ai-writer-header small {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.4);
}

.fikir-ai-writer-badge {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 50px;
    letter-spacing: -0.01em;
    transition: background 0.3s ease, color 0.3s ease;
}

.fikir-ai-writer-badge.is-high {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.fikir-ai-writer-badge.is-medium {
    background: rgba(245, 158, 11, 0.18);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.25);
}

.fikir-ai-writer-badge.is-low {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.fikir-ai-writer-badge.is-empty {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.fikir-ai-score-grid {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-score-item {
    display: grid;
    grid-template-columns: 46px 1fr 26px;
    align-items: center;
    gap: 0.5rem;
}

.fikir-ai-score-label {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

.fikir-ai-score-bar-track {
    height: 5px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 99px;
    overflow: hidden;
}

.fikir-ai-score-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s ease;
}

.fikir-ai-score-bar-fill.is-high {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.fikir-ai-score-bar-fill.is-medium {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.fikir-ai-score-bar-fill.is-low {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.fikir-ai-score-bar-fill.is-empty {
    background: rgba(255, 255, 255, 0.12);
}

.fikir-ai-score-num {
    font-size: 0.68rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
    font-variant-numeric: tabular-nums;
    min-width: 22px;
}

/* ---- Autocorrect Sayaci ---- */
.fikir-ai-autocorrect-counter {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.7rem;
    color: rgba(139, 92, 246, 0.8);
    background: rgba(139, 92, 246, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.15);
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.6rem;
}

.fikir-ai-counter-icon {
    font-size: 0.82rem;
}

/* ---- Suggestions ---- */
.fikir-ai-suggestions {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.fikir-ai-tip {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.04);
    border-left: 2px solid rgba(139, 92, 246, 0.4);
    padding: 0.35rem 0.55rem;
    border-radius: 0 6px 6px 0;
    line-height: 1.4;
}

.fikir-ai-tip.is-success {
    color: rgba(52, 211, 153, 0.9);
    background: rgba(16, 185, 129, 0.08);
    border-left-color: #10b981;
}

/* ---- Category Hint ---- */
.fikir-ai-category-hint-box {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.55);
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.15);
    border-radius: 6px;
    padding: 0.35rem 0.6rem;
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fikir-ai-hint-small {
    font-size: 0.65rem;
    color: rgba(52, 211, 153, 0.75);
    margin-left: auto;
}

/* ---- Readability ---- */
.fikir-ai-readability-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.68rem;
    padding: 0.2rem 0.6rem;
    border-radius: 50px;
    margin-top: 0.4rem;
}

.fikir-ai-readability-tag.is-easy {
    background: rgba(16, 185, 129, 0.1);
    color: #34d399;
}

.fikir-ai-readability-tag.is-medium {
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
}

.fikir-ai-readability-tag.is-hard {
    background: rgba(239, 68, 68, 0.1);
    color: #f87171;
}

/* ---- Fikir Listesi AI Rozeti ---- */
.fikir-ai-list-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 50px;
    letter-spacing: 0.01em;
    transition: transform 0.2s ease;
    cursor: default;
    margin-left: 0.4rem;
    vertical-align: middle;
}

.fikir-ai-list-badge:hover {
    transform: scale(1.05);
}

.fikir-ai-list-badge--high {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.fikir-ai-list-badge--medium {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.18);
}

.fikir-ai-list-badge--low {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ---- Detail AI Panel ---- */
.fikir-ai-detail-header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

.fikir-ai-detail-icon {
    font-size: 1.3rem;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.5));
    flex-shrink: 0;
}

.fikir-ai-detail-header>div {
    flex: 1;
    min-width: 0;
}

.fikir-ai-detail-header strong {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.fikir-ai-detail-header small {
    font-size: 0.67rem;
    color: rgba(255, 255, 255, 0.38);
}

.fikir-ai-detail-badge {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 0.22rem 0.55rem;
    border-radius: 50px;
    white-space: nowrap;
    letter-spacing: -0.01em;
}

.fikir-ai-detail-badge.is-high {
    background: rgba(16, 185, 129, 0.18);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.22);
}

.fikir-ai-detail-badge.is-medium {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.fikir-ai-detail-badge.is-low {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.15);
}

.fikir-ai-detail-dims {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.fikir-ai-detail-dim-item {
    display: grid;
    grid-template-columns: 44px 1fr 24px;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.45);
}

.fikir-ai-detail-bar-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 99px;
    overflow: hidden;
}

.fikir-ai-detail-bar-fill {
    height: 100%;
    border-radius: 99px;
    width: 0%;
}

.fikir-ai-detail-bar-fill.is-high {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.fikir-ai-detail-bar-fill.is-medium {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.fikir-ai-detail-bar-fill.is-low {
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
}

.fikir-ai-detail-dim-score {
    font-size: 0.65rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.fikir-ai-detail-section {
    margin-top: 0.65rem;
}

.fikir-ai-detail-section-title {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
}

.fikir-ai-detail-item {
    font-size: 0.72rem;
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.fikir-ai-detail-item.is-strength {
    background: rgba(16, 185, 129, 0.08);
    color: rgba(52, 211, 153, 0.85);
    border-left: 2px solid #10b981;
    padding-left: 0.6rem;
}

.fikir-ai-detail-item.is-weakness {
    background: rgba(245, 158, 11, 0.07);
    color: rgba(251, 191, 36, 0.8);
    border-left: 2px solid #f59e0b;
    padding-left: 0.6rem;
}

.fikir-ai-detail-footer {
    font-size: 0.62rem;
    color: rgba(255, 255, 255, 0.18);
    text-align: center;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 0.75rem;
    font-style: italic;
}

/* ---- Home AI Picks v2 ---- */
.home-ai-picks-desc {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0.4rem 0 0.85rem;
    line-height: 1.4;
}

.home-ai-pick-card {
    display: block;
    padding: 0.75rem 0.8rem;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
    margin-bottom: 0.55rem;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.home-ai-pick-card:hover {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(139, 92, 246, 0.2);
    transform: translateX(2px);
}

.home-ai-pick-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.home-ai-pick-title {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.35;
    flex: 1;
    min-width: 0;
}

.home-ai-pick-rank {
    font-size: 0.65rem;
    font-weight: 800;
    color: rgba(139, 92, 246, 0.7);
    flex-shrink: 0;
    background: rgba(139, 92, 246, 0.1);
    border-radius: 4px;
    padding: 0.1rem 0.35rem;
}

.home-ai-pick-score-shell {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.home-ai-pick-score-track {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 99px;
    overflow: hidden;
}

.home-ai-pick-score-fill {
    height: 100%;
    background: linear-gradient(90deg, #7c3aed, #6366f1);
    border-radius: 99px;
    width: 0%;
}

.home-ai-pick-avg {
    font-size: 0.68rem;
    font-weight: 700;
    color: rgba(139, 92, 246, 0.8);
    min-width: 22px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.home-ai-pick-dims {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.25rem;
    margin-bottom: 0.45rem;
}

.home-ai-pick-dim {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    padding: 0.25rem 0.1rem;
}

.home-ai-dim-score {
    font-size: 0.75rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.7);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.home-ai-dim-label {
    font-size: 0.58rem;
    color: rgba(255, 255, 255, 0.28);
    line-height: 1;
}

.home-ai-pick-reason {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.38);
    line-height: 1.4;
    margin: 0;
}

/* ============================================================
   FİKİR AI v3.0 — Dropdown, Scaffold, Word Counter
   ============================================================ */

/* ---- Başlık Dropdown ---- */
.fikir-ai-title-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: rgba(15, 12, 30, 0.97);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 0.65rem;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(139, 92, 246, 0.1);
    z-index: 9990;
    list-style: none;
    margin: 0;
    padding: 0.3rem 0;
    backdrop-filter: blur(20px);
    max-height: 260px;
    overflow-y: auto;
}

.fikir-ai-dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.5rem 0.8rem;
    font-size: 0.77rem;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    border-radius: 0.4rem;
    margin: 0 0.3rem;
    transition: background 0.15s ease, color 0.15s ease;
    line-height: 1.35;
}

.fikir-ai-dropdown-item:hover,
.fikir-ai-dropdown-item.is-active {
    background: rgba(139, 92, 246, 0.18);
    color: rgba(255, 255, 255, 0.95);
}

.fikir-ai-dropdown-icon {
    flex-shrink: 0;
    font-size: 0.75rem;
    margin-top: 0.1rem;
    opacity: 0.6;
}

/* ---- İçerik İskeleti Butonu ---- */
.fikir-ai-scaffold-row {
    margin-top: 0.65rem;
}

.fikir-ai-scaffold-btn {
    width: 100%;
    background: rgba(99, 102, 241, 0.1);
    border: 1px dashed rgba(99, 102, 241, 0.3);
    border-radius: 0.6rem;
    color: rgba(165, 180, 252, 0.85);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.45rem 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-family: inherit;
}

.fikir-ai-scaffold-btn:hover {
    background: rgba(99, 102, 241, 0.2);
    border-color: rgba(99, 102, 241, 0.5);
    color: #a5b4fc;
}

/* ============================================================
   FİKİR AI v4.0 — Tüm bileşen stilleri
   ============================================================ */

/* ¦¦¦ TOAST ¦¦¦ */
.fai-toast {
    position: fixed;
    bottom: 1.6rem;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%) translateY(72px);
    background: linear-gradient(135deg, rgba(124, 58, 237, .96), rgba(99, 102, 241, .96));
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    padding: .45rem 1.2rem;
    border-radius: 50px;
    box-shadow: 0 8px 32px rgba(124, 58, 237, .4), 0 0 0 1px rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    gap: .45rem;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    transition: opacity .22s ease, transform .28s cubic-bezier(.34, 1.56, .64, 1);
    backdrop-filter: blur(14px);
}

.fai-toast.is-on {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.fai-toast b {
    font-size: 1rem;
}

.fai-toast s {
    opacity: .6;
}

/* ¦¦¦ FLOATING HUD ¦¦¦ */
.fai-hud {
    position: fixed;
    bottom: 1.6rem;
    right: 1.6rem;
    z-index: 9995;
    background: rgba(15, 12, 30, .92);
    border: 1px solid rgba(139, 92, 246, .25);
    border-radius: 50px;
    padding: .4rem .9rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    opacity: 0;
    transform: translateY(12px) scale(.95);
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
}

.fai-hud.is-on {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.fai-hud-icon {
    font-size: .9rem;
    filter: drop-shadow(0 0 6px rgba(139, 92, 246, .7));
}

.fai-hud-scores {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.fai-hud-seg {
    font-size: .75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.fai-hud-sm {
    font-size: .7rem;
    color: rgba(255, 255, 255, .4);
}

.fai-hud-sep {
    color: rgba(255, 255, 255, .2);
}

.fai-hud-hi {
    color: #34d399;
}

.fai-hud-md {
    color: #fbbf24;
}

.fai-hud-lo {
    color: #f87171;
}

/* ¦¦¦ TITLE DROPDOWN ¦¦¦ */
.fai-dd {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: rgba(13, 10, 28, .97);
    border: 1px solid rgba(139, 92, 246, .28);
    border-radius: .7rem;
    z-index: 9990;
    list-style: none;
    margin: 0;
    padding: .3rem 0;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .55), 0 0 0 1px rgba(139, 92, 246, .08);
    backdrop-filter: blur(22px);
    max-height: 240px;
    overflow-y: auto;
}

.fai-dd-item {
    display: flex;
    gap: .4rem;
    padding: .48rem .75rem;
    font-size: .76rem;
    color: rgba(255, 255, 255, .68);
    cursor: pointer;
    border-radius: .35rem;
    margin: 0 .3rem;
    line-height: 1.35;
    transition: background .12s ease, color .12s ease;
}

.fai-dd-item:hover,
.fai-dd-item.is-sel {
    background: rgba(139, 92, 246, .18);
    color: rgba(255, 255, 255, .95);
}

.fai-dd-item span:first-child {
    opacity: .55;
    flex-shrink: 0;
    font-size: .72rem;
}

/* ¦¦¦ INLINE GHOST ¦¦¦ */
.fai-ghost {
    display: none;
    font-size: .72rem;
    color: rgba(139, 92, 246, .65);
    background: rgba(139, 92, 246, .07);
    border: 1px dashed rgba(139, 92, 246, .2);
    border-radius: 6px;
    padding: .28rem .55rem;
    margin-top: .3rem;
    line-height: 1.4;
    animation: fai-ghost-pulse 2s ease-in-out infinite;
}

.fai-ghost.is-on {
    display: block;
}

@keyframes fai-ghost-pulse {

    0%,
    100% {
        opacity: .65
    }

    50% {
        opacity: 1
    }
}

/* ¦¦¦ ANA PANEL ¦¦¦ */
.fai-panel {
    background: linear-gradient(155deg, rgba(124, 58, 237, .11) 0%, rgba(59, 130, 246, .04) 100%);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: 1rem;
    padding: .95rem;
    margin-bottom: .9rem;
}

.fai-panel-head {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .8rem;
}

.fai-panel-head>span:first-child {
    font-size: 1.15rem;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, .6));
    flex-shrink: 0;
}

.fai-panel-head>div {
    flex: 1;
    min-width: 0;
}

.fai-panel-head strong {
    display: block;
    font-size: .81rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .92);
}

.fai-panel-head small {
    font-size: .67rem;
    color: rgba(255, 255, 255, .38);
}

/* Badge */
.fai-badge {
    font-size: .71rem;
    font-weight: 700;
    padding: .18rem .5rem;
    border-radius: 50px;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.fai-badge.fai-hi,
.fai-detail-badge.fai-hi {
    background: rgba(16, 185, 129, .18);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, .22);
}

.fai-badge.fai-md,
.fai-detail-badge.fai-md {
    background: rgba(245, 158, 11, .15);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, .2);
}

.fai-badge.fai-lo,
.fai-detail-badge.fai-lo {
    background: rgba(239, 68, 68, .12);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, .16);
}

.fai-badge.fai-mt {
    background: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .3);
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Score bars */
.fai-bars {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .75rem;
}

.fai-bar-row {
    display: grid;
    grid-template-columns: 44px 1fr 24px;
    align-items: center;
    gap: .45rem;
}

.fai-bar-label {
    font-size: .67rem;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
}

.fai-bar-track {
    height: 5px;
    background: rgba(255, 255, 255, .07);
    border-radius: 99px;
    overflow: hidden;
}

.fai-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width .4s cubic-bezier(.22, 1, .36, 1), background .3s;
}

.fai-bar-fill.fai-hi {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.fai-bar-fill.fai-md {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.fai-bar-fill.fai-lo {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.fai-bar-fill.fai-mt {
    background: rgba(255, 255, 255, .1);
}

.fai-bar-num {
    font-size: .67rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .55);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Fix row */
.fai-fix-row {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .7rem;
    color: rgba(139, 92, 246, .8);
    background: rgba(139, 92, 246, .08);
    border: 1px solid rgba(139, 92, 246, .14);
    border-radius: 6px;
    padding: .28rem .55rem;
    margin-bottom: .55rem;
}

/* Gen button */
.fai-gen-btn {
    width: 100%;
    font-family: inherit;
    font-size: .73rem;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(124, 58, 237, .18), rgba(99, 102, 241, .12));
    border: 1px solid rgba(124, 58, 237, .28);
    border-radius: .6rem;
    color: rgba(196, 181, 253, .9);
    padding: .42rem .8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-bottom: .55rem;
    transition: background .2s ease, border-color .2s ease, transform .15s ease;
}

.fai-gen-btn:hover {
    background: linear-gradient(135deg, rgba(124, 58, 237, .3), rgba(99, 102, 241, .22));
    border-color: rgba(124, 58, 237, .5);
    transform: translateY(-1px);
}

/* Tips */
.fai-tips {
    display: flex;
    flex-direction: column;
    gap: .32rem;
    margin-bottom: .45rem;
}

.fai-tip {
    font-size: .71rem;
    color: rgba(255, 255, 255, .58);
    background: rgba(255, 255, 255, .04);
    border-left: 2px solid rgba(139, 92, 246, .35);
    padding: .32rem .5rem;
    border-radius: 0 5px 5px 0;
    line-height: 1.4;
}

.fai-tip--ok {
    color: rgba(52, 211, 153, .9);
    background: rgba(16, 185, 129, .08);
    border-left-color: #10b981;
}

/* Category */
.fai-cat-box {
    font-size: .71rem;
    color: rgba(255, 255, 255, .52);
    background: rgba(99, 102, 241, .08);
    border: 1px solid rgba(99, 102, 241, .14);
    border-radius: 6px;
    padding: .32rem .55rem;
    margin-top: .35rem;
    display: flex;
    align-items: center;
    gap: .35rem;
}

.fai-cat-box strong {
    color: rgba(196, 181, 253, .85);
}

.fai-cat-box span {
    font-size: .63rem;
    color: rgba(52, 211, 153, .7);
    margin-left: auto;
}

/* Readability */
.fai-read-tag {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .67rem;
    padding: .18rem .55rem;
    border-radius: 50px;
    margin-top: .38rem;
}

.fai-read-easy {
    background: rgba(16, 185, 129, .1);
    color: #34d399;
}

.fai-read-medium {
    background: rgba(245, 158, 11, .1);
    color: #fbbf24;
}

.fai-read-hard {
    background: rgba(239, 68, 68, .1);
    color: #f87171;
}

/* Scaffold button */
.fai-scaffold-btn {
    width: 100%;
    font-family: inherit;
    font-size: .71rem;
    font-weight: 600;
    background: rgba(99, 102, 241, .08);
    border: 1px dashed rgba(99, 102, 241, .25);
    border-radius: .55rem;
    color: rgba(165, 180, 252, .78);
    padding: .42rem .8rem;
    cursor: pointer;
    margin-top: .55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    transition: background .2s, border-color .2s, color .2s;
}

.fai-scaffold-btn:hover {
    background: rgba(99, 102, 241, .18);
    border-color: rgba(99, 102, 241, .45);
    color: #a5b4fc;
}

/* ¦¦¦ DETAY SAYFASI ¦¦¦ */
.fai-detail-head {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .85rem;
}

.fai-detail-head>span:first-child {
    font-size: 1.25rem;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, .5));
    flex-shrink: 0;
}

.fai-detail-head>div {
    flex: 1;
    min-width: 0;
}

.fai-detail-head strong {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
}

.fai-detail-head small {
    font-size: .66rem;
    color: rgba(255, 255, 255, .35);
}

.fai-detail-badge {
    font-size: .7rem;
    font-weight: 800;
    padding: .2rem .5rem;
    border-radius: 50px;
    white-space: nowrap;
}

.fai-detail-dims {
    display: flex;
    flex-direction: column;
    gap: .48rem;
    margin-bottom: .8rem;
}

.fai-detail-row {
    display: grid;
    grid-template-columns: 44px 1fr 24px;
    align-items: center;
    gap: .45rem;
    font-size: .67rem;
    color: rgba(255, 255, 255, .42);
}

.fai-detail-track {
    height: 4px;
    background: rgba(255, 255, 255, .06);
    border-radius: 99px;
    overflow: hidden;
}

.fai-detail-fill {
    height: 100%;
    border-radius: 99px;
}

.fai-detail-fill.fai-hi {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.fai-detail-fill.fai-md {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.fai-detail-fill.fai-lo {
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
}

.fai-detail-num {
    font-size: .64rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .45);
    text-align: right;
}

.fai-detail-sec {
    margin-top: .6rem;
}

.fai-detail-sec b {
    display: block;
    font-size: .67rem;
    color: rgba(255, 255, 255, .4);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .3rem;
}

.fai-di {
    font-size: .71rem;
    padding: .26rem .5rem;
    border-radius: 5px;
    margin-bottom: .22rem;
    line-height: 1.4;
}

.fai-di--s {
    background: rgba(16, 185, 129, .08);
    color: rgba(52, 211, 153, .85);
    border-left: 2px solid #10b981;
    padding-left: .55rem;
}

.fai-di--w {
    background: rgba(245, 158, 11, .07);
    color: rgba(251, 191, 36, .8);
    border-left: 2px solid #f59e0b;
    padding-left: .55rem;
}

.fai-detail-foot {
    font-size: .61rem;
    color: rgba(255, 255, 255, .16);
    text-align: center;
    padding-top: .55rem;
    border-top: 1px solid rgba(255, 255, 255, .04);
    margin-top: .7rem;
    font-style: italic;
}

/* ¦¦¦ LİSTE ROZET ¦¦¦ */
.fai-list-badge {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    font-size: .64rem;
    font-weight: 700;
    padding: .13rem .48rem;
    border-radius: 50px;
    margin-left: .4rem;
    vertical-align: middle;
    cursor: default;
    transition: transform .2s;
}

.fai-list-badge:hover {
    transform: scale(1.06);
}

.fai-list-badge--hi {
    background: rgba(16, 185, 129, .14);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, .18);
}

.fai-list-badge--md {
    background: rgba(245, 158, 11, .11);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, .16);
}

.fai-list-badge--lo {
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .28);
    border: 1px solid rgba(255, 255, 255, .07);
}

/*  TONE MODIFIER WIDGET  */
.fai-tone-widget {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    background: rgba(20, 20, 22, .9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(139, 92, 246, .25);
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .03);
    padding: .45rem;
    flex-direction: column;
    gap: .35rem;
    display: none;
    min-width: 280px;
}

.fai-tone-widget.is-visible {
    display: flex;
    animation: faiToneIn .2s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes faiToneIn {
    0% {
        opacity: 0;
        transform: translateY(8px) scale(.95);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.fai-tone-head {
    font-size: .65rem;
    color: rgba(255, 255, 255, .45);
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 0 .2rem;
}

.fai-tone-actions {
    display: flex;
    gap: .3rem;
    align-items: center;
}

.fai-tone-actions button {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    color: rgba(255, 255, 255, .8);
    font-size: .72rem;
    padding: .3rem .55rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .25rem;
    transition: all .15s;
    flex: 1;
    justify-content: center;
}

.fai-tone-actions button:hover {
    background: rgba(139, 92, 246, .15);
    border-color: rgba(139, 92, 246, .3);
    color: #fff;
    transform: translateY(-1px);
}

.fai-tone-icon {
    font-size: .85rem;
}

.fai-tone-actions button[data-tone="close"] {
    flex: 0 0 auto;
    background: transparent;
    border-color: transparent;
    padding: .3rem .4rem;
    font-size: .8rem;
    color: rgba(255, 255, 255, .3);
}

.fai-tone-actions button[data-tone="close"]:hover {
    background: rgba(239, 68, 68, .15);
    color: #f87171;
}

.fai-toast-tone {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .25);
    color: #34d399;
    font-size: .75rem;
    font-weight: 600;
    padding: .45rem .85rem;
    border-radius: 50px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: all .3s cubic-bezier(.22, 1, .36, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.fai-toast-tone.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/*  IMPACT TAGS WIDGET (IDEAS LIST)  */
.fai-impact-tags {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    margin-bottom: .55rem;
    opacity: 0;
    transform: translateY(8px) scale(0.95);
    transition: all .4s cubic-bezier(.22, 1, .36, 1);
}

.fai-impact-tags.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.fai-impact-tags span {
    font-size: .65rem;
    font-weight: 600;
    padding: .15rem .45rem;
    border-radius: 50px;
    letter-spacing: .02em;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Faz 18: Dil Degistirici Widget (i18n)
   ========================================================================== */
.lang-switcher {
    position: relative;
}

.lang-switcher-trigger {
    cursor: pointer;
    user-select: none;
    list-style: none;
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .78rem;
    font-weight: 600;
    padding: .3rem .65rem;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.7);
    transition: all .2s;
}

.lang-switcher-trigger::-webkit-details-marker {
    display: none;
}

.lang-switcher-trigger:hover {
    background: rgba(139, 92, 246, 0.1);
    border-color: rgba(139, 92, 246, 0.3);
    color: #a78bfa;
}

.lang-current {
    letter-spacing: .02em;
}

.lang-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 140px;
    background: rgba(13, 13, 17, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: .4rem;
    z-index: 9999;
    backdrop-filter: blur(20px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(139, 92, 246, 0.08);
    animation: langDropIn .18s cubic-bezier(.22, 1, .36, 1);
}

@keyframes langDropIn {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.lang-form {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.lang-option {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem .85rem;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    font-size: .83rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
    text-align: left;
    width: 100%;
}

.lang-option:hover {
    background: rgba(139, 92, 246, 0.12);
    color: #fff;
}

.lang-option--active {
    background: rgba(139, 92, 246, 0.18);
    color: #a78bfa;
    font-weight: 600;
}

@keyframes turkiyePremiumPillGlow {

    0%,
    100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.34),
            inset 0 0 0 1px rgba(255, 255, 255, 0.07),
            inset 0 -24px 34px rgba(31, 0, 7, 0.38),
            0 18px 38px rgba(32, 0, 8, 0.36),
            0 0 20px rgba(186, 26, 58, 0.1);
    }

    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.42),
            inset 0 0 0 1px rgba(255, 255, 255, 0.09),
            inset 0 -28px 40px rgba(41, 0, 8, 0.5),
            0 24px 52px rgba(44, 0, 10, 0.48),
            0 0 32px rgba(206, 34, 69, 0.2);
    }
}

@keyframes turkiyePremiumPillFacet {

    0%,
    100% {
        background-position: -10% -2%, 104% 16%, center 120%, center, center !important;
    }

    50% {
        background-position: 8% 2%, 92% 24%, center 108%, center, center !important;
    }
}

@keyframes turkiyePremiumPillSweep {
    0% {
        transform: translateX(-185%) skewX(-22deg);
        opacity: 0;
    }

    18% {
        opacity: 0;
    }

    34% {
        opacity: 0.62;
    }

    48% {
        opacity: 0.2;
    }

    58% {
        opacity: 0;
    }

    100% {
        transform: translateX(280%) skewX(-22deg);
        opacity: 0;
    }
}

@keyframes turkiyePremiumPillAura {

    0%,
    100% {
        transform: scale(0.96);
        opacity: 0.42;
    }

    50% {
        transform: scale(1.08);
        opacity: 0.74;
    }
}

@keyframes turkiyePremiumPillSparkle {

    0%,
    100% {
        transform: scale(0.82) rotate(0deg);
        opacity: 0.28;
    }

    50% {
        transform: scale(1.08) rotate(10deg);
        opacity: 0.72;
    }
}

/* Luxury ruby treatment for the platform pill */
.site-header-pill,
.mobile-nav-kicker {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    isolation: isolate !important;
    min-height: 2.08rem !important;
    padding: 0 1.08rem 0 1.2rem !important;
    transition: transform 240ms ease, box-shadow 240ms ease, filter 240ms ease;
    border: 1px solid rgba(255, 243, 245, 0.34) !important;
    background-color: #65000f !important;
    background-image:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 28%),
        radial-gradient(circle at 100% 18%, rgba(255, 143, 165, 0.18), rgba(255, 143, 165, 0) 26%),
        radial-gradient(circle at 50% 120%, rgba(255, 71, 109, 0.18), rgba(255, 71, 109, 0) 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.12) 10%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(135deg, #d1183e 0%, #860018 40%, #43000a 100%) !important;
    background-size: 124% 150%, 60% 115%, 100% 100%, 100% 100%, 100% 100% !important;
    background-position: -10% -2%, 104% 16%, center 120%, center, center !important;
    background-repeat: no-repeat !important;
    backdrop-filter: blur(12px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        inset 0 -24px 34px rgba(31, 0, 7, 0.38),
        0 18px 38px rgba(32, 0, 8, 0.36),
        0 0 20px rgba(186, 26, 58, 0.1) !important;
    animation: turkiyePremiumPillGlow 6.2s ease-in-out infinite, turkiyePremiumPillFacet 11s ease-in-out infinite;
}

.site-header-pill>span,
.mobile-nav-kicker>span {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 1.18rem;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.145em !important;
    text-shadow: 0 1px 0 rgba(72, 0, 12, 0.42), 0 2px 12px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.site-header-pill::before,
.mobile-nav-kicker::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 38%),
        radial-gradient(circle at 86% 14%, rgba(255, 194, 204, 0.16), rgba(255, 194, 204, 0) 24%),
        url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 140 140%27%3E%3Ccircle cx=%2748%27 cy=%2770%27 r=%2730%27 fill=%27%23ffffff%27 fill-opacity=%27.82%27/%3E%3Ccircle cx=%2758%27 cy=%2770%27 r=%2724%27 fill=%27%2365000f%27/%3E%3Cpolygon points=%2785,70 75,73 73,84 67,76 56,79 62,70 56,61 67,64 73,56 75,67%27 fill=%27%23ffffff%27 fill-opacity=%27.82%27/%3E%3C/svg%3E");
    background-size: 100% 100%, 100% 100%, 0.92rem 0.92rem;
    background-position: center, center, 0.46rem 50%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.site-header-pill::after,
.mobile-nav-kicker::after {
    content: "";
    position: absolute;
    inset: -34% auto -34% -32%;
    z-index: 1;
    width: 30%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 245, 247, 0.08) 24%, rgba(255, 255, 255, 0.68) 50%, rgba(255, 245, 247, 0.12) 76%, rgba(255, 255, 255, 0));
    filter: blur(2px);
    mix-blend-mode: screen;
    pointer-events: none;
    animation: turkiyePremiumPillSweep 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.site-header-pill>span::after,
.mobile-nav-kicker>span::after {
    content: "";
    position: absolute;
    inset: -0.55rem -0.8rem -0.55rem -0.8rem;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0) 42%),
        radial-gradient(circle at 50% 50%, rgba(209, 28, 62, 0.24), rgba(209, 28, 62, 0) 68%);
    pointer-events: none;
    animation: turkiyePremiumPillAura 6.6s ease-in-out infinite;
}

.site-header-pill>span::before,
.mobile-nav-kicker>span::before {
    content: "";
    position: absolute;
    top: -0.52rem;
    right: -0.34rem;
    width: 0.92rem;
    height: 0.92rem;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.94) 0 8%, rgba(255, 255, 255, 0) 10%),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(90deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0) 62%);
    opacity: 0.42;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.16));
    pointer-events: none;
    animation: turkiyePremiumPillSparkle 4.8s ease-in-out infinite;
}

.site-header-pill:hover,
.mobile-nav-kicker:hover {
    transform: translateY(-2px) scale(1.02);
    filter: saturate(1.14) brightness(1.06);
}

@media (prefers-reduced-motion: reduce) {

    .site-header-pill,
    .mobile-nav-kicker {
        animation: none;
    }

    .site-header-pill::after,
    .mobile-nav-kicker::after,
    .site-header-pill>span::before,
    .mobile-nav-kicker>span::before,
    .site-header-pill>span::after,
    .mobile-nav-kicker>span::after {
        animation: none;
    }
}

/* Header layout guard: keep desktop actions on one row. */
.nav-actions,
.home-page .nav-actions {
    grid-template-columns: minmax(16rem, 1fr) auto auto auto;
}

.header-utility-actions {
    flex-wrap: nowrap;
}

.header-utility-actions>* {
    flex: 0 0 auto;
}

.premium-menu-toggle {
    grid-column: -2 / -1;
    justify-self: end;
}

@media (max-width: 1500px) and (min-width: 761px) {

    .site-header-pill,
    .header-logout-form,
    .header-logout-link {
        display: none !important;
    }
}

@media (max-width: 1360px) and (min-width: 761px) {
    .user-trigger {
        justify-content: center;
        width: 3rem;
        min-width: 3rem;
        padding: 0.28rem;
    }

    .user-trigger-copy,
    .header-command-trigger kbd {
        display: none !important;
    }
}

@media (max-width: 1180px) and (min-width: 761px) {

    .nav-actions,
    .home-page .nav-actions {
        grid-template-columns: minmax(14rem, 1fr) auto auto;
    }

    .header-command-trigger {
        display: none !important;
    }
}

@media (max-width: 980px) and (min-width: 761px) {

    .nav-actions,
    .home-page .nav-actions {
        grid-template-columns: auto;
        justify-content: end;
    }

    .header-utility-actions {
        display: none !important;
    }
}

@media (max-width: 760px) {

    .nav-actions,
    .home-page .nav-actions {
        grid-template-columns: auto;
        justify-content: end;
    }

    .premium-menu-toggle {
        grid-column: auto;
    }
}

/* Owner audit polish: data surfaces should feel alive without moving layout. */
.stat-tile,
.metric-card,
.stat-card,
.quick-tile,
.permission-pill,
.widget-card,
.feed-card,
.site-section-link {
    position: relative;
    overflow: hidden;
}

.stat-tile strong,
.metric-card strong,
.stat-card .stat-val,
.quick-tile strong,
.mini-stat strong {
    font-variant-numeric: tabular-nums;
}

.stat-tile::after,
.metric-card::after,
.quick-tile::after,
.widget-card::after,
.feed-card::after,
.site-section-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background:
        linear-gradient(112deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 42%,
            rgba(255, 206, 158, 0.13) 48%,
            rgba(255, 255, 255, 0.06) 51%,
            rgba(255, 255, 255, 0) 58%,
            rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-130%);
}

.stat-tile>*,
.metric-card>*,
.quick-tile>*,
.widget-card>*,
.feed-card>*,
.site-section-link>* {
    position: relative;
    z-index: 2;
}

.live-badge,
.status-pill,
.tag-chip-blue,
.permission-pill.is-enabled {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(255, 174, 102, 0.04),
        0 10px 24px rgba(0, 0, 0, 0.16);
}

.site-section-link.is-active {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 36px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 174, 102, 0.08);
}

@keyframes ownerAuditSweep {
    0% {
        opacity: 0;
        transform: translateX(-130%);
    }

    14% {
        opacity: 1;
    }

    34% {
        opacity: 0.82;
        transform: translateX(130%);
    }

    100% {
        opacity: 0;
        transform: translateX(130%);
    }
}

@keyframes ownerAuditPulse {

    0%,
    100% {
        filter: saturate(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 0 0 1px rgba(255, 174, 102, 0.04),
            0 10px 24px rgba(0, 0, 0, 0.16);
    }

    50% {
        filter: saturate(1.18) brightness(1.04);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            0 0 0 1px rgba(255, 174, 102, 0.14),
            0 14px 32px rgba(255, 122, 31, 0.12);
    }
}

@media (prefers-reduced-motion: no-preference) {

    .stat-tile::after,
    .metric-card::after,
    .quick-tile::after,
    .widget-card::after,
    .feed-card::after {
        animation: ownerAuditSweep 8.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    .site-section-link.is-active::after {
        animation: ownerAuditSweep 7s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    .live-badge,
    .status-pill,
    .permission-pill.is-enabled {
        animation: ownerAuditPulse 4.8s ease-in-out infinite;
    }

    .stat-tile:hover,
    .metric-card:hover,
    .quick-tile:hover,
    .site-section-link:hover {
        transform: translateY(-2px);
    }
}

/* Owner audit: give the live header strip real room at every breakpoint. */
body .site-header .site-header-inner,
body.home-page .site-header .site-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

body .site-header .site-header-branding,
body.home-page .site-header .site-header-branding {
    grid-column: 1;
    order: 1;
}

body .site-header .header-live-strip,
body.home-page .site-header .header-live-strip {
    grid-column: 2;
    order: 2;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
}

body .site-header .nav-actions,
body.home-page .site-header .nav-actions {
    grid-column: 1 / -1;
    order: 3;
    width: 100%;
    margin-left: 0;
}

body .site-header .search-wrapper,
body.home-page .site-header .search-wrapper {
    justify-self: stretch;
}

@media (max-width: 980px) {

    body .site-header .header-live-strip,
    body.home-page .site-header .header-live-strip {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    }
}

@media (max-width: 760px) {

    body .site-header .site-header-inner,
    body.home-page .site-header .site-header-inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body .site-header .nav-actions,
    body.home-page .site-header .nav-actions {
        grid-column: 2;
        order: 2;
        width: auto;
        justify-self: end;
    }

    body .site-header .header-live-strip,
    body.home-page .site-header .header-live-strip {
        grid-column: 1 / -1;
        order: 3;
        grid-template-columns: 1fr;
    }
}

/* Owner audit: avoid conic-mask raster artifacts on the dashboard panels. */
body .dashboard-cinematic-hero .flashlight-frame::before,
body .dashboard-phase-shell .flashlight-frame::before {
    inset: 0;
    padding: 0;
    border: 1px solid rgba(255, 205, 146, 0.24);
    background:
        linear-gradient(90deg, rgba(255, 205, 146, 0.28), rgba(255, 255, 255, 0) 34%, rgba(255, 149, 61, 0.16) 72%, rgba(255, 255, 255, 0)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));
    -webkit-mask: none;
    mask: none;
    animation: dashboardFrameGlow 6.4s ease-in-out infinite;
}

body .dashboard-cinematic-hero .flashlight-frame::after,
body .dashboard-phase-shell .flashlight-frame::after {
    inset: -8%;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 149, 61, 0.16), rgba(255, 149, 61, 0) 32%),
        radial-gradient(circle at 82% 4%, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0) 34%);
    filter: blur(18px);
    animation: dashboardFrameAura 8s ease-in-out infinite;
    opacity: 0.42;
}

@keyframes dashboardFrameGlow {

    0%,
    100% {
        opacity: 0.56;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    50% {
        opacity: 0.92;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            inset 0 0 42px rgba(255, 149, 61, 0.08);
    }
}

@keyframes dashboardFrameAura {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.32;
    }

    50% {
        transform: translate3d(1.1rem, -0.4rem, 0) scale(1.02);
        opacity: 0.5;
    }
}

/* Owner audit: keep live chat present but compact on dense dashboard screens. */
body.dashboard-page #live-chat-wrapper:not(.is-open) {
    right: 1rem;
    bottom: 1rem;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-toggle {
    min-height: 3.15rem;
    gap: 0.42rem;
    padding: 0.36rem 0.46rem;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-label {
    display: none;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-label strong {
    font-size: 0.84rem;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-label small {
    display: none;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-meta {
    gap: 0.28rem;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-meta small {
    display: none;
}

body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-icon {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.76rem;
}

/* Owner audit: dashboard panels must never remain invisible after reveal state lands. */
body.dashboard-page .reveal.is-visible,
body.dashboard-page .reveal-stagger.is-visible,
body.dashboard-page .reveal-geom.is-visible,
body.dashboard-page .widget-card.reveal.is-visible,
body.dashboard-page details.reveal.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.bookmark-page .bookmark-hero {
    align-items: flex-end;
    gap: 1rem;
}

.bookmark-command-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(9rem, 0.45fr) minmax(18rem, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(62, 211, 194, 0.22);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(135deg, rgba(7, 12, 16, 0.96), rgba(14, 12, 18, 0.95)),
        radial-gradient(circle at 18% 0%, rgba(62, 211, 194, 0.12), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(255, 189, 89, 0.12), transparent 32%);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}

.bookmark-command-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75), transparent 80%);
}

.bookmark-command-shell::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -28%;
    width: 26%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(62, 211, 194, 0.16), transparent);
    transform: skewX(-14deg);
}

.bookmark-command-shell>* {
    position: relative;
    z-index: 1;
}

.bookmark-command-copy h2 {
    margin: 0.35rem 0 0.45rem;
    color: #fff8ef;
    font-size: clamp(1.45rem, 2.5vw, 2.25rem);
    line-height: 1.08;
}

.bookmark-command-copy p {
    max-width: 34rem;
    margin: 0;
    color: rgba(245, 235, 225, 0.72);
}

.bookmark-command-score,
.bookmark-command-metric {
    display: grid;
    align-content: center;
    min-height: 7rem;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.045);
}

.bookmark-command-score {
    text-align: right;
    border-color: rgba(62, 211, 194, 0.26);
}

.bookmark-command-score span,
.bookmark-command-metric span {
    color: rgba(245, 235, 225, 0.58);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bookmark-command-score strong {
    color: #f7ffe9;
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1;
}

.bookmark-command-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.bookmark-command-metric strong {
    color: #ffe08a;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    line-height: 1;
}

.bookmark-priority-shell {
    margin-top: 1.25rem;
    overflow: hidden;
}

.bookmark-priority-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bookmark-priority-card {
    position: relative;
    display: grid;
    align-content: space-between;
    gap: 0.9rem;
    min-height: 16rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    background:
        linear-gradient(160deg, rgba(12, 14, 21, 0.96), rgba(10, 10, 15, 0.94)),
        radial-gradient(circle at 90% 0%, rgba(62, 211, 194, 0.12), transparent 34%);
}

.bookmark-priority-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent, rgba(255, 232, 192, 0.08), transparent);
    opacity: 0;
    transform: translateX(-120%);
}

.bookmark-priority-card>* {
    position: relative;
    z-index: 1;
}

.bookmark-priority-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 190, 96, 0.28);
    border-radius: 999px;
    color: #ffe1a5;
    font-size: 0.72rem;
    font-weight: 900;
}

.bookmark-priority-card strong {
    color: #fff8ef;
}

.bookmark-priority-card p {
    margin: 0.45rem 0 0;
    color: rgba(245, 235, 225, 0.66);
    line-height: 1.55;
}

.bookmark-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
    padding-right: 5.5rem;
    box-sizing: border-box;
}

.bookmark-page .bookmark-card {
    min-height: 17rem;
}

.bookmark-empty-state {
    display: grid;
    gap: 0.85rem;
}

.bookmark-empty-state span {
    color: rgba(245, 235, 225, 0.68);
}

body.bookmark-page #live-chat-wrapper:not(.is-open) {
    right: 1rem;
    bottom: 1rem;
    left: auto;
    width: auto !important;
    max-width: 5rem;
}

body.bookmark-page #live-chat-wrapper:not(.is-open) .chat-widget-toggle {
    min-height: 3.15rem;
    gap: 0.42rem;
    padding: 0.36rem 0.46rem;
    width: auto !important;
}

body.bookmark-page #live-chat-wrapper:not(.is-open) .chat-widget-label,
body.bookmark-page #live-chat-wrapper:not(.is-open) .chat-widget-meta small {
    display: none;
}

body.bookmark-page #live-chat-wrapper:not(.is-open) .chat-widget-icon {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.76rem;
}

@media (prefers-reduced-motion: no-preference) {
    .bookmark-command-shell::after {
        animation: bookmarkCommandSweep 7s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    .bookmark-priority-card::after {
        animation: dashboardCardSignal 8.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    .bookmark-priority-card:hover {
        transform: translateY(-2px);
    }
}

@keyframes bookmarkCommandSweep {
    0% {
        opacity: 0;
        transform: translateX(-30%) skewX(-14deg);
    }

    22% {
        opacity: 0.86;
    }

    52%,
    100% {
        opacity: 0;
        transform: translateX(560%) skewX(-14deg);
    }
}

@media (max-width: 980px) {

    .bookmark-command-shell,
    .bookmark-priority-grid {
        grid-template-columns: 1fr;
    }

    .bookmark-command-score {
        text-align: left;
    }
}

@media (max-width: 520px) {
    .bookmark-grid {
        padding-right: 4.9rem;
    }
}

@media (max-width: 760px) {
    body.dashboard-page #live-chat-wrapper:not(.is-open) {
        left: auto;
        right: 0.85rem;
        bottom: 0.85rem;
        width: auto;
    }

    body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-toggle {
        width: auto;
        min-height: 3.1rem;
        border-radius: 999px;
    }

    body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-meta small,
    body.dashboard-page #live-chat-wrapper:not(.is-open) .chat-widget-label {
        display: none;
    }
}

/* Home live command center */
.home-live-command-center {
    position: relative;
    overflow: hidden;
    margin: clamp(1rem, 3vw, 2rem) 0;
    padding: clamp(1rem, 3vw, 1.65rem);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(7, 7, 7, 0.96), rgba(18, 18, 18, 0.94)),
        linear-gradient(90deg, rgba(31, 210, 165, 0.11), transparent 42%, rgba(239, 68, 68, 0.1));
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    isolation: isolate;
}

.home-live-command-center::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 7px);
    opacity: 0.22;
    transform: translateX(-100%);
    animation: homeLiveCommandSweep 6.5s ease-in-out infinite;
    z-index: -1;
}

.home-live-command-head,
.home-live-command-grid,
.home-live-command-lanes {
    position: relative;
    z-index: 1;
}

.home-live-command-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(116px, 148px);
    gap: clamp(1rem, 3vw, 1.5rem);
    align-items: stretch;
}

.home-live-command-head h2 {
    margin: 0.35rem 0 0;
    font-size: 2.1rem;
    line-height: 1.05;
}

.home-live-command-head p {
    max-width: 72ch;
    margin: 0.75rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
}

.home-live-command-health {
    display: grid;
    align-content: center;
    min-height: 138px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
}

.home-live-command-health span,
.home-live-command-health small,
.home-live-command-card span,
.home-live-command-card small,
.home-live-command-lane span,
.home-live-command-lane small {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.78rem;
    line-height: 1.35;
}

.home-live-command-health strong {
    color: #f9fafb;
    font-size: 3rem;
    line-height: 1;
}

.home-live-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.home-live-command-card {
    display: grid;
    min-height: 142px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.home-live-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.075);
}

.home-live-command-card strong {
    align-self: end;
    margin-top: 0.9rem;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1;
}

.home-live-command-card.is-green strong {
    color: #1fd2a5;
}

.home-live-command-card.is-red strong {
    color: #ff6b5d;
}

.home-live-command-card.is-yellow strong {
    color: #facc15;
}

.home-live-command-card.is-cyan strong {
    color: #67e8f9;
}

.home-live-command-card.is-refreshing {
    animation: homeLiveMetricRefresh 900ms ease-out;
}

.home-live-command-track {
    overflow: hidden;
    height: 5px;
    margin-top: 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.11);
}

.home-live-command-track i {
    display: block;
    height: 100%;
    min-width: 8%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1fd2a5, #facc15, #ff6b5d);
    animation: homeLiveTrackPulse 2.8s ease-in-out infinite;
}

.home-live-command-lanes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.home-live-command-lane {
    display: grid;
    min-height: 124px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.24);
    text-decoration: none;
}

.home-live-command-lane strong {
    color: #fff;
    margin: 0.45rem 0;
    line-height: 1.2;
}

.home-live-command-lane:hover {
    border-color: rgba(31, 210, 165, 0.48);
}

@keyframes homeLiveCommandSweep {

    0%,
    36% {
        transform: translateX(-100%);
    }

    62%,
    100% {
        transform: translateX(100%);
    }
}

@keyframes homeLiveMetricRefresh {
    0% {
        box-shadow: 0 0 0 rgba(31, 210, 165, 0);
        transform: translateY(0);
    }

    45% {
        box-shadow: 0 0 34px rgba(31, 210, 165, 0.25);
        transform: translateY(-3px);
    }

    100% {
        box-shadow: 0 0 0 rgba(31, 210, 165, 0);
        transform: translateY(0);
    }
}

@keyframes homeLiveTrackPulse {

    0%,
    100% {
        filter: saturate(1);
    }

    50% {
        filter: saturate(1.45) brightness(1.08);
    }
}

@media (max-width: 920px) {
    .home-live-command-head h2 {
        font-size: 1.8rem;
    }

    .home-live-command-health strong {
        font-size: 2.55rem;
    }

    .home-live-command-card strong {
        font-size: 1.95rem;
    }

    .home-live-command-head,
    .home-live-command-lanes {
        grid-template-columns: 1fr;
    }

    .home-live-command-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .home-live-command-center {
        padding: 1rem;
    }

    .home-live-command-head h2 {
        font-size: 1.55rem;
    }

    .home-live-command-health strong,
    .home-live-command-card strong {
        font-size: 1.85rem;
    }

    .home-live-command-grid {
        grid-template-columns: 1fr;
    }

    .home-live-command-card,
    .home-live-command-lane,
    .home-live-command-health {
        min-height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-live-command-center::before,
    .home-live-command-card.is-refreshing,
    .home-live-command-track i {
        animation: none;
    }
}

/* Auth stability pass: keep the home shell the same width as other tabs. */
body
/* Member shell consistency: authenticated pages should keep the same width as home. */
body @media (max-width: 760px) {
    body body
}

/* Native select/menu contrast fix: keep dropdown lists readable in dark UI. */
select,
.panel-form select,
.form-card select,
.auth-card select,
.field-shell select,
.public-intake-panel-form select,
.room-event-form select {
    background-color: #16131d;
    color: #fff7ef;
    border-color: rgba(255, 179, 111, 0.24);
    color-scheme: dark;
}

select:hover,
.panel-form select:hover,
.form-card select:hover,
.auth-card select:hover,
.field-shell select:hover,
.public-intake-panel-form select:hover,
.room-event-form select:hover {
    background-color: #1d1925;
    border-color: rgba(255, 179, 111, 0.36);
}

select:focus,
.panel-form select:focus,
.form-card select:focus,
.auth-card select:focus,
.field-shell select:focus,
.public-intake-panel-form select:focus,
.room-event-form select:focus {
    background-color: #211b27;
    color: #ffffff;
    border-color: rgba(255, 136, 48, 0.72);
}

select option,
select optgroup {
    background-color: #16131d;
    color: #fff7ef;
}

select option:checked {
    background-color: #ff7a2f;
    color: #120a04;
}

select option:disabled {
    color: #9b8f86;
}

/* Member pass: keep live chat everywhere, but collapsed as a compact icon. */
#live-chat-wrapper:not(.is-open) {
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    right: 1rem;
    bottom: 1rem;
}

#live-chat-wrapper:not(.is-open) .chat-widget-toggle {
    width: 3.45rem !important;
    min-width: 3.45rem !important;
    height: 3.45rem !important;
    min-height: 3.45rem !important;
    padding: .42rem !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 999px !important;
}

#live-chat-wrapper:not(.is-open) .chat-widget-label,
#live-chat-wrapper:not(.is-open) .chat-widget-meta {
    display: none;
}

#live-chat-wrapper:not(.is-open) .chat-widget-icon {
    width: 2.35rem !important;
    height: 2.35rem !important;
    margin: 0;
    font-size: .94rem !important;
}

#live-chat-wrapper:not(.is-open) .chat-widget-badge {
    position: absolute;
    top: -.35rem;
    right: -.35rem;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 .3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fai-cat-box [data-fai-use-cat] {
    margin-left: .45rem;
    border: 0;
    border-radius: 8px;
    padding: .32rem .58rem;
    background: #ff7a2f;
    color: #160b04;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 640px) {
    #live-chat-wrapper:not(.is-open) {
        right: .75rem;
        bottom: .75rem;
    }

    #live-chat-wrapper:not(.is-open) .chat-widget-toggle {
        width: 3.1rem !important;
        min-width: 3.1rem !important;
        height: 3.1rem !important;
        min-height: 3.1rem !important;
    }
}

/* Home polish: same shell width, less first-screen clutter, livelier premium motion. */
body.home-page .home-reference-shell,
body.home-page .home-feed-shell,
body.home-page .home-feed-first-hero,
body.home-page .home-reference-layout,
body.home-page .home-premium-command-shell,
body.home-page .home-live-command-center,
body.home-page .home-member-fold {
    width: min(100%, var(--container));
    margin-inline: auto;
}

.home-feed-first-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr);
    gap: clamp(1rem, 3vw, 1.6rem);
    overflow: hidden;
    isolation: isolate;
    padding: clamp(1.15rem, 3vw, 2rem);
    border: 1px solid rgba(255, 185, 112, 0.16);
    border-radius: var(--radius-2xl, 24px);
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 126, 36, 0.22), transparent 24%),
        radial-gradient(circle at 82% 18%, rgba(255, 207, 148, 0.13), transparent 22%),
        linear-gradient(135deg, rgba(18, 15, 16, 0.97), rgba(10, 12, 16, 0.96));
    box-shadow: 0 26px 72px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.home-feed-first-hero::before,
.home-feed-first-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.home-feed-first-hero::before {
    inset: auto -10rem -12rem auto;
    width: 24rem;
    height: 24rem;
    border-radius: 999px;
    background: rgba(255, 124, 42, 0.24);
    filter: blur(64px);
    animation: homeFeedFirstGlow 9s ease-in-out infinite;
}

.home-feed-first-hero::after {
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(120deg, rgba(0, 0, 0, 0.7), transparent 72%);
}

.home-feed-first-copy,
.home-feed-first-panel,
.home-feed-first-panel-section,
.home-feed-first-live-list,
.home-feed-first-category-list {
    display: flex;
    flex-direction: column;
}

.home-feed-first-copy {
    justify-content: center;
    min-width: 0;
    gap: 1rem;
}

.home-feed-first-copy h1 {
    max-width: 13ch;
    margin: 0;
    color: #fff8f0;
    font-size: clamp(2.35rem, 6vw, 5.2rem);
    line-height: 0.92;
    letter-spacing: -0.065em;
}

.home-feed-first-copy p {
    max-width: 66ch;
    margin: 0;
    color: rgba(255, 247, 239, 0.76);
    font-size: clamp(1rem, 1.8vw, 1.14rem);
    line-height: 1.7;
}

.home-feed-first-actions,
.home-feed-first-tabs,
.home-feed-first-metrics,
.home-feed-first-panel-head,
.home-feed-first-category-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-feed-first-actions {
    gap: 0.7rem;
}

.home-feed-first-tabs {
    gap: 0.5rem;
    padding-top: 0.4rem;
}

.home-feed-first-tab,
.home-feed-first-category {
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.home-feed-first-tab {
    padding: 0.58rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: rgba(255, 247, 239, 0.74);
    background: rgba(255, 255, 255, 0.045);
    font-size: 0.9rem;
    font-weight: 800;
}

.home-feed-first-tab:hover,
.home-feed-first-tab:focus-visible,
.home-feed-first-tab.is-active {
    transform: translateY(-2px);
    border-color: rgba(255, 151, 78, 0.48);
    color: #fff8f0;
    background: rgba(255, 120, 42, 0.14);
}

.home-feed-first-panel {
    gap: 0.85rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-xl, 20px);
    background: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(18px);
}

.home-feed-first-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.home-feed-first-metrics article,
.home-feed-first-live-item,
.home-feed-first-ai-pick {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: rgba(6, 8, 12, 0.34);
}

.home-feed-first-metrics article {
    display: grid;
    gap: 0.15rem;
    padding: 0.8rem;
}

.home-feed-first-metrics strong {
    color: #fff8f0;
    font-size: 1.28rem;
    line-height: 1;
}

.home-feed-first-metrics span,
.home-feed-first-live-item small,
.home-feed-first-ai-pick span,
.home-feed-first-ai-pick small,
.home-feed-first-empty {
    color: rgba(255, 247, 239, 0.62);
    font-size: 0.82rem;
    line-height: 1.45;
}

.home-feed-first-panel-section {
    gap: 0.55rem;
}

.home-feed-first-panel-head {
    justify-content: space-between;
    gap: 0.7rem;
}

.home-feed-first-panel-head h2 {
    margin: 0;
    color: #fff8f0;
    font-size: 0.92rem;
    letter-spacing: 0.01em;
}

.home-feed-first-panel-head a {
    color: #ffd1a3;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.home-feed-first-live-list {
    gap: 0.5rem;
}

.home-feed-first-live-item,
.home-feed-first-ai-pick {
    display: grid;
    gap: 0.22rem;
    padding: 0.75rem;
    color: inherit;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.home-feed-first-live-item:hover,
.home-feed-first-live-item:focus-visible,
.home-feed-first-ai-pick:hover,
.home-feed-first-ai-pick:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 151, 78, 0.34);
    background: rgba(255, 255, 255, 0.075);
}

.home-feed-first-live-item strong,
.home-feed-first-ai-pick strong {
    color: #fff8f0;
    line-height: 1.35;
}

.home-feed-first-category-list {
    gap: 0.45rem;
}

.home-feed-first-category {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.5rem 0.68rem;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 999px;
    color: rgba(255, 247, 239, 0.72);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.82rem;
    font-weight: 800;
}

.home-feed-first-category span {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: var(--category-color, #ff8a3d);
    box-shadow: 0 0 16px var(--category-color, #ff8a3d);
}

.home-feed-first-category:hover,
.home-feed-first-category:focus-visible,
.home-feed-first-category.is-active {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--category-color, #ff8a3d) 56%, white 10%);
    color: #fff8f0;
    background: color-mix(in srgb, var(--category-color, #ff8a3d) 18%, transparent);
}

.home-feed-first-empty {
    margin: 0;
    padding: 0.75rem;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 14px;
}

.home-feed-first-ai-pick span {
    color: #ffd1a3;
    font-weight: 800;
}

@keyframes homeFeedFirstGlow {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.76;
    }

    50% {
        transform: translate3d(-1.4rem, -0.8rem, 0) scale(1.08);
        opacity: 0.96;
    }
}

@media (max-width: 980px) {
    .home-feed-first-hero {
        grid-template-columns: 1fr;
    }

    .home-feed-first-copy h1 {
        max-width: 16ch;
    }
}

@media (max-width: 560px) {
    .home-feed-first-hero {
        padding: 1rem;
        border-radius: 18px;
    }

    .home-feed-first-copy h1 {
        font-size: clamp(2.2rem, 15vw, 3.45rem);
    }

    .home-feed-first-actions .button-link,
    .home-feed-first-actions .ghost-link,
    .home-feed-first-tab {
        width: 100%;
        justify-content: center;
    }

    .home-feed-first-metrics {
        grid-template-columns: 1fr;
    }
}

.home-member-fold {
    margin-top: 1.25rem;
    border: 1px solid rgba(255, 185, 112, .18);
    border-radius: 8px;
    background: rgba(16, 18, 20, .78);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
    overflow: hidden;
}

.home-member-fold>summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.home-member-fold>summary::-webkit-details-marker {
    display: none;
}

.home-member-fold h2 {
    margin: 0;
    font-size: 1.05rem;
}

.home-member-fold p {
    margin: .18rem 0 0;
    color: rgba(255, 247, 239, .72);
}

.home-member-fold .widget-card {
    border-radius: 0;
    border-inline: 0;
    border-bottom: 0;
    margin-top: 0;
}

.home-member-tools-fold>summary {
    background:
        radial-gradient(circle at top right, rgba(255, 122, 47, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(20, 18, 20, 0.96), rgba(14, 15, 17, 0.92));
}

.home-member-tools-fold[open]>summary {
    border-bottom: 1px solid rgba(255, 185, 112, 0.14);
}

.home-member-tools-content {
    display: grid;
    gap: .95rem;
    padding: 0 0 1rem;
}

.home-member-tools-content>* {
    margin-inline: 1rem;
}

.home-member-tools-content .home-reference-band,
.home-member-tools-content .home-reference-category-strip,
.home-member-tools-content .home-reference-filter-strip,
.home-member-tools-content .home-reference-composer {
    margin-top: 0;
}

.home-member-tools-content .home-reference-composer {
    animation: none;
}

.home-premium-command-stage,
.home-live-command-center,
.home-reference-composer,
.home-member-fold {
    animation: homePremiumFloat 7s ease-in-out infinite;
}

.home-live-command-card,
.home-reference-category-pill,
.home-reference-filter-pill,
.home-action-quick-card,
.home-social-route-card {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-live-command-card:hover,
.home-reference-category-pill:hover,
.home-reference-filter-pill:hover,
.home-action-quick-card:hover,
.home-social-route-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}

@keyframes homePremiumFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-feed-first-hero::before,
    .home-premium-command-stage,
    .home-live-command-center,
    .home-reference-composer,
    .home-member-fold {
        animation: none;
    }

    .home-feed-first-tab,
    .home-feed-first-category,
    .home-feed-first-live-item,
    .home-feed-first-ai-pick,
    .home-live-command-card,
    .home-reference-category-pill,
    .home-reference-filter-pill,
    .home-action-quick-card,
    .home-social-route-card {
        transition: none;
    }
}

@media (max-width: 760px) {

    body.home-page .home-reference-shell,
    body.home-page .home-feed-shell,
    body.home-page .home-feed-first-hero,
    body.home-page .home-reference-layout,
    body.home-page .home-premium-command-shell,
    body.home-page .home-live-command-center,
    body.home-page .home-member-fold {
        width: min(100%, calc(100% - 1.25rem));
    }

    .home-member-fold>summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-member-tools-content>* {
        margin-inline: .85rem;
    }
}

/* Premium background and discovery polish */
.site-backdrop::before {
    content: "";
    position: absolute;
    inset: -12%;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 144, 72, 0.1), transparent 18%),
        radial-gradient(circle at 82% 22%, rgba(255, 171, 90, 0.08), transparent 16%),
        radial-gradient(circle at 50% 82%, rgba(255, 108, 36, 0.06), transparent 20%);
    filter: blur(28px);
    animation: backdropAuroraDrift 22s ease-in-out infinite;
}

.site-backdrop::after {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(circle at 12% 30%, rgba(255, 132, 38, 0.1), transparent 22%),
        radial-gradient(circle at 74% 16%, rgba(255, 177, 92, 0.08), transparent 18%),
        radial-gradient(circle at 58% 88%, rgba(255, 99, 29, 0.07), transparent 20%);
    filter: blur(38px);
    opacity: 0.92;
    animation: backdropAuroraDrift 28s ease-in-out infinite reverse;
}

.backdrop-orb,
.backdrop-ring {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.backdrop-orb {
    isolation: isolate;
    width: clamp(7rem, 16vw, 12rem);
    aspect-ratio: 1;
    background:
        radial-gradient(circle at 38% 34%, rgba(255, 244, 229, 0.82), rgba(255, 173, 108, 0.2) 34%, rgba(255, 116, 34, 0.08) 64%, transparent 76%),
        linear-gradient(145deg, rgba(255, 148, 74, 0.28), rgba(255, 108, 30, 0.06));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 0 42px rgba(255, 128, 46, 0.16);
    opacity: 0.78;
    animation: premiumOrbFloat 11s ease-in-out infinite, premiumOrbPulse 8.2s ease-in-out infinite;
}

.backdrop-orb::before,
.backdrop-orb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

.backdrop-orb::before {
    inset: -18%;
    background: radial-gradient(circle, rgba(255, 124, 29, 0.18), rgba(255, 124, 29, 0));
    filter: blur(16px);
    opacity: 0.82;
    animation: premiumOrbPulse 7.4s ease-in-out infinite;
}

.backdrop-orb::after {
    inset: 10%;
    border: 1px solid rgba(255, 197, 147, 0.18);
    opacity: 0.58;
    animation: backdropRingPulse 10s ease-in-out infinite;
}

.backdrop-ring {
    border: 1px solid rgba(255, 167, 92, 0.18);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 0 34px rgba(255, 130, 50, 0.08);
    animation: backdropRingPulse 14s ease-in-out infinite;
}

.orb-a {
    left: 5.5%;
    top: 13%;
}

.orb-b {
    right: 7%;
    top: 56%;
    width: clamp(5rem, 11vw, 8rem);
    animation-delay: -4s;
}

.orb-c {
    left: 48%;
    top: 8%;
    width: clamp(4.8rem, 10vw, 7.2rem);
    opacity: 0.66;
    animation-delay: -7s;
}

.ring-a {
    left: 4.2%;
    top: 11.8%;
    width: clamp(8.4rem, 18vw, 13.2rem);
    aspect-ratio: 1;
}

.ring-b {
    right: 5.8%;
    top: 54.5%;
    width: clamp(6rem, 13vw, 9.5rem);
    aspect-ratio: 1;
    animation-delay: -6s;
}

.ring-c {
    left: 46.8%;
    top: 6.6%;
    width: clamp(5.8rem, 12vw, 8.8rem);
    aspect-ratio: 1;
    animation-delay: -9s;
}

@keyframes backdropRingPulse {

    0%,
    100% {
        transform: scale(0.96);
        opacity: 0.52;
    }

    50% {
        transform: scale(1.04);
        opacity: 0.92;
    }
}

@keyframes premiumOrbPulse {

    0%,
    100% {
        transform: scale(0.96);
        opacity: 0.72;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

@keyframes backdropAuroraDrift {

    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    33% {
        transform: translate3d(1.5rem, -1rem, 0) scale(1.03);
    }

    66% {
        transform: translate3d(-1.2rem, 1.3rem, 0) scale(0.98);
    }
}

body.home-page .home-premium-command-stage {
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 126, 36, 0.22), transparent 22%),
        radial-gradient(circle at 82% 16%, rgba(255, 167, 88, 0.14), transparent 20%),
        radial-gradient(circle at 74% 82%, rgba(77, 150, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(17, 14, 19, 0.98), rgba(9, 9, 15, 0.96));
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.home-page .home-premium-command-stage::before {
    top: -7rem;
    right: -5rem;
    width: 26rem;
    height: 26rem;
    opacity: 0.96;
    animation: premiumOrbFloat 8.5s ease-in-out infinite, premiumOrbPulse 6.6s ease-in-out infinite;
}

body.home-page .home-live-command-center,
body.home-page .home-reference-feed,
body.home-page .home-reference-sidebar .home-reference-panel {
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24);
}

.header-icon-pill {
    isolation: isolate;
    overflow: visible;
}

.header-icon-pill::before,
.header-icon-pill::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.header-icon-pill::before {
    inset: 0.3rem;
    border-radius: 0.95rem;
    background:
        radial-gradient(circle at 52% 36%, rgba(255, 248, 239, 0.18), rgba(255, 182, 107, 0.1) 26%, rgba(255, 114, 32, 0.18) 62%, rgba(255, 114, 32, 0.02) 86%),
        linear-gradient(145deg, rgba(64, 43, 24, 0.62), rgba(19, 17, 24, 0.28));
    box-shadow: 0 0 26px rgba(255, 118, 38, 0.12);
    opacity: 0.95;
    animation: headerOrbPulse 6.8s ease-in-out infinite;
    z-index: -1;
}

.header-icon-pill::after {
    inset: -0.2rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(255, 176, 112, 0.16);
    opacity: 0.72;
    animation: flashlight-orbit 14s linear infinite;
}

.header-icon-pill:hover::before {
    box-shadow: 0 0 34px rgba(255, 118, 38, 0.22);
}

@keyframes headerOrbPulse {

    0%,
    100% {
        transform: scale(0.94);
        opacity: 0.82;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}

.home-page .home-reference-explainer-pills,
.home-page .home-reference-reason-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.home-page .home-reference-explainer-pills {
    margin-top: 0.25rem;
}

.home-page .home-reference-feed-intro-state {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.95rem;
}

.home-page .home-reference-feed-intro-state small {
    color: #bca39b;
    font-size: 0.9rem;
    line-height: 1.55;
    max-width: 44rem;
}

.home-page .home-reference-chip-reason {
    border-color: rgba(255, 171, 100, 0.12);
    background: rgba(54, 33, 17, 0.56);
    color: #ffd4ad;
}

.home-page .home-reference-chip-reason.is-strong {
    background: rgba(255, 126, 42, 0.16);
    color: #fff1e4;
    box-shadow: inset 0 0 0 1px rgba(255, 165, 94, 0.12);
}

.home-page .home-reference-reason-row {
    margin-top: 0.9rem;
}

.home-page .home-reference-signal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
}

.home-page .home-reference-signal-pill {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 184, 132, 0.14);
    background: rgba(28, 18, 15, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.home-page .home-reference-signal-pill strong {
    color: #fff1e4;
    font-size: 0.98rem;
    line-height: 1.2;
}

.home-page .home-reference-signal-pill span {
    color: #c8aba1;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.home-page .home-reference-signal-pill.is-network {
    border-color: rgba(255, 167, 94, 0.22);
}

.home-page .home-reference-signal-pill.is-read {
    border-color: rgba(255, 143, 92, 0.2);
    background: rgba(43, 25, 19, 0.76);
}

.home-page .home-reference-signal-pill.is-category {
    border-color: rgba(255, 205, 132, 0.18);
}

.home-page .home-reference-signal-pill.is-negative {
    border-color: rgba(255, 129, 97, 0.22);
}

.home-page .home-reference-signal-pill.is-ai {
    border-color: rgba(255, 196, 112, 0.2);
    background: rgba(46, 30, 19, 0.82);
}

.home-page .home-reference-panel-logic .hero-actions {
    flex-wrap: wrap;
}

.home-page .home-reference-panel-signal-stack .home-reference-sidebar-item strong {
    color: #fff0e4;
}

.home-feed-end-note {
    margin: 0.25rem 0 0;
    text-align: center;
    color: #bca39b;
    font-size: 0.84rem;
}

@media (prefers-reduced-motion: reduce) {

    .backdrop-orb,
    .backdrop-ring,
    .header-icon-pill::before,
    .header-icon-pill::after,
    .site-backdrop::before,
    .site-backdrop::after,
    .backdrop-orb::before,
    .backdrop-orb::after {
        animation: none;
    }
}

/* PRO progress surface: keep the premium page aligned with the main shell. */
.pro-page .page-shell {
    padding-top: clamp(1.2rem, 3vw, 2.4rem);
}

.pro-progress-shell {
    display: grid;
    gap: 1.5rem;
    padding-bottom: 1.25rem;
}

.pro-progress-intro,
.pro-progress-flash-list,
.pro-progress-lock,
.pro-progress-roadmap {
    width: min(100%, 72rem);
    margin-inline: auto;
}

.pro-progress-intro {
    display: grid;
    gap: .9rem;
    text-align: center;
}

.pro-progress-intro .page-title {
    margin: 0;
    font-size: clamp(2.75rem, 6vw, 4.35rem);
    letter-spacing: -.04em;
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #fb7185 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pro-progress-intro .section-desc {
    max-width: 48rem;
    margin: 0 auto;
    color: rgba(255, 244, 235, 0.78);
    font-size: 1.06rem;
    line-height: 1.8;
}

.pro-progress-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    max-width: 46rem;
    margin: 0.15rem auto 0;
}

.pro-progress-hero-actions small {
    flex-basis: 100%;
    color: rgba(255, 244, 235, 0.62);
    font-weight: 700;
}

.pro-progress-flash-list {
    display: grid;
    gap: .85rem;
}

.pro-progress-flash {
    background: rgba(249, 115, 22, 0.08);
    border: 1px solid rgba(249, 115, 22, 0.28);
    color: #fff;
    text-align: center;
}

.pro-progress-lock {
    padding: clamp(1.4rem, 3vw, 2rem);
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(15, 23, 42, 0.82));
    border-color: rgba(249, 115, 22, 0.28);
}

.pro-progress-lock-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.pro-progress-lock-copy {
    flex: 1 1 38rem;
    display: grid;
    gap: .75rem;
    text-align: left;
}

.pro-progress-lock-copy h2 {
    margin: 0;
}

.pro-progress-lock-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
}

.pro-progress-lock-meter {
    flex: 0 1 21rem;
    display: grid;
    gap: .85rem;
    text-align: left;
}

.pro-progress-lock-meter.is-guest p {
    margin: .25rem 0 0;
    color: rgba(255, 255, 255, 0.78);
}

.pro-progress-meter-track {
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.pro-progress-meter-fill {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b, #f97316, #fb7185);
}

.pro-progress-meter-meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: .85rem;
}

.pro-progress-meter-note {
    color: rgba(255, 255, 255, 0.82);
    font-weight: 600;
}

.pro-progress-meter-note.is-active {
    color: #fcd34d;
}

.pro-progress-command,
.pro-feature-access {
    width: min(100%, 72rem);
    margin-inline: auto;
    padding: clamp(1.35rem, 3vw, 2rem);
    border-color: rgba(255, 170, 97, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 132, 46, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(15, 23, 42, 0.84));
}

.pro-progress-command {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 1.1rem;
    align-items: start;
}

.pro-progress-command-copy {
    display: grid;
    gap: 0.8rem;
}

.pro-progress-command-copy h2,
.pro-feature-access h2 {
    margin: 0;
    letter-spacing: -0.04em;
}

.pro-progress-command-copy p,
.pro-feature-access .widget-heading p {
    margin: 0;
    color: rgba(255, 244, 235, 0.68);
    line-height: 1.7;
}

.pro-progress-command-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.pro-progress-action-list,
.pro-feature-access-grid {
    display: grid;
    gap: 0.78rem;
}

.pro-progress-action-card,
.pro-feature-card {
    position: relative;
    display: grid;
    gap: 0.35rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.05rem;
    border: 1px solid rgba(255, 170, 97, 0.12);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 247, 238, 0.92);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.pro-progress-action-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.pro-progress-action-card:hover,
.pro-feature-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 170, 97, 0.28);
    background: rgba(255, 122, 35, 0.08);
}

.pro-progress-action-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(255, 122, 35, 0.12);
    color: #ffd7b5;
    font-weight: 900;
}

.pro-progress-action-card strong,
.pro-feature-card strong {
    display: block;
    color: #fff4ea;
}

.pro-progress-action-card p,
.pro-feature-card p {
    margin: 0.18rem 0 0;
    color: rgba(255, 244, 235, 0.64);
    line-height: 1.55;
}

.pro-progress-action-card small,
.pro-feature-card span,
.pro-feature-card small {
    color: #ffbd83;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.pro-progress-action-card em,
.pro-feature-card em {
    justify-self: end;
    padding: 0.34rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 122, 35, 0.12);
    color: #ffd0ad;
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 900;
}

.pro-progress-action-card.is-done {
    border-color: rgba(52, 211, 153, 0.24);
    background:
        radial-gradient(circle at top right, rgba(52, 211, 153, 0.12), transparent 38%),
        rgba(255, 255, 255, 0.035);
}

.pro-progress-action-card.is-done .pro-progress-action-index,
.pro-feature-card.is-unlocked em {
    background: rgba(52, 211, 153, 0.13);
    color: #9af2ca;
}

.pro-feature-access {
    scroll-margin-top: 7rem;
}

.pro-feature-access-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.pro-feature-card {
    grid-template-rows: auto auto minmax(4.5rem, 1fr) auto auto;
}

.pro-feature-card.is-locked {
    background:
        radial-gradient(circle at top right, rgba(148, 163, 184, 0.08), transparent 36%),
        rgba(255, 255, 255, 0.026);
}

.pro-progress-layer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

.pro-progress-layer {
    min-height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    position: relative;
    overflow: hidden;
}

.pro-progress-layer.is-premium {
    background: rgba(249, 115, 22, 0.06);
    border-color: rgba(249, 115, 22, 0.28);
    box-shadow: 0 12px 40px rgba(249, 115, 22, 0.12);
}

.pro-progress-layer.is-current {
    border-color: rgba(250, 204, 21, 0.48);
    box-shadow: 0 16px 48px rgba(250, 204, 21, 0.16);
}

.pro-progress-layer.is-current .pro-progress-tier {
    color: #fcd34d;
}

.pro-progress-layer.is-unlocked:not(.is-current) {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(15, 23, 42, 0.92));
    border-color: rgba(52, 211, 153, 0.28);
}

.pro-progress-layer.is-locked {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.08), rgba(15, 23, 42, 0.92));
}

.pro-progress-ribbon {
    position: absolute;
    top: 1.4rem;
    right: -2.9rem;
    background: #f97316;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem 3rem;
    transform: rotate(45deg);
    letter-spacing: .05em;
}

.pro-progress-layer-head {
    display: grid;
    gap: .35rem;
}

.pro-progress-layer-head h2 {
    margin: 0;
    font-size: 1.5rem;
}

.pro-progress-layer.is-premium .pro-progress-layer-head h2 {
    color: #fdba74;
}

.pro-progress-tier {
    font-size: 2.2rem;
    font-weight: 700;
}

.pro-progress-subtitle {
    color: rgba(255, 255, 255, 0.52);
    font-size: .86rem;
}

.pro-progress-layer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
    display: grid;
    gap: 1rem;
}

.pro-progress-layer-list li {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}

.pro-progress-layer-list li span {
    color: rgba(255, 255, 255, 0.3);
    margin-top: 2px;
}

.pro-progress-layer.is-premium .pro-progress-layer-list li span {
    color: #fdba74;
}

.pro-progress-layer-list li small {
    color: rgba(255, 255, 255, 0.55);
}

.pro-progress-layer-list li.is-muted {
    color: rgba(255, 255, 255, 0.45);
}

.pro-progress-layer-action {
    width: 100%;
    text-align: center;
}

.pro-progress-layer-action-success {
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #34d399;
}

.pro-progress-roadmap {
    padding: 2rem;
}

@media (max-width: 1280px) {
    .pro-progress-layer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-feature-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .pro-progress-layer-grid {
        grid-template-columns: 1fr;
    }

    .pro-progress-command {
        grid-template-columns: 1fr;
    }

    .pro-progress-lock-inner {
        align-items: stretch;
    }
}

@media (max-width: 760px) {
    .pro-progress-shell {
        gap: 1.15rem;
    }

    .pro-progress-lock,
    .pro-progress-roadmap,
    .pro-progress-command,
    .pro-feature-access,
    .pro-progress-layer {
        padding: 1.35rem;
    }

    .pro-progress-command-stats,
    .pro-feature-access-grid {
        grid-template-columns: 1fr;
    }

    .pro-progress-action-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pro-progress-action-card em {
        grid-column: 2;
        justify-self: start;
    }
}

.richtext-shell {
    display: grid;
    gap: 0.8rem;
}

.richtext-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 170, 97, 0.14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.richtext-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 2.1rem;
    padding: 0 0.72rem;
    border: 1px solid rgba(255, 175, 104, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #fff1e5;
    font: inherit;
    font-size: 0.83rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.richtext-tool:hover,
.richtext-tool:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 186, 116, 0.34);
    background: rgba(255, 140, 56, 0.12);
    outline: none;
}

.richtext-source {
    min-height: 12rem;
}

.richtext-preview-shell {
    display: grid;
    gap: 0.55rem;
    padding: 1rem 1.05rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(255, 170, 97, 0.12);
    background: rgba(255, 255, 255, 0.028);
}

.richtext-preview-title {
    color: #fff4eb;
    font-size: 0.83rem;
    letter-spacing: 0.02em;
}

.richtext-preview {
    min-height: 5rem;
    color: #f9efe6;
}

.richtext-preview-empty {
    color: #cfbdad;
}

.detail-body ul,
.detail-body ol {
    margin: 0.9rem 0 0.9rem 1.2rem;
    padding: 0;
}

.detail-body li+li {
    margin-top: 0.35rem;
}

.detail-body blockquote {
    margin: 1rem 0;
    padding: 0.95rem 1rem;
    border-left: 3px solid rgba(255, 152, 72, 0.5);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.035);
    color: #ffe9d9;
}

.detail-body a {
    color: #ffb56f;
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.detail-body h2,
.detail-body h3,
.detail-body h4 {
    margin: 1rem 0 0.55rem;
    color: #fff7ef;
}

.detail-body hr {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.detail-body-compact p {
    margin: 0;
}

.idea-preview-gate,
.room-access-shell,
.room-privacy-panel {
    border-color: rgba(255, 170, 97, 0.18) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

.stream-lock-shell {
    align-items: center;
}

.room-access-form {
    margin-top: 1rem;
}

.room-code-input {
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 700;
}

.room-code-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 0.95rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 175, 104, 0.16);
    background: rgba(255, 255, 255, 0.03);
}

.room-code-pill code {
    padding: 0.25rem 0.55rem;
    border-radius: 0.65rem;
    background: rgba(255, 140, 56, 0.14);
    color: #ffd7b0;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.room-share-grid {
    margin-top: 1rem;
}

@media (max-width: 760px) {
    .richtext-toolbar {
        gap: 0.38rem;
        padding: 0.62rem;
    }

    .richtext-tool {
        min-width: 2.2rem;
        min-height: 2rem;
        padding: 0 0.58rem;
        font-size: 0.78rem;
    }

    .room-code-pill {
        flex-direction: column;
        align-items: flex-start;
    }
}

.home-reference-dismiss-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #bbaebc;
    font: inherit;
    font-size: 0.86rem;
    line-height: 1;
    transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background 180ms ease, opacity 180ms ease;
    cursor: pointer;
}

.home-reference-dismiss-btn:hover,
.home-reference-dismiss-btn:focus-visible {
    border-color: rgba(255, 122, 47, 0.28);
    background: rgba(255, 122, 47, 0.08);
    color: #ffe0cf;
    transform: translateY(-1px);
}

.home-reference-dismiss-btn:disabled {
    cursor: wait;
    opacity: 0.82;
}

.home-reference-card.is-feed-dismissing {
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 220ms ease, transform 220ms ease;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {

    .home-reference-dismiss-btn,
    .home-reference-card.is-feed-dismissing {
        transition: none;
    }
}

/* Voxr-inspired guest landing refresh */
.home-page[data-authenticated="false"] {
    --home-voxr-ink: #fff4eb;
    --home-voxr-ink-soft: rgba(245, 234, 223, 0.72);
    --home-voxr-paper: #171117;
    --home-voxr-paper-strong: #22171d;
    --home-voxr-line: rgba(255, 198, 149, 0.12);
    --home-voxr-shadow: 0 34px 96px rgba(4, 4, 10, 0.3);
    --home-voxr-accent: #ff7b31;
    --home-voxr-violet: #ab00ff;
}

.home-page[data-authenticated="false"] .home-reference-shell.home-feed-shell {
    gap: 1.4rem;
}

.home-page[data-authenticated="false"] .home-manifesto-shell {
    gap: clamp(1.35rem, 2vw, 1.9rem);
    min-height: 48rem;
    padding: clamp(1.4rem, 2.5vw, 2.2rem);
    border: 1px solid rgba(255, 191, 141, 0.16);
    border-radius: 2rem;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 133, 52, 0.22), transparent 26%),
        radial-gradient(circle at 78% 18%, rgba(171, 0, 255, 0.18), transparent 24%),
        linear-gradient(145deg, rgba(12, 12, 18, 0.98), rgba(7, 7, 12, 0.98));
    box-shadow: 0 34px 110px rgba(0, 0, 0, 0.36);
}

.home-page[data-authenticated="false"] .home-manifesto-shell::before {
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 133, 52, 0.14), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 40%),
        linear-gradient(90deg, rgba(7, 7, 12, 0.9), transparent 12%, transparent 88%, rgba(7, 7, 12, 0.9));
}

.home-page[data-authenticated="false"] .home-manifesto-shell.has-cinematic-glow::after {
    inset: auto -8% -18% auto;
    width: 42rem;
    height: 42rem;
    background: radial-gradient(circle, rgba(255, 126, 42, 0.18), rgba(255, 126, 42, 0));
    filter: blur(44px);
    opacity: 0.88;
}

.home-page[data-authenticated="false"] .home-manifesto-copy {
    align-content: center;
    gap: 1.15rem;
    max-width: 39rem;
}

.home-page[data-authenticated="false"] .home-manifesto-eyebrow {
    min-height: 2.2rem;
    padding: 0 0.95rem;
    border: 1px solid rgba(255, 214, 183, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f6d9c1;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.home-voxr-hero-badge-row,
.home-voxr-proof-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.home-voxr-hero-badge,
.home-voxr-proof-pill {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    min-height: 2.35rem;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 183, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.04);
    color: rgba(249, 236, 224, 0.94);
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    animation: homeVoxrBadgeFloat 7.4s ease-in-out infinite;
}

.home-voxr-hero-badge::before,
.home-voxr-proof-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 44%);
    pointer-events: none;
}

.home-voxr-hero-badge:nth-child(2),
.home-voxr-proof-pill:nth-child(2) {
    animation-delay: -2.4s;
}

.home-voxr-hero-badge:nth-child(3),
.home-voxr-proof-pill:nth-child(3) {
    animation-delay: -4.8s;
}

.home-page[data-authenticated="false"] .home-manifesto-copy h1 {
    margin: 0;
    max-width: 10.5ch;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: clamp(3.5rem, 8vw, 6.8rem);
    line-height: 0.9;
    letter-spacing: -0.08em;
    color: #fff8f2;
}

.home-page[data-authenticated="false"] .home-manifesto-copy h1 span:nth-child(2) {
    background: linear-gradient(135deg, #ffffff 0%, #f0c7ff 38%, #ffbe8b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-page[data-authenticated="false"] .home-manifesto-copy h1 span:nth-child(3) {
    color: rgba(255, 241, 229, 0.82);
}

.home-page[data-authenticated="false"] .home-manifesto-copy p {
    max-width: 40rem;
    color: rgba(245, 236, 228, 0.76);
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 1.04rem;
    line-height: 1.8;
}

.home-page[data-authenticated="false"] .home-manifesto-actions {
    gap: 0.8rem;
    margin-top: 0.15rem;
}

.home-page[data-authenticated="false"] .home-manifesto-actions .button-link,
.home-page[data-authenticated="false"] .home-manifesto-actions .ghost-link {
    min-height: 3.35rem;
    padding: 0 1.25rem;
    border-radius: 999px;
    font-family: "DM Sans", "Nunito", sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.home-page[data-authenticated="false"] .home-manifesto-actions .button-link {
    border: 1px solid rgba(255, 189, 136, 0.18);
    background: linear-gradient(135deg, #ff8a42, #ff6d1f);
    box-shadow: 0 20px 46px rgba(255, 122, 47, 0.3);
}

.home-page[data-authenticated="false"] .home-manifesto-actions .ghost-link {
    border: 1px solid rgba(255, 214, 183, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #fff3e5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
}

.home-page[data-authenticated="false"] .home-manifesto-conversion-pulse {
    border-color: rgba(255, 214, 183, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.home-page[data-authenticated="false"] .home-manifesto-conversion-pulse::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 44%),
        radial-gradient(circle at 86% 22%, rgba(171, 0, 255, 0.14), transparent 22%);
}

.home-page[data-authenticated="false"] .home-manifesto-board {
    gap: 1rem;
    max-width: 42rem;
}

.home-page[data-authenticated="false"] .home-manifesto-panel,
.home-page[data-authenticated="false"] .home-manifesto-preview-card,
.home-page[data-authenticated="false"] .home-manifesto-preview-mini,
.home-page[data-authenticated="false"] .home-manifesto-command-shell,
.home-page[data-authenticated="false"] .home-manifesto-brief-card,
.home-page[data-authenticated="false"] .home-manifesto-command-item {
    border-color: rgba(255, 214, 183, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(16px);
}

.home-page[data-authenticated="false"] .home-manifesto-panel.is-primary,
.home-page[data-authenticated="false"] .home-manifesto-preview-card.is-main,
.home-page[data-authenticated="false"] .home-manifesto-brief-card,
.home-page[data-authenticated="false"] .home-manifesto-command-item.is-active {
    background:
        radial-gradient(circle at top left, rgba(255, 127, 42, 0.16), transparent 34%),
        radial-gradient(circle at top right, rgba(171, 0, 255, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(20, 18, 26, 0.98), rgba(10, 10, 16, 0.96));
}

.home-page[data-authenticated="false"] .home-manifesto-tab-button {
    border-color: rgba(255, 214, 183, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

.home-page[data-authenticated="false"] .home-manifesto-tab-button.is-active,
.home-page[data-authenticated="false"] .home-manifesto-tab-button:hover,
.home-page[data-authenticated="false"] .home-manifesto-tab-button:focus-visible {
    border-color: rgba(255, 198, 149, 0.26);
    background: rgba(255, 122, 47, 0.12);
}

.home-voxr-flow-bridge {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
    width: fit-content;
    margin: -0.9rem auto -0.32rem;
    pointer-events: none;
}

.home-voxr-flow-bridge span {
    width: 2.4rem;
    height: 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 220, 194, 0.16);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.12)),
        rgba(255, 255, 255, 0.08);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}

.home-voxr-flow-bridge span:nth-child(2) {
    width: 4rem;
    background:
        linear-gradient(135deg, rgba(255, 189, 136, 0.96), rgba(255, 124, 43, 0.82)),
        rgba(255, 130, 44, 0.22);
    box-shadow: 0 18px 42px rgba(255, 122, 47, 0.24);
}

.home-voxr-partner-strip {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    z-index: 2;
    margin-top: -0.45rem;
    padding: 1.45rem 1.3rem 1.2rem;
    border-radius: 1.7rem;
    border: 1px solid rgba(255, 214, 183, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.03);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(18px);
}

.home-voxr-partner-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 44%),
        radial-gradient(circle at 84% 28%, rgba(171, 0, 255, 0.12), transparent 24%);
    pointer-events: none;
}

.home-voxr-partner-strip > * {
    position: relative;
    z-index: 1;
}

.home-voxr-partner-head {
    display: grid;
    gap: 0.52rem;
    max-width: 38rem;
}

.home-voxr-partner-label {
    color: rgba(245, 234, 224, 0.72);
    font-family: "DM Sans", "Nunito", sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-voxr-partner-copy {
    margin: 0;
    color: rgba(234, 220, 209, 0.78);
    max-width: 34rem;
    font-size: 0.92rem;
    line-height: 1.6;
}

.home-voxr-partner-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
}

.home-voxr-partner-stats span {
    display: inline-flex;
    align-items: center;
    min-height: 1.92rem;
    padding: 0 0.74rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 214, 183, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(245, 230, 218, 0.78);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.home-voxr-partner-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
}

.home-voxr-partner-tile {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.32rem;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 1.18rem;
    border: 1px solid rgba(255, 214, 183, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.03);
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-voxr-partner-tile small {
    color: rgba(255, 212, 176, 0.72);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-voxr-partner-tile strong {
    color: #fff6ee;
    font-size: 0.98rem;
    line-height: 1.28;
}

.home-voxr-partner-tile:hover,
.home-voxr-partner-tile:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(255, 198, 149, 0.28);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.18);
}

.home-voxr-partner-tile.is-support {
    background:
        radial-gradient(circle at top right, rgba(171, 0, 255, 0.11), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.03);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface {
    position: relative;
    isolation: isolate;
    padding: 1.35rem;
    border-radius: 2rem;
    border: 1px solid rgba(255, 190, 136, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.12), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 144, 72, 0.08), transparent 24%),
        linear-gradient(155deg, rgba(18, 14, 19, 0.97), rgba(10, 10, 15, 0.98));
    box-shadow: var(--home-voxr-shadow);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface.home-public-parallax-section.is-current {
    border-color: rgba(255, 196, 146, 0.18);
    box-shadow: 0 38px 114px rgba(4, 4, 10, 0.34);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface.home-public-parallax-section.is-upcoming,
.home-page[data-authenticated="false"] .home-voxr-light-surface.home-public-parallax-section.is-past {
    box-shadow: 0 22px 66px rgba(4, 4, 10, 0.2);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 86% 18%, rgba(255, 150, 82, 0.1), transparent 22%),
        radial-gradient(circle at 12% 18%, rgba(255, 129, 44, 0.12), transparent 28%);
    pointer-events: none;
    z-index: 0;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface > * {
    position: relative;
    z-index: 1;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface.home-public-parallax-section::after {
    inset: auto 12% -1rem;
    height: 48%;
    background:
        radial-gradient(circle at center, rgba(255, 143, 70, 0.08), transparent 60%),
        radial-gradient(circle at center, rgba(255, 128, 44, 0.12), transparent 68%);
    filter: blur(28px);
    opacity: 0.34;
}

.home-page[data-authenticated="false"] .home-public-parallax-section .widget-heading,
.home-page[data-authenticated="false"] .home-public-parallax-section .home-public-marquee-intro,
.home-page[data-authenticated="false"] .home-public-parallax-section .home-public-brief,
.home-page[data-authenticated="false"] .home-public-parallax-section .home-public-about-brief {
    transition: opacity 260ms ease, filter 260ms ease;
}

.home-page[data-authenticated="false"] .home-public-parallax-section.is-upcoming .widget-heading,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-upcoming .home-public-marquee-intro,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-upcoming .home-public-brief,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-upcoming .home-public-about-brief {
    opacity: 0.72;
    filter: saturate(0.92);
}

.home-page[data-authenticated="false"] .home-public-parallax-section.is-past .widget-heading,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-past .home-public-marquee-intro,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-past .home-public-brief,
.home-page[data-authenticated="false"] .home-public-parallax-section.is-past .home-public-about-brief {
    opacity: 0.84;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .widget-heading h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-intro strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-stage strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-card strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card strong {
    color: var(--home-voxr-ink);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .widget-heading p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-intro p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief > p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-stage > p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-card p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-chip small,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link small {
    color: var(--home-voxr-ink-soft);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-list li {
    color: var(--home-voxr-ink-soft);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-list li strong {
    color: var(--home-voxr-ink);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .eyebrow,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card-kicker,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-kicker,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-chip span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card small,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card small,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card-meta,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-card span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-tail,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note small {
    color: rgba(255, 204, 162, 0.82);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .status-pill,
.home-page[data-authenticated="false"] .home-voxr-light-surface .tag-chip {
    border: 1px solid rgba(255, 196, 146, 0.14);
    background: rgba(255, 138, 52, 0.08);
    color: rgba(255, 224, 198, 0.92);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-chip,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link-landing,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-card,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-stage,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-stage {
    border: 1px solid rgba(255, 193, 141, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.025);
    box-shadow: 0 18px 54px rgba(4, 4, 10, 0.18);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link-landing::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-chip::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card-lead::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief-landing::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card-story::before,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card-faq::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 82% 22%, rgba(255, 153, 88, 0.1), transparent 22%);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card.is-accent,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card-lead,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief-landing,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-cta {
    border-color: rgba(255, 194, 142, 0.2);
    background:
        radial-gradient(circle at top left, rgba(255, 127, 42, 0.2), transparent 34%),
        radial-gradient(circle at top right, rgba(255, 146, 74, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(22, 20, 28, 0.98), rgba(10, 10, 16, 0.96));
    box-shadow: 0 28px 80px rgba(10, 10, 18, 0.24);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card.is-accent strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card-lead strong,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief-landing h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-cta h2,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value .home-public-metric strong {
    color: #fff7ef;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value > p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card.is-accent p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card-lead p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief-landing p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-cta > p,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value .home-public-metric small {
    color: rgba(245, 236, 228, 0.76);
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-brief-value .home-public-metric span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card.is-accent span,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card.is-accent small,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card-lead .home-public-card-kicker,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-about-brief-landing .home-public-card-kicker {
    color: #ffcfaa;
}

.home-page[data-authenticated="false"] .home-public-marquee-shell {
    gap: 1.15rem;
    margin-top: -0.15rem;
    padding-top: 1.6rem;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-row {
    animation-duration: 40s;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-row.is-reverse {
    animation-duration: 48s;
}

.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-marquee-chip:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link-landing:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-service-link-landing:focus-visible,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-card:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-capability-card:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-feature-card:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note-step:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-stage-note-step:focus-within,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-foundation-card:hover,
.home-page[data-authenticated="false"] .home-voxr-light-surface .home-public-impact-card:hover {
    border-color: rgba(255, 150, 82, 0.16);
    box-shadow: 0 24px 64px rgba(10, 10, 16, 0.12);
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface {
    padding: 1.18rem;
    border-color: rgba(255, 190, 136, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.22), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 145, 76, 0.14), transparent 24%),
        linear-gradient(155deg, rgba(20, 16, 20, 0.97), rgba(11, 10, 15, 0.98));
    box-shadow: 0 32px 92px rgba(8, 8, 14, 0.24);
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        radial-gradient(circle at 18% 26%, rgba(255, 186, 126, 0.12), transparent 22%),
        radial-gradient(circle at 82% 14%, rgba(255, 150, 83, 0.11), transparent 20%);
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing {
    border-color: rgba(255, 219, 196, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 42px rgba(0, 0, 0, 0.22);
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing:nth-child(even) {
    transform: translateY(0.42rem);
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing strong {
    color: #fff4e8;
}

.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing span,
.home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing small {
    color: rgba(255, 213, 184, 0.72);
}

.home-page[data-authenticated="false"] .home-public-impact-shell,
.home-page[data-authenticated="false"] .home-public-proof-shell,
.home-page[data-authenticated="false"] .home-public-story-shell,
.home-page[data-authenticated="false"] .home-public-faq-shell,
.home-page[data-authenticated="false"] .home-public-capability-shell-landing,
.home-page[data-authenticated="false"] .home-public-about-shell {
    overflow: hidden;
}

.home-page[data-authenticated="false"] .home-public-impact-shell {
    background:
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.14), transparent 28%),
        linear-gradient(155deg, rgba(18, 14, 18, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-proof-shell {
    background:
        radial-gradient(circle at top right, rgba(255, 136, 58, 0.12), transparent 24%),
        linear-gradient(155deg, rgba(18, 14, 19, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-story-shell {
    background:
        radial-gradient(circle at bottom left, rgba(255, 128, 44, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(18, 14, 18, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-faq-shell {
    background:
        radial-gradient(circle at top right, rgba(255, 147, 82, 0.1), transparent 24%),
        linear-gradient(155deg, rgba(18, 14, 18, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-capability-shell-landing {
    background:
        radial-gradient(circle at top left, rgba(255, 128, 44, 0.14), transparent 26%),
        linear-gradient(155deg, rgba(18, 14, 18, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-about-shell {
    background:
        radial-gradient(circle at top right, rgba(255, 128, 44, 0.12), transparent 24%),
        linear-gradient(155deg, rgba(18, 14, 18, 0.98), rgba(10, 10, 15, 0.99));
}

.home-page[data-authenticated="false"] .home-public-impact-shell .widget-heading,
.home-page[data-authenticated="false"] .home-public-proof-shell .widget-heading,
.home-page[data-authenticated="false"] .home-public-story-shell .widget-heading,
.home-page[data-authenticated="false"] .home-public-faq-shell .widget-heading,
.home-page[data-authenticated="false"] .home-public-capability-shell-landing .widget-heading {
    position: relative;
    padding-bottom: 0.95rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid rgba(255, 193, 141, 0.1);
}

.home-page[data-authenticated="false"] .home-public-impact-shell .widget-heading::after,
.home-page[data-authenticated="false"] .home-public-proof-shell .widget-heading::after,
.home-page[data-authenticated="false"] .home-public-story-shell .widget-heading::after,
.home-page[data-authenticated="false"] .home-public-faq-shell .widget-heading::after,
.home-page[data-authenticated="false"] .home-public-capability-shell-landing .widget-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 999px;
}

.home-page[data-authenticated="false"] .home-public-impact-shell .widget-heading::after {
    width: 5.6rem;
    background: linear-gradient(90deg, #ff7e2d, #ffc58f);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .widget-heading::after {
    width: 6.3rem;
    background: linear-gradient(90deg, rgba(255, 120, 42, 0.84), rgba(255, 203, 150, 0.72));
}

.home-page[data-authenticated="false"] .home-public-story-shell .widget-heading::after {
    width: 5rem;
    background: linear-gradient(90deg, #ff9a4b, #ffd7ad);
}

.home-page[data-authenticated="false"] .home-public-faq-shell .widget-heading::after {
    width: 4.2rem;
    background: linear-gradient(90deg, rgba(255, 126, 44, 0.82), rgba(255, 214, 176, 0.72));
}

.home-page[data-authenticated="false"] .home-public-capability-shell-landing .widget-heading::after {
    width: 4.8rem;
    background: linear-gradient(90deg, rgba(255, 129, 44, 0.84), rgba(255, 214, 178, 0.72));
}

.home-page[data-authenticated="false"] .home-public-impact-shell .home-public-impact-card:not(.is-accent) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.02);
}

.home-page[data-authenticated="false"] .home-public-impact-shell .home-public-impact-card:not(.is-accent)::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 48%),
        radial-gradient(circle at 84% 22%, rgba(255, 177, 114, 0.1), transparent 24%);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-feature-card-lead {
    background:
        radial-gradient(circle at top right, rgba(255, 137, 58, 0.14), transparent 26%),
        radial-gradient(circle at bottom left, rgba(255, 127, 42, 0.18), transparent 34%),
        linear-gradient(150deg, rgba(22, 20, 30, 0.98), rgba(10, 10, 16, 0.96));
    box-shadow: 0 30px 82px rgba(10, 10, 18, 0.2);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-feature-card-lead::before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 46%),
        radial-gradient(circle at 82% 18%, rgba(255, 207, 162, 0.12), transparent 28%);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-update-rail {
    gap: 0.9rem;
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-update-rail .home-public-card:nth-child(2) {
    transform: translateY(0.9rem);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-update-rail .home-public-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.02);
}

.home-page[data-authenticated="false"] .home-public-proof-shell .home-public-update-rail .home-public-card.is-active {
    background:
        radial-gradient(circle at top right, rgba(255, 142, 68, 0.14), transparent 28%),
        radial-gradient(circle at bottom left, rgba(255, 127, 42, 0.18), transparent 34%),
        linear-gradient(155deg, rgba(24, 18, 25, 0.98), rgba(12, 11, 17, 0.97));
}

.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:first-child {
    grid-column: span 2;
    min-height: 18rem;
    background:
        radial-gradient(circle at top right, rgba(255, 150, 78, 0.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 123, 47, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(22, 18, 24, 0.98), rgba(10, 10, 16, 0.96));
    box-shadow: 0 32px 92px rgba(10, 10, 18, 0.22);
}

.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:first-child strong {
    color: #fff7ef;
    font-size: clamp(1.45rem, 2vw, 2rem);
}

.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:first-child p,
.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:first-child .home-public-card-kicker {
    color: rgba(245, 236, 228, 0.8);
}

.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:not(:first-child) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.02);
}

.home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story.is-active:not(:first-child) {
    background:
        radial-gradient(circle at top right, rgba(255, 154, 75, 0.16), transparent 30%),
        linear-gradient(155deg, rgba(24, 18, 23, 0.98), rgba(12, 11, 17, 0.97));
}

.home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq.is-active {
    background:
        radial-gradient(circle at top right, rgba(255, 138, 60, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(24, 18, 23, 0.98), rgba(12, 11, 17, 0.97));
}

.home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq {
    padding-right: 3.5rem;
    border-color: rgba(255, 150, 88, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.02);
}

.home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq::after {
    content: "+";
    position: absolute;
    top: 1.15rem;
    right: 1.1rem;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 148, 80, 0.18);
    background: rgba(255, 129, 44, 0.08);
    color: rgba(255, 218, 186, 0.92);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq:first-child {
    grid-column: span 2;
}

.home-page[data-authenticated="false"] .home-public-impact-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-page[data-authenticated="false"] .home-public-impact-card.is-accent {
    grid-column: span 2;
}

.home-page[data-authenticated="false"] .home-public-impact-card:nth-child(3),
.home-page[data-authenticated="false"] .home-public-impact-card:nth-child(5) {
    transform: translateY(1rem);
}

.home-page[data-authenticated="false"] .home-public-command-stage {
    position: relative;
    overflow: hidden;
    padding: 1.4rem;
    border-radius: 2rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 127, 42, 0.14), transparent 28%),
        radial-gradient(circle at top right, rgba(171, 0, 255, 0.1), transparent 22%),
        linear-gradient(155deg, rgba(15, 14, 24, 0.98), rgba(8, 8, 14, 0.99));
    box-shadow: 0 34px 96px rgba(0, 0, 0, 0.28);
}

.home-page[data-authenticated="false"] .home-public-command-stage.is-current {
    border-color: rgba(255, 198, 149, 0.16);
    box-shadow: 0 40px 112px rgba(0, 0, 0, 0.32);
}

.home-page[data-authenticated="false"] .home-public-command-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        linear-gradient(90deg, rgba(8, 8, 14, 0.94), transparent 12%, transparent 88%, rgba(8, 8, 14, 0.94));
    pointer-events: none;
}

.home-page[data-authenticated="false"] .home-public-command-stage > * {
    position: relative;
    z-index: 1;
}

.home-page[data-authenticated="false"] .home-public-command-stage .widget-heading h2 {
    max-width: 15ch;
    font-size: clamp(2rem, 4vw, 3.7rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.home-page[data-authenticated="false"] .home-public-command-stage .widget-heading p {
    max-width: 44rem;
}

.home-page[data-authenticated="false"] .home-public-command-step.is-active {
    transform: translateX(10px) scale(1.01);
}

.home-page[data-authenticated="false"] .home-public-command-visual {
    top: clamp(5rem, 10vh, 6.5rem);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26);
}

.home-page[data-authenticated="false"] .home-public-scene-bridge {
    border-radius: 1.7rem;
}

.home-page[data-authenticated="false"] .home-public-scene-bridge.is-current {
    border-color: rgba(255, 196, 146, 0.18);
    box-shadow: 0 34px 88px rgba(0, 0, 0, 0.32);
}

.home-page[data-authenticated="false"] .home-public-closing-bridge {
    border-radius: 1.7rem;
}

.home-page[data-authenticated="false"] .home-public-final-shell {
    position: relative;
    overflow: hidden;
    gap: 1rem;
    padding: 1.35rem;
    border-radius: 2rem;
    border: 1px solid rgba(255, 186, 126, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 127, 42, 0.18), transparent 30%),
        radial-gradient(circle at top right, rgba(171, 0, 255, 0.12), transparent 24%),
        linear-gradient(155deg, rgba(14, 13, 23, 0.98), rgba(8, 8, 14, 0.99));
    box-shadow: 0 34px 96px rgba(0, 0, 0, 0.28);
}

.home-page[data-authenticated="false"] .home-public-final-shell.is-current {
    border-color: rgba(255, 198, 149, 0.16);
    box-shadow: 0 40px 112px rgba(0, 0, 0, 0.32);
}

.home-page[data-authenticated="false"] .home-public-final-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 46%),
        linear-gradient(90deg, rgba(8, 8, 14, 0.94), transparent 12%, transparent 88%, rgba(8, 8, 14, 0.94));
    pointer-events: none;
}

.home-page[data-authenticated="false"] .home-public-final-shell > * {
    position: relative;
    z-index: 1;
}

.home-page[data-authenticated="false"] .home-public-brief-cta {
    min-height: 100%;
    gap: 0.9rem;
}

.home-page[data-authenticated="false"] .home-public-brief-cta h2 {
    max-width: 11ch;
    font-size: clamp(2.15rem, 4vw, 3.5rem);
    line-height: 0.98;
}

.home-page[data-authenticated="false"] .home-public-brief-cta p {
    max-width: 32rem;
}

.home-page[data-authenticated="false"] .home-public-final-proof-row {
    margin-top: -0.05rem;
}

.home-page[data-authenticated="false"] .home-public-command-step-route,
.home-page[data-authenticated="false"] .home-public-card-route {
    color: rgba(114, 59, 148, 0.8);
}

.home-page[data-authenticated="false"] .home-public-command-step:hover .home-public-command-step-route,
.home-page[data-authenticated="false"] .home-public-command-step:focus-visible .home-public-command-step-route,
.home-page[data-authenticated="false"] .home-public-foundation-card-link:hover .home-public-card-route,
.home-page[data-authenticated="false"] .home-public-foundation-card-link:focus-visible .home-public-card-route {
    color: rgba(84, 33, 124, 0.92);
}

.home-page[data-authenticated="false"] .home-public-capability-stage-trust {
    padding-top: 1.25rem;
}

.home-page[data-authenticated="false"] .home-public-final-trust-grid .home-public-stage-note-step:nth-child(2) {
    transform: translateX(0.65rem);
}

@keyframes homeVoxrBadgeFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -4px, 0);
    }
}

@media (max-width: 1180px) {
    .home-page[data-authenticated="false"] .home-public-impact-grid,
    .home-voxr-partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-page[data-authenticated="false"] .home-manifesto-shell {
        min-height: auto;
    }

    .home-page[data-authenticated="false"] .home-manifesto-board,
    .home-page[data-authenticated="false"] .home-manifesto-copy {
        max-width: none;
    }
}

@media (max-width: 980px) {
    .home-voxr-partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-page[data-authenticated="false"] .home-public-service-strip-landing.home-voxr-light-surface .home-public-service-link-landing:nth-child(even),
    .home-page[data-authenticated="false"] .home-public-proof-shell .home-public-update-rail .home-public-card:nth-child(2) {
        transform: none;
    }

    .home-page[data-authenticated="false"] .home-public-story-shell .home-public-foundation-card-story:first-child,
    .home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq:first-child {
        grid-column: auto;
        min-height: auto;
    }

    .home-page[data-authenticated="false"] .home-public-impact-card:nth-child(3),
    .home-page[data-authenticated="false"] .home-public-impact-card:nth-child(5) {
        transform: none;
    }
}

@media (max-width: 760px) {
    .home-page[data-authenticated="false"] .home-manifesto-shell,
    .home-page[data-authenticated="false"] .home-voxr-light-surface,
    .home-page[data-authenticated="false"] .home-public-command-stage,
    .home-page[data-authenticated="false"] .home-public-final-shell {
        padding: 1.05rem;
        border-radius: 1.5rem;
    }

    .home-page[data-authenticated="false"] .home-public-closing-bridge {
        padding: 0.95rem 1rem;
        border-radius: 1.45rem;
    }

    .home-public-final-trust-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-page[data-authenticated="false"] .home-public-final-trust-grid .home-public-stage-note-step:nth-child(2) {
        transform: none;
    }

    .home-page[data-authenticated="false"] .home-manifesto-copy h1 {
        font-size: clamp(2.8rem, 15vw, 4.1rem);
    }

    .home-voxr-partner-grid,
    .home-page[data-authenticated="false"] .home-public-impact-grid {
        grid-template-columns: 1fr 1fr;
    }

    .home-page[data-authenticated="false"] .home-public-impact-card.is-accent {
        grid-column: auto;
    }

    .home-page[data-authenticated="false"] .home-public-faq-shell .home-public-foundation-card-faq {
        padding-right: 3rem;
    }

    .home-page[data-authenticated="false"] .home-manifesto-actions .button-link,
    .home-page[data-authenticated="false"] .home-manifesto-actions .ghost-link {
        width: 100%;
        justify-content: center;
    }

    .home-voxr-flow-bridge {
        gap: 0.38rem;
        margin: -0.78rem auto -0.2rem;
    }

    .home-voxr-flow-bridge span {
        width: 1.9rem;
        height: 0.42rem;
    }

    .home-voxr-flow-bridge span:nth-child(2) {
        width: 3rem;
    }

    .home-voxr-partner-strip {
        margin-top: -0.32rem;
        padding-top: 1.2rem;
    }

    .home-voxr-partner-head {
        gap: 0.32rem;
    }

    .home-voxr-partner-copy {
        font-size: 0.84rem;
        line-height: 1.56;
    }

    .home-voxr-partner-stats {
        gap: 0.34rem;
    }

    .home-voxr-partner-stats span {
        min-height: 1.72rem;
        padding-inline: 0.6rem;
        font-size: 0.68rem;
    }

    .home-page[data-authenticated="false"] .home-public-marquee-shell {
        margin-top: 0.15rem;
        padding-top: 1.2rem;
    }
}

@media (max-width: 560px) {
    .home-voxr-partner-grid,
    .home-page[data-authenticated="false"] .home-public-impact-grid {
        grid-template-columns: 1fr;
    }

    .home-voxr-partner-copy {
        font-size: 0.8rem;
    }

    .home-voxr-hero-badge,
    .home-voxr-proof-pill {
        width: 100%;
        justify-content: center;
    }
}

.home-page[data-authenticated="false"] .home-voxr-guest-command {
    margin-top: 1.35rem;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .home-premium-command-stage {
    grid-template-columns: minmax(0, 1.08fr) minmax(19rem, 0.92fr);
    border-color: rgba(255, 194, 142, 0.14);
    background:
        radial-gradient(circle at top left, rgba(255, 127, 42, 0.16), transparent 30%),
        radial-gradient(circle at top right, rgba(171, 0, 255, 0.11), transparent 24%),
        linear-gradient(155deg, rgba(16, 14, 24, 0.98), rgba(9, 9, 15, 0.97));
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .home-premium-command-copy {
    gap: 1rem;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .home-premium-command-copy h2 {
    max-width: 11ch;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .guest-aha-moment-shell {
    max-width: none;
    margin: 0;
    text-align: left;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .guest-idea-input {
    min-height: 7.8rem;
    margin-bottom: 1rem;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .guest-ai-trigger {
    min-height: 3.2rem;
}

.home-page[data-authenticated="false"] .home-voxr-guest-command .home-premium-command-grid {
    align-content: center;
}

@media (max-width: 900px) {
    .home-page.guest-shell .home-manifesto-shell {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .home-page.guest-shell .home-manifesto-copy,
    .home-page.guest-shell .home-manifesto-board {
        max-width: none;
    }

    .home-page.guest-shell .home-manifesto-copy h1 {
        max-width: 11ch;
        font-size: clamp(3rem, 11vw, 4.9rem);
    }

    .home-page.guest-shell .home-manifesto-board {
        order: 2;
    }

.home-page.guest-shell .home-manifesto-copy {
    order: 1;
}

.home-page.guest-shell .site-section-shell {
    gap: 0.18rem;
    margin-bottom: 0;
}

.home-page.guest-shell .site-audience-strip {
    display: none !important;
}

.home-page.guest-shell .site-section-bar,
.home-page.guest-shell .site-audience-strip {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.42rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0;
        grid-template-columns: none;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .home-page.guest-shell .site-section-bar::-webkit-scrollbar,
    .home-page.guest-shell .site-audience-strip::-webkit-scrollbar {
        display: none;
    }

    .home-page.guest-shell .site-section-link {
        flex: 0 0 8.8rem;
        width: auto;
        min-width: 8.8rem;
        min-height: 3rem;
        padding: 0.68rem 0.72rem;
        justify-content: center;
        scroll-snap-align: start;
    }

    .home-page.guest-shell .site-section-link strong {
        font-size: 0.8rem;
        line-height: 1.08;
    }

    .home-page.guest-shell .site-section-link small {
        display: none;
    }

    .home-page.guest-shell .site-audience-pill {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        min-height: 2.06rem;
        padding-inline: 0.72rem;
        font-size: 0.71rem;
        border-radius: 999px;
        white-space: nowrap;
        opacity: 0.84;
        border-color: rgba(255, 203, 160, 0.12);
        background: rgba(255, 255, 255, 0.035);
        scroll-snap-align: start;
    }

    .home-page.guest-shell .site-audience-pill.is-strong {
        opacity: 1;
        border-color: rgba(255, 170, 108, 0.24);
        background: rgba(255, 123, 49, 0.12);
        box-shadow: 0 12px 28px rgba(255, 122, 47, 0.16);
    }
}

@media (max-width: 760px) {
    .home-page.guest-shell .header-live-strip {
        display: none !important;
    }

    .home-page.guest-shell .site-section-bar {
        display: none !important;
    }

    .home-page.guest-shell .site-section-shell {
        margin-bottom: 0.12rem;
    }

    .home-page.guest-shell .site-audience-strip {
        margin-top: 0;
        padding-top: 0;
        gap: 0.38rem;
        mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    }

    .home-page.guest-shell .site-audience-pill:nth-child(4),
    .home-page.guest-shell .site-audience-pill:nth-child(5),
    .home-page.guest-shell .site-audience-pill:nth-child(7) {
        display: none;
    }

    .home-page.guest-shell .home-manifesto-shell {
        gap: 0.72rem;
        padding: 0.78rem;
    }

    .home-page.guest-shell .home-manifesto-eyebrow,
    .home-page.guest-shell .home-voxr-proof-pill-row {
        display: none;
    }

    .home-page.guest-shell .home-manifesto-board,
    .home-page.guest-shell .home-manifesto-conversion-pulse,
    .home-page.guest-shell .home-manifesto-funnel-row,
    .home-page.guest-shell .home-manifesto-highlights,
    .home-page.guest-shell .home-manifesto-copy > .home-manifesto-note,
    .home-page.guest-shell .home-manifesto-copy > .home-manifesto-meta {
        display: none;
    }

    .home-page.guest-shell .home-manifesto-copy {
        align-content: start;
        gap: 0.66rem;
    }

    .home-page.guest-shell .home-voxr-hero-badge-row {
        gap: 0.38rem;
    }

    .home-page.guest-shell .home-voxr-hero-badge {
        min-height: 1.86rem;
        padding-inline: 0.7rem;
        font-size: 0.7rem;
    }

    .home-page.guest-shell .home-manifesto-copy h1 {
        max-width: 11.6ch;
        font-size: clamp(2.02rem, 8.8vw, 2.86rem);
        line-height: 0.92;
    }

    .home-page.guest-shell .home-cinematic-hero .home-manifesto-copy h1 span {
        display: inline;
    }

    .home-page.guest-shell .home-manifesto-copy p {
        font-size: 0.88rem;
        line-height: 1.58;
    }

    .home-page.guest-shell .home-manifesto-actions {
        gap: 0.46rem;
    }

    .home-page.guest-shell .home-manifesto-actions .button-link,
    .home-page.guest-shell .home-manifesto-actions .ghost-link {
        min-height: 2.76rem;
        padding-inline: 0.92rem;
    }

    .home-page.guest-shell .home-manifesto-funnel-row {
        grid-template-columns: 1fr;
    }

    .home-page.guest-shell .home-manifesto-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}