@import '_content/JoyleeBook.Web.Shared/JoyleeBook.Web.Shared.bundle.scp.css';

/* _content/JoyleeBook.Public/Components/Layout/AuthorStudioLayout.razor.rz.scp.css */
.studio-layout[b-9q01mhtwdx] { min-height: 100dvh; background: var(--jl-color-bg-canvas); }
.studio-layout[b-9q01mhtwdx]  .studio-appbar { background: color-mix(in srgb, var(--jl-color-bg-canvas) 94%, transparent); color: var(--jl-color-text-primary); border-bottom: 1px solid var(--jl-color-border-default); backdrop-filter: blur(14px); }
.studio-wordmark[b-9q01mhtwdx] { display: flex; align-items: center; gap: var(--jl-space-2); color: var(--jl-color-text-primary); text-decoration: none; font-weight: 700; }
.studio-wordmark small[b-9q01mhtwdx] { padding-left: var(--jl-space-2); border-left: 1px solid var(--jl-color-border-default); color: var(--jl-color-text-secondary); font-size: .65rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.studio-public-link[b-9q01mhtwdx] { color: var(--jl-color-text-secondary); font-size: .8125rem; font-weight: 600; text-decoration: none; }
.studio-public-link:hover[b-9q01mhtwdx] { color: var(--jl-color-text-link); }
.studio-layout[b-9q01mhtwdx]  .studio-drawer { background: var(--jl-color-bg-surface); border-right: 1px solid var(--jl-color-border-default); }
.studio-profile[b-9q01mhtwdx] { display: flex; align-items: center; gap: var(--jl-space-3); padding: var(--jl-space-6) var(--jl-space-5); border-bottom: 1px solid var(--jl-color-border-default); }
.studio-profile > div[b-9q01mhtwdx] { display: flex; min-width: 0; flex-direction: column; }
.studio-profile strong[b-9q01mhtwdx] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; }
.studio-profile span[b-9q01mhtwdx] { color: var(--jl-color-text-secondary); font-size: .75rem; }
.studio-navigation[b-9q01mhtwdx] { padding: var(--jl-space-4) var(--jl-space-3); }
.studio-navigation > p[b-9q01mhtwdx] { margin: var(--jl-space-5) var(--jl-space-3) var(--jl-space-2); color: var(--jl-color-text-muted); font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.studio-navigation[b-9q01mhtwdx]  .mud-nav-link { min-height: 44px; border-radius: var(--jl-radius-md); }
.studio-navigation[b-9q01mhtwdx]  .mud-nav-link.active { background: var(--jl-color-bg-brand-subtle); color: var(--jl-color-text-brand); }
.studio-nav-disabled[b-9q01mhtwdx] { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: var(--jl-space-3); min-height: 44px; padding: 8px 12px; color: var(--jl-color-text-disabled); font-size: .875rem; }
.studio-nav-disabled small[b-9q01mhtwdx] { font-size: .625rem; }
.studio-rights-note[b-9q01mhtwdx] { display: flex; align-items: flex-start; gap: var(--jl-space-3); margin: var(--jl-space-6) var(--jl-space-4); padding: var(--jl-space-4); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md); background: var(--jl-color-bg-surface-subtle); }
.studio-rights-note div[b-9q01mhtwdx] { display: flex; flex-direction: column; }
.studio-rights-note strong[b-9q01mhtwdx] { font-size: .75rem; }
.studio-rights-note span[b-9q01mhtwdx] { color: var(--jl-color-text-secondary); font-size: .6875rem; }
.studio-layout[b-9q01mhtwdx]  .studio-main { background: var(--jl-color-bg-canvas); }
.studio-content[b-9q01mhtwdx] { width: min(100% - 40px, 1180px); margin-inline: auto; padding-block: var(--jl-space-10) var(--jl-space-16); }

@media (max-width: 599px) {
    .studio-wordmark small[b-9q01mhtwdx], .studio-public-link[b-9q01mhtwdx] { display: none; }
    .studio-content[b-9q01mhtwdx] { width: min(100% - 32px, 1180px); padding-top: var(--jl-space-6); }
}
/* _content/JoyleeBook.Public/Components/Layout/NotificationMenu.razor.rz.scp.css */
.notification-menu[b-30h9kn67hn] { display: inline-flex; }
.notification-panel[b-30h9kn67hn] { display: flex; width: min(380px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 120px)); flex-direction: column; }
.notification-panel__header[b-30h9kn67hn] { display: flex; align-items: center; justify-content: space-between; gap: var(--jl-space-2); padding: var(--jl-space-3) var(--jl-space-2) var(--jl-space-3) var(--jl-space-4); border-bottom: 1px solid var(--jl-color-border-default); }
.notification-panel__header h2[b-30h9kn67hn] { margin: 0; color: var(--jl-color-text-primary); font-size: 1rem; font-weight: 700; line-height: 1.4; }
.notification-panel__live[b-30h9kn67hn] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.notification-panel__body[b-30h9kn67hn] { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.notification-panel__state[b-30h9kn67hn] { display: grid; justify-items: center; gap: var(--jl-space-2); padding: var(--jl-space-8) var(--jl-space-6); color: var(--jl-color-text-secondary); text-align: center; }
.notification-panel__state p[b-30h9kn67hn] { margin: 0; font-size: .875rem; line-height: 1.5; }
.notification-panel__state strong[b-30h9kn67hn] { color: var(--jl-color-text-primary); }
.notification-panel__footer[b-30h9kn67hn] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--jl-space-2); padding: var(--jl-space-2); border-top: 1px solid var(--jl-color-border-default); }
.notification-panel__footer-error[b-30h9kn67hn] { color: var(--jl-color-text-danger); font-size: var(--jl-type-caption-size); }

.notification-list[b-30h9kn67hn] { margin: 0; padding: 0; list-style: none; }
.notification-item[b-30h9kn67hn] { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: var(--jl-space-3); padding: var(--jl-space-3) var(--jl-space-4); }
.notification-item + .notification-item[b-30h9kn67hn] { border-top: 1px solid var(--jl-color-border-default); }
.notification-item--unread[b-30h9kn67hn] { background: var(--jl-color-bg-brand-subtle); }
.notification-item__icon[b-30h9kn67hn] { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: var(--jl-radius-full); background: var(--jl-color-bg-surface-subtle); color: var(--jl-color-icon-default); }
.notification-item--unread .notification-item__icon[b-30h9kn67hn] { background: var(--jl-color-bg-surface); color: var(--jl-color-text-brand); }
.notification-item__body[b-30h9kn67hn] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; }
.notification-item__meta[b-30h9kn67hn] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-1) var(--jl-space-2); color: var(--jl-color-text-secondary); font-size: var(--jl-type-caption-size); line-height: var(--jl-type-caption-leading); }
.notification-item__dot[b-30h9kn67hn] { width: 8px; height: 8px; flex: none; border-radius: var(--jl-radius-full); background: var(--jl-color-bg-brand); }
.notification-item__title[b-30h9kn67hn] { margin: 0; color: var(--jl-color-text-primary); font-size: .9375rem; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.notification-item--unread .notification-item__title[b-30h9kn67hn] { font-weight: 700; }
.notification-item__message[b-30h9kn67hn] { margin: 0; color: var(--jl-color-text-secondary); font-size: .875rem; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.notification-item__body[b-30h9kn67hn]  .notification-item__action { margin: var(--jl-space-1) 0 0 calc(var(--jl-space-2) * -1); }
/* _content/JoyleeBook.Public/Components/Pages/Series/Detail.razor.rz.scp.css */
.breadcrumbs[b-2jbdryyxqb] { display: flex; gap: 12px; font-size: .8125rem; color: var(--jl-color-text-secondary); margin-bottom: 32px; }
.breadcrumbs a[b-2jbdryyxqb] { text-decoration: none; }
.series-hero[b-2jbdryyxqb] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; padding-bottom: 40px; border-bottom: 1px solid var(--jl-color-border-default); }
.detail-cover[b-2jbdryyxqb] { width: min(100%, 280px); }
.hero-content[b-2jbdryyxqb] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
h1[b-2jbdryyxqb] { margin: 16px 0 24px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; }
.rating-value[b-2jbdryyxqb] { font-weight: 600; font-size: .95rem; }
.rating-count[b-2jbdryyxqb] { color: var(--jl-color-text-muted); }
.dates[b-2jbdryyxqb] { display: flex; flex-wrap: wrap; gap: 24px 48px; padding-block: 32px; margin-block: 0; }
.reading-actions[b-2jbdryyxqb] { display: grid; width: 100%; gap: 10px; }
.reading-actions[b-2jbdryyxqb]  .start-reading-button { min-height: 48px; font-weight: 700; }
.reading-actions[b-2jbdryyxqb]  .library-action-button { min-height: 48px; background: var(--jl-color-bg-surface); }
.continue-reading-card[b-2jbdryyxqb] { min-height: 48px; padding: 7px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb, var(--jl-color-bg-brand) 16%, transparent); border-radius: var(--jl-radius-md, 10px); background: color-mix(in srgb, var(--jl-color-bg-brand) 5%, var(--jl-color-bg-surface)); color: var(--jl-color-text-secondary); text-align: left; text-decoration: none; font: inherit; }
.continue-reading-card span[b-2jbdryyxqb] { display: grid; gap: 1px; min-width: 0; }
.continue-reading-card small[b-2jbdryyxqb] { font-size: .6875rem; line-height: 1.2; }
.continue-reading-card strong[b-2jbdryyxqb] { font-size: .8125rem; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.continue-reading-card:disabled[b-2jbdryyxqb] { opacity: .72; cursor: not-allowed; }
.continue-reading-card.is-active[b-2jbdryyxqb] { color: var(--jl-color-text-brand); transition: border-color .18s ease, background-color .18s ease; }
.continue-reading-card.is-active:hover[b-2jbdryyxqb] { border-color: color-mix(in srgb, var(--jl-color-bg-brand) 38%, transparent); background: color-mix(in srgb, var(--jl-color-bg-brand) 9%, var(--jl-color-bg-surface)); }
.continue-reading-card.is-loading[b-2jbdryyxqb] { opacity: .78; }
.secondary-actions[b-2jbdryyxqb] { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.secondary-actions[b-2jbdryyxqb]  .mud-icon-button-root { border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md, 10px); }
.secondary-actions[b-2jbdryyxqb]  .back-to-series-button { margin-left: auto; }
dt[b-2jbdryyxqb] { font-size: .75rem; color: var(--jl-color-text-secondary); margin-bottom: 6px; }
dd[b-2jbdryyxqb] { margin: 0; font-size: .875rem; overflow-wrap: anywhere; }
.introduction[b-2jbdryyxqb] { max-width: 780px; padding-block: 40px; }
h2[b-2jbdryyxqb] { margin-block: 12px 24px; }
.description[b-2jbdryyxqb] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1.0625rem; line-height: 1.8; }
.extra-info[b-2jbdryyxqb] { border-top: 1px solid var(--jl-color-border-default); padding-block: 16px; }
.extra-info summary[b-2jbdryyxqb] { cursor: pointer; min-height: 44px; padding-block: 12px; font-weight: 600; font-size: .875rem; }
.extra-info dl[b-2jbdryyxqb] { display: grid; gap: 20px; margin-top: 16px; }
@media (min-width: 600px) { .series-hero[b-2jbdryyxqb] { grid-template-columns: 220px minmax(0, 1fr); } .extra-info dl[b-2jbdryyxqb] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 840px) { .reading-actions[b-2jbdryyxqb] { grid-template-columns: minmax(190px, auto) minmax(210px, 1fr) minmax(170px, auto); align-items: stretch; } }
@media (min-width: 1024px) { .series-hero[b-2jbdryyxqb] { grid-template-columns: 280px minmax(0, 1fr); gap: 64px; padding-block: 16px 48px; } .introduction[b-2jbdryyxqb] { padding-block: 48px; } }
/* _content/JoyleeBook.Public/Components/Pages/Series/Index.razor.rz.scp.css */
 .page-eyebrow[b-gzsxpvwwyi] { margin-bottom: var(--jl-space-3); }
.series-toolbar[b-gzsxpvwwyi] { display: flex; gap: 24px; align-items: flex-end; padding: 24px; border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); margin-bottom: 32px; }
.series-toolbar[b-gzsxpvwwyi]  .jl-search { margin-top: 0; flex: 1; }
.status-filter[b-gzsxpvwwyi] { display: flex; flex-direction: column; gap: 6px; min-width: 210px; }
.result-count[b-gzsxpvwwyi] { margin-bottom: 24px; color: var(--jl-color-text-secondary); font-size: .875rem; }
.page-actions[b-gzsxpvwwyi] { display: flex; gap: 12px; }
@media (max-width: 599px) { .series-toolbar[b-gzsxpvwwyi] { flex-direction: column; align-items: stretch; padding: 16px; gap: 16px; } .status-filter[b-gzsxpvwwyi] { min-width: 0; } }
/* _content/JoyleeBook.Public/Components/Pages/Studio/Chapter/Detail.razor.rz.scp.css */
.chapter-detail-container[b-p7ftpqql0v] {
    max-width: 1200px;
    margin: 0 auto;
}

.chapter-title[b-p7ftpqql0v] {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: var(--jl-color-text-primary, #1e293b);
}

.chapter-reading-view[b-p7ftpqql0v] {
    min-height: 400px;
    background-color: var(--jl-color-bg-surface, #ffffff);
}

.chapter-content-text[b-p7ftpqql0v] {
    font-size: 1.0625rem;
    line-height: 1.85;
    color: var(--jl-color-text-primary, #334155);
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
}

.info-list[b-p7ftpqql0v] {
    display: flex;
    flex-direction: column;
    gap: var(--jl-space-3, 12px);
}

.info-item[b-p7ftpqql0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--jl-space-2, 8px);
    border-bottom: 1px solid var(--jl-color-border-subtle, #f1f5f9);
    font-size: 0.875rem;
}

.info-item:last-child[b-p7ftpqql0v] {
    border-bottom: none;
    padding-bottom: 0;
}

.info-label[b-p7ftpqql0v] {
    color: var(--jl-color-text-secondary, #64748b);
}

.info-value[b-p7ftpqql0v] {
    color: var(--jl-color-text-primary, #0f172a);
    text-align: right;
}
/* _content/JoyleeBook.Public/Components/Pages/Studio/Chapter/Index.razor.rz.scp.css */
.reorder-bar[b-6pm4so6uj5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: var(--jl-color-primary-subtle, rgba(99, 102, 241, 0.08));
    border: 1px solid var(--jl-color-primary, #6366f1);
    border-radius: var(--jl-radius-md, 8px);
    margin-bottom: 16px;
    animation: fadeIn-b-6pm4so6uj5 0.2s ease-in-out;
}

.chapter-drag-row[b-6pm4so6uj5] {
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.chapter-drag-row:hover[b-6pm4so6uj5] {
    background-color: var(--jl-color-bg-subtle, rgba(0, 0, 0, 0.02));
}

.chapter-drag-row.is-dragging[b-6pm4so6uj5] {
    opacity: 0.4;
    background-color: var(--jl-color-bg-hover, rgba(0, 0, 0, 0.04));
}

.chapter-drag-row.is-drag-over[b-6pm4so6uj5] {
    border-top: 3px solid var(--jl-color-primary, #6366f1) !important;
    background-color: var(--jl-color-primary-subtle, rgba(99, 102, 241, 0.12));
}

.drag-handle[b-6pm4so6uj5] {
    cursor: grab;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--jl-color-text-secondary, #6b7280);
    padding: 4px;
    border-radius: 4px;
}

.drag-handle:active[b-6pm4so6uj5] {
    cursor: grabbing;
}

.drag-handle:hover[b-6pm4so6uj5] {
    color: var(--jl-color-primary, #6366f1);
    background-color: rgba(99, 102, 241, 0.08);
}

.order-badge[b-6pm4so6uj5] {
    font-weight: 600;
    min-width: 32px;
    display: inline-block;
    text-align: center;
}

@keyframes fadeIn-b-6pm4so6uj5 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/JoyleeBook.Public/Components/Pages/Studio/Series/Create.razor.rz.scp.css */
/* Sử dụng semantic tokens từ tokens.css */
.jl-surface[b-vpcxobi15i] {
    background-color: var(--jl-color-bg-surface);
    border-color: var(--jl-color-border-default);
}

.jl-text-primary[b-vpcxobi15i] {
    color: var(--jl-color-text-primary);
}

.jl-text-muted[b-vpcxobi15i] {
    color: var(--jl-color-text-muted);
}

.jl-cover-upload-container[b-vpcxobi15i] {
    position: relative;
    width: 100%;
}

.jl-cover-preview[b-vpcxobi15i] {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--jl-color-bg-surface-subtle);
    border: 1px dashed var(--jl-color-border-strong);
    border-radius: var(--jl-radius-sm);
}

.jl-cover-empty[b-vpcxobi15i] {
    aspect-ratio: 2 / 3;
}

.jl-cover-preview[b-vpcxobi15i]  .jl-cover-image {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
}

.jl-cover-preview[b-vpcxobi15i]  .jl-cover-edit-badge {
    pointer-events: none;
}

/* Ẩn input gốc nhưng vẫn giữ trong thứ tự tab; label phía sau hiển thị vòng focus. */
.jl-cover-upload-container[b-vpcxobi15i]  .jl-cover-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.jl-cover-upload-container[b-vpcxobi15i]  .jl-cover-input:focus-visible + .jl-cover-preview {
    outline: var(--jl-focus-width) solid var(--jl-color-border-focus);
    outline-offset: var(--jl-focus-offset);
}

.jl-cover-preview .mud-file-upload-files[b-vpcxobi15i] {
    display: none;
}
/* _content/JoyleeBook.Public/Components/Pages/Studio/Series/Detail.razor.rz.scp.css */
.studio-breadcrumbs[b-50m8bqo9x1] { margin-bottom: var(--jl-space-6); }
.studio-detail-hero[b-50m8bqo9x1] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--jl-space-10); padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.studio-detail-cover[b-50m8bqo9x1] { align-self: start; }
.studio-detail-content[b-50m8bqo9x1] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.studio-detail-content h1[b-50m8bqo9x1] { margin: var(--jl-space-3) 0 var(--jl-space-5); font-size: clamp(2rem, 4vw, 3rem); }
.studio-dates[b-50m8bqo9x1] { display: flex; flex-wrap: wrap; gap: var(--jl-space-5) var(--jl-space-10); margin: 0; padding-block: var(--jl-space-6); }
dt[b-50m8bqo9x1] { margin-bottom: 4px; color: var(--jl-color-text-secondary); font-size: .75rem; }
dd[b-50m8bqo9x1] { margin: 0; overflow-wrap: anywhere; font-size: .875rem; }
.studio-detail-actions[b-50m8bqo9x1] { display: flex; flex-wrap: wrap; gap: var(--jl-space-3); }
.studio-detail-grid[b-50m8bqo9x1] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--jl-space-6); margin-block: var(--jl-space-6); }
.studio-description[b-50m8bqo9x1], .studio-next-actions[b-50m8bqo9x1] { padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.studio-description h2[b-50m8bqo9x1], .studio-next-actions h2[b-50m8bqo9x1] { margin: var(--jl-space-3) 0 var(--jl-space-4); font-size: 1.25rem; }
.studio-description > p:last-child[b-50m8bqo9x1] { margin: 0; white-space: pre-wrap; color: var(--jl-color-text-secondary); line-height: 1.8; }
.studio-next-actions[b-50m8bqo9x1] { display: flex; flex-direction: column; gap: var(--jl-space-3); }
.studio-next-actions > p[b-50m8bqo9x1] { margin: 0 0 var(--jl-space-2); color: var(--jl-color-text-secondary); font-size: .8125rem; }
.studio-locked-metrics[b-50m8bqo9x1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--jl-space-2); padding-top: var(--jl-space-3); border-top: 1px solid var(--jl-color-border-default); }
.studio-locked-metrics span[b-50m8bqo9x1] { display: flex; flex-direction: column; color: var(--jl-color-text-muted); font-size: .625rem; text-transform: uppercase; }
.studio-locked-metrics strong[b-50m8bqo9x1] { color: var(--jl-color-text-disabled); font-size: 1rem; }
.studio-locked-metrics strong.is-live[b-50m8bqo9x1] { color: var(--jl-color-text-primary); }
.studio-technical[b-50m8bqo9x1] { padding: var(--jl-space-4) var(--jl-space-5); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.studio-technical summary[b-50m8bqo9x1] { min-height: 44px; cursor: pointer; font-weight: 600; }
.studio-technical dl[b-50m8bqo9x1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--jl-space-5); }

@media (max-width: 959px) {
    .studio-detail-hero[b-50m8bqo9x1] { grid-template-columns: 180px minmax(0, 1fr); gap: var(--jl-space-6); }
    .studio-detail-grid[b-50m8bqo9x1] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599px) {
    .studio-detail-hero[b-50m8bqo9x1] { grid-template-columns: minmax(0, 1fr); padding: var(--jl-space-4); }
    .studio-detail-cover[b-50m8bqo9x1] { width: min(100%, 180px); }
    .studio-detail-actions[b-50m8bqo9x1], .studio-detail-actions[b-50m8bqo9x1]  .jl-button { width: 100%; }
    .studio-description[b-50m8bqo9x1], .studio-next-actions[b-50m8bqo9x1] { padding: var(--jl-space-4); }
    .studio-technical dl[b-50m8bqo9x1] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/JoyleeBook.Public/Components/Pages/Studio/Series/Edit.razor.rz.scp.css */
/* Sử dụng semantic tokens từ tokens.css */
.jl-surface[b-5a28pt1ews] {
    background-color: var(--jl-color-bg-surface);
    border-color: var(--jl-color-border-default);
}

.jl-text-primary[b-5a28pt1ews] {
    color: var(--jl-color-text-primary);
}

.jl-text-muted[b-5a28pt1ews] {
    color: var(--jl-color-text-muted);
}

.jl-cover-upload-container[b-5a28pt1ews] {
    position: relative;
    width: 100%;
}

.jl-cover-preview[b-5a28pt1ews] {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--jl-color-bg-surface-subtle);
    border: 1px dashed var(--jl-color-border-strong);
    border-radius: var(--jl-radius-sm);
}

.jl-cover-empty[b-5a28pt1ews] {
    aspect-ratio: 2 / 3;
}

.jl-cover-preview[b-5a28pt1ews]  .jl-cover-image {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
}

.jl-cover-preview[b-5a28pt1ews]  .jl-cover-edit-badge {
    pointer-events: none;
}

/* Ẩn input gốc nhưng vẫn giữ trong thứ tự tab; label phía sau hiển thị vòng focus. */
.jl-cover-upload-container[b-5a28pt1ews]  .jl-cover-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.jl-cover-upload-container[b-5a28pt1ews]  .jl-cover-input:focus-visible + .jl-cover-preview {
    outline: var(--jl-focus-width) solid var(--jl-color-border-focus);
    outline-offset: var(--jl-focus-offset);
}

.jl-cover-preview .mud-file-upload-files[b-5a28pt1ews] {
    display: none;
}
/* _content/JoyleeBook.Public/Components/Pages/Studio/Series/Index.razor.rz.scp.css */
.studio-page-header[b-jlyh69slhb] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--jl-space-6); margin-bottom: var(--jl-space-8); }
.studio-page-header h1[b-jlyh69slhb] { margin: var(--jl-space-2) 0; }
.studio-page-header > div:first-child > p:last-child[b-jlyh69slhb] { max-width: 62ch; margin: 0; color: var(--jl-color-text-secondary); }
.studio-header-actions[b-jlyh69slhb] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--jl-space-3); }
.studio-loading[b-jlyh69slhb], .studio-series-list[b-jlyh69slhb] { display: grid; gap: var(--jl-space-4); }
.studio-stats[b-jlyh69slhb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--jl-space-4); margin-bottom: var(--jl-space-8); }
.studio-stats[b-jlyh69slhb]  .studio-stat { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 4px 10px; min-height: 124px; padding: var(--jl-space-5); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.studio-stat > span[b-jlyh69slhb] { align-self: center; color: var(--jl-color-text-secondary); font-size: .75rem; }
.studio-stat > strong[b-jlyh69slhb] { grid-column: 1 / -1; font-size: 1.5rem; }
.studio-stat > small[b-jlyh69slhb] { grid-column: 1 / -1; color: var(--jl-color-text-muted); font-size: .6875rem; }
.studio-stat.is-locked > strong[b-jlyh69slhb] { color: var(--jl-color-text-disabled); }
.studio-list-panel[b-jlyh69slhb] { padding: var(--jl-space-5); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.studio-list-panel[b-jlyh69slhb]  .studio-tabs { margin-bottom: var(--jl-space-5); }
.studio-toolbar[b-jlyh69slhb] { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(190px, 260px); gap: var(--jl-space-4); margin-bottom: var(--jl-space-5); }
.studio-pagination[b-jlyh69slhb] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--jl-space-4); margin-top: var(--jl-space-6); padding-top: var(--jl-space-5); border-top: 1px solid var(--jl-color-border-default); }
.studio-pagination > span[b-jlyh69slhb] { color: var(--jl-color-text-secondary); font-size: .75rem; }
.visually-hidden[b-jlyh69slhb] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 959px) { .studio-stats[b-jlyh69slhb] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) {
    .studio-header-actions[b-jlyh69slhb], .studio-header-actions[b-jlyh69slhb]  .jl-button { width: 100%; }
    .studio-stats[b-jlyh69slhb] { grid-template-columns: minmax(0, 1fr); }
    .studio-list-panel[b-jlyh69slhb] { padding: var(--jl-space-4); }
    .studio-toolbar[b-jlyh69slhb] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/JoyleeBook.Public/Components/Pages/User/AuthorTermsDialog.razor.rz.scp.css */
.terms-dialog__intro[b-5y2naheqvf] { margin: 0 0 var(--jl-space-4); color: var(--jl-color-text-secondary); }
.terms-dialog__content[b-5y2naheqvf] { max-height: min(50vh, 360px); overflow-y: auto; padding: var(--jl-space-4) var(--jl-space-5); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md); background: var(--jl-color-bg-surface-subtle); }
.terms-dialog__content:focus-visible[b-5y2naheqvf] { outline: var(--jl-focus-width) solid var(--jl-color-border-focus); outline-offset: var(--jl-focus-offset); }
.terms-dialog__content h3[b-5y2naheqvf] { margin: 0; font-size: var(--jl-type-body-lg-size); line-height: var(--jl-type-body-lg-leading); }
.terms-dialog__version[b-5y2naheqvf] { margin: var(--jl-space-1) 0 var(--jl-space-3); color: var(--jl-color-text-muted); font-size: var(--jl-type-caption-size); }
.terms-dialog__content ol[b-5y2naheqvf] { display: grid; gap: var(--jl-space-3); margin: 0; padding-left: var(--jl-space-5); }
.terms-dialog__content li[b-5y2naheqvf] { color: var(--jl-color-text-primary); font-size: var(--jl-type-body-sm-size); line-height: var(--jl-type-body-md-leading); }
/* _content/JoyleeBook.Public/Components/Pages/User/EditProfile.razor.rz.scp.css */
.edit-profile-page[b-0leq3km7jj] { max-width: 760px; margin-inline: auto; }
.edit-panel[b-0leq3km7jj] { display: flex; flex-direction: column; gap: var(--jl-space-2); margin-bottom: var(--jl-space-8); padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.edit-panel h2[b-0leq3km7jj] { margin: 0 0 var(--jl-space-4); font-size: var(--jl-type-h3-size); line-height: var(--jl-type-h3-leading); }
.edit-panel__description[b-0leq3km7jj] { max-width: 65ch; margin: calc(-1 * var(--jl-space-2)) 0 var(--jl-space-4); color: var(--jl-color-text-secondary); }
.edit-panel__actions[b-0leq3km7jj] { display: flex; justify-content: flex-end; margin-top: var(--jl-space-6); }

.avatar-field[b-0leq3km7jj] { display: flex; align-items: center; gap: var(--jl-space-5); }
.avatar-field__body[b-0leq3km7jj] { display: flex; min-width: 0; flex-direction: column; gap: var(--jl-space-1); }
.avatar-field__label[b-0leq3km7jj] { font-weight: 600; }
.avatar-field__body small[b-0leq3km7jj] { color: var(--jl-color-text-secondary); font-size: var(--jl-type-caption-size); }
.avatar-field__actions[b-0leq3km7jj] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-2); margin-top: var(--jl-space-2); }
.avatar-field__actions[b-0leq3km7jj]  .avatar-field__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.avatar-field__picker[b-0leq3km7jj] { display: inline-flex; min-height: 44px; align-items: center; gap: var(--jl-space-2); padding: 0 var(--jl-space-4); border: 1px solid var(--jl-color-border-strong); border-radius: var(--jl-radius-md); color: var(--jl-color-text-primary); font-weight: 600; cursor: pointer; transition: background-color var(--jl-motion-fast) var(--jl-ease-out); }
.avatar-field__picker:hover[b-0leq3km7jj] { background: var(--jl-color-bg-surface-subtle); }
.avatar-field__picker.is-disabled[b-0leq3km7jj] { color: var(--jl-color-text-disabled); cursor: not-allowed; }
.avatar-field__actions[b-0leq3km7jj]  .avatar-field__input:focus-visible + .avatar-field__picker { outline: var(--jl-focus-width) solid var(--jl-color-border-focus); outline-offset: var(--jl-focus-offset); }

@media (max-width: 599px) {
    .edit-panel[b-0leq3km7jj] { padding: var(--jl-space-5); }
    .avatar-field[b-0leq3km7jj] { flex-direction: column; align-items: flex-start; }
    .edit-panel__actions[b-0leq3km7jj]  .jl-button { width: 100%; }
}
/* _content/JoyleeBook.Public/Components/Pages/User/History.razor.rz.scp.css */
.history-page[b-b184mjeha9] { max-width: 980px; margin-inline: auto; }
.history-list[b-b184mjeha9] { display: grid; gap: var(--jl-space-4); }
.history-card[b-b184mjeha9] { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: var(--jl-space-4); padding: var(--jl-space-4); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); box-shadow: var(--jl-shadow-sm); }
.history-card__cover[b-b184mjeha9] { display: block; align-self: start; border-radius: var(--jl-radius-md); overflow: hidden; }
.history-card__body[b-b184mjeha9] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.history-card__eyebrow[b-b184mjeha9] { display: flex; align-items: center; gap: var(--jl-space-1); color: var(--jl-color-text-secondary); font-size: .75rem; line-height: 1.4; }
.history-card h2[b-b184mjeha9] { margin: var(--jl-space-2) 0 var(--jl-space-1); font-size: 1.125rem; line-height: 1.4; }
.history-card h2 a[b-b184mjeha9] { color: var(--jl-color-text-primary); text-decoration: none; }
.history-card h2 a:hover[b-b184mjeha9] { color: var(--jl-color-text-link); }
.history-card__chapter[b-b184mjeha9] { margin: 0; color: var(--jl-color-text-secondary); font-size: .875rem; line-height: 1.5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.history-progress[b-b184mjeha9] { width: 100%; margin-top: var(--jl-space-4); }
.history-progress__labels[b-b184mjeha9] { display: flex; justify-content: space-between; gap: var(--jl-space-3); margin-bottom: var(--jl-space-2); color: var(--jl-color-text-secondary); font-size: .75rem; }
.history-progress__labels strong[b-b184mjeha9] { color: var(--jl-color-text-brand); font-variant-numeric: tabular-nums; }
.history-progress[b-b184mjeha9]  .mud-progress-linear { height: 4px; }
.history-card__actions[b-b184mjeha9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-2); margin-top: var(--jl-space-4); }
.history-card--skeleton[b-b184mjeha9] { min-height: 170px; }
.history-card--unavailable[b-b184mjeha9] { background: var(--jl-color-bg-surface-subtle); box-shadow: none; }
.history-card--unavailable .history-card__body[b-b184mjeha9] { opacity: .88; }
.history-card__cover--unavailable[b-b184mjeha9] { filter: grayscale(1); opacity: .58; }
.history-card--unavailable .history-progress[b-b184mjeha9] { opacity: .5; }
.history-card--unavailable h2 span[b-b184mjeha9] { color: var(--jl-color-text-secondary); }

@media (min-width: 600px) {
    .history-card[b-b184mjeha9] { grid-template-columns: 112px minmax(0, 1fr); gap: var(--jl-space-6); padding: var(--jl-space-5); }
    .history-card h2[b-b184mjeha9] { font-size: 1.35rem; }
}

@media (max-width: 599px) {
    .history-card__actions[b-b184mjeha9] { width: 100%; }
    .history-card__actions[b-b184mjeha9]  .jl-button:first-child { flex: 1; }
}
/* _content/JoyleeBook.Public/Components/Pages/User/Profile.razor.rz.scp.css */
.profile-page[b-kx8o7gdaas] { max-width: 980px; margin-inline: auto; }
.profile-card[b-kx8o7gdaas] { display: flex; align-items: flex-start; gap: var(--jl-space-6); margin-bottom: var(--jl-space-8); padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.profile-card__body[b-kx8o7gdaas] { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: var(--jl-space-2); }
.profile-card__title[b-kx8o7gdaas] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-3); }
.profile-card__title h2[b-kx8o7gdaas] { margin: 0; font-size: var(--jl-type-h2-size); line-height: var(--jl-type-h2-leading); overflow-wrap: anywhere; }
.profile-card__username[b-kx8o7gdaas] { margin: 0; color: var(--jl-color-text-secondary); font-size: var(--jl-type-body-sm-size); }
.profile-card__bio[b-kx8o7gdaas] { max-width: 65ch; margin: var(--jl-space-2) 0 0; color: var(--jl-color-text-primary); line-height: var(--jl-type-body-md-leading); white-space: pre-line; overflow-wrap: anywhere; }
.profile-card__bio--empty[b-kx8o7gdaas] { color: var(--jl-color-text-muted); font-style: italic; }
.profile-meta[b-kx8o7gdaas] { display: flex; flex-wrap: wrap; gap: var(--jl-space-3) var(--jl-space-8); margin: var(--jl-space-4) 0 0; }
.profile-meta div[b-kx8o7gdaas] { min-width: 0; }
.profile-meta dt[b-kx8o7gdaas] { display: flex; align-items: center; gap: var(--jl-space-1); color: var(--jl-color-text-secondary); font-size: var(--jl-type-caption-size); }
.profile-meta dd[b-kx8o7gdaas] { margin: var(--jl-space-1) 0 0; overflow-wrap: anywhere; }
.profile-meta dd.profile-meta__pending[b-kx8o7gdaas] { color: var(--jl-color-text-warning); font-size: var(--jl-type-caption-size); }
.profile-section[b-kx8o7gdaas] { margin-bottom: var(--jl-space-8); }
.profile-section__heading[b-kx8o7gdaas] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--jl-space-3); margin-bottom: var(--jl-space-4); }
.profile-section__heading h2[b-kx8o7gdaas],
.profile-author__title h2[b-kx8o7gdaas] { margin: 0; font-size: var(--jl-type-h3-size); line-height: var(--jl-type-h3-leading); }
.profile-stats[b-kx8o7gdaas] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--jl-space-4); }
.profile-author[b-kx8o7gdaas] { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: var(--jl-space-4); padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.profile-author__icon[b-kx8o7gdaas] { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: var(--jl-radius-md); background: var(--jl-color-bg-brand-subtle); color: var(--jl-color-icon-brand); }
.profile-author__title[b-kx8o7gdaas] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-3); }
.profile-author__body p[b-kx8o7gdaas] { max-width: 65ch; margin: var(--jl-space-2) 0 0; color: var(--jl-color-text-secondary); }
.profile-author__body .profile-author__meta[b-kx8o7gdaas] { color: var(--jl-color-text-muted); font-size: var(--jl-type-caption-size); }
.profile-author__actions[b-kx8o7gdaas] { display: flex; flex-wrap: wrap; gap: var(--jl-space-2); margin-top: var(--jl-space-4); }

@media (max-width: 959px) {
    .profile-stats[b-kx8o7gdaas] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
    .profile-card[b-kx8o7gdaas] { flex-direction: column; align-items: center; padding: var(--jl-space-5); text-align: center; }
    .profile-card__title[b-kx8o7gdaas],
    .profile-meta[b-kx8o7gdaas] { justify-content: center; }
    .profile-stats[b-kx8o7gdaas] { grid-template-columns: minmax(0, 1fr); }
    .profile-author[b-kx8o7gdaas] { grid-template-columns: minmax(0, 1fr); padding: var(--jl-space-5); }
    .profile-author__actions[b-kx8o7gdaas]  .jl-button { width: 100%; }
}
/* _content/JoyleeBook.Public/Components/Pages/User/ReadingStatistics.razor.rz.scp.css */
.stats-page[b-11dl4wm5k1] { max-width: 980px; margin-inline: auto; }
.stats-filter[b-11dl4wm5k1] { display: flex; flex-wrap: wrap; gap: var(--jl-space-2); margin-bottom: var(--jl-space-6); }
.stats-cards[b-11dl4wm5k1] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--jl-space-4); margin-bottom: var(--jl-space-8); }
.stats-panel[b-11dl4wm5k1] { margin-bottom: var(--jl-space-8); padding: var(--jl-space-6); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.stats-panel__heading[b-11dl4wm5k1] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--jl-space-3); margin-bottom: var(--jl-space-5); }
.stats-panel__heading h2[b-11dl4wm5k1] { margin: 0; font-size: var(--jl-type-h3-size); line-height: var(--jl-type-h3-leading); }
.stats-panel__heading p[b-11dl4wm5k1] { margin: var(--jl-space-1) 0 0; color: var(--jl-color-text-secondary); font-size: var(--jl-type-body-sm-size); }
.stats-panel__peak[b-11dl4wm5k1] { color: var(--jl-color-text-secondary); font-size: var(--jl-type-caption-size); font-variant-numeric: tabular-nums; }
.stats-panel__empty[b-11dl4wm5k1] { margin: 0; color: var(--jl-color-text-secondary); }

.activity-chart[b-11dl4wm5k1] { margin: 0; }
.activity-chart svg[b-11dl4wm5k1] { display: block; width: 100%; height: auto; overflow: visible; }
.activity-chart__grid[b-11dl4wm5k1] { stroke: var(--jl-color-border-default); stroke-dasharray: 4 4; stroke-width: 1; }
.activity-chart__baseline[b-11dl4wm5k1] { stroke: var(--jl-color-border-strong); stroke-width: 1; }
.activity-chart__hit[b-11dl4wm5k1] { fill: transparent; }
.activity-chart__bar[b-11dl4wm5k1] { fill: var(--jl-color-bg-brand); transition: fill var(--jl-motion-fast) var(--jl-ease-out); }
.activity-chart__slot:hover .activity-chart__hit[b-11dl4wm5k1] { fill: var(--jl-color-bg-surface-subtle); }
.activity-chart__slot:hover .activity-chart__bar[b-11dl4wm5k1] { fill: var(--jl-color-bg-brand-hover); }
.activity-chart__axis[b-11dl4wm5k1] { display: flex; justify-content: space-between; margin-top: var(--jl-space-2); color: var(--jl-color-text-muted); font-size: var(--jl-type-caption-size); font-variant-numeric: tabular-nums; }

.top-series[b-11dl4wm5k1] { display: grid; gap: var(--jl-space-3); margin: 0; padding: 0; list-style: none; }
.top-series__item[b-11dl4wm5k1] { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: var(--jl-space-4); padding: var(--jl-space-3); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md); }
.top-series__cover[b-11dl4wm5k1] { display: block; overflow: hidden; border-radius: var(--jl-radius-sm); }
.top-series__body[b-11dl4wm5k1] { display: flex; min-width: 0; flex-direction: column; gap: var(--jl-space-1); }
.top-series__body a[b-11dl4wm5k1],
.top-series__body strong[b-11dl4wm5k1] { overflow: hidden; color: var(--jl-color-text-primary); font-weight: 600; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.top-series__body a:hover[b-11dl4wm5k1] { color: var(--jl-color-text-link); }
.top-series__body span[b-11dl4wm5k1] { color: var(--jl-color-text-secondary); font-size: var(--jl-type-caption-size); }
.top-series__count[b-11dl4wm5k1] { color: var(--jl-color-text-brand); font-variant-numeric: tabular-nums; white-space: nowrap; }

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

@media (max-width: 959px) {
    .stats-cards[b-11dl4wm5k1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
    .stats-cards[b-11dl4wm5k1] { grid-template-columns: minmax(0, 1fr); }
    .stats-panel[b-11dl4wm5k1] { padding: var(--jl-space-4); }
    .top-series__item[b-11dl4wm5k1] { grid-template-columns: 40px minmax(0, 1fr); }
    .top-series__count[b-11dl4wm5k1] { grid-column: 2; }
}
/* _content/JoyleeBook.Public/Components/Shared/CommentSection.razor.rz.scp.css */
.comment-section[b-o459y9v9r8] {
    margin-top: var(--jl-space-8);
    padding-top: var(--jl-space-6);
    border-top: 1px solid var(--jl-color-border-default);
    font-family: var(--jl-font-ui);
}

.comment-heading[b-o459y9v9r8] {
    display: flex;
    align-items: center;
    gap: var(--jl-space-2);
    margin: 0 0 var(--jl-space-4);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--jl-color-text-primary);
}

.comment-count[b-o459y9v9r8] {
    padding: 0 var(--jl-space-2);
    border-radius: var(--jl-radius-md);
    background: var(--jl-color-bg-brand-subtle);
    color: var(--jl-color-text-brand);
    font-size: 0.8rem;
}

.comment-composer[b-o459y9v9r8] {
    margin-bottom: var(--jl-space-6);
}

.comment-composer-actions[b-o459y9v9r8],
.comment-inline-actions[b-o459y9v9r8] {
    display: flex;
    justify-content: flex-end;
    gap: var(--jl-space-2);
    margin-top: var(--jl-space-2);
}

.comment-signin[b-o459y9v9r8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--jl-space-3);
    margin-bottom: var(--jl-space-6);
    padding: var(--jl-space-4);
    border: 1px dashed var(--jl-color-border-default);
    border-radius: var(--jl-radius-md);
    background: var(--jl-color-bg-surface);
    color: var(--jl-color-text-secondary);
}

.comment-empty[b-o459y9v9r8] {
    padding: var(--jl-space-6) 0;
    text-align: center;
    color: var(--jl-color-text-muted);
}

.comment-list[b-o459y9v9r8] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment-item[b-o459y9v9r8] {
    display: flex;
    gap: var(--jl-space-3);
    padding: var(--jl-space-4) 0;
    border-bottom: 1px solid var(--jl-color-border-default);
}

.comment-item:last-child[b-o459y9v9r8] {
    border-bottom: none;
}

.comment-body[b-o459y9v9r8] {
    flex: 1;
    min-width: 0;
}

.comment-meta[b-o459y9v9r8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--jl-space-2);
    font-size: 0.8rem;
    color: var(--jl-color-text-muted);
}

.comment-meta strong[b-o459y9v9r8] {
    font-size: 0.9rem;
    color: var(--jl-color-text-primary);
}

.comment-edited[b-o459y9v9r8] {
    font-style: italic;
}

.comment-content[b-o459y9v9r8] {
    margin: var(--jl-space-1) 0 0;
    color: var(--jl-color-text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.comment-actions[b-o459y9v9r8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--jl-space-1);
    margin-top: var(--jl-space-1);
    margin-left: calc(-1 * var(--jl-space-2));
}

.comment-more[b-o459y9v9r8] {
    display: flex;
    justify-content: center;
    margin-top: var(--jl-space-4);
}

.comment-section.is-embedded[b-o459y9v9r8] {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.comment-chapter[b-o459y9v9r8] {
    display: inline-block;
    margin-top: var(--jl-space-1);
    font-size: 0.8rem;
    color: var(--jl-color-text-link);
    text-decoration: none;
}

.comment-chapter:hover[b-o459y9v9r8] {
    text-decoration: underline;
}
/* _content/JoyleeBook.Public/Components/Shared/Series/AuthorSeriesCard.razor.rz.scp.css */
.author-series-card[b-eom838athv] { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: var(--jl-space-5); padding: var(--jl-space-5); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
.author-cover[b-eom838athv] { display: block; align-self: start; width: 132px; max-width: 100%; overflow: hidden; border-radius: var(--jl-radius-md); }
.author-series-content[b-eom838athv] { min-width: 0; }
.author-series-heading[b-eom838athv], .author-card-footer[b-eom838athv] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--jl-space-3); }
.author-updated[b-eom838athv], .author-card-footer > span[b-eom838athv] { color: var(--jl-color-text-muted); font-size: .75rem; }
h2[b-eom838athv] { margin: var(--jl-space-3) 0 var(--jl-space-2); font-size: 1.125rem; line-height: 1.4; }
h2 a[b-eom838athv] { color: var(--jl-color-text-primary); text-decoration: none; }
h2 a:hover[b-eom838athv] { color: var(--jl-color-text-link); }
.author-description[b-eom838athv] { display: -webkit-box; overflow: hidden; margin: 0; color: var(--jl-color-text-secondary); font-size: .875rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.author-metrics[b-eom838athv] { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin-block: var(--jl-space-4); border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md); background: var(--jl-color-border-default); }
.author-metrics > div[b-eom838athv] { display: flex; min-width: 0; flex-direction: column; gap: 2px; padding: 8px 10px; background: var(--jl-color-bg-surface-subtle); }
.author-metrics span[b-eom838athv] { color: var(--jl-color-text-muted); font-size: .625rem; text-transform: uppercase; }
.author-metrics strong[b-eom838athv] { color: var(--jl-color-text-disabled); font-size: .875rem; }
.author-metrics > div.is-live strong[b-eom838athv] { color: var(--jl-color-text-primary); }
.author-metrics small[b-eom838athv] { position: absolute; top: 4px; right: 6px; color: var(--jl-color-text-brand); font-size: .5625rem; font-weight: 700; }
.author-actions[b-eom838athv] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--jl-space-2); }

@media (max-width: 599px) {
    .author-series-card[b-eom838athv] { grid-template-columns: 88px minmax(0, 1fr); gap: var(--jl-space-4); padding: var(--jl-space-4); }
    .author-cover[b-eom838athv] { width: 88px; }
    .author-metrics[b-eom838athv] { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .author-card-footer[b-eom838athv] { align-items: flex-start; flex-direction: column; }
    .author-actions[b-eom838athv] { width: 100%; }
}
/* _content/JoyleeBook.Public/Components/Shared/Series/SeriesCard.razor.rz.scp.css */
 .series-card[b-nxpfo5w4se] { min-width: 0; }
.cover-link[b-nxpfo5w4se] { display: block; border-radius: var(--jl-radius-md); transition: box-shadow 150ms ease-out; }
.cover-link:hover[b-nxpfo5w4se] { box-shadow: var(--jl-shadow-md); }
.card-content[b-nxpfo5w4se] { padding-block: var(--jl-space-4); }
h2[b-nxpfo5w4se] { margin: 12px 0 8px; font-size: 1.125rem; line-height: 1.45; }
h2 a[b-nxpfo5w4se] { color: var(--jl-color-text-primary); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
h2 a:hover[b-nxpfo5w4se] { color: var(--jl-color-text-link); }
.card-description[b-nxpfo5w4se] { color: var(--jl-color-text-secondary); font-size: .875rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-bottom[b-nxpfo5w4se] { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--jl-color-text-secondary); font-size: .75rem; }
.card-bottom[b-nxpfo5w4se]  .mud-icon-button { min-width: 44px; min-height: 44px; }
.genre-badge[b-nxpfo5w4se] { padding: 2px 6px; border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-sm); background: var(--jl-color-bg-surface-subtle); color: var(--jl-color-text-secondary); font-size: .6875rem; }
.genre-more[b-nxpfo5w4se] { color: var(--jl-color-text-muted); font-size: .6875rem; }
/* _content/JoyleeBook.Public/Components/Shared/Series/SeriesCommunityPanel.razor.rz.scp.css */
.community-panel[b-yd7zlyh3kh] {
    display: grid;
    gap: var(--jl-space-6);
    padding: var(--jl-space-5);
    font-family: var(--jl-font-ui);
}

.panel-title[b-yd7zlyh3kh] {
    margin: 0 0 var(--jl-space-3);
    font-size: 1rem;
    font-weight: 700;
    color: var(--jl-color-text-primary);
}

.panel-hint[b-yd7zlyh3kh] {
    margin: 0 0 var(--jl-space-3);
    font-size: 0.85rem;
    color: var(--jl-color-text-muted);
}

.rating-card[b-yd7zlyh3kh] {
    padding-bottom: var(--jl-space-6);
    border-bottom: 1px solid var(--jl-color-border-default);
}

.rating-overview[b-yd7zlyh3kh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--jl-space-6);
    align-items: center;
    margin-bottom: var(--jl-space-4);
}

.rating-score[b-yd7zlyh3kh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--jl-space-1);
    min-width: 120px;
}

.rating-score strong[b-yd7zlyh3kh] {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--jl-color-text-primary);
}

.rating-score span[b-yd7zlyh3kh] {
    font-size: 0.8rem;
    color: var(--jl-color-text-muted);
}

.rating-bars[b-yd7zlyh3kh] {
    flex: 1;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rating-bars li[b-yd7zlyh3kh] {
    display: grid;
    grid-template-columns: 2.5rem 1fr 2rem;
    align-items: center;
    gap: var(--jl-space-2);
    padding: 2px 0;
    font-size: 0.8rem;
    color: var(--jl-color-text-secondary);
}

.rating-bar-count[b-yd7zlyh3kh] {
    text-align: right;
}

.my-rating[b-yd7zlyh3kh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--jl-space-2);
    font-size: 0.9rem;
    color: var(--jl-color-text-secondary);
}
/* _content/JoyleeBook.Public/Components/Shared/Series/SeriesSkeleton.razor.rz.scp.css */
 .cover-skeleton[b-nk4w2lnsr2], .text-skeleton[b-nk4w2lnsr2] { background: var(--jl-color-bg-surface-subtle); border-radius: var(--jl-radius-md); animation: breathe-b-nk4w2lnsr2 1.2s ease-in-out infinite alternate; }
.cover-skeleton[b-nk4w2lnsr2] { aspect-ratio: 2 / 3; }
.text-skeleton[b-nk4w2lnsr2] { height: 20px; width: 80%; margin-block: 16px; }
.title[b-nk4w2lnsr2] { height: 44px; }
.detail-skeleton[b-nk4w2lnsr2] { display: grid; gap: 40px; }
@media (min-width: 600px) { .detail-skeleton[b-nk4w2lnsr2] { grid-template-columns: 260px minmax(0, 1fr); } }
@keyframes breathe-b-nk4w2lnsr2 { to { opacity: .5; } }