/* /Features/Books/Components/LibraryHomeView.razor.rz.scp.css */
.library-shell[b-xdtjojne5i] {
    display: grid;
    gap: var(--space-4);
}

.library-header-row[b-xdtjojne5i] {
    position: sticky;
    top: 4.35rem;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: 0.1rem 0 0.35rem;
    background: linear-gradient(to bottom, rgba(252, 251, 248, 0.96), rgba(252, 251, 248, 0.68));
    backdrop-filter: blur(12px);
}

.library-filter[b-xdtjojne5i] {
    width: min(100%, 14rem);
}

.library-add-button[b-xdtjojne5i] {
    flex: 0 0 auto;
}
/* /Features/Common/Components/AppActionGroup.razor.rz.scp.css */
.app-action-group[b-n4c2jkis1j] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.app-action-group--wrap[b-n4c2jkis1j] {
    flex-wrap: wrap;
}

.app-action-group--nowrap[b-n4c2jkis1j] {
    flex-wrap: nowrap;
}
/* /Features/Common/Components/AppAlert.razor.rz.scp.css */
.app-alert[b-wh3dhk9pyb] {
    gap: var(--space-2);
    border-width: 1px;
}

.app-alert--error[b-wh3dhk9pyb] {
    border-color: rgba(141, 47, 47, 0.22);
    background: var(--color-error-soft);
}

.app-alert--warning[b-wh3dhk9pyb] {
    border-color: rgba(138, 100, 19, 0.22);
    background: var(--color-warning-soft);
}

.app-alert--info[b-wh3dhk9pyb] {
    border-color: rgba(46, 106, 69, 0.18);
    background: rgba(46, 106, 69, 0.08);
}

.app-alert__title[b-wh3dhk9pyb] {
    color: var(--color-text);
    font-size: var(--text-secondary);
    font-weight: 700;
}

.app-alert__message[b-wh3dhk9pyb] {
    margin: 0;
    color: var(--color-text-soft);
    font-size: var(--text-secondary);
    line-height: 1.5;
}
/* /Features/Common/Components/AppBadge.razor.rz.scp.css */
.app-badge[b-bagcc5hnjs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.16rem 0.58rem;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--color-text-soft);
    font-size: var(--text-caption);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
}

a.app-badge:hover[b-bagcc5hnjs],
a.app-badge:focus-visible[b-bagcc5hnjs] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
    outline: none;
}

.app-badge--success[b-bagcc5hnjs] {
    border-color: rgba(46, 106, 69, 0.24);
    background: rgba(46, 106, 69, 0.08);
    color: var(--color-success);
}

.app-badge--warning[b-bagcc5hnjs] {
    border-color: rgba(138, 100, 19, 0.2);
    background: rgba(138, 100, 19, 0.08);
    color: var(--color-warning);
}

.app-badge--info[b-bagcc5hnjs] {
    border-color: rgba(38, 92, 140, 0.22);
    background: rgba(38, 92, 140, 0.08);
    color: #265c8c;
}

.app-badge--error[b-bagcc5hnjs] {
    border-color: rgba(141, 47, 47, 0.2);
    background: rgba(141, 47, 47, 0.08);
    color: var(--color-error);
}

.app-badge--preserve-case[b-bagcc5hnjs] {
    text-transform: none;
    letter-spacing: 0;
}
/* /Features/Common/Components/AppButton.razor.rz.scp.css */
.app-button[b-4j4xq2noa6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: var(--control-height-md);
    padding: 0.68rem 0.95rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-strong);
    color: var(--color-text);
    font-family: var(--font-reading);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.app-button--justify-start[b-4j4xq2noa6] {
    justify-content: flex-start;
}

.app-button--justify-center[b-4j4xq2noa6] {
    justify-content: center;
}

.app-button--justify-end[b-4j4xq2noa6] {
    justify-content: flex-end;
}

.app-button--justify-between[b-4j4xq2noa6] {
    justify-content: space-between;
}

.app-button--align-start[b-4j4xq2noa6] {
    align-items: flex-start;
}

.app-button--align-center[b-4j4xq2noa6] {
    align-items: center;
}

.app-button--align-end[b-4j4xq2noa6] {
    align-items: flex-end;
}

.app-button--align-stretch[b-4j4xq2noa6] {
    align-items: stretch;
}

.app-button__label[b-4j4xq2noa6] {
    min-width: 0;
}

.app-button:hover:not(:disabled)[b-4j4xq2noa6] {
    background: rgba(23, 20, 17, 0.03);
    border-color: var(--color-border-strong);
    transform: translateY(-1px);
}

.app-button:disabled[b-4j4xq2noa6] {
    opacity: 0.42;
    cursor: default;
}

.app-button--sm[b-4j4xq2noa6] {
    min-height: var(--control-height-sm);
    padding: 0.5rem 0.72rem;
    font-size: 0.88rem;
}

.app-button--primary[b-4j4xq2noa6] {
    background: #171411;
    border-color: #171411;
    color: #fbfaf7;
}

.app-button--primary:hover:not(:disabled)[b-4j4xq2noa6] {
    background: #26211d;
    border-color: #26211d;
    color: #fbfaf7;
}

.app-button--secondary[b-4j4xq2noa6],
.app-button--ghost[b-4j4xq2noa6] {
    background: rgba(255, 255, 255, 0.78);
    color: var(--color-text);
}

.app-button--ghost[b-4j4xq2noa6] {
    background: transparent;
    border-color: rgba(23, 20, 17, 0.1);
    box-shadow: none;
}

.app-button--destructive[b-4j4xq2noa6] {
    background: transparent;
    color: var(--color-error);
    border-color: rgba(141, 47, 47, 0.28);
}

.app-button--destructive:hover:not(:disabled)[b-4j4xq2noa6] {
    background: rgba(141, 47, 47, 0.06);
    border-color: rgba(141, 47, 47, 0.42);
}

.app-button--icon-only[b-4j4xq2noa6] {
    width: var(--control-height-md);
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

.app-button--icon-only.app-button--sm[b-4j4xq2noa6] {
    width: var(--control-height-sm);
}

.app-button .material-symbols-outlined[b-4j4xq2noa6] {
    font-size: var(--icon-size-md) !important;
}
/* /Features/Common/Components/AppContentCard.razor.rz.scp.css */
.app-content-card[b-cd3gesxnpw] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem 1rem 0.9rem;
    border-radius: 1rem;
    transition:
        transform 140ms ease,
        box-shadow 140ms ease,
        border-color 140ms ease,
        background-color 140ms ease;
}

.app-content-card__header[b-cd3gesxnpw],
.app-content-card__footer[b-cd3gesxnpw] {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.app-content-card__body[b-cd3gesxnpw] {
    position: relative;
    z-index: 1;

    display: grid;
    gap: 0.45rem;
}

.app-content-card__footer[b-cd3gesxnpw] {
    padding-top: 0.15rem;
    justify-content: flex-end;
}
/* /Features/Common/Components/AppDateMeta.razor.rz.scp.css */
.app-date-meta[b-om241l8fdy] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    line-height: 1.2;
    white-space: nowrap;
}

.app-date-meta span[b-om241l8fdy] {
    font-weight: 650;
}

.app-date-meta strong[b-om241l8fdy] {
    color: var(--color-text-soft);
    font-weight: 800;
}
/* /Features/Common/Components/AppDropdownMenu.razor.rz.scp.css */
.app-dropdown[b-6ifpgmuyyk] {
    position: relative;
}

.app-dropdown__menu[b-6ifpgmuyyk] {
    position: absolute;
    left: 0;
    z-index: 40;
    display: grid;
    gap: var(--space-1);
    min-width: 10rem;
    max-width: min(14rem, calc(100vw - 2rem));
    padding: var(--space-2);
    border: 1px solid color-mix(in srgb, var(--color-border-strong) 72%, transparent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-bg-elevated) 95%, white 5%);
    box-shadow: 0 10px 24px rgba(23, 20, 17, 0.08);
}

.app-dropdown__menu--align-end[b-6ifpgmuyyk] {
    right: 0;
    left: auto;
}

.app-dropdown__menu--up[b-6ifpgmuyyk] {
    bottom: calc(100% + 0.5rem);
}

.app-dropdown__item[b-6ifpgmuyyk] {
    justify-content: flex-start;
}
/* /Features/Common/Components/AppField.razor.rz.scp.css */
.app-field[b-iwrffz2hhu] {
    display: grid;
    gap: 0.45rem;
    width: 100%;
}

.app-field__label[b-iwrffz2hhu] {
    margin: 0;

    display: inline-flex;
    align-items: center;
    gap: 0.35rem;

    color: var(--color-text);
    font-family: var(--font-ui);
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.2;

    cursor: pointer;
}

.app-field__hint[b-iwrffz2hhu] {
    margin: -0.15rem 0 0;

    color: var(--color-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.app-field__message[b-iwrffz2hhu] {
    margin: 0.1rem 0 0;

    color: var(--color-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.app-field__message--success[b-iwrffz2hhu] {
    color: var(--color-success);
}

.app-field__message--warning[b-iwrffz2hhu] {
    color: var(--color-warning);
}

.app-field__message--error[b-iwrffz2hhu] {
    color: var(--color-error);
}

.app-field:has(:disabled) .app-field__label[b-iwrffz2hhu] {
    opacity: 0.6;
}

.app-field:focus-within .app-field__label[b-iwrffz2hhu] {
    color: var(--color-text);
}

.app-field + .app-field[b-iwrffz2hhu] {
    margin-top: var(--space-3);
}
/* /Features/Common/Components/AppFrequencyIndicator.razor.rz.scp.css */
.app-frequency-indicator[b-cti95sxyrr] {
    display: inline-grid;
    gap: 0.4rem;
}

.app-frequency-indicator__dots[b-cti95sxyrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
}

.app-frequency-indicator__dot[b-cti95sxyrr] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.18rem;
    background: rgba(23, 20, 17, 0.12);
}

.app-frequency-indicator__dot--low[b-cti95sxyrr] {
    background: #bb2626;
    outline: 1px solid var(--color-text);
}

.app-frequency-indicator__dot--medium-low[b-cti95sxyrr] {
    background: #bb6d29;
    outline: 1px solid var(--color-text);
}

.app-frequency-indicator__dot--medium[b-cti95sxyrr] {
    background: #ab8e23;
    outline: 1px solid var(--color-text);
}

.app-frequency-indicator__dot--medium-high[b-cti95sxyrr] {
    background: #689a1d;
    outline: 1px solid var(--color-text);
}

.app-frequency-indicator__dot--high[b-cti95sxyrr] {
    background: #198627;
    outline: 1px solid var(--color-text);
}
/* /Features/Common/Components/AppHeading.razor.rz.scp.css */
.app-heading[b-qybtk0u941] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.app-heading__content[b-qybtk0u941] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.app-heading__eyebrow[b-qybtk0u941] {
    display: inline-flex;
    margin-bottom: 0;
    color: var(--color-text-muted);
    font-size: var(--text-meta);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.app-heading__title[b-qybtk0u941] {
    margin: 0;
}

.app-heading__title--section[b-qybtk0u941] {
    font-family: var(--font-ui);
    font-size: var(--text-section-title);
    font-weight: 700;
    line-height: 1.28;
}

.app-heading__subtitle[b-qybtk0u941] {
    margin: 0;
    max-width: 42rem;
    color: var(--color-text-soft);
    font-family: var(--font-reading);
    font-size: 0.94rem;
    line-height: 1.5;
}

.app-heading__actions[b-qybtk0u941] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

@media (max-width: 700px) {
    .app-heading[b-qybtk0u941] {
        align-items: flex-start;
    }
}
/* /Features/Common/Components/AppImage.razor.rz.scp.css */
.app-image[b-konox6ivhu] {
    --app-image-dot-color-strong: rgba(18, 16, 13, 0.42);
    --app-image-dot-color-soft: rgba(18, 16, 13, 0.28);
    --app-image-overlay-opacity: 0.42;
    --app-image-line-opacity: 0.65;

    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: var(--color-surface-strong);
}

.app-image--fill[b-konox6ivhu] {
    height: 100%;
}

.app-image--inline[b-konox6ivhu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
}

.app-image__media[b-konox6ivhu] {
    display: block;
    width: 100%;
    height: 100%;
}

.app-image--cover .app-image__media[b-konox6ivhu] {
    object-fit: cover;
}

.app-image--contain .app-image__media[b-konox6ivhu] {
    object-fit: contain;
}

.app-image[style*="--app-image-aspect-ratio"][b-konox6ivhu] {
    aspect-ratio: var(--app-image-aspect-ratio);
}

.app-image--newsprint[b-konox6ivhu]::before,
.app-image--newsprint[b-konox6ivhu]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.app-image--newsprint[b-konox6ivhu]::before {
    z-index: 1;
    background:
        radial-gradient(circle, var(--app-image-dot-color-strong) 34%, transparent 36%) 0 0 / 7px 7px,
        radial-gradient(circle, var(--app-image-dot-color-soft) 28%, transparent 30%) 3.5px 3.5px / 7px 7px;
    mix-blend-mode: multiply;
    opacity: var(--app-image-overlay-opacity);
}

.app-image--newsprint[b-konox6ivhu]::after {
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.04)),
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.08) 0,
            rgba(255, 255, 255, 0.08) 1px,
            transparent 1px,
            transparent 5px);
    mix-blend-mode: soft-light;
    opacity: var(--app-image-line-opacity);
}

.app-image--newsprint .app-image__media[b-konox6ivhu] {
    filter: url(#app-image-newsprint) contrast(1.06) brightness(1.03);
}
/* /Features/Common/Components/AppInfiniteScrollSentinel.razor.rz.scp.css */
.app-infinite-scroll-sentinel[b-wdu9tygizl] {
    width: 100%;
    height: 1px;
}
/* /Features/Common/Components/AppList.razor.rz.scp.css */
.app-list[b-vsg2xatqto] {
    display: grid;
    gap: var(--space-3);
}
/* /Features/Common/Components/AppListItem.razor.rz.scp.css */
.app-list-item[b-684crwa4l4] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--panel-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.app-list-item__main[b-684crwa4l4] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    flex: 1 1 auto;
}

.app-list-item__actions[b-684crwa4l4] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    gap: var(--space-2);
    flex-wrap: wrap;
    flex: 0 0 auto;
}
/* /Features/Common/Components/AppLoader.razor.rz.scp.css */
.app-loader[b-f054b0vqkx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--color-text-soft);
}

.app-loader__spinner[b-f054b0vqkx] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(23, 20, 17, 0.14);
    border-top-color: var(--color-text);
    border-radius: 999px;
    animation: app-spin-b-f054b0vqkx 0.8s linear infinite;
}

.app-loader__label[b-f054b0vqkx] {
    font-size: var(--text-secondary);
    font-weight: 600;
}

@keyframes app-spin-b-f054b0vqkx {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Common/Components/AppNavItem.razor.rz.scp.css */
.app-nav-item-host[b-p89e1jxo9b] {
    width: 100%;
    min-width: 0;
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 3rem;

    display: flex;
    gap: 0.65rem;

    padding: 0.78rem 1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);

    color: var(--color-text-soft);
    text-decoration: none;
    font-family: var(--font-ui);
    font-size: 0.94rem;
    font-weight: 650;
    line-height: 1.1;

    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item::before {
    content: "";
    position: absolute;
    inset: 0.32rem;
    border-radius: calc(var(--radius-sm) - 0.25rem);
    background: transparent;
    opacity: 0;
    transition: opacity 140ms ease, background-color 140ms ease;
    pointer-events: none;
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item:hover {
    color: var(--color-text);
    transform: translateY(-1px);
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item:hover::before {
    opacity: 1;
    background: rgba(23, 20, 17, 0.035);
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item--active {
    color: var(--color-text);
    background: rgba(255, 255, 255, 0.9);
    border-color: color-mix(in srgb, var(--color-border-strong) 64%, transparent);
    box-shadow:
        0 8px 20px rgba(23, 20, 17, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item--active::before {
    opacity: 1;
    background: linear-gradient(
        135deg,
        rgba(23, 20, 17, 0.04),
        rgba(23, 20, 17, 0.015)
    );
}

.app-nav-item-host[b-p89e1jxo9b]  .material-symbols-outlined {
    position: relative;
    z-index: 1;
    opacity: 0.82;
    transition:
        opacity 140ms ease,
        transform 140ms ease;
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item:hover .material-symbols-outlined,
.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item--active .material-symbols-outlined {
    opacity: 1;
    transform: translateY(-1px);
}

.app-nav-item-host[b-p89e1jxo9b]  .app-nav-item__label {
    position: relative;
    z-index: 1;

    min-width: 0;
    flex: 0 0 auto;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-nav-item-host--horizontal[b-p89e1jxo9b]  .app-nav-item {
    flex-direction: row;
}

.app-nav-item-host--vertical[b-p89e1jxo9b]  .app-nav-item {
    flex-direction: column;
}

.app-nav-item-host--justify-start[b-p89e1jxo9b]  .app-nav-item {
    justify-content: flex-start;
}

.app-nav-item-host--justify-center[b-p89e1jxo9b]  .app-nav-item {
    justify-content: center;
}

.app-nav-item-host--justify-end[b-p89e1jxo9b]  .app-nav-item {
    justify-content: flex-end;
}

.app-nav-item-host--justify-between[b-p89e1jxo9b]  .app-nav-item {
    justify-content: space-between;
}

.app-nav-item-host--align-start[b-p89e1jxo9b]  .app-nav-item {
    align-items: flex-start;
    text-align: left;
}

.app-nav-item-host--align-center[b-p89e1jxo9b]  .app-nav-item {
    align-items: center;
    text-align: center;
}

.app-nav-item-host--align-end[b-p89e1jxo9b]  .app-nav-item {
    align-items: flex-end;
    text-align: right;
}

.app-nav-item-host--align-stretch[b-p89e1jxo9b]  .app-nav-item {
    align-items: stretch;
}

.app-nav-item-host--justify-between[b-p89e1jxo9b]  .app-nav-item__label {
    flex: 1;
}
/* /Features/Common/Components/AppPanel.razor.rz.scp.css */
.app-panel[b-t30uka4s6u] {
    display: grid;
    gap: var(--space-4);
    padding: var(--panel-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.app-panel.form-panel[b-t30uka4s6u] {
    padding: var(--panel-padding-lg);
}
/* /Features/Common/Components/AppProgressBar.razor.rz.scp.css */
.app-progress[b-007tl7iwg0] {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(23, 20, 17, 0.08);
}

.app-progress--sm[b-007tl7iwg0] {
    height: 0.28rem;
}

.app-progress--md[b-007tl7iwg0] {
    height: 0.42rem;
}

.app-progress__fill[b-007tl7iwg0] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(23, 20, 17, 0.82), rgba(23, 20, 17, 0.42));
}
/* /Features/Common/Components/AppSection.razor.rz.scp.css */
.app-section[b-dstg1t8yt9] {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-6);
}

.app-section__header[b-dstg1t8yt9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-4);
}

.app-section__title-wrap[b-dstg1t8yt9] {
    display: grid;
    gap: 0.3rem;
}

.app-section__title[b-dstg1t8yt9] {
    margin: 0;
    font-size: var(--text-section-title);
    font-weight: 700;
    line-height: 1.25;
}

.app-section__subtitle[b-dstg1t8yt9] {
    margin: 0;
    color: var(--color-text-muted);
    font-family: var(--font-reading);
    font-size: 0.88rem;
    line-height: 1.45;
}

.app-section__actions[b-dstg1t8yt9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.app-section__body[b-dstg1t8yt9] {
    display: grid;
    gap: var(--section-gap);
}

.app-section__surface[b-dstg1t8yt9] {
    gap: 0;
}

@media (max-width: 700px) {
    .app-section__header[b-dstg1t8yt9] {
        align-items: start;
        flex-direction: column;
    }
}
/* /Features/Common/Components/AppSelect.razor.rz.scp.css */
.app-select-shell[b-7iemouj3b2] {
    position: relative;
    display: flex;
    width: 100%;
}

.app-select[b-7iemouj3b2] {
    width: 100%;
    min-width: 0;
    min-height: var(--control-height-md);

    appearance: none;
    -webkit-appearance: none;

    border: 1px solid rgba(23, 20, 17, 0.11);
    border-radius: var(--radius-sm);

    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),
        var(--color-surface-strong);

    color: var(--color-text);

    padding: 0.78rem 2.55rem 0.78rem 0.9rem;

    font: inherit;
    font-family: var(--font-ui);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.1;

    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 18px rgba(23, 20, 17, 0.035);

    cursor: pointer;

    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease,
        color 140ms ease;
}

.app-select-shell--with-icon .app-select[b-7iemouj3b2] {
    padding-left: 2.7rem;
}

.app-select:hover:not(:disabled)[b-7iemouj3b2] {
    border-color: rgba(23, 20, 17, 0.18);
}

.app-select:focus[b-7iemouj3b2] {
    outline: none;
    border-color: var(--color-border-strong);
    box-shadow:
        0 0 0 0.18rem rgba(23, 20, 17, 0.08),
        0 10px 22px rgba(23, 20, 17, 0.055);
}

.app-select:disabled[b-7iemouj3b2] {
    opacity: 0.55;
    cursor: default;
}

.app-select-shell--sm .app-select[b-7iemouj3b2] {
    min-height: var(--control-height-sm);
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    font-size: 0.88rem;
}

.app-select__leading-icon[b-7iemouj3b2],
.app-select__chevron[b-7iemouj3b2] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 2.4rem;
    height: auto;
    margin: 0;
    padding: 0;

    color: var(--color-text-faint);
    opacity: 0.78;

    font-family: "Material Symbols Outlined";
    font-size: 1.1rem;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    direction: ltr;

    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;

    -webkit-font-smoothing: antialiased;

    pointer-events: none;
    transform: none;
}

.app-select__leading-icon[b-7iemouj3b2] {
    left: 0;
}

.app-select__chevron[b-7iemouj3b2] {
    right: 0;
}

.app-select-shell:focus-within .app-select__leading-icon[b-7iemouj3b2],
.app-select-shell:focus-within .app-select__chevron[b-7iemouj3b2] {
    color: var(--color-text);
    opacity: 1;
}

.app-select-shell:focus-within .app-select__chevron[b-7iemouj3b2] {
    transform: rotate(180deg);
}

.app-select-shell--quiet .app-select[b-7iemouj3b2] {
    background: transparent;
    box-shadow: none;
}

.app-select-shell--strong .app-select[b-7iemouj3b2] {
    background:
        linear-gradient(180deg, rgba(23, 20, 17, 0.96), rgba(23, 20, 17, 0.9)),
        #171411;

    border-color: #171411;
    color: #fbfaf7;
}

.app-select-shell--strong .app-select:hover:not(:disabled)[b-7iemouj3b2],
.app-select-shell--strong .app-select:focus[b-7iemouj3b2] {
    border-color: #26211d;
}

.app-select-shell--strong .app-select__leading-icon[b-7iemouj3b2],
.app-select-shell--strong .app-select__chevron[b-7iemouj3b2] {
    color: #fbfaf7;
}

.app-select option[b-7iemouj3b2] {
    background: #fff;
    color: var(--color-text);
}
/* /Features/Common/Components/AppTabs.razor.rz.scp.css */
.app-tabs[b-6pahi1zr0g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.28rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow-sm);
}

.app-tab[b-6pahi1zr0g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: var(--control-height-sm);
    padding: 0.5rem 0.85rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-soft);
    font-family: var(--font-ui);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1;
}

.app-tab:hover[b-6pahi1zr0g] {
    background: rgba(23, 20, 17, 0.03);
}

.app-tab--active[b-6pahi1zr0g] {
    border-color: var(--color-border);
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-text);
}

.app-tab .material-symbols-outlined[b-6pahi1zr0g] {
    font-size: 1rem !important;
}

.app-tab__image-wrap[b-6pahi1zr0g] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.app-tab__image[b-6pahi1zr0g] {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    flex: 0 0 auto;
}
/* /Features/Common/Components/AppTextInput.razor.rz.scp.css */
.app-input-shell[b-x3xnmqgpj0] {
    position: relative;
    display: grid;
    width: 100%;
}

.app-input[b-x3xnmqgpj0] {
    width: 100%;
    min-width: 0;
    min-height: var(--control-height-md);

    border: 1px solid rgba(23, 20, 17, 0.11);
    border-radius: var(--radius-sm);

    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),
        var(--color-surface-strong);

    color: var(--color-text);

    padding: 0.78rem 0.9rem;

    font: inherit;
    font-family: var(--font-ui);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.1;

    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 18px rgba(23, 20, 17, 0.035);

    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease,
        color 140ms ease;
}

.app-input-shell:has(.app-input__icon) .app-input[b-x3xnmqgpj0] {
    padding-left: 2.7rem;
}

.app-input:hover:not(:disabled)[b-x3xnmqgpj0] {
    border-color: rgba(23, 20, 17, 0.18);
}

.app-input:focus[b-x3xnmqgpj0] {
    outline: none;
    border-color: var(--color-border-strong);
    box-shadow:
        0 0 0 0.18rem rgba(23, 20, 17, 0.08),
        0 10px 22px rgba(23, 20, 17, 0.055);
}

.app-input[b-x3xnmqgpj0]::placeholder {
    color: var(--color-text-faint);
    font-weight: 500;
}

.app-input:disabled[b-x3xnmqgpj0] {
    opacity: 0.55;
    cursor: default;
}

.app-input__icon[b-x3xnmqgpj0] {
    position: absolute;
    inset-block: 0;
    left: 0;

    width: 2.4rem;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--color-text-faint);
    opacity: 0.78;

    pointer-events: none;

    font-family: "Material Symbols Outlined";
    font-size: 1.1rem;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;

    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;

    -webkit-font-smoothing: antialiased;
}

.app-input-shell:focus-within .app-input__icon[b-x3xnmqgpj0] {
    color: var(--color-text);
    opacity: 1;
}
/* /Features/Common/Components/SignInPrompt.razor.rz.scp.css */
.sign-in-prompt[b-uhw2v2cfpt] {
    display: grid;
    gap: var(--space-4);
    max-width: 32rem;
    padding: var(--panel-padding-lg);
    border-radius: var(--radius-md);
}
/* /Features/News/Components/NewsView.razor.rz.scp.css */
.news-shell[b-q6eva83see] {
    display: grid;
    gap: var(--space-4);
}

.news-header-row[b-q6eva83see] {
    display: flex;
    justify-content: center;
    padding-top: 0.15rem;
}

.news-filter-row[b-q6eva83see] {
    position: sticky;
    top: 4.35rem;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: 0.1rem 0 0.35rem;
    margin-bottom: 0;
    background: linear-gradient(to bottom, rgba(252, 251, 248, 0.96), rgba(252, 251, 248, 0.68));
    backdrop-filter: blur(12px);
}
/* /Features/Reading/Components/ReaderBottomDock.razor.rz.scp.css */
.reader-bottom-dock[b-zmqf8zhlqq] {
    display: flex;
    justify-content: center;
}

.reader-dock-bar[b-zmqf8zhlqq] {
    width: fit-content;
    max-width: 100%;
    width: 100%;

    display: grid;
    grid-template-columns: auto minmax(5.8rem, auto) auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.22rem 0.55rem;
    padding: 0.2rem 0.3rem 0.34rem;
    border: 1px solid rgba(23, 20, 17, 0.08);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.62);
}

.reader-dock-label[b-zmqf8zhlqq] {
    white-space: nowrap;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.reader-dock-bar[b-zmqf8zhlqq]  .reader-dock-progress {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 7rem;
}
/* /Features/Reading/Components/ReaderFloatingPanel.razor.rz.scp.css */
.reader-floating-panel[b-0u49v2ti5s] {
    position: absolute;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    padding: 0.16rem;
    border: 1px solid rgba(23, 20, 17, 0.14);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 6px 18px rgba(23, 20, 17, 0.1);
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}
/* /Features/Reading/Components/ReaderSelectionActions.razor.rz.scp.css */
.reader-selection-modes[b-dy6pok94f7] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding-right: 0.45rem;
    border-right: 1px solid rgba(23, 20, 17, 0.12);
}

.reader-selection-mode[b-dy6pok94f7],
.reader-selection-action[b-dy6pok94f7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    height: 2.1rem;
    padding: 0 0.55rem;
    border: 1px solid rgba(23, 20, 17, 0.14);
    border-radius: 0.8rem;
    background: #fff;
    color: var(--color-text-muted);
    font-family: var(--font-ui-serif, var(--font-reading));
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.reader-selection-mode--active[b-dy6pok94f7] {
    border-color: rgba(52, 105, 190, 0.62);
    color: var(--color-text);
    background: rgba(52, 105, 190, 0.08);
}

.reader-selection-action:disabled[b-dy6pok94f7] {
    opacity: 0.38;
    cursor: default;
}

.reader-selection-mode:hover[b-dy6pok94f7],
.reader-selection-action:hover:not(:disabled)[b-dy6pok94f7],
.reader-selection-mode:focus-visible[b-dy6pok94f7],
.reader-selection-action:focus-visible[b-dy6pok94f7] {
    border-color: rgba(23, 20, 17, 0.44);
    color: var(--color-text);
    outline: none;
}
/* /Features/Reading/Components/ReaderTapOptionsPopover.razor.rz.scp.css */
.tap-options-popover[b-8pxz00nc4o] {
    position: sticky;
    top: 4.2rem;
    z-index: 18;
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-3);
}

.tap-options-card[b-8pxz00nc4o] {
    padding: var(--space-2);
}

@media (max-width: 700px) {
    .tap-options-popover[b-8pxz00nc4o] {
        top: 3.9rem;
    }
}
/* /Features/Reading/Components/ReaderTextSurface.razor.rz.scp.css */
.reader-page[b-g39ic8awuh] {
    position: relative;
    min-height: 44rem;
    padding: clamp(1.75rem, 3vw, 3rem);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: #fff;
    overflow: visible;
}

.reader-page p[b-g39ic8awuh] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.35rem;
    color: #231e1a;
    font-family: var(--font-reading);
    font-size: clamp(1.08rem, 1rem + 0.22vw, 1.2rem);
    line-height: 1.86;
}

.reader-page p span[data-translated="true"][b-g39ic8awuh] {
    color: #231e1a;
    font-weight: 600;
}

.reader-page p .reader-translated-fragment[b-g39ic8awuh] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    max-width: 100%;
    vertical-align: baseline;
}

.reader-page p .reader-translated-fragment__text[b-g39ic8awuh] {
    min-width: 0;
}

.reader-range-layer[b-g39ic8awuh] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.reader-fragment-action-layer[b-g39ic8awuh] {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}

.reader-fragment-action-layer[b-g39ic8awuh]  .reader-fragment-actions {
    position: absolute;
    pointer-events: auto;
}

.reader-fragment-action-layer[b-g39ic8awuh]  .reader-selection-actions {
    pointer-events: auto;
}

.reader-range-fill[b-g39ic8awuh],
.reader-range-frame[b-g39ic8awuh] {
    position: absolute;
    border-radius: 4px;
}

.reader-range-fill[b-g39ic8awuh] {
    border: 2px solid transparent;
    pointer-events: none;
}

.reader-range-frame[b-g39ic8awuh] {
    border: 2px solid transparent;
    background: transparent;
    cursor: default;
    pointer-events: none;
    transition: border-color 120ms ease;
}

.reader-range-fill--selection[b-g39ic8awuh],
.reader-range-fill--selection-loading[b-g39ic8awuh] {
    background: rgba(52, 105, 190, 0.14);
}

.reader-range-fill--translation[b-g39ic8awuh],
.reader-range-fill--active-translation.reader-range-fill--translation[b-g39ic8awuh] {
    background: rgba(216, 174, 55, 0.22);
}

.reader-range-fill--vocabulary[b-g39ic8awuh],
.reader-range-fill--active-translation.reader-range-fill--vocabulary[b-g39ic8awuh] {
    background: rgba(146, 44, 44, 0.16);
}

.reader-range-frame--selection[b-g39ic8awuh],
.reader-range-frame--selection-loading[b-g39ic8awuh] {
    border-color: rgba(52, 105, 190, 0.92);
}

.reader-range-frame--active-translation.reader-range-frame--translation[b-g39ic8awuh] {
    border-color: rgba(216, 174, 55, 0.92);
}

.reader-range-frame--active-translation.reader-range-frame--vocabulary[b-g39ic8awuh] {
    border-color: rgba(146, 44, 44, 0.86);
}

.reader-range-frame--translation:hover[b-g39ic8awuh] {
    border-color: rgba(216, 174, 55, 0.46);
}

.reader-range-frame--vocabulary:hover[b-g39ic8awuh] {
    border-color: rgba(146, 44, 44, 0.46);
}

.reader-range-frame--selection:hover[b-g39ic8awuh],
.reader-range-frame--selection-loading:hover[b-g39ic8awuh] {
    border-color: rgba(52, 105, 190, 0.92);
}

.reader-range-fill--selection-loading[b-g39ic8awuh] {
    animation: reader-selection-loading-b-g39ic8awuh 1.1s ease-in-out infinite;
}

.reader-range-frame--selection-loading[b-g39ic8awuh] {
    animation: reader-frame-loading-b-g39ic8awuh 1.1s ease-in-out infinite;
}

@keyframes reader-selection-loading-b-g39ic8awuh {
    0%,
    100% {
        background: rgba(52, 105, 190, 0.1);
    }

    50% {
        background: rgba(52, 105, 190, 0.24);
    }
}

@keyframes reader-frame-loading-b-g39ic8awuh {
    0%,
    100% {
        border-color: rgba(52, 105, 190, 0.42);
    }

    50% {
        border-color: rgba(52, 105, 190, 0.95);
    }
}

@media (max-width: 700px) {
    .reader-page[b-g39ic8awuh] {
        min-height: 68vh;
        padding: 1.35rem 1rem 1.55rem;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .reader-page p[b-g39ic8awuh] {
        font-size: 1.04rem;
    }
}
/* /Features/Reading/Components/ReaderTranslatedFragmentActions.razor.rz.scp.css */
.reader-fragment-actions[b-xuuj8vvb2c] {
    position: relative;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    vertical-align: baseline;
}

.reader-fragment-actions--popup[b-xuuj8vvb2c] {
    padding: 0.36rem;
    border: 1px solid rgba(23, 20, 17, 0.14);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 10px 24px rgba(23, 20, 17, 0.12);
}

.reader-fragment-actions--active .reader-fragment-action[b-xuuj8vvb2c] {
    border-color: rgba(23, 20, 17, 0.42);
}

.reader-fragment-action[b-xuuj8vvb2c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.2rem 0.62rem;
    border: 1px solid rgba(23, 20, 17, 0.18);
    border-radius: 0.78rem;
    background: #fff;
    color: var(--color-text-muted);
    font-family: var(--font-ui-serif, var(--font-reading));
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.reader-fragment-action--select[b-xuuj8vvb2c] {
    display: inline-flex;
    gap: 0.22rem;
    min-height: 1.55rem;
    padding: 0.1rem 0.44rem;
    border-color: rgba(23, 20, 17, 0.16);
    background: rgba(255, 255, 255, 0.94);
    color: var(--color-text-muted);
    font-family: var(--font-ui);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1;
    vertical-align: text-bottom;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.62);
    background-clip: padding-box;
    isolation: isolate;
}

.reader-fragment-action--select[b-xuuj8vvb2c],
.reader-fragment-action--select *[b-xuuj8vvb2c] {
    background-color: #fff;
}

.reader-fragment-action--icon[b-xuuj8vvb2c] {
    width: 2rem;
    padding: 0;
}

.reader-fragment-action--danger[b-xuuj8vvb2c] {
    color: var(--color-error);
    border-color: rgba(146, 44, 44, 0.24);
}

.reader-fragment-action:hover[b-xuuj8vvb2c],
.reader-fragment-action:focus-visible[b-xuuj8vvb2c] {
    border-color: rgba(23, 20, 17, 0.48);
    color: var(--color-text);
    outline: none;
}

.reader-fragment-actions--vocabulary .reader-fragment-action[b-xuuj8vvb2c] {
    border-color: rgba(146, 44, 44, 0.34);
}
/* /Features/Reading/Components/ReaderView.razor.rz.scp.css */
.reader-shell[b-mn8ppbbhqs] {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: var(--space-6);
}
/* /Features/Reading/Components/ReadingItemHeader.razor.rz.scp.css */
.reader-header[b-r2ki8kwxc3] {
    margin: 0 0 var(--space-4);
    padding: 0.8rem 0 0;
}

.reader-progress-dock[b-r2ki8kwxc3] {
    position: sticky;
    top: var(--reader-header-offset);
    z-index: 8;

    width: 100%;
    min-width: 0;

    padding: 0.45rem 0;
    margin: 0 0 var(--space-4);

    background: color-mix(in srgb, var(--color-background) 92%, white 8%);
    backdrop-filter: blur(16px);
}

.reader-progress-dock > *[b-r2ki8kwxc3] {
    width: 100%;
}

.reader-title[b-r2ki8kwxc3] {
    margin: 0;
    font-family: var(--font-ui-serif, var(--font-reading));
    font-size: clamp(1.6rem, 5.5vw, 2.35rem);
    font-weight: 600;
}

.reader-meta[b-r2ki8kwxc3] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-4);
}

.reader-article-header[b-r2ki8kwxc3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3);
    align-items: center;
}

.reader-article-header__content[b-r2ki8kwxc3] {
    display: grid;
    gap: 0.48rem;
    min-width: 0;
}

.reader-article-header__source-row[b-r2ki8kwxc3] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.reader-article-header__source-link[b-r2ki8kwxc3] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    text-decoration: none;
}

.reader-article-header__badges[b-r2ki8kwxc3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.reader-article-header__meta[b-r2ki8kwxc3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    color: var(--color-text-muted);
    font-size: var(--text-meta);
    font-weight: 600;
}

.reader-article-header__meta span[b-r2ki8kwxc3]::after {
    content: "•";
    margin-left: 0.42rem;
}

.reader-article-header__meta span:last-child[b-r2ki8kwxc3]::after {
    content: none;
    margin-left: 0;
}

.reader-article-header__link[b-r2ki8kwxc3] {
    width: fit-content;
    color: var(--color-text);
    font-size: var(--text-caption);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.reader-article-header__aside[b-r2ki8kwxc3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.reader-article-header__image-wrap[b-r2ki8kwxc3] {
    overflow: hidden;
}

.reader-article-header__image[b-r2ki8kwxc3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

@media (max-width: 700px) {
    .reader-header[b-r2ki8kwxc3] {
        padding-top: 0.5rem;
    }

    .reader-article-header[b-r2ki8kwxc3] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .reader-progress-dock[b-r2ki8kwxc3] {
        padding: 0.35rem 0;
    }
}
/* /Features/ReadingItems/Components/ReadingItemCard.razor.rz.scp.css */
.reading-item-row__layout[b-yu4412e0zs] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: var(--space-4);
    width: 100%;
}

.reading-item-row__media[b-yu4412e0zs] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
}

.reading-item-row__thumb[b-yu4412e0zs] {
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    width: 6rem;
    height: 6rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    background: var(--color-surface-strong);
}

.reading-item-row__thumb-image[b-yu4412e0zs],
.reading-item-row__thumb-fallback[b-yu4412e0zs],
.reading-item-row__thumb-media[b-yu4412e0zs] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.reading-item-row__thumb-fallback--article[b-yu4412e0zs] {
    position: relative;
    overflow: hidden;
}

.reading-item-row__thumb-fallback--article[b-yu4412e0zs]::after {
    content: "";
    position: absolute;
    inset: 0.5rem;
    border-top: 0.18rem solid rgba(23, 20, 17, 0.18);
    border-bottom: 0.18rem solid rgba(23, 20, 17, 0.08);
}

.reading-item-row__body[b-yu4412e0zs] {
    display: grid;
    gap: 0.52rem;
    min-width: 0;
}

.reading-item-row__topline[b-yu4412e0zs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    min-width: 0;
}

.reading-item-row__badges[b-yu4412e0zs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    min-width: 0;
}

.reading-item-row__title[b-yu4412e0zs] {
    font-family: var(--font-reading);
    font-size: clamp(1.16rem, 1.02rem + 0.45vw, 1.38rem);
    font-weight: 600;
    line-height: 1.16;
}

.reading-item-row__meta[b-yu4412e0zs],
.reading-item-row__excerpt[b-yu4412e0zs] {
    color: var(--color-text-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.reading-item-row__meta[b-yu4412e0zs] {
    font-weight: 650;
}

.reading-item-row__excerpt[b-yu4412e0zs] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reading-item-row__side-meta[b-yu4412e0zs] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.reading-item-row__primary-action[b-yu4412e0zs] {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.15rem;
}

@media (max-width: 520px) {
    .reading-item-row__layout[b-yu4412e0zs] {
        grid-template-columns: 5rem minmax(0, 1fr);
        gap: var(--space-2);
    }

    .reading-item-row__thumb[b-yu4412e0zs] {
        width: 5rem;
        height: 5rem;
    }

    .reading-item-row__topline[b-yu4412e0zs] {
        flex-direction: column;
    }

    .reading-item-row__side-meta[b-yu4412e0zs] {
        justify-content: flex-start;
    }
}
/* /Features/ReadingItems/Components/ReadingItemSourceBadge.razor.rz.scp.css */
/* /Features/ReadingItems/Components/ReadingItemSourceMark.razor.rz.scp.css */
.reading-item-source-mark[b-ru3a0j346e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
/* /Features/ReadingItems/Components/ReadingProgressCompact.razor.rz.scp.css */
.reading-progress-compact[b-cwxy6g4ior] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.reading-progress-compact span[b-cwxy6g4ior] {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
    font-weight: 700;
    line-height: 1;
}
/* /Features/Settings/Components/SettingsView.razor.rz.scp.css */
.settings-panel[b-a1bq3plv2t] {
    display: grid;
    gap: var(--space-5);
    max-width: 30rem;
}

.settings-panel .app-inline-success[b-a1bq3plv2t],
.settings-panel .app-inline-error[b-a1bq3plv2t] {
    margin-top: calc(var(--space-2) * -1);
}
/* /Features/Training/Components/TrainingView.razor.rz.scp.css */
.training-section :deep(.app-section__body)[b-ercgppqjz0] {
    gap: 1.2rem;
}

.training-card-wrap[b-ercgppqjz0] {
    position: relative;
    width: 100%;
    min-height: 15rem;
    perspective: 1200px;
}

.training-card-stage[b-ercgppqjz0] {
    position: relative;
    height: 15rem;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform 0.55s ease;
    will-change: transform;
}

.training-card-wrap--instant .training-card-stage[b-ercgppqjz0] {
    transition: none;
}

.training-card-face[b-ercgppqjz0] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: center center;
}

.training-card-face--front[b-ercgppqjz0] {
    transform: rotateY(0deg);
}

.training-card-face--back[b-ercgppqjz0] {
    transform: rotateY(180deg);
}

.training-card-wrap--revealed .training-card-stage[b-ercgppqjz0] {
    transform: rotateY(180deg);
}

.training-card[b-ercgppqjz0] {
    display: grid;
    align-content: center;
    gap: 0.85rem;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: var(--panel-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.training-card--back-panel[b-ercgppqjz0] {
    box-shadow: 0 14px 30px rgba(23, 20, 17, 0.08);
}

.training-card--original[b-ercgppqjz0] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 244, 239, 0.98));
    border-color: rgba(23, 20, 17, 0.08);
}

.training-card--translation[b-ercgppqjz0] {
    background:
        linear-gradient(180deg, rgba(246, 240, 230, 0.98), rgba(238, 229, 214, 0.98));
    border-color: rgba(135, 107, 69, 0.14);
}

.training-card--translation .training-card__label[b-ercgppqjz0] {
    color: rgba(110, 84, 50, 0.88);
}

.training-card--translation .training-card__hint[b-ercgppqjz0] {
    color: rgba(90, 74, 57, 0.72);
}

.training-card__label[b-ercgppqjz0],
.training-card__hint[b-ercgppqjz0] {
    margin: 0;
}

.training-card__label[b-ercgppqjz0] {
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.training-card__value[b-ercgppqjz0] {
    margin: 0;
    font-family: var(--font-reading);
    font-size: clamp(2rem, 7vw, 3rem);
    line-height: 1.04;
}

.training-card__hint[b-ercgppqjz0] {
    color: var(--color-text-soft);
}
/* /Features/Users/Components/LoginView.razor.rz.scp.css */
.login-view__mode[b-9e59ts3oiu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.login-view__submit[b-9e59ts3oiu] {
    width: 100%;
    margin-top: var(--space-2);
}
/* /Features/Vocabulary/Components/VocabularyEntryList.razor.rz.scp.css */
.vocabulary-entry-list[b-x3l79gohuk] {
    display: grid;
    gap: 0.65rem;
}

.vocabulary-entry-card[b-x3l79gohuk] {
    position: relative;
    overflow: visible;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;

    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(23, 20, 17, 0.09);
    border-radius: 1rem;

    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78)),
        var(--color-surface);

    box-shadow:
        0 8px 22px rgba(23, 20, 17, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

    transition:
        transform 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease;
}

.vocabulary-entry-card[b-x3l79gohuk]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(circle at 0% 0%, rgba(23, 20, 17, 0.05), transparent 34%),
        linear-gradient(90deg, rgba(23, 20, 17, 0.025), transparent 38%);
    opacity: 0.75;
}

.vocabulary-entry-card:hover[b-x3l79gohuk] {
    transform: translateY(-1px);
    border-color: rgba(23, 20, 17, 0.14);
    box-shadow:
        0 12px 28px rgba(23, 20, 17, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.vocabulary-entry-card__main[b-x3l79gohuk] {
    position: relative;
    z-index: 1;

    min-width: 0;
    display: grid;
    gap: 0.32rem;

    cursor: pointer;
}

.vocabulary-entry-card__meta-row[b-x3l79gohuk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;

    min-width: 0;
}

.vocabulary-entry-card__text[b-x3l79gohuk] {
    min-width: 0;

    color: var(--color-text);
    font-family: var(--font-reading);
    font-size: clamp(1.08rem, 0.96rem + 0.45vw, 1.35rem);
    line-height: 1.15;
    letter-spacing: -0.015em;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vocabulary-entry-card__translation[b-x3l79gohuk] {
    margin: 0;

    color: var(--color-text-soft);
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vocabulary-entry-card__description[b-x3l79gohuk] {
    margin: 0;

    color: var(--color-text-muted);
    font-size: 0.84rem;
    line-height: 1.35;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vocabulary-entry-card__actions[b-x3l79gohuk] {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    align-self: start;
}

@media (max-width: 560px) {
    .vocabulary-entry-card[b-x3l79gohuk] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.55rem;
    }

    .vocabulary-entry-card__actions[b-x3l79gohuk] {
        justify-content: flex-end;
    }

    .vocabulary-entry-card__meta-row[b-x3l79gohuk] {
        align-items: flex-start;
    }
}
/* /Features/Vocabulary/Components/WordDetailsView.razor.rz.scp.css */
.word-details-page[b-r8epijzziv] {
    display: grid;
    gap: 1.4rem;
}

.word-details-hero[b-r8epijzziv],
.word-details-ai-panel[b-r8epijzziv] {
    border-radius: 1rem;
    border-color: color-mix(in srgb, var(--color-border) 88%, white 12%);
}

.word-details-hero[b-r8epijzziv] {
    display: grid;
    gap: 1.65rem;
}

.word-details-hero__header[b-r8epijzziv] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--space-3);
}

.word-details-hero__title-block[b-r8epijzziv] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.word-details-hero__actions[b-r8epijzziv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    max-width: 16rem;
}

.word-details-hero__title-row[b-r8epijzziv] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.word-details-hero__title[b-r8epijzziv] {
    margin: 0;
    font-size: clamp(3.8rem, 8vw, 5rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
    font-weight: 700;
}

.word-details-hero__subtitle[b-r8epijzziv],
.word-details-hero__eyebrow[b-r8epijzziv] {
    margin: 0;
}

.word-details-hero__subtitle[b-r8epijzziv] {
    font-size: 1.05rem;
    color: var(--color-text-soft);
}

.word-details-hero__eyebrow[b-r8epijzziv] {
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.word-details-hero__icon-button[b-r8epijzziv] {
    width: 3.6rem;
    min-height: 3.6rem;
    border-radius: 0.9rem;
    border-color: color-mix(in srgb, var(--color-border) 82%, white 18%);
}

.word-details-hero__icon-button--active[b-r8epijzziv] {
    box-shadow: inset 0 0 0 1px rgba(23, 20, 17, 0.04);
}

.word-details-hero__action-button[b-r8epijzziv] {
    min-height: 2.45rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.word-details-metadata[b-r8epijzziv] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    column-gap: 0;

    padding-top: 1.7rem;
    border-top: 1px solid var(--color-border);
}

.word-details-metadata__item[b-r8epijzziv] {
    display: flex;
    align-items: center;
    gap: 1rem;

    padding-right: 1.7rem;
    margin-right: 1.7rem;
    border-right: 1px solid var(--color-border);
}

.word-details-metadata__item:last-child[b-r8epijzziv] {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.word-details-metadata__item:last-child[b-r8epijzziv] {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.word-details-metadata__label[b-r8epijzziv],
.word-details-block__label[b-r8epijzziv] {
    margin: 0;
    color: var(--color-text);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.word-details-block[b-r8epijzziv] {
    display: grid;
    gap: 0.95rem;
    padding-top: 1.7rem;
    border-top: 1px solid var(--color-border);
}

.word-details-block__copy[b-r8epijzziv] {
    margin: 0;
    max-width: 38rem;
    font-size: 1.08rem;
    line-height: 1.58;
}

.word-details-block__copy--muted[b-r8epijzziv] {
    color: var(--color-text-muted);
}

.word-details-ai-panel[b-r8epijzziv] {
    display: grid;
    gap: 1.1rem;
}

.word-details-ai-panel__header[b-r8epijzziv],
.word-details-context-panel__header[b-r8epijzziv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.word-details-ai-grid[b-r8epijzziv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.word-details-ai-metric[b-r8epijzziv] {
    display: grid;
    gap: 0.55rem;
    padding: 0.55rem 1.3rem 0.55rem 0;
    border-right: 1px solid var(--color-border);
}

.word-details-ai-metric:last-child[b-r8epijzziv] {
    border-right: none;
}

.word-details-ai-metric__label[b-r8epijzziv] {
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.word-details-ai-metric__value[b-r8epijzziv] {
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    line-height: 1;
    letter-spacing: -0.03em;
    font-weight: 500;
}

.word-details-ai-panel__summary[b-r8epijzziv],
.word-details-empty[b-r8epijzziv],
.word-details-example__date[b-r8epijzziv] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-meta);
}

.word-details-empty[b-r8epijzziv] {
    padding: 0.2rem 0;
}

.word-details-section + .word-details-section[b-r8epijzziv] {
    margin-top: 1.2rem;
}

.word-details-section[b-r8epijzziv] {
    padding-top: 0.2rem;
}

.word-details-section :deep(.app-section__header)[b-r8epijzziv] {
    align-items: center;
}

.word-details-section :deep(.app-section__title)[b-r8epijzziv] {
    margin: 0;
    font-family: var(--font-ui);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.word-details-section :deep(.app-section__subtitle)[b-r8epijzziv] {
    display: none;
}

.word-details-section :deep(.app-section__body)[b-r8epijzziv] {
    gap: 1rem;
}

.word-details-examples[b-r8epijzziv] {
    display: grid;
    gap: 1.15rem;
}

.word-details-example[b-r8epijzziv] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.2rem 1.1rem;
    border-radius: 1rem;
}

.word-details-example__top[b-r8epijzziv],
.word-details-example__footer[b-r8epijzziv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.word-details-example__text[b-r8epijzziv],
.word-details-example__translation[b-r8epijzziv] {
    margin: 0;
}

.word-details-example__text[b-r8epijzziv] {
    font-size: 1.05rem;
    line-height: 1.48;
}

.word-details-example__translation[b-r8epijzziv] {
    color: var(--color-text-muted);
    font-size: 0.98rem;
    line-height: 1.6;
}

.word-details-related[b-r8epijzziv] {
    display: grid;
    gap: 1.35rem;
    padding-top: 0.35rem;
}

.word-details-related__row[b-r8epijzziv] {
    display: grid;
    grid-template-columns: minmax(11rem, 16rem) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
}

.word-details-related__label[b-r8epijzziv] {
    margin: 0;
    color: var(--color-text);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.word-details-related__tags[b-r8epijzziv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

@media (max-width: 700px) {
    .word-details-hero__header[b-r8epijzziv] {
        flex-direction: column;
        align-items: stretch;
    }

    .word-details-hero[b-r8epijzziv],
    .word-details-ai-panel[b-r8epijzziv] {
        padding: var(--space-4);
    }

    .word-details-metadata[b-r8epijzziv] {
        display: grid;
        gap: 0.85rem;
    }

    .word-details-metadata__item[b-r8epijzziv] {
        justify-content: space-between;
        padding-right: 0;
        padding-bottom: 0.85rem;
        border-right: none;
        border-bottom: 1px solid var(--color-border);
    }

    .word-details-metadata[b-r8epijzziv] {
        gap: 0.75rem;
    }

    .word-details-metadata__item[b-r8epijzziv] {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .word-details-ai-grid[b-r8epijzziv] {
        grid-template-columns: 1fr;
    }

    .word-details-ai-metric[b-r8epijzziv] {
        border-right: none;
        padding: 0.15rem 0 0.95rem;
        border-bottom: 1px solid var(--color-border);
    }

    .word-details-ai-metric:last-child[b-r8epijzziv] {
        border-bottom: none;
    }

    .word-details-related__row[b-r8epijzziv] {
        grid-template-columns: 1fr;
        gap: var(--space-2);
    }

    .word-details-section :deep(.app-section__title)[b-r8epijzziv] {
        font-size: 1.6rem;
    }

    .word-details-hero__actions[b-r8epijzziv] {
        justify-content: flex-start;
    }
}
/* /Layout/AppBottomNav.razor.rz.scp.css */
.bottom-nav[b-oe5wz0bx9s] {
    position: relative;
    isolation: isolate;

    width: min(100%, 28rem);
    margin-inline: auto;

    z-index: 1;

    padding: 0.38rem 0.44rem calc(0.38rem + env(safe-area-inset-bottom, 0px));

    border: 1px solid rgba(23, 20, 17, 0.08);
    border-radius: 1.65rem;

    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.76)),
        rgba(255, 255, 255, 0.82);

    backdrop-filter: blur(24px) saturate(1.14);
    -webkit-backdrop-filter: blur(24px) saturate(1.14);

    box-shadow:
        0 18px 48px rgba(23, 20, 17, 0.11),
        0 2px 8px rgba(23, 20, 17, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.bottom-nav[b-oe5wz0bx9s]::before,
.bottom-nav[b-oe5wz0bx9s]::after {
    content: "";
    position: absolute;
    top: 0.45rem;
    bottom: calc(0.45rem + env(safe-area-inset-bottom, 0px));
    z-index: 2;
    width: 1.65rem;
    pointer-events: none;
}

.bottom-nav[b-oe5wz0bx9s]::before {
    left: 0.35rem;
    border-radius: 1.25rem 0 0 1.25rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0));
}

.bottom-nav[b-oe5wz0bx9s]::after {
    right: 0.35rem;
    border-radius: 0 1.25rem 1.25rem 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0));
}

.bottom-nav__scroller[b-oe5wz0bx9s] {
    display: flex;
    align-items: stretch;
    gap: 0.35rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

.bottom-nav__scroller[b-oe5wz0bx9s]::-webkit-scrollbar {
    display: none;
}

.bottom-nav__scroller:focus-visible[b-oe5wz0bx9s] {
    outline: 2px solid rgba(52, 105, 190, 0.45);
    outline-offset: 0.18rem;
    border-radius: 1.1rem;
}

.bottom-nav__scroller[b-oe5wz0bx9s]  .bottom-nav__item {
    flex: 0 0 clamp(4.25rem, 18vw, 5.25rem);
    min-width: 4.25rem;
    min-height: 3.55rem;
    scroll-snap-align: start;

    padding: 0.42rem 0.2rem;
    gap: 0.24rem;

    border-radius: 1.15rem;
}

.bottom-nav--embedded[b-oe5wz0bx9s] {
    position: static;
    width: min(100%, 42rem);
    margin: var(--space-2) auto 0;

    box-shadow:
        0 14px 34px rgba(23, 20, 17, 0.08),
        0 2px 8px rgba(23, 20, 17, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

@media (max-width: 520px) {
    .bottom-nav[b-oe5wz0bx9s] {
        width: min(100%, 24rem);
        padding-inline: 0.4rem;
        border-radius: 1.4rem;
    }

    .bottom-nav__scroller[b-oe5wz0bx9s]  .bottom-nav__item {
        flex-basis: 4.35rem;
        min-height: 3.55rem;
        padding-inline: 0.15rem;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-3tsus39eoh] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--color-bg);
    color: var(--color-text);
}

.app-layout__top[b-3tsus39eoh] {
    position: sticky;
    top: 0;
    z-index: 20;
    /* background: var(--color-bg); */
    /* border-bottom: 1px solid var(--color-border); */
}

.app-layout__content[b-3tsus39eoh] {
    flex: 1;
}

.app-layout__bottom[b-3tsus39eoh] {
    position: sticky;
    bottom: 0;
    z-index: 20;
    /* background: var(--color-bg); */
    /* border-top: 1px solid var(--color-border); */
    padding-bottom: env(safe-area-inset-bottom);
}

.app-layout__top-inner[b-3tsus39eoh],
.app-layout__content-inner[b-3tsus39eoh],
.app-layout__bottom-inner[b-3tsus39eoh] {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    padding-inline: 1rem;
}

.app-layout__top-inner[b-3tsus39eoh] {
    padding-block: 0rem;
}

.app-layout__bottom-inner[b-3tsus39eoh] {
    padding-block: 0.5rem;
}

.app-shell[b-3tsus39eoh] {
    padding-block: 1rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

@media (min-width: 768px) {
    .app-layout__top-inner[b-3tsus39eoh],
    .app-layout__content-inner[b-3tsus39eoh],
    .app-layout__bottom-inner[b-3tsus39eoh] {
        padding-inline: 1.5rem;
    }

    .app-shell[b-3tsus39eoh] {
        padding-block: 1.5rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.top-row[b-3dsovrsaa3] {
    min-height: 4.25rem;
    background: transparent;
}

.nav-shell[b-3dsovrsaa3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: 1rem var(--shell-gutter) 0.9rem;
}

.navbar-brand[b-3dsovrsaa3] {
    display: grid;
    gap: 0.1rem;
    color: var(--color-text);
    text-decoration: none;
}

.navbar-brand__title[b-3dsovrsaa3] {
    font-family: var(--font-reading);
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.1;
}

.navbar-brand__subtitle[b-3dsovrsaa3] {
    color: var(--color-text-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.navbar-toggler[b-3dsovrsaa3] {
    border: 1px solid color-mix(in srgb, var(--color-border-strong) 72%, transparent);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.82);
    padding: 0.6rem 0.72rem;
    box-shadow: var(--shadow-sm);
}

.navbar-toggler:focus[b-3dsovrsaa3] {
    box-shadow: none;
}

.navbar-toggler-icon[b-3dsovrsaa3] {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23171411' stroke-linecap='round' stroke-width='1.4' d='M2.5 4h11M2.5 8h11M2.5 12h11'/%3E%3C/svg%3E");
}

.nav-scrollable[b-3dsovrsaa3] {
    padding: 0.45rem var(--shell-gutter) var(--space-5);
}

.nav-menu[b-3dsovrsaa3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3dsovrsaa3] {
        display: none;
    }

    .collapse[b-3dsovrsaa3] {
        display: block;
    }

    .nav-scrollable[b-3dsovrsaa3] {
        height: calc(100vh - 4.25rem);
        overflow-y: auto;
    }
}
/* /Layout/SessionStatusBar.razor.rz.scp.css */
.top-row[b-jvuv9etmw1] {
    min-height: 4.1rem;
    padding: env(safe-area-inset-top, 0px) 0 0;
    background: rgba(252, 251, 248, 0.82);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border-strong) 42%, transparent);
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    backdrop-filter: blur(14px);
    position: relative;
    z-index: 1;
}

.top-row[b-jvuv9etmw1]  a,
.top-row[b-jvuv9etmw1]  .btn-link {
    white-space: nowrap;
    text-decoration: none;
}

.session-status[b-jvuv9etmw1] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    margin-right: auto;
}

.session-status__label[b-jvuv9etmw1] {
    color: var(--color-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.session-status__user[b-jvuv9etmw1] {
    color: var(--color-text);
    font-size: 0.95rem;
    font-weight: 600;
}

.session-link[b-jvuv9etmw1] {
    color: var(--color-text);
    font-size: 0.9rem;
    font-weight: 600;
}