/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.shell[b-8yq8b10n27] {
    display: grid;
    grid-template-columns: 256px minmax(0, 1fr);
    height: 100dvh;
}

.shell.tight[b-8yq8b10n27] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.rail[b-8yq8b10n27] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-right: 1px solid var(--sidebar-border);
    background: var(--sidebar);
    overflow: hidden;
}

.brand[b-8yq8b10n27] {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 48px;
    padding: 0 8px;
}

.role[b-8yq8b10n27] {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border: 1px solid var(--sidebar-border);
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.6875rem;
    font-weight: 500;
}

.item[b-8yq8b10n27] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--sidebar-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.item:hover[b-8yq8b10n27] {
    background: var(--sidebar-accent);
}

.item.on[b-8yq8b10n27] {
    background: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
}

.item.quiet[b-8yq8b10n27] {
    color: var(--muted-foreground);
}

.label[b-8yq8b10n27] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.count[b-8yq8b10n27] {
    display: inline-flex;
    flex: none;
    align-items: center;
    height: 18px;
    padding: 0 7px;
    border-radius: 99px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: 10px;
    font-weight: 600;
}

.spacer[b-8yq8b10n27] {
    flex: 1;
}

.account[b-8yq8b10n27] {
    position: relative;
}

.account > .item[b-8yq8b10n27] {
    list-style: none;
}

.account > .item[b-8yq8b10n27]::-webkit-details-marker {
    display: none;
}

.menu[b-8yq8b10n27] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 4px;
    background: var(--popover);
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
}

.entry[b-8yq8b10n27] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--popover-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.entry:hover[b-8yq8b10n27] {
    background: var(--accent);
}

.panel[b-8yq8b10n27] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.top[b-8yq8b10n27] {
    display: flex;
    flex: none;
    align-items: center;
    gap: 10px;
    height: 56px;
    padding: 0 16px;
    border-bottom: 1px solid var(--border);
}

.collapse[b-8yq8b10n27] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--foreground);
    cursor: pointer;
    transition: background-color 150ms ease;
}

.collapse:hover[b-8yq8b10n27] {
    background: var(--accent);
}

.divider[b-8yq8b10n27] {
    width: 1px;
    height: 16px;
    background: var(--border);
}

.brandlink[b-8yq8b10n27],
.headaccount[b-8yq8b10n27] {
    display: none;
}

.headaccount button[b-8yq8b10n27] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.headaccount button:hover[b-8yq8b10n27] {
    background: var(--accent);
}

.title[b-8yq8b10n27] {
    font-size: 1rem;
    font-weight: 600;
}

main[b-8yq8b10n27] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.tabs[b-8yq8b10n27] {
    display: none;
}

@media (max-width: 899px) {
    .shell[b-8yq8b10n27],
    .shell.tight[b-8yq8b10n27] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) 60px;
    }

    .rail[b-8yq8b10n27] {
        display: none;
    }

    .collapse[b-8yq8b10n27] {
        display: none;
    }

    .brandlink[b-8yq8b10n27] {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
    }

    .headaccount[b-8yq8b10n27] {
        display: inline-flex;
    }

    .divider[b-8yq8b10n27] {
        display: none;
    }

    .tabs[b-8yq8b10n27] {
        display: flex;
        border-top: 1px solid var(--border);
        background: var(--background);
    }

    .tab[b-8yq8b10n27] {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        height: 60px;
        color: var(--muted-foreground);
        font-size: 10px;
        font-weight: 500;
        text-decoration: none;
    }

    .tab.on[b-8yq8b10n27] {
        color: var(--foreground);
    }

    .glyph[b-8yq8b10n27] {
        position: relative;
        display: inline-flex;
    }

    .glyph .count[b-8yq8b10n27] {
        position: absolute;
        top: -5px;
        right: -12px;
        height: 15px;
        padding: 0 5px;
        font-size: 9px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-skospf7ysc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-skospf7ysc] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/PublicFooter.razor.rz.scp.css */
.footer[b-svum87b4mg] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 40px;
    border-top: 1px solid var(--border);
    background: var(--background);
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.spacer[b-svum87b4mg] {
    flex: 1;
}

.footer a[b-svum87b4mg] {
    color: var(--hg-fg-3);
    text-decoration: none;
    transition: color 150ms ease;
}

.footer a:hover[b-svum87b4mg] {
    color: var(--foreground);
}

@media (max-width: 899px) {
    .footer[b-svum87b4mg] {
        gap: 14px;
        padding: 16px;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.shell[b-ushlbq6g5m] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

main[b-ushlbq6g5m] {
    flex: 1;
    min-width: 0;
}
/* /Components/Layout/PublicNav.razor.rz.scp.css */
.bar[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    gap: 26px;
    height: 62px;
    padding: 0 40px;
    border-bottom: 1px solid var(--border);
}

.brand[b-d2v4ai6e08] {
    text-decoration: none;
}

.spacer[b-d2v4ai6e08] {
    flex: 1;
}

.links[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    gap: 26px;
}

.link[b-d2v4ai6e08] {
    color: var(--muted-foreground);
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.link:hover[b-d2v4ai6e08] {
    color: var(--foreground);
}

.link.current[b-d2v4ai6e08] {
    color: var(--foreground);
    font-weight: 600;
}

.signin[b-d2v4ai6e08] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.signin:hover[b-d2v4ai6e08] {
    background: var(--accent);
}

.theme[b-d2v4ai6e08] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: transparent;
    color: var(--foreground);
    cursor: pointer;
    transition: background-color 150ms ease;
}

.theme:hover[b-d2v4ai6e08] {
    background: var(--accent);
}

.account[b-d2v4ai6e08] {
    position: relative;
}

.account > summary[b-d2v4ai6e08] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 200px;
    height: 32px;
    padding: 0 8px 0 5px;
    border-radius: 8px;
    list-style: none;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.account > summary[b-d2v4ai6e08]::-webkit-details-marker {
    display: none;
}

.account > summary:hover[b-d2v4ai6e08] {
    background: var(--accent);
}

.account .menu[b-d2v4ai6e08] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 30;
    min-width: 176px;
    margin-top: 6px;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--popover);
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
}

.entry[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--popover-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.entry:hover[b-d2v4ai6e08] {
    background: var(--accent);
}

.name[b-d2v4ai6e08] {
    overflow: hidden;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu-shell[b-d2v4ai6e08] {
    display: none;
}

.panel[b-d2v4ai6e08] {
    border-bottom: 1px solid var(--border);
}

.rows[b-d2v4ai6e08] {
    display: flex;
    flex-direction: column;
    padding: 4px 16px 0;
}

.row[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    min-height: 52px;
    border-bottom: 1px solid var(--border);
    color: var(--muted-foreground);
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-decoration: none;
}

.row:last-child[b-d2v4ai6e08] {
    border-bottom: 0;
}

.row.current[b-d2v4ai6e08] {
    color: var(--foreground);
    font-weight: 700;
}

.auth[b-d2v4ai6e08] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 16px 20px;
}

.who[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}

.wide[b-d2v4ai6e08] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 150ms ease;
}

.wide:hover[b-d2v4ai6e08] {
    opacity: 0.88;
}

.wide.ghost[b-d2v4ai6e08] {
    border: 1px solid var(--input);
    background: transparent;
    color: var(--foreground);
}

.note[b-d2v4ai6e08] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    text-align: center;
}

@media (max-width: 899px) {
    .bar[b-d2v4ai6e08] {
        gap: 6px;
        height: 56px;
        padding: 0 60px 0 16px;
    }

    .links[b-d2v4ai6e08] {
        display: none;
    }

    .menu-shell[b-d2v4ai6e08] {
        display: block;
        position: relative;
    }

    .burger[b-d2v4ai6e08] {
        position: absolute;
        right: 8px;
        bottom: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin-bottom: 6px;
        border-radius: 8px;
        color: var(--foreground);
        list-style: none;
        cursor: pointer;
        transition: background-color 150ms ease;
    }

    .burger[b-d2v4ai6e08]::-webkit-details-marker {
        display: none;
    }

    .burger:hover[b-d2v4ai6e08] {
        background: var(--accent);
    }

    .closed-only[b-d2v4ai6e08] {
        display: inline-flex;
    }

    .open-only[b-d2v4ai6e08] {
        display: none;
    }

    .menu-shell[open] .closed-only[b-d2v4ai6e08] {
        display: none;
    }

    .menu-shell[open] .open-only[b-d2v4ai6e08] {
        display: inline-flex;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-dnkseo6odw],
.components-reconnect-repeated-attempt-visible[b-dnkseo6odw],
.components-reconnect-failed-visible[b-dnkseo6odw],
.components-pause-visible[b-dnkseo6odw],
.components-resume-failed-visible[b-dnkseo6odw],
.components-rejoining-animation[b-dnkseo6odw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-retrying[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-failed[b-dnkseo6odw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-dnkseo6odw] {
    display: block;
}


#components-reconnect-modal[b-dnkseo6odw] {
    background-color: var(--popover);
    color: var(--popover-foreground);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-dnkseo6odw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-dnkseo6odw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-dnkseo6odw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-dnkseo6odw]::backdrop {
    background-color: rgb(8 5 8 / 55%);
    animation: components-reconnect-modal-fadeInOpacity-b-dnkseo6odw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-dnkseo6odw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-dnkseo6odw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-dnkseo6odw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-dnkseo6odw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-dnkseo6odw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-dnkseo6odw] {
    border: 0;
    background-color: var(--primary);
    color: var(--primary-foreground);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-dnkseo6odw] {
        background-color: var(--hg-snout);
    }

    #components-reconnect-modal button:active[b-dnkseo6odw] {
        background-color: var(--primary);
    }

.components-rejoining-animation[b-dnkseo6odw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-dnkseo6odw] {
        position: absolute;
        border: 3px solid var(--primary);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-dnkseo6odw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-dnkseo6odw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-dnkseo6odw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.banner[b-cxbp5i0xkj] {
    height: 220px;
    border-bottom: 1px solid var(--border);
    background: var(--secondary);
    overflow: hidden;
}

.banner img[b-cxbp5i0xkj] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap[b-cxbp5i0xkj] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 40px 48px;
}

.identity[b-cxbp5i0xkj] {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-top: -44px;
}

.avatar[b-cxbp5i0xkj] {
    display: block;
    flex: none;
    width: 88px;
    height: 88px;
    border: 3px solid var(--background);
    border-radius: 50%;
    background: var(--secondary);
    overflow: hidden;
}

.avatar img[b-cxbp5i0xkj] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.names[b-cxbp5i0xkj] {
    flex: 1;
    min-width: 0;
    padding-bottom: 6px;
}

.name[b-cxbp5i0xkj] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.handle[b-cxbp5i0xkj] {
    margin-top: 3px;
    color: var(--hg-fg-3);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
}

.subscribe[b-cxbp5i0xkj] {
    margin-bottom: 6px;
}

.stats[b-cxbp5i0xkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 22px;
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

.stats b[b-cxbp5i0xkj] {
    color: var(--foreground);
    font-weight: 600;
}

.bio[b-cxbp5i0xkj] {
    max-width: 620px;
    margin: 20px 0 0;
    font-size: 0.9375rem;
    line-height: 1.7;
    text-wrap: pretty;
}

.elsewhere[b-cxbp5i0xkj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.spacer[b-cxbp5i0xkj] {
    flex: 1;
}

.chips[b-cxbp5i0xkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 899px) {
    .banner[b-cxbp5i0xkj] {
        height: 140px;
    }

    .wrap[b-cxbp5i0xkj] {
        padding: 0 16px 32px;
    }

    .identity[b-cxbp5i0xkj] {
        flex-wrap: wrap;
        gap: 14px;
    }

    .subscribe[b-cxbp5i0xkj] {
        width: 100%;
        margin-bottom: 0;
    }

    .stats[b-cxbp5i0xkj] {
        gap: 16px;
    }

    .elsewhere[b-cxbp5i0xkj] {
        flex-direction: column;
        align-items: stretch;
    }

    .spacer[b-cxbp5i0xkj] {
        display: none;
    }
}
/* /Components/Pages/Admin/Comments.razor.rz.scp.css */
.body[b-je1njpxk1c] {
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px 28px;
}

.bar[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.segments[b-je1njpxk1c] {
    display: inline-flex;
    padding: 2px;
    border-radius: 8px;
    background: var(--secondary);
}

.segment[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.segment:hover[b-je1njpxk1c] {
    color: var(--foreground);
}

.segment.on[b-je1njpxk1c] {
    border-color: var(--border);
    background: var(--background);
    color: var(--foreground);
}

.tally.alert[b-je1njpxk1c] {
    color: var(--destructive);
    font-weight: 600;
}

.spacer[b-je1njpxk1c] {
    flex: 1;
}

.showing[b-je1njpxk1c] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    white-space: nowrap;
}

.card[b-je1njpxk1c] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
}

.head[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.all[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    white-space: nowrap;
    cursor: pointer;
    transition: color 150ms ease;
}

.picking .all[b-je1njpxk1c] {
    color: var(--foreground);
    font-weight: 600;
}

.hint[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.tick[b-je1njpxk1c] {
    position: relative;
    flex: none;
    width: 15px;
    height: 15px;
    margin: 0;
    border: 1px solid var(--input);
    border-radius: 4px;
    background: transparent;
    appearance: none;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.tick:checked[b-je1njpxk1c] {
    border-color: var(--primary);
    background: var(--primary);
}

.tick:checked[b-je1njpxk1c]::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    width: 4px;
    height: 8px;
    border: solid var(--primary-foreground);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.fresh[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 32px;
    margin-top: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--secondary);
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.fresh:hover[b-je1njpxk1c] {
    background: var(--accent);
}

.row[b-je1njpxk1c] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
}

.row:last-child[b-je1njpxk1c] {
    border-bottom: 0;
}

.row .tick[b-je1njpxk1c] {
    margin-top: 4px;
}

.cell[b-je1njpxk1c] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.meta[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.who[b-je1njpxk1c] {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.on[b-je1njpxk1c] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.post[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
    color: var(--foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}

a.post:hover[b-je1njpxk1c] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.flag[b-je1njpxk1c],
.state[b-je1njpxk1c] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 9px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.flag[b-je1njpxk1c] {
    border: 1px solid color-mix(in srgb, var(--destructive) 45%, transparent);
    color: var(--destructive);
}

.state[b-je1njpxk1c] {
    border: 1px solid var(--border);
    color: var(--muted-foreground);
}

.state.ok[b-je1njpxk1c] {
    border-color: color-mix(in srgb, var(--hg-ok) 40%, transparent);
    color: var(--hg-ok);
}

.when[b-je1njpxk1c] {
    flex: none;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.text[b-je1njpxk1c] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    margin: 0;
    overflow: hidden;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    transition: opacity 150ms ease;
}

.text.open[b-je1njpxk1c] {
    display: block;
    -webkit-line-clamp: none;
    line-clamp: none;
}

.done .text[b-je1njpxk1c] {
    opacity: 0.55;
}

.more[b-je1njpxk1c] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color 150ms ease;
}

.more:hover[b-je1njpxk1c] {
    color: var(--foreground);
}

.actions[b-je1njpxk1c] {
    display: flex;
    gap: 8px;
    margin-top: 3px;
}

.act[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 11px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease, opacity 150ms ease;
}

.act:hover[b-je1njpxk1c] {
    background: var(--accent);
}

.act.line[b-je1njpxk1c] {
    border: 1px solid var(--input);
}

.act.go[b-je1njpxk1c] {
    background: var(--primary);
    color: var(--primary-foreground);
}

.act.go:hover[b-je1njpxk1c] {
    background: var(--primary);
    opacity: 0.88;
}

.none[b-je1njpxk1c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 30px 16px 34px;
    text-align: center;
}

.glyph[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 3px;
    border-radius: 99px;
    background: var(--secondary);
    color: var(--muted-foreground);
}

.glyph.ok[b-je1njpxk1c] {
    background: color-mix(in srgb, var(--hg-ok) 12%, transparent);
    color: var(--hg-ok);
}

.what[b-je1njpxk1c] {
    font-size: 0.9375rem;
    font-weight: 600;
}

.why[b-je1njpxk1c] {
    max-width: 42ch;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    line-height: 1.55;
}

.browse[b-je1njpxk1c] {
    height: 30px;
    padding: 0 13px;
    margin-top: 7px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.browse:hover[b-je1njpxk1c] {
    background: var(--accent);
}

.pages[b-je1njpxk1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.turn[b-je1njpxk1c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.turn:hover:not(:disabled)[b-je1njpxk1c] {
    background: var(--accent);
}

.turn:disabled[b-je1njpxk1c] {
    color: var(--hg-fg-3);
    cursor: default;
}

.of[b-je1njpxk1c] {
    color: var(--muted-foreground);
    font-size: 0.75rem;
}

@media (max-width: 899px) {
    .body[b-je1njpxk1c] {
        padding: 16px;
    }

    .bar[b-je1njpxk1c] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .segments[b-je1njpxk1c] {
        max-width: 100%;
        overflow-x: auto;
    }

    .segment[b-je1njpxk1c] {
        height: 32px;
    }

    .card[b-je1njpxk1c] {
        padding: 12px;
    }

    .head[b-je1njpxk1c] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .hint[b-je1njpxk1c] {
        flex-basis: 100%;
    }

    .meta[b-je1njpxk1c] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .meta .spacer[b-je1njpxk1c] {
        display: none;
    }

    .when[b-je1njpxk1c] {
        margin-left: auto;
    }

    .text[b-je1njpxk1c] {
        font-size: 0.8125rem;
        line-height: 1.55;
    }

    .actions[b-je1njpxk1c] {
        margin-top: 5px;
    }

    .act[b-je1njpxk1c] {
        flex: 1;
        justify-content: center;
        height: 44px;
        padding: 0;
        border-radius: 8px;
        font-size: 0.875rem;
    }

    .turn[b-je1njpxk1c] {
        height: 44px;
        padding: 0 16px;
    }

    .browse[b-je1njpxk1c] {
        height: 44px;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.body[b-kftb1a0q31] {
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px 28px;
}

.segment[b-kftb1a0q31] {
    display: inline-flex;
    padding: 2px;
    border-radius: 8px;
    background: var(--secondary);
}

.seg[b-kftb1a0q31] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 150ms ease;
}

.seg:hover[b-kftb1a0q31] {
    color: var(--foreground);
}

.seg.on[b-kftb1a0q31] {
    border-color: var(--border);
    background: var(--background);
    color: var(--foreground);
}

.stats[b-kftb1a0q31] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pair[b-kftb1a0q31] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.card[b-kftb1a0q31] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--foreground);
    text-decoration: none;
}

a.card:hover[b-kftb1a0q31],
.row:hover[b-kftb1a0q31] {
    background: var(--muted);
}

.eyebrow[b-kftb1a0q31] {
    color: var(--hg-fg-3);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.figure[b-kftb1a0q31] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.value[b-kftb1a0q31] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.01em;
}

.sub[b-kftb1a0q31] {
    color: var(--muted-foreground);
    font-size: 0.75rem;
}

.heading[b-kftb1a0q31] {
    font-size: 0.9375rem;
    font-weight: 600;
}

.head[b-kftb1a0q31] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.spacer[b-kftb1a0q31] {
    flex: 1;
}

.open[b-kftb1a0q31] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.open:hover[b-kftb1a0q31] {
    color: var(--foreground);
}

.row[b-kftb1a0q31] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border);
    color: var(--foreground);
    text-decoration: none;
    transition: background-color 150ms ease;
}

.row:first-of-type[b-kftb1a0q31] {
    margin-top: 6px;
}

.row:last-child[b-kftb1a0q31] {
    border-bottom: 0;
}

.name[b-kftb1a0q31] {
    flex: 1;
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.amount[b-kftb1a0q31] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.source[b-kftb1a0q31] {
    width: 64px;
    font-size: 0.8125rem;
}

.track[b-kftb1a0q31] {
    display: block;
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: var(--secondary);
    overflow: hidden;
}

.fill[b-kftb1a0q31] {
    display: block;
    height: 100%;
    background: var(--hg-brand);
}

.share[b-kftb1a0q31] {
    width: 34px;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    text-align: right;
}

.author[b-kftb1a0q31] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.context[b-kftb1a0q31] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    white-space: nowrap;
}

.excerpt[b-kftb1a0q31] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.state[b-kftb1a0q31] {
    display: inline-flex;
    flex: none;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 500;
}

.state.flagged[b-kftb1a0q31] {
    border-color: var(--destructive);
    color: var(--destructive);
}

.none[b-kftb1a0q31] {
    margin: 6px 0 0;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

@media (max-width: 899px) {
    .body[b-kftb1a0q31] {
        padding: 16px;
    }

    .stats[b-kftb1a0q31] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pair[b-kftb1a0q31] {
        grid-template-columns: minmax(0, 1fr);
    }

    .row[b-kftb1a0q31] {
        flex-wrap: wrap;
    }

    .excerpt[b-kftb1a0q31] {
        flex-basis: 100%;
        white-space: normal;
    }


}
/* /Components/Pages/Admin/PostEditor.razor.rz.scp.css */
.editor[b-llxz1uoxn5] {
    position: relative;
    font-family: var(--font-sans);
}

.gone[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 680px;
    margin: 0 auto;
    padding: 90px 20px;
    font-family: var(--font-sans);
    font-size: 0.9375rem;
}

.gone p[b-llxz1uoxn5] {
    margin: 0;
    color: var(--muted-foreground);
}

.gone a[b-llxz1uoxn5] {
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bar[b-llxz1uoxn5] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 56px;
    padding: 0 16px;
    border-bottom: 1px solid var(--border);
    background: var(--background);
}

.back[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px 0 6px;
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.back:hover[b-llxz1uoxn5] {
    background: var(--accent);
    color: var(--foreground);
}

.rule[b-llxz1uoxn5] {
    width: 1px;
    height: 16px;
    background: var(--border);
}

.badge[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 9px;
    border: 1px solid var(--input);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge.idle[b-llxz1uoxn5] {
    color: var(--muted-foreground);
}

.badge.live[b-llxz1uoxn5] {
    border-color: transparent;
    background: var(--primary);
    color: var(--primary-foreground);
}

.save[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.save.busy[b-llxz1uoxn5]::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 99px;
    background: var(--hg-brand);
    animation: hg-save-pulse-b-llxz1uoxn5 1.4s ease-in-out infinite;
}

@keyframes hg-save-pulse-b-llxz1uoxn5 {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}

.spacer[b-llxz1uoxn5] {
    flex: 1;
}

.ghost[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.ghost:hover[b-llxz1uoxn5] {
    background: var(--accent);
    color: var(--foreground);
}

.ghost.on[b-llxz1uoxn5] {
    background: var(--secondary);
    color: var(--foreground);
}

.trigger[b-llxz1uoxn5]  .publish {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 150ms ease;
}

.trigger[b-llxz1uoxn5]  .publish:hover {
    opacity: 0.88;
}

.panel[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: var(--font-sans);
}

.head[b-llxz1uoxn5] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.choice[b-llxz1uoxn5] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    cursor: pointer;
}

.choice:has(input:checked)[b-llxz1uoxn5] {
    color: var(--foreground);
    font-weight: 500;
}

.choice input[b-llxz1uoxn5] {
    flex: none;
    width: 15px;
    height: 15px;
    margin: 0;
    border: 1px solid var(--input);
    border-radius: 50%;
    appearance: none;
    cursor: pointer;
}

.choice input:checked[b-llxz1uoxn5] {
    border: 5px solid var(--primary);
}

.when[b-llxz1uoxn5] {
    display: flex;
    gap: 8px;
    padding-left: 24px;
}

.stamp[b-llxz1uoxn5] {
    flex: 1;
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    font-weight: 500;
}

.stamp:focus-visible[b-llxz1uoxn5] {
    border-color: var(--primary);
    outline: none;
}

.hint[b-llxz1uoxn5] {
    padding-left: 24px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.foot[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 2px -16px 0;
    padding: 12px 16px 0;
    border-top: 1px solid var(--border);
}

.go[b-llxz1uoxn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 150ms ease;
}

.go:hover[b-llxz1uoxn5] {
    opacity: 0.88;
}

.note[b-llxz1uoxn5] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    text-align: center;
}

.quiet[b-llxz1uoxn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.quiet:hover[b-llxz1uoxn5] {
    background: var(--accent);
    color: var(--foreground);
}

.page[b-llxz1uoxn5] {
    padding: 0 56px;
}

.canvas[b-llxz1uoxn5] {
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 0 160px;
}

.title[b-llxz1uoxn5] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.title:focus-visible[b-llxz1uoxn5] {
    outline: none;
}

.meta[b-llxz1uoxn5] {
    margin-top: 10px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.failure[b-llxz1uoxn5] {
    margin: 14px 0 0;
    color: var(--destructive);
    font-size: 0.8125rem;
}

.settings[b-llxz1uoxn5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
}

.settings label[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.settings input[b-llxz1uoxn5] {
    width: 100%;
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
}

.settings input:focus-visible[b-llxz1uoxn5] {
    border-color: var(--primary);
    outline: none;
}

.settings input.mono[b-llxz1uoxn5],
.aside.mono[b-llxz1uoxn5] {
    font-family: var(--font-mono);
}

.image[b-llxz1uoxn5] {
    display: flex;
    gap: 6px;
}

.image input[b-llxz1uoxn5] {
    flex: 1;
}

.image button[b-llxz1uoxn5] {
    flex: none;
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: transparent;
    color: var(--muted-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.image button:hover[b-llxz1uoxn5] {
    background: var(--accent);
}

[b-llxz1uoxn5]::placeholder {
    color: var(--hg-fg-3);
}

.stack[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 34px;
}

.block[b-llxz1uoxn5] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 -13px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.block:focus-within[b-llxz1uoxn5] {
    border-color: var(--border);
    background: var(--muted);
}

.block.lifted[b-llxz1uoxn5] {
    opacity: 0.4;
}

/* The 18px stack gap is the only place a drop line can sit without nudging the text. */
.block.above[b-llxz1uoxn5]::before,
.block.below[b-llxz1uoxn5]::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 2px;
    background: var(--primary);
}

.block.above[b-llxz1uoxn5]::before {
    top: -10px;
}

.block.below[b-llxz1uoxn5]::before {
    bottom: -10px;
}

/* The measure is 680px, so the gutter controls live outside it and never move the text. */
.add[b-llxz1uoxn5] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid var(--input);
    border-radius: 99px;
    background: var(--background);
    color: var(--muted-foreground);
    cursor: pointer;
    transition: opacity 150ms ease, background-color 150ms ease, color 150ms ease;
}

.add:hover[b-llxz1uoxn5] {
    background: var(--accent);
    color: var(--foreground);
}

.block > .add[b-llxz1uoxn5] {
    position: absolute;
    top: 11px;
    left: -31px;
    opacity: 0;
    pointer-events: none;
}

.stack:hover .block > .add[b-llxz1uoxn5] {
    opacity: 0.4;
    pointer-events: auto;
}

.block:hover > .add[b-llxz1uoxn5],
.block:focus-within > .add[b-llxz1uoxn5] {
    opacity: 1;
    pointer-events: auto;
}

/* Hover was the whole affordance and the pointer had to cross bare gutter to reach it, so the rail
   was unreachable in practice. It stays present and dimmed instead, like the insert control. */
.rail[b-llxz1uoxn5] {
    position: absolute;
    top: 11px;
    right: -31px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 12px;
    opacity: 0.35;
    transition: opacity 150ms ease;
}

/* Hit-testable from anywhere in the stack, so a pointer arriving from the gutter side reveals it too. */
.stack:hover .rail[b-llxz1uoxn5] {
    pointer-events: auto;
}

.block:hover .rail[b-llxz1uoxn5],
.block:focus-within .rail[b-llxz1uoxn5] {
    opacity: 1;
    pointer-events: auto;
}

.rail .grip[b-llxz1uoxn5] {
    cursor: grab;
}

.rail .grip:active[b-llxz1uoxn5] {
    cursor: grabbing;
}

.rail .step[b-llxz1uoxn5] {
    display: none;
}

.rail button[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--hg-fg-3);
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.rail button:hover[b-llxz1uoxn5] {
    background: var(--accent);
    color: var(--foreground);
}

.rail .wipe:hover[b-llxz1uoxn5] {
    color: var(--destructive);
}

.rail .armed[b-llxz1uoxn5],
.rail .armed:hover[b-llxz1uoxn5] {
    background: var(--destructive);
    color: var(--destructive-foreground);
}

/* Sized and offset to sit in the 30px band between two blocks, clear of both texts. */
.pill[b-llxz1uoxn5] {
    position: absolute;
    top: -30px;
    left: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 26px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--hg-ink);
    color: var(--hg-cream);
    box-shadow: 0 8px 24px rgb(0 0 0/20%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms ease;
}

.block:focus-within .pill[b-llxz1uoxn5] {
    opacity: 1;
    pointer-events: auto;
}

.pill button[b-llxz1uoxn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 20px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.pill button:hover[b-llxz1uoxn5] {
    background: rgb(255 255 255/14%);
}

.pill button:disabled[b-llxz1uoxn5] {
    background: rgb(255 255 255/18%);
    cursor: default;
}

.sep[b-llxz1uoxn5] {
    width: 1px;
    height: 14px;
    margin: 0 3px;
    background: rgb(255 255 255/25%);
}

/* The textarea and the mirrored ::after share one grid cell, so the block grows with its content. */
.grow[b-llxz1uoxn5] {
    display: grid;
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    line-height: 1.75;
}

.grow[b-llxz1uoxn5]::after {
    content: attr(data-value) " ";
    visibility: hidden;
}

.grow textarea[b-llxz1uoxn5] {
    overflow: hidden;
    resize: none;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font: inherit;
    letter-spacing: inherit;
}

.grow textarea:focus-visible[b-llxz1uoxn5] {
    outline: none;
}

.grow[b-llxz1uoxn5]::after,
.grow textarea[b-llxz1uoxn5] {
    grid-area: 1 / 1;
    min-width: 0;
    padding: 0;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.grow.h2[b-llxz1uoxn5],
.grow.h3[b-llxz1uoxn5],
.grow.h4[b-llxz1uoxn5] {
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.grow.h2[b-llxz1uoxn5] {
    font-size: 1.35rem;
}

.grow.h3[b-llxz1uoxn5] {
    font-size: 1.15rem;
}

.grow.h4[b-llxz1uoxn5] {
    font-size: 1rem;
}

.grow.quoted[b-llxz1uoxn5] {
    padding-left: 20px;
    border-left: 2px solid var(--foreground);
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.01em;
}

.grow.code[b-llxz1uoxn5] {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--secondary);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.grow.code[b-llxz1uoxn5]::after {
    min-height: 3.2em;
}

.caption[b-llxz1uoxn5],
.aside[b-llxz1uoxn5] {
    height: 26px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    font-family: var(--font-sans);
    font-size: 0.75rem;
    transition: border-color 150ms ease;
}

.caption[b-llxz1uoxn5] {
    color: var(--muted-foreground);
    text-align: center;
}

.aside[b-llxz1uoxn5] {
    color: var(--hg-fg-3);
}

.grow.quoted + .aside[b-llxz1uoxn5] {
    padding-left: 22px;
}

.block:hover .caption[b-llxz1uoxn5],
.block:hover .aside[b-llxz1uoxn5],
.block:focus-within .caption[b-llxz1uoxn5],
.block:focus-within .aside[b-llxz1uoxn5] {
    border-bottom-color: var(--border);
}

.caption:focus-visible[b-llxz1uoxn5],
.aside:focus-visible[b-llxz1uoxn5] {
    border-bottom-color: var(--primary);
    outline: none;
}

.frame[b-llxz1uoxn5] {
    position: relative;
}

.frame img[b-llxz1uoxn5] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    object-fit: cover;
}

.slot[b-llxz1uoxn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px dashed var(--input);
    border-radius: 12px;
    background: transparent;
    color: var(--hg-fg-3);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
}

button.slot[b-llxz1uoxn5] {
    cursor: pointer;
    transition: border-color 150ms ease, color 150ms ease;
}

button.slot:hover[b-llxz1uoxn5] {
    border-color: var(--primary);
    color: var(--muted-foreground);
}

.over[b-llxz1uoxn5] {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 28px;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    background: var(--hg-ink);
    color: var(--hg-cream);
    font-family: var(--font-sans);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    transition: opacity 150ms ease;
}

.block:hover .over[b-llxz1uoxn5],
.block:focus-within .over[b-llxz1uoxn5] {
    opacity: 1;
}

.divider[b-llxz1uoxn5] {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid var(--border);
}

.tail[b-llxz1uoxn5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.prompt[b-llxz1uoxn5] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hg-fg-3);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: color 150ms ease;
}

.prompt:hover[b-llxz1uoxn5] {
    color: var(--muted-foreground);
}

.palette[b-llxz1uoxn5] {
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    width: 220px;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--popover);
    color: var(--popover-foreground);
    box-shadow: 0 8px 24px rgb(0 0 0/12%);
}

.lead[b-llxz1uoxn5] {
    padding: 5px 8px 7px;
    color: var(--hg-fg-3);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.tile[b-llxz1uoxn5] {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.tile:hover[b-llxz1uoxn5] {
    background: var(--accent);
}

.scrim[b-llxz1uoxn5] {
    position: fixed;
    inset: 0;
    z-index: 3;
    border: 0;
    background: transparent;
    cursor: default;
}

.picker[b-llxz1uoxn5] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

/* The reader's banner, mirrored from BlogPost so the preview measures up to the page it stands for. */
.banner[b-llxz1uoxn5] {
    height: 300px;
    border-bottom: 1px solid var(--border);
    background: var(--secondary);
    overflow: hidden;
}

.banner img[b-llxz1uoxn5] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reading[b-llxz1uoxn5] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 34px;
    font-size: 0.9375rem;
    line-height: 1.75;
}

.reading[b-llxz1uoxn5]  p {
    margin: 0;
}

.reading[b-llxz1uoxn5]  h2,
.reading[b-llxz1uoxn5]  h3,
.reading[b-llxz1uoxn5]  h4 {
    margin: 10px 0 0;
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.reading[b-llxz1uoxn5]  blockquote {
    margin: 4px 0;
    padding-left: 20px;
    border-left: 2px solid var(--foreground);
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.01em;
}

.reading[b-llxz1uoxn5]  cite {
    display: block;
    margin-top: 6px;
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
    font-style: normal;
}

.reading[b-llxz1uoxn5]  figure {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.reading[b-llxz1uoxn5]  img {
    width: 100%;
    border-radius: 12px;
}

.reading[b-llxz1uoxn5]  figcaption {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    text-align: center;
}

.reading[b-llxz1uoxn5]  pre {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--muted);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: 0.8125rem;
}

.reading[b-llxz1uoxn5]  hr {
    width: 100%;
    margin: 4px 0;
    border: 0;
    border-top: 1px solid var(--border);
}

.reading[b-llxz1uoxn5]  a {
    color: var(--primary);
}

/* HTML5 drag events never fire from a finger, so a touch pointer gets the buttons back instead. */
@media (max-width: 899px), (pointer: coarse) {
    .rail .grip[b-llxz1uoxn5] {
        display: none;
    }

    .rail .step[b-llxz1uoxn5] {
        display: inline-flex;
    }
}

@media (max-width: 899px) {
    .bar[b-llxz1uoxn5] {
        gap: 8px;
        padding: 0 12px;
    }

    .save[b-llxz1uoxn5] {
        display: none;
    }

    .ghost[b-llxz1uoxn5] {
        padding: 0 10px;
    }

    .page[b-llxz1uoxn5] {
        padding: 0 16px;
    }

    .canvas[b-llxz1uoxn5] {
        padding: 28px 0 120px;
    }

    .settings[b-llxz1uoxn5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .banner[b-llxz1uoxn5] {
        height: 180px;
    }

    .block[b-llxz1uoxn5] {
        margin: 0;
        padding: 12px 0;
    }

    .stack:hover .block > .add[b-llxz1uoxn5],
    .block > .add[b-llxz1uoxn5],
    .rail[b-llxz1uoxn5] {
        position: static;
        opacity: 1;
        pointer-events: auto;
    }

    .rail[b-llxz1uoxn5] {
        flex-direction: row;
        justify-content: flex-end;
        padding-left: 0;
    }

    .rail button[b-llxz1uoxn5],
    .block > .add[b-llxz1uoxn5] {
        width: 44px;
        height: 44px;
    }

    .pill[b-llxz1uoxn5] {
        position: static;
        align-self: flex-start;
        opacity: 1;
        pointer-events: auto;
    }

    .palette[b-llxz1uoxn5] {
        position: static;
        width: 100%;
    }
}
/* /Components/Pages/Admin/Posts.razor.rz.scp.css */
.draft[b-0821nd082i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 150ms ease;
}

.draft:hover[b-0821nd082i] {
    opacity: 0.88;
}

.body[b-0821nd082i] {
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px 28px;
}

.bar[b-0821nd082i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.table[b-0821nd082i] {
    border: 1px solid var(--border);
    border-radius: 12px;
}

.find[b-0821nd082i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 260px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--hg-fg-3);
}

.find input[b-0821nd082i] {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    outline: none;
}

.find input[b-0821nd082i]::placeholder {
    color: var(--hg-fg-3);
}

.segment[b-0821nd082i] {
    display: inline-flex;
    flex: none;
    padding: 2px;
    border-radius: 8px;
    background: var(--secondary);
}

.seg[b-0821nd082i] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition: color 150ms ease;
}

.seg:hover[b-0821nd082i] {
    color: var(--foreground);
}

.seg.on[b-0821nd082i] {
    border-color: var(--border);
    background: var(--background);
    color: var(--foreground);
}

.spacer[b-0821nd082i] {
    flex: 1;
}

.count[b-0821nd082i] {
    flex: none;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.head[b-0821nd082i],
.line[b-0821nd082i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid var(--border);
}

.head[b-0821nd082i] {
    height: 40px;
    color: var(--muted-foreground);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cells[b-0821nd082i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 116px 148px 72px 92px;
    align-items: center;
}

.line[b-0821nd082i] {
    transition: background-color 150ms ease;
}

.line:hover[b-0821nd082i] {
    background: var(--muted);
}

.table > .line:last-child[b-0821nd082i] {
    border-bottom: 0;
}

.row[b-0821nd082i] {
    padding: 12px 0;
    color: var(--foreground);
    font-size: 0.8125rem;
    text-decoration: none;
}

.name[b-0821nd082i] {
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.badge[b-0821nd082i] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 5px;
    height: 22px;
    padding: 0 9px;
    border: 1px solid var(--input);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge.idle[b-0821nd082i] {
    color: var(--muted-foreground);
}

.badge.live[b-0821nd082i] {
    border-color: transparent;
    background: var(--primary);
    color: var(--primary-foreground);
}

.when[b-0821nd082i] {
    color: var(--muted-foreground);
}

.when.at[b-0821nd082i] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
}

.num[b-0821nd082i] {
    text-align: right;
}

.num.dim[b-0821nd082i] {
    color: var(--hg-fg-3);
}

.menu[b-0821nd082i] {
    display: inline-flex;
    justify-content: flex-end;
}

.menu[b-0821nd082i]  button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: background-color 150ms ease;
}

.menu[b-0821nd082i]  button:hover {
    background: var(--accent);
}

.none[b-0821nd082i] {
    margin: 0;
    padding: 26px 16px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.pages[b-0821nd082i] {
    padding: 22px 16px 28px;
}

@media (max-width: 899px) {
    .body[b-0821nd082i] {
        padding: 16px;
    }

    .bar[b-0821nd082i] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .find[b-0821nd082i] {
        width: 100%;
        height: 40px;
    }

    .seg[b-0821nd082i] {
        height: 34px;
        padding: 0 14px;
    }

    .head[b-0821nd082i] {
        display: none;
    }

    .line[b-0821nd082i] {
        align-items: start;
        padding: 2px 16px;
    }

    .cells[b-0821nd082i] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        min-height: 44px;
    }

    .name[b-0821nd082i] {
        flex-basis: 100%;
        white-space: normal;
    }

    .when.at[b-0821nd082i],
    .num[b-0821nd082i] {
        text-align: left;
    }

    .views[b-0821nd082i]::after {
        content: " views";
    }

    .talk[b-0821nd082i]::after {
        content: " comments";
    }

    .menu[b-0821nd082i]  button {
        width: 44px;
        height: 44px;
    }
}

.line[b-0821nd082i]  .dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: background-color 150ms ease;
}

.line[b-0821nd082i]  .dots:hover {
    background: var(--accent);
    color: var(--foreground);
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.hint[b-5varwt1ngs] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

/* The page frame matches every other admin page; the form keeps its own 760px measure inside it. */
.wrap[b-5varwt1ngs] {
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px 24px 28px;
}

.wrap > *[b-5varwt1ngs] {
    max-width: 760px;
}

.head[b-5varwt1ngs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 22px 0 4px;
    border-top: 1px solid var(--border);
}

.head.first[b-5varwt1ngs] {
    margin-top: 0;
    padding: 20px 0 4px;
    border-top: 0;
}

.row[b-5varwt1ngs] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 11px 0;
}

.row.line[b-5varwt1ngs] {
    border-bottom: 1px solid var(--border);
}

.row.top[b-5varwt1ngs] {
    align-items: start;
}

.row.top .label[b-5varwt1ngs] {
    padding-top: 7px;
}

.label[b-5varwt1ngs] {
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
}

.pair[b-5varwt1ngs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stack[b-5varwt1ngs] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.grow[b-5varwt1ngs] {
    flex: 1;
    min-width: 0;
}

.spacer[b-5varwt1ngs] {
    flex: 1;
}

.note[b-5varwt1ngs] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.box[b-5varwt1ngs] {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    transition: border-color 150ms ease;
}

.box:focus-visible[b-5varwt1ngs] {
    border-color: var(--ring);
    outline: none;
}

.box.mono[b-5varwt1ngs] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    font-weight: 500;
}

.bad[b-5varwt1ngs] {
    color: var(--destructive);
    font-size: 0.8125rem;
    font-weight: 500;
}

.add[b-5varwt1ngs],
.drop[b-5varwt1ngs],
.open[b-5varwt1ngs] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 11px;
    border: 1px solid var(--input);
    border-radius: 6px;
    background: transparent;
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.add:hover[b-5varwt1ngs],
.drop:hover[b-5varwt1ngs],
.open:hover[b-5varwt1ngs] {
    background: var(--accent);
}

.drop[b-5varwt1ngs] {
    justify-content: center;
    width: 28px;
    padding: 0;
    border-color: transparent;
    color: var(--muted-foreground);
}

.picker[b-5varwt1ngs] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.chevron[b-5varwt1ngs] {
    position: absolute;
    top: 16px;
    right: 10px;
    display: inline-flex;
    color: var(--muted-foreground);
    transform: translateY(-50%);
    pointer-events: none;
}

.tenant[b-5varwt1ngs] {
    color: var(--muted-foreground);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    font-weight: 500;
}

@media (max-width: 899px) {
    .wrap[b-5varwt1ngs] {
        padding: 16px;
    }

    .wrap[b-5varwt1ngs] {
        max-width: none;
        padding: 4px 16px 28px;
    }

    .row[b-5varwt1ngs] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 6px;
    }

    .row.top .label[b-5varwt1ngs] {
        padding-top: 0;
    }

    .pair[b-5varwt1ngs] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/BlogPost.razor.rz.scp.css */
.banner[b-kr6zlmi2cp] {
    height: 300px;
    border-bottom: 1px solid var(--border);
    background: var(--secondary);
    overflow: hidden;
}

.banner img[b-kr6zlmi2cp] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article[b-kr6zlmi2cp] {
    max-width: 660px;
    margin: 0 auto;
    padding: 42px 0 48px;
}

.masthead[b-kr6zlmi2cp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

.category[b-kr6zlmi2cp] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.masthead h1[b-kr6zlmi2cp] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-wrap: pretty;
}

.byline[b-kr6zlmi2cp] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.tags[b-kr6zlmi2cp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

.comments[b-kr6zlmi2cp] {
    border-top: 1px solid var(--border);
    background: var(--muted);
}

.measure[b-kr6zlmi2cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 660px;
    margin: 0 auto;
    padding: 30px 0 48px;
}

.head[b-kr6zlmi2cp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.title[b-kr6zlmi2cp] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.total[b-kr6zlmi2cp] {
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
}

.spacer[b-kr6zlmi2cp] {
    flex: 1;
}

.segment[b-kr6zlmi2cp] {
    display: inline-flex;
    padding: 2px;
    border-radius: 8px;
    background: var(--secondary);
}

.seg[b-kr6zlmi2cp] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.seg:hover[b-kr6zlmi2cp] {
    color: var(--foreground);
}

.seg.on[b-kr6zlmi2cp] {
    border-color: var(--border);
    background: var(--background);
    color: var(--foreground);
}

.back[b-kr6zlmi2cp] {
    width: fit-content;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    text-decoration: none;
}

.back:hover[b-kr6zlmi2cp] {
    color: var(--foreground);
}

.gate[b-kr6zlmi2cp] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--background);
    color: var(--hg-fg-3);
}

.gate span[b-kr6zlmi2cp] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.gatecta[b-kr6zlmi2cp] {
    display: inline-flex;
    flex: none;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 150ms ease;
}

.gatecta:hover[b-kr6zlmi2cp] {
    opacity: 0.88;
}

.held[b-kr6zlmi2cp] {
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
}

.thread[b-kr6zlmi2cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.none[b-kr6zlmi2cp] {
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

.loadmore[b-kr6zlmi2cp] {
    display: inline-flex;
    align-self: center;
    align-items: center;
    height: 34px;
    padding: 0 16px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.loadmore:hover[b-kr6zlmi2cp] {
    background: var(--accent);
}

/* The body is sanitized HTML from the projection, so it is styled from the outside. */
.prose[b-kr6zlmi2cp] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 30px;
    font-size: 0.9375rem;
    line-height: 1.75;
}

.prose[b-kr6zlmi2cp]  p {
    margin: 0;
}

.prose[b-kr6zlmi2cp]  h2,
.prose[b-kr6zlmi2cp]  h3,
.prose[b-kr6zlmi2cp]  h4 {
    margin: 10px 0 0;
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.prose[b-kr6zlmi2cp]  blockquote {
    margin: 4px 0;
    padding-left: 20px;
    border-left: 2px solid var(--foreground);
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.01em;
}

.prose[b-kr6zlmi2cp]  figure {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.prose[b-kr6zlmi2cp]  img {
    width: 100%;
    border-radius: 12px;
}

.prose[b-kr6zlmi2cp]  figcaption {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    text-align: center;
}

.prose[b-kr6zlmi2cp]  pre {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--muted);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    overflow-x: auto;
}

.prose[b-kr6zlmi2cp]  hr {
    width: 100%;
    margin: 4px 0;
    border: 0;
    border-top: 1px solid var(--border);
}

.prose[b-kr6zlmi2cp]  a {
    color: var(--primary);
}

@media (max-width: 899px) {
    .banner[b-kr6zlmi2cp] {
        height: 180px;
    }

    .article[b-kr6zlmi2cp] {
        padding: 26px 16px 32px;
    }

    .masthead h1[b-kr6zlmi2cp] {
        font-size: 1.5rem;
    }

    .measure[b-kr6zlmi2cp] {
        padding: 24px 16px 32px;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.stage[b-zna4dd7xd4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 560px;
    min-height: 100dvh;
    margin: 0 auto;
    padding: 120px 40px;
    text-align: center;
}

h1[b-zna4dd7xd4] {
    margin: 10px 0 0;
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.lead[b-zna4dd7xd4] {
    max-width: 380px;
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.trace[b-zna4dd7xd4] {
    margin: 0;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.trace code[b-zna4dd7xd4] {
    font-family: var(--font-mono);
}

.home[b-zna4dd7xd4] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    margin-top: 8px;
    padding: 0 16px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.home:hover[b-zna4dd7xd4] {
    background: var(--accent);
}

@media (max-width: 899px) {
    .stage[b-zna4dd7xd4] {
        padding: 64px 16px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-fm6wgpyh6q] {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1160px;
    margin: 0 auto;
    padding: 34px 40px 38px;
}

.poster[b-fm6wgpyh6q] {
    display: block;
    flex: none;
    width: 560px;
    --badge-inset: 10px;
}

.lede[b-fm6wgpyh6q] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.headline a[b-fm6wgpyh6q] {
    color: inherit;
    text-decoration: none;
}

.headline a:hover[b-fm6wgpyh6q] {
    color: var(--primary);
}

.headline[b-fm6wgpyh6q] {
    display: block;
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-wrap: pretty;
}

.meta[b-fm6wgpyh6q] {
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
}

.latest[b-fm6wgpyh6q] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.micro[b-fm6wgpyh6q] {
    padding-bottom: 6px;
    color: var(--hg-fg-3);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.row[b-fm6wgpyh6q] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border);
    color: var(--foreground);
    text-decoration: none;
    transition: background-color 150ms ease;
}

.row:last-child[b-fm6wgpyh6q] {
    border-bottom: 0;
}

.row:hover[b-fm6wgpyh6q] {
    background: var(--accent);
}

.date[b-fm6wgpyh6q] {
    flex: none;
    width: 46px;
    color: var(--hg-fg-3);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
}

.name[b-fm6wgpyh6q] {
    flex: 1;
    min-width: 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.count[b-fm6wgpyh6q] {
    flex: none;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.feed[b-fm6wgpyh6q] {
    border-top: 1px solid var(--border);
}

.wrap[b-fm6wgpyh6q] {
    max-width: 1160px;
    margin: 0 auto;
    padding: 30px 40px 48px;
}

.head[b-fm6wgpyh6q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.spacer[b-fm6wgpyh6q] {
    flex: 1;
}

.chips[b-fm6wgpyh6q] {
    display: flex;
    gap: 8px;
}

.grid[b-fm6wgpyh6q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin-top: 22px;
}

.pages[b-fm6wgpyh6q] {
    margin-top: 32px;
}

.empty[b-fm6wgpyh6q] {
    margin: 22px 0 0;
    color: var(--muted-foreground);
    font-size: 0.9375rem;
}

@media (max-width: 899px) {
    .hero[b-fm6wgpyh6q] {
        flex-direction: column;
        gap: 20px;
        padding: 20px 16px 24px;
    }

    .poster[b-fm6wgpyh6q] {
        width: 100%;
    }

    .headline[b-fm6wgpyh6q] {
        font-size: 1.35rem;
    }

    .wrap[b-fm6wgpyh6q] {
        padding: 24px 16px 32px;
    }

    .head[b-fm6wgpyh6q] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .spacer[b-fm6wgpyh6q] {
        display: none;
    }

    .chips[b-fm6wgpyh6q] {
        max-width: 100%;
        padding-bottom: 4px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .chips[b-fm6wgpyh6q]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-fm6wgpyh6q] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.stage[b-in1vj6bv7n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 560px;
    margin: 0 auto;
    padding: 96px 40px 120px;
    text-align: center;
}

/* The one place the pixel face is allowed: mark scale, never reading text. */
.mark[b-in1vj6bv7n] {
    color: var(--hg-brand);
    font-family: var(--font-pixel);
    font-size: 5rem;
    font-weight: 600;
    line-height: 1;
}

h1[b-in1vj6bv7n] {
    margin: 6px 0 0;
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

p[b-in1vj6bv7n] {
    max-width: 380px;
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.home[b-in1vj6bv7n] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    margin-top: 8px;
    padding: 0 16px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.home:hover[b-in1vj6bv7n] {
    background: var(--accent);
}

@media (max-width: 899px) {
    .stage[b-in1vj6bv7n] {
        padding: 64px 16px 80px;
    }
}
/* /Components/Pages/Videos.razor.rz.scp.css */
.hero[b-vlya9dxl1s] {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1160px;
    margin: 0 auto;
    padding: 34px 40px 8px;
}

.poster[b-vlya9dxl1s] {
    display: block;
    flex: none;
    width: 620px;
    --badge-inset: 10px;
}

.lede[b-vlya9dxl1s] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding-top: 6px;
}

.headline a[b-vlya9dxl1s] {
    color: inherit;
    text-decoration: none;
}

.headline a:hover[b-vlya9dxl1s] {
    color: var(--primary);
}

.headline[b-vlya9dxl1s] {
    display: block;
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-wrap: pretty;
}

.meta[b-vlya9dxl1s] {
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
}

.blurb[b-vlya9dxl1s] {
    max-width: 44ch;
    margin: 0;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    line-height: 1.6;
}

.wrap[b-vlya9dxl1s] {
    max-width: 1160px;
    margin: 0 auto;
    padding: 30px 40px 48px;
}

.head[b-vlya9dxl1s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.spacer[b-vlya9dxl1s] {
    flex: 1;
}

.chips[b-vlya9dxl1s] {
    display: flex;
    gap: 8px;
}

.grid[b-vlya9dxl1s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin-top: 22px;
}

.more[b-vlya9dxl1s] {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.load[b-vlya9dxl1s] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 16px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.load:hover[b-vlya9dxl1s] {
    background: var(--accent);
}

.empty[b-vlya9dxl1s] {
    margin: 22px 0 0;
    color: var(--muted-foreground);
    font-size: 0.9375rem;
}

@media (max-width: 899px) {
    .hero[b-vlya9dxl1s] {
        flex-direction: column;
        gap: 18px;
        padding: 20px 16px 8px;
    }

    .poster[b-vlya9dxl1s] {
        width: 100%;
    }

    .headline[b-vlya9dxl1s] {
        font-size: 1.3rem;
    }

    .wrap[b-vlya9dxl1s] {
        padding: 22px 16px 32px;
    }

    .head[b-vlya9dxl1s] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .spacer[b-vlya9dxl1s] {
        display: none;
    }

    .chips[b-vlya9dxl1s] {
        max-width: 100%;
        padding-bottom: 4px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .chips[b-vlya9dxl1s]::-webkit-scrollbar {
        display: none;
    }

    .grid[b-vlya9dxl1s] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
}
/* /Components/Shared/Avatar.razor.rz.scp.css */
.avatar[b-ikoqd3d9zw] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--secondary);
    color: var(--secondary-foreground);
    font-size: calc(var(--size) * 0.375);
    font-weight: 600;
    line-height: 1;
    object-fit: cover;
    overflow: hidden;
}

.avatar.creator[b-ikoqd3d9zw] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-foreground);
}
/* /Components/Shared/Chip.razor.rz.scp.css */
.chip[b-oq9iqpydbq] {
    display: inline-flex;
    flex: none;
    align-items: center;
    height: 28px;
    padding: 0 13px;
    border: 1px solid var(--input);
    border-radius: 99px;
    background: transparent;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.chip:hover[b-oq9iqpydbq] {
    background: var(--accent);
    color: var(--foreground);
}

.chip.active[b-oq9iqpydbq] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-foreground);
}

.chip.active:hover[b-oq9iqpydbq] {
    background: var(--primary);
    color: var(--primary-foreground);
}

.chip.small[b-oq9iqpydbq] {
    height: 26px;
    padding: 0 11px;
    font-size: 0.75rem;
}
/* /Components/Shared/CommentForm.razor.rz.scp.css */
.form[b-u6cegbs38s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-margin-top: 80px;
}

textarea[b-u6cegbs38s] {
    width: 100%;
    min-height: 84px;
    padding: 10px 12px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    line-height: 1.6;
    resize: vertical;
}

textarea[b-u6cegbs38s]::placeholder {
    color: var(--hg-fg-3);
}

textarea:focus-visible[b-u6cegbs38s] {
    border-color: var(--primary);
    outline: none;
}

.error[b-u6cegbs38s] {
    margin: 0;
    color: var(--destructive);
    font-size: 0.8125rem;
}

.actions[b-u6cegbs38s] {
    display: flex;
    justify-content: flex-end;
}

.post[b-u6cegbs38s] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 150ms ease;
}

.post:hover[b-u6cegbs38s] {
    opacity: 0.88;
}

@media (max-width: 899px) {
    .post[b-u6cegbs38s] {
        height: 44px;
        padding: 0 18px;
    }
}
/* /Components/Shared/CommentView.razor.rz.scp.css */
.comment[b-dojo53sylc] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    scroll-margin-top: 80px;
}

.votes[b-dojo53sylc] {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 24px;
    padding-top: 2px;
    color: var(--hg-fg-3);
}

.votes form[b-dojo53sylc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.vote[b-dojo53sylc] {
    display: inline-flex;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hg-fg-3);
    cursor: pointer;
    transition: color 150ms ease;
}

.vote:hover[b-dojo53sylc] {
    color: var(--foreground);
}

a.vote[b-dojo53sylc] {
    text-decoration: none;
}

.vote.cast[b-dojo53sylc] {
    color: var(--foreground);
}

.score[b-dojo53sylc] {
    color: var(--foreground);
    font-size: 0.8125rem;
    font-weight: 600;
}

/* A collapsed branch drops its vote column, the way the design's [+] row reads. */
.comment:has(> .column:not([open])) > .votes[b-dojo53sylc] {
    display: none;
}

.column[b-dojo53sylc] {
    flex: 1;
    min-width: 0;
}

.head[b-dojo53sylc] {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    cursor: pointer;
}

.head[b-dojo53sylc]::-webkit-details-marker {
    display: none;
}

.shut[b-dojo53sylc] {
    display: none;
    align-items: center;
    gap: 8px;
    color: var(--hg-fg-3);
    font-size: 0.8125rem;
}

.open[b-dojo53sylc] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.column:not([open]) .shut[b-dojo53sylc] {
    display: flex;
}

.column:not([open]) .open[b-dojo53sylc] {
    display: none;
}

.who[b-dojo53sylc] {
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 600;
}

.shut .who[b-dojo53sylc] {
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
}

.creator[b-dojo53sylc] {
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.when[b-dojo53sylc] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}

.spacer[b-dojo53sylc] {
    flex: 1;
}

.toggle[b-dojo53sylc] {
    color: var(--hg-fg-3);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
}

.rest[b-dojo53sylc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.body[b-dojo53sylc] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.replylink[b-dojo53sylc] {
    width: fit-content;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
    transition: color 150ms ease;
}

.replylink[b-dojo53sylc]::-webkit-details-marker {
    display: none;
}

.replylink:hover[b-dojo53sylc] {
    color: var(--foreground);
}

.continues[b-dojo53sylc] {
    width: fit-content;
    color: var(--primary);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
}

.continues:hover[b-dojo53sylc] {
    text-decoration: underline;
}

.replies[b-dojo53sylc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
    margin-left: 12px;
    padding-left: 22px;
    border-left: 1px solid var(--border);
}

@media (max-width: 899px) {
    /* Votes move into a 44px action row under the body, and indentation stops at two levels. */
    .comment[b-dojo53sylc] {
        flex-direction: column;
        gap: 0;
    }

    .votes[b-dojo53sylc] {
        flex-direction: row;
        gap: 10px;
        order: 2;
        width: auto;
        height: 44px;
        padding-top: 0;
    }

    .votes form[b-dojo53sylc] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        height: 44px;
    }

    .vote[b-dojo53sylc] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        height: 44px;
    }

    .column[b-dojo53sylc] {
        order: 1;
        width: 100%;
    }

    .replies[b-dojo53sylc] {
        margin-left: 0;
        padding-left: 14px;
    }
}
/* /Components/Shared/ExternalLink.razor.rz.scp.css */
.external[b-sckeh870i6] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 15px;
    border: 1px solid var(--input);
    border-radius: 8px;
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.external:hover[b-sckeh870i6] {
    background: var(--accent);
}
/* /Components/Shared/Eyebrow.razor.rz.scp.css */
.eyebrow[b-ii8q914znt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--hg-fg-3);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.squares[b-ii8q914znt] {
    display: inline-flex;
    gap: 3px;
}

.squares i[b-ii8q914znt] {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: var(--hg-brand);
}
/* /Components/Shared/Pager.razor.rz.scp.css */
.pager[b-idxjshm57h] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.page[b-idxjshm57h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--input);
    border-radius: 6px;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.page:hover[b-idxjshm57h] {
    background: var(--accent);
}

.page.active[b-idxjshm57h] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-foreground);
}

.page.wide[b-idxjshm57h] {
    width: auto;
    padding: 0 13px;
}
/* /Components/Shared/PostCard.razor.rz.scp.css */
.card[b-biqdrf7vce] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--foreground);
    text-decoration: none;
}

.title[b-biqdrf7vce] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    text-wrap: pretty;
}

.meta[b-biqdrf7vce] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}
/* /Components/Shared/Sparkline.razor.rz.scp.css */
.spark[b-opsumyu0ts] {
    display: block;
    flex: none;
}
/* /Components/Shared/Thumbnail.razor.rz.scp.css */
.thumb[b-ax4i76tok0] {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    background: var(--secondary);
    overflow: hidden;
}

.thumb img[b-ax4i76tok0] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.duration[b-ax4i76tok0] {
    position: absolute;
    right: var(--badge-inset, 8px);
    bottom: var(--badge-inset, 8px);
    padding: 2px 7px;
    border-radius: 6px;
    background: rgb(10 10 10 / 78%);
    color: #fff;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 500;
}
/* /Components/Shared/VideoCard.razor.rz.scp.css */
.card[b-2wlw7lnf3o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--foreground);
    text-decoration: none;
}

.title[b-2wlw7lnf3o] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.4;
    text-wrap: pretty;
}

.meta[b-2wlw7lnf3o] {
    color: var(--hg-fg-3);
    font-size: 0.75rem;
}
/* /Components/Shared/Wordmark.razor.rz.scp.css */
.wordmark[b-14u28hb84t] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--foreground);
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.wordmark img[b-14u28hb84t] {
    display: block;
    width: 1.42em;
    height: auto;
}

.wordmark.sm[b-14u28hb84t] {
    font-size: 17px;
}

.wordmark.lg[b-14u28hb84t] {
    font-size: 21px;
}

@media (max-width: 899px) {
    .wordmark[b-14u28hb84t] {
        font-size: 17px;
    }
}