/* _content/JoyleeBook.Web/Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-boot[b-85du1m2ebr] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--jl-space-4);
    color: var(--jl-color-text-secondary);
    background: var(--jl-color-bg-canvas);
}

.admin-layout[b-85du1m2ebr] { min-height: 100dvh; background: var(--jl-color-bg-canvas); }
.admin-layout[b-85du1m2ebr]  .admin-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); }
.admin-wordmark[b-85du1m2ebr] { display: flex; align-items: center; gap: var(--jl-space-2); color: var(--jl-color-text-primary); text-decoration: none; font-weight: 700; }
.admin-wordmark small[b-85du1m2ebr] { 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; }
.admin-public-link[b-85du1m2ebr] { color: var(--jl-color-text-secondary); font-size: .8125rem; font-weight: 600; text-decoration: none; }
.admin-public-link:hover[b-85du1m2ebr] { color: var(--jl-color-text-link); }
.admin-layout[b-85du1m2ebr]  .admin-drawer { background: var(--jl-color-bg-surface); border-right: 1px solid var(--jl-color-border-default); }
.admin-profile[b-85du1m2ebr] { 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); }
.admin-profile > div[b-85du1m2ebr] { display: flex; min-width: 0; flex-direction: column; }
.admin-profile strong[b-85du1m2ebr] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; }
.admin-profile span[b-85du1m2ebr] { color: var(--jl-color-text-secondary); font-size: .75rem; }
.admin-navigation[b-85du1m2ebr] { padding: var(--jl-space-4) var(--jl-space-3); }
.admin-navigation > p[b-85du1m2ebr] { 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; }
.admin-navigation[b-85du1m2ebr]  .mud-nav-link { min-height: 44px; border-radius: var(--jl-radius-md); }
.admin-navigation[b-85du1m2ebr]  .mud-nav-link.active { background: var(--jl-color-bg-brand-subtle); color: var(--jl-color-text-brand); }
.admin-nav-disabled[b-85du1m2ebr] { 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; }
.admin-nav-disabled small[b-85du1m2ebr] { font-size: .625rem; }
.admin-security-note[b-85du1m2ebr] { 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); }
.admin-security-note div[b-85du1m2ebr] { display: flex; flex-direction: column; }
.admin-security-note strong[b-85du1m2ebr] { font-size: .75rem; }
.admin-security-note span[b-85du1m2ebr] { color: var(--jl-color-text-secondary); font-size: .6875rem; }
.admin-layout[b-85du1m2ebr]  .admin-main { background: var(--jl-color-bg-canvas); }
.admin-content[b-85du1m2ebr] { width: min(100% - 40px, 1180px); margin-inline: auto; padding-block: var(--jl-space-10) var(--jl-space-16); }

@media (max-width: 599px) {
    .admin-wordmark small[b-85du1m2ebr], .admin-public-link[b-85du1m2ebr] { display: none; }
    .admin-content[b-85du1m2ebr] { width: min(100% - 32px, 1180px); padding-top: var(--jl-space-6); }
}
/* _content/JoyleeBook.Web/Components/Layout/AuthorStudioLayout.razor.rz.scp.css */
.studio-boot[b-9toidnypjk] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--jl-space-4);
    color: var(--jl-color-text-secondary);
    background: var(--jl-color-bg-canvas);
}

.studio-layout[b-9toidnypjk] { min-height: 100dvh; background: var(--jl-color-bg-canvas); }
.studio-layout[b-9toidnypjk]  .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-9toidnypjk] { 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-9toidnypjk] { 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-9toidnypjk] { color: var(--jl-color-text-secondary); font-size: .8125rem; font-weight: 600; text-decoration: none; }
.studio-public-link:hover[b-9toidnypjk] { color: var(--jl-color-text-link); }
.studio-layout[b-9toidnypjk]  .studio-drawer { background: var(--jl-color-bg-surface); border-right: 1px solid var(--jl-color-border-default); }
.studio-profile[b-9toidnypjk] { 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-9toidnypjk] { display: flex; min-width: 0; flex-direction: column; }
.studio-profile strong[b-9toidnypjk] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; }
.studio-profile span[b-9toidnypjk] { color: var(--jl-color-text-secondary); font-size: .75rem; }
.studio-navigation[b-9toidnypjk] { padding: var(--jl-space-4) var(--jl-space-3); }
.studio-navigation > p[b-9toidnypjk] { 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-9toidnypjk]  .mud-nav-link { min-height: 44px; border-radius: var(--jl-radius-md); }
.studio-navigation[b-9toidnypjk]  .mud-nav-link.active { background: var(--jl-color-bg-brand-subtle); color: var(--jl-color-text-brand); }
.studio-nav-disabled[b-9toidnypjk] { 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-9toidnypjk] { font-size: .625rem; }
.studio-rights-note[b-9toidnypjk] { 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-9toidnypjk] { display: flex; flex-direction: column; }
.studio-rights-note strong[b-9toidnypjk] { font-size: .75rem; }
.studio-rights-note span[b-9toidnypjk] { color: var(--jl-color-text-secondary); font-size: .6875rem; }
.studio-layout[b-9toidnypjk]  .studio-main { background: var(--jl-color-bg-canvas); }
.studio-content[b-9toidnypjk] { 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-9toidnypjk], .studio-public-link[b-9toidnypjk] { display: none; }
    .studio-content[b-9toidnypjk] { width: min(100% - 32px, 1180px); padding-top: var(--jl-space-6); }
}
/* _content/JoyleeBook.Web/Components/Pages/Admin/Reports.razor.rz.scp.css */
.report-row[b-eucy1fo5oi] { overflow-wrap: anywhere; }
.report-reason[b-eucy1fo5oi] { white-space: pre-wrap; }
/* _content/JoyleeBook.Web/Components/Pages/Admin/Users/Detail.razor.rz.scp.css */
.user-detail-header[b-b3wvi2nb7h] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--jl-space-6); margin-bottom: var(--jl-space-8); }
.user-detail-header h1[b-b3wvi2nb7h] { margin: var(--jl-space-2) 0; }
.user-detail-header p:last-child[b-b3wvi2nb7h] { margin: 0; color: var(--jl-color-text-secondary); }
.user-detail-section[b-b3wvi2nb7h]  .user-detail-card { max-width: 760px; 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); }
.user-detail-identity[b-b3wvi2nb7h] { display: flex; align-items: center; gap: var(--jl-space-4); padding-bottom: var(--jl-space-6); border-bottom: 1px solid var(--jl-color-border-default); }
.user-detail-identity h2[b-b3wvi2nb7h] { margin: 0; font-size: 1.25rem; }
.user-detail-identity span[b-b3wvi2nb7h] { color: var(--jl-color-text-secondary); font-size: .875rem; }
.user-detail-fields[b-b3wvi2nb7h] { display: grid; gap: var(--jl-space-5); margin: var(--jl-space-6) 0 0; }
.user-detail-fields > div[b-b3wvi2nb7h] { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr); gap: var(--jl-space-4); align-items: center; }
.user-detail-fields dt[b-b3wvi2nb7h] { color: var(--jl-color-text-secondary); }
.user-detail-fields dd[b-b3wvi2nb7h] { margin: 0; min-width: 0; }
.user-detail-id[b-b3wvi2nb7h] { overflow-wrap: anywhere; }

@media (max-width: 599px) {
    .user-detail-section[b-b3wvi2nb7h]  .user-detail-card { padding: var(--jl-space-4); }
    .user-detail-fields > div[b-b3wvi2nb7h] { grid-template-columns: minmax(0, 1fr); gap: var(--jl-space-1); }
}
/* _content/JoyleeBook.Web/Components/Pages/Admin/Users/Index.razor.rz.scp.css */
.admin-page-header[b-8s72xn7i4s] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--jl-space-6); margin-bottom: var(--jl-space-8); }
.admin-page-header h1[b-8s72xn7i4s] { margin: var(--jl-space-2) 0; }
.admin-page-header > div > p:last-child[b-8s72xn7i4s] { max-width: 62ch; margin: 0; color: var(--jl-color-text-secondary); }
.user-stats[b-8s72xn7i4s] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--jl-space-4); margin-bottom: var(--jl-space-8); }
.user-stats[b-8s72xn7i4s]  .user-stat { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: var(--jl-space-2) var(--jl-space-3); min-height: 116px; 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); }
.user-stat > span[b-8s72xn7i4s] { align-self: center; color: var(--jl-color-text-secondary); font-size: .75rem; }
.user-stat > strong[b-8s72xn7i4s] { grid-column: 1 / -1; font-size: 1.5rem; }
.user-list-panel[b-8s72xn7i4s] { 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); }
.user-list-heading[b-8s72xn7i4s] { display: flex; justify-content: space-between; align-items: center; gap: var(--jl-space-4); margin-bottom: var(--jl-space-5); }
.user-list-heading h2[b-8s72xn7i4s] { margin: 0; font-size: 1.125rem; }
.user-list-heading p[b-8s72xn7i4s] { margin: var(--jl-space-1) 0 0; color: var(--jl-color-text-secondary); font-size: .75rem; }
.user-toolbar[b-8s72xn7i4s] { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) minmax(170px, 220px); gap: var(--jl-space-4); margin-bottom: var(--jl-space-5); }
.user-identity[b-8s72xn7i4s] { display: flex; align-items: center; gap: var(--jl-space-3); min-width: 180px; }
.user-identity > div[b-8s72xn7i4s] { display: flex; flex-direction: column; }
.user-identity strong[b-8s72xn7i4s] { font-size: .875rem; }
.user-identity small[b-8s72xn7i4s] { color: var(--jl-color-text-secondary); font-size: .6875rem; }
.user-table[b-8s72xn7i4s]  .mud-table-cell { vertical-align: middle; }
.user-table[b-8s72xn7i4s]  .user-actions { text-align: right; white-space: nowrap; }

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

@media (max-width: 599px) {
    .admin-page-header[b-8s72xn7i4s] >  .jl-button { width: 100%; }
    .user-stats[b-8s72xn7i4s], .user-toolbar[b-8s72xn7i4s] { grid-template-columns: minmax(0, 1fr); }
    .user-list-panel[b-8s72xn7i4s] { padding: var(--jl-space-4); }
    .user-list-heading[b-8s72xn7i4s] { align-items: flex-start; }
    .user-table[b-8s72xn7i4s]  .user-actions { text-align: left; }
}
/* _content/JoyleeBook.Web/Components/Pages/Admin/Users/UserEditorDialog.razor.rz.scp.css */
.user-editor-intro[b-dz1m3h6kkn] {
    display: flex;
    align-items: flex-start;
    gap: var(--jl-space-3);
    margin-bottom: var(--jl-space-5);
}

.user-editor-intro > div[b-dz1m3h6kkn] {
    display: grid;
    gap: var(--jl-space-1);
}
/* _content/JoyleeBook.Web/Components/Pages/Series/Detail.razor.rz.scp.css */
.breadcrumbs[b-w6e2z7d3oi] { display: flex; gap: 12px; font-size: .8125rem; color: var(--jl-color-text-secondary); margin-bottom: 32px; }
.breadcrumbs a[b-w6e2z7d3oi] { text-decoration: none; }
.series-hero[b-w6e2z7d3oi] { 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-w6e2z7d3oi] { width: min(100%, 280px); }
.hero-content[b-w6e2z7d3oi] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
h1[b-w6e2z7d3oi] { margin: 16px 0 24px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; }
.dates[b-w6e2z7d3oi] { display: flex; flex-wrap: wrap; gap: 24px 48px; padding-block: 32px; margin-block: 0; }
.reading-actions[b-w6e2z7d3oi] { display: grid; width: 100%; gap: 10px; }
.reading-actions :deep(.start-reading-button)[b-w6e2z7d3oi] { min-height: 48px; font-weight: 700; }
.reading-actions :deep(.library-action-button)[b-w6e2z7d3oi] { min-height: 48px; background: var(--jl-color-surface, #fff); }
.continue-reading-card[b-w6e2z7d3oi] { min-height: 48px; padding: 7px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb, var(--jl-color-primary) 16%, transparent); border-radius: var(--jl-radius-md, 10px); background: color-mix(in srgb, var(--jl-color-primary) 5%, var(--jl-color-surface)); color: var(--jl-color-text-secondary); text-align: left; text-decoration: none; font: inherit; }
.continue-reading-card span[b-w6e2z7d3oi] { display: grid; gap: 1px; min-width: 0; }
.continue-reading-card small[b-w6e2z7d3oi] { font-size: .6875rem; line-height: 1.2; }
.continue-reading-card strong[b-w6e2z7d3oi] { font-size: .8125rem; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.continue-reading-card:disabled[b-w6e2z7d3oi] { opacity: .72; cursor: not-allowed; }
.continue-reading-card.is-active[b-w6e2z7d3oi] { color: var(--jl-color-primary); transition: border-color .18s ease, background-color .18s ease; }
.continue-reading-card.is-active:hover[b-w6e2z7d3oi] { border-color: color-mix(in srgb, var(--jl-color-primary) 38%, transparent); background: color-mix(in srgb, var(--jl-color-primary) 9%, var(--jl-color-surface)); }
.continue-reading-card.is-loading[b-w6e2z7d3oi] { opacity: .78; }
.secondary-actions[b-w6e2z7d3oi] { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.secondary-actions :deep(.mud-icon-button-root)[b-w6e2z7d3oi] { border: 1px solid var(--jl-color-border-default); border-radius: var(--jl-radius-md, 10px); }
.secondary-actions :deep(.back-to-series-button)[b-w6e2z7d3oi] { margin-left: auto; }
dt[b-w6e2z7d3oi] { font-size: .75rem; color: var(--jl-color-text-secondary); margin-bottom: 6px; }
dd[b-w6e2z7d3oi] { margin: 0; font-size: .875rem; overflow-wrap: anywhere; }
.introduction[b-w6e2z7d3oi] { max-width: 780px; padding-block: 40px; }
h2[b-w6e2z7d3oi] { margin-block: 12px 24px; }
.description[b-w6e2z7d3oi] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1.0625rem; line-height: 1.8; }
.extra-info[b-w6e2z7d3oi] { border-top: 1px solid var(--jl-color-border-default); padding-block: 16px; }
.extra-info summary[b-w6e2z7d3oi] { cursor: pointer; min-height: 44px; padding-block: 12px; font-weight: 600; font-size: .875rem; }
.extra-info dl[b-w6e2z7d3oi] { display: grid; gap: 20px; margin-top: 16px; }
@media (min-width: 600px) { .series-hero[b-w6e2z7d3oi] { grid-template-columns: 220px minmax(0, 1fr); } .extra-info dl[b-w6e2z7d3oi] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 840px) { .reading-actions[b-w6e2z7d3oi] { grid-template-columns: minmax(190px, auto) minmax(210px, 1fr) minmax(170px, auto); align-items: stretch; } }
@media (min-width: 1024px) { .series-hero[b-w6e2z7d3oi] { grid-template-columns: 280px minmax(0, 1fr); gap: 64px; padding-block: 16px 48px; } .introduction[b-w6e2z7d3oi] { padding-block: 48px; } }
/* _content/JoyleeBook.Web/Components/Pages/Series/Index.razor.rz.scp.css */
 .page-eyebrow[b-b8x3262h20] { margin-bottom: var(--jl-space-3); }
.series-toolbar[b-b8x3262h20] { 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-b8x3262h20]  .jl-search { margin-top: 0; flex: 1; }
.status-filter[b-b8x3262h20] { display: flex; flex-direction: column; gap: 6px; min-width: 210px; }
.result-count[b-b8x3262h20] { margin-bottom: 24px; color: var(--jl-color-text-secondary); font-size: .875rem; }
.page-actions[b-b8x3262h20] { display: flex; gap: 12px; }
@media (max-width: 599px) { .series-toolbar[b-b8x3262h20] { flex-direction: column; align-items: stretch; padding: 16px; gap: 16px; } .status-filter[b-b8x3262h20] { min-width: 0; } }
/* _content/JoyleeBook.Web/Components/Pages/Studio/Series/Detail.razor.rz.scp.css */
.studio-breadcrumbs[b-udlsnjo68o] { margin-bottom: var(--jl-space-6); }
.studio-detail-hero[b-udlsnjo68o] { 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-udlsnjo68o] { align-self: start; }
.studio-detail-content[b-udlsnjo68o] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.studio-detail-content h1[b-udlsnjo68o] { margin: var(--jl-space-3) 0 var(--jl-space-5); font-size: clamp(2rem, 4vw, 3rem); }
.studio-dates[b-udlsnjo68o] { display: flex; flex-wrap: wrap; gap: var(--jl-space-5) var(--jl-space-10); margin: 0; padding-block: var(--jl-space-6); }
dt[b-udlsnjo68o] { margin-bottom: 4px; color: var(--jl-color-text-secondary); font-size: .75rem; }
dd[b-udlsnjo68o] { margin: 0; overflow-wrap: anywhere; font-size: .875rem; }
.studio-detail-actions[b-udlsnjo68o] { display: flex; flex-wrap: wrap; gap: var(--jl-space-3); }
.studio-detail-grid[b-udlsnjo68o] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--jl-space-6); margin-block: var(--jl-space-6); }
.studio-description[b-udlsnjo68o], .studio-next-actions[b-udlsnjo68o] { 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-udlsnjo68o], .studio-next-actions h2[b-udlsnjo68o] { margin: var(--jl-space-3) 0 var(--jl-space-4); font-size: 1.25rem; }
.studio-description > p:last-child[b-udlsnjo68o] { margin: 0; white-space: pre-wrap; color: var(--jl-color-text-secondary); line-height: 1.8; }
.studio-next-actions[b-udlsnjo68o] { display: flex; flex-direction: column; gap: var(--jl-space-3); }
.studio-next-actions > p[b-udlsnjo68o] { margin: 0 0 var(--jl-space-2); color: var(--jl-color-text-secondary); font-size: .8125rem; }
.studio-locked-metrics[b-udlsnjo68o] { 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-udlsnjo68o] { display: flex; flex-direction: column; color: var(--jl-color-text-muted); font-size: .625rem; text-transform: uppercase; }
.studio-locked-metrics strong[b-udlsnjo68o] { color: var(--jl-color-text-disabled); font-size: 1rem; }
.studio-technical[b-udlsnjo68o] { 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-udlsnjo68o] { min-height: 44px; cursor: pointer; font-weight: 600; }
.studio-technical dl[b-udlsnjo68o] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--jl-space-5); }

@media (max-width: 959px) {
    .studio-detail-hero[b-udlsnjo68o] { grid-template-columns: 180px minmax(0, 1fr); gap: var(--jl-space-6); }
    .studio-detail-grid[b-udlsnjo68o] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599px) {
    .studio-detail-hero[b-udlsnjo68o] { grid-template-columns: minmax(0, 1fr); padding: var(--jl-space-4); }
    .studio-detail-cover[b-udlsnjo68o] { width: min(100%, 180px); }
    .studio-detail-actions[b-udlsnjo68o], .studio-detail-actions[b-udlsnjo68o]  .jl-button { width: 100%; }
    .studio-description[b-udlsnjo68o], .studio-next-actions[b-udlsnjo68o] { padding: var(--jl-space-4); }
    .studio-technical dl[b-udlsnjo68o] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/JoyleeBook.Web/Components/Pages/Studio/Series/Index.razor.rz.scp.css */
.studio-page-header[b-4qor3pkrvk] { 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-4qor3pkrvk] { margin: var(--jl-space-2) 0; }
.studio-page-header > div:first-child > p:last-child[b-4qor3pkrvk] { max-width: 62ch; margin: 0; color: var(--jl-color-text-secondary); }
.studio-header-actions[b-4qor3pkrvk] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--jl-space-3); }
.studio-loading[b-4qor3pkrvk], .studio-series-list[b-4qor3pkrvk] { display: grid; gap: var(--jl-space-4); }
.studio-stats[b-4qor3pkrvk] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--jl-space-4); margin-bottom: var(--jl-space-8); }
.studio-stats[b-4qor3pkrvk]  .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-4qor3pkrvk] { align-self: center; color: var(--jl-color-text-secondary); font-size: .75rem; }
.studio-stat > strong[b-4qor3pkrvk] { grid-column: 1 / -1; font-size: 1.5rem; }
.studio-stat > small[b-4qor3pkrvk] { grid-column: 1 / -1; color: var(--jl-color-text-muted); font-size: .6875rem; }
.studio-stat.is-locked > strong[b-4qor3pkrvk] { color: var(--jl-color-text-disabled); }
.studio-list-panel[b-4qor3pkrvk] { 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-4qor3pkrvk]  .studio-tabs { margin-bottom: var(--jl-space-5); }
.studio-toolbar[b-4qor3pkrvk] { 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-4qor3pkrvk] { 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-4qor3pkrvk] { color: var(--jl-color-text-secondary); font-size: .75rem; }
.visually-hidden[b-4qor3pkrvk] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 959px) { .studio-stats[b-4qor3pkrvk] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) {
    .studio-header-actions[b-4qor3pkrvk], .studio-header-actions[b-4qor3pkrvk]  .jl-button { width: 100%; }
    .studio-stats[b-4qor3pkrvk] { grid-template-columns: minmax(0, 1fr); }
    .studio-list-panel[b-4qor3pkrvk] { padding: var(--jl-space-4); }
    .studio-toolbar[b-4qor3pkrvk] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/JoyleeBook.Web/Components/Pages/User/History.razor.rz.scp.css */
.history-page[b-7vlk9cn8rl] { max-width: 980px; margin-inline: auto; }
.history-list[b-7vlk9cn8rl] { display: grid; gap: var(--jl-space-4); }
.history-card[b-7vlk9cn8rl] { 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-7vlk9cn8rl] { display: block; align-self: start; border-radius: var(--jl-radius-md); overflow: hidden; }
.history-card__body[b-7vlk9cn8rl] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.history-card__eyebrow[b-7vlk9cn8rl] { 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-7vlk9cn8rl] { margin: var(--jl-space-2) 0 var(--jl-space-1); font-size: 1.125rem; line-height: 1.4; }
.history-card h2 a[b-7vlk9cn8rl] { color: var(--jl-color-text-primary); text-decoration: none; }
.history-card h2 a:hover[b-7vlk9cn8rl] { color: var(--jl-color-text-link); }
.history-card__chapter[b-7vlk9cn8rl] { 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-7vlk9cn8rl] { width: 100%; margin-top: var(--jl-space-4); }
.history-progress__labels[b-7vlk9cn8rl] { 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-7vlk9cn8rl] { color: var(--jl-color-text-brand); font-variant-numeric: tabular-nums; }
.history-progress :deep(.mud-progress-linear)[b-7vlk9cn8rl] { height: 4px; }
.history-card__actions[b-7vlk9cn8rl] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jl-space-2); margin-top: var(--jl-space-4); }
.history-card--skeleton[b-7vlk9cn8rl] { min-height: 170px; }
.history-card--unavailable[b-7vlk9cn8rl] { background: var(--jl-color-bg-surface-subtle); box-shadow: none; }
.history-card--unavailable .history-card__body[b-7vlk9cn8rl] { opacity: .88; }
.history-card__cover--unavailable[b-7vlk9cn8rl] { filter: grayscale(1); opacity: .58; }
.history-card--unavailable .history-progress[b-7vlk9cn8rl] { opacity: .5; }
.history-card--unavailable h2 span[b-7vlk9cn8rl] { color: var(--jl-color-text-secondary); }

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

@media (max-width: 599px) {
    .history-card__actions[b-7vlk9cn8rl] { width: 100%; }
    .history-card__actions :deep(.jl-button:first-child)[b-7vlk9cn8rl] { flex: 1; }
}
/* _content/JoyleeBook.Web/Components/Shared/CommentSection.razor.rz.scp.css */
.comment-section[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    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-sqogoyu7ei] {
    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-sqogoyu7ei] {
    margin-bottom: var(--jl-space-6);
}

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

.comment-signin[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    padding: var(--jl-space-6) 0;
    text-align: center;
    color: var(--jl-color-text-muted);
}

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

.comment-item[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    border-bottom: none;
}

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

.comment-meta[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    font-size: 0.9rem;
    color: var(--jl-color-text-primary);
}

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

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

.comment-actions[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    display: flex;
    justify-content: center;
    margin-top: var(--jl-space-4);
}

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

.comment-chapter[b-sqogoyu7ei] {
    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-sqogoyu7ei] {
    text-decoration: underline;
}
/* _content/JoyleeBook.Web/Components/Shared/JoyleeCover.razor.rz.scp.css */
 .jl-cover[b-pzlz2vb8nf] { aspect-ratio: 2 / 3; width: 100%; overflow: hidden; border-radius: var(--jl-radius-md); background: var(--jl-color-bg-surface-subtle); }
img[b-pzlz2vb8nf] { width: 100%; height: 100%; object-fit: cover; display: block; }
.cover-fallback[b-pzlz2vb8nf] { height: 100%; padding: var(--jl-space-6); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--jl-space-4); border: 1px solid var(--jl-color-border-default); border-radius: inherit; color: var(--jl-color-text-secondary); }
.cover-fallback span[b-pzlz2vb8nf] { font-size: .65rem; letter-spacing: .18em; }
.cover-fallback strong[b-pzlz2vb8nf] { font-family: var(--jl-font-reader); font-size: clamp(1.125rem, 2vw, 1.6rem); font-weight: 500; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.cover-fallback small[b-pzlz2vb8nf] { font-size: .75rem; }
/* _content/JoyleeBook.Web/Components/Shared/JoyleeFeedback.razor.rz.scp.css */
 .jl-feedback[b-vco6irxh3i] { padding: var(--jl-space-12) var(--jl-space-6); text-align: center; border: 1px dashed var(--jl-color-border-default); border-radius: var(--jl-radius-lg); background: var(--jl-color-bg-surface); }
h2[b-vco6irxh3i] { font-size: 1.25rem; margin: var(--jl-space-4) 0 var(--jl-space-2); }
p[b-vco6irxh3i] { color: var(--jl-color-text-secondary); margin-bottom: var(--jl-space-6); }
/* _content/JoyleeBook.Web/Components/Shared/JoyleeStatusBadge.razor.rz.scp.css */
.jl-badge[b-9md4e1b0ua] { display: inline-flex; align-items: center; gap: var(--jl-space-1); min-height: 28px; padding-inline: var(--jl-space-3); border-radius: var(--jl-radius-full); font-size: var(--jl-type-caption-size); line-height: var(--jl-type-caption-leading); font-weight: 600; white-space: nowrap; }
.jl-badge[b-9md4e1b0ua]  .mud-icon-root { width: var(--jl-size-icon-s); height: var(--jl-size-icon-s); font-size: var(--jl-size-icon-s); }
.jl-badge--neutral[b-9md4e1b0ua] { background: var(--jl-color-bg-surface-subtle); color: var(--jl-color-text-secondary); }
.jl-badge--brand[b-9md4e1b0ua] { background: var(--jl-color-bg-brand-subtle); color: var(--jl-color-text-brand); }
.jl-badge--success[b-9md4e1b0ua] { background: var(--jl-color-bg-success); color: var(--jl-color-text-success); }
.jl-badge--warning[b-9md4e1b0ua] { background: var(--jl-color-bg-warning); color: var(--jl-color-text-warning); }
.jl-badge--danger[b-9md4e1b0ua] { background: var(--jl-color-bg-danger); color: var(--jl-color-text-danger); }
.jl-badge--info[b-9md4e1b0ua] { background: var(--jl-color-bg-info); color: var(--jl-color-text-info); }
/* _content/JoyleeBook.Web/Components/Shared/Series/AuthorSeriesCard.razor.rz.scp.css */
.author-series-card[b-knej83evny] { 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-knej83evny] { display: block; align-self: start; width: 132px; max-width: 100%; overflow: hidden; border-radius: var(--jl-radius-md); }
.author-series-content[b-knej83evny] { min-width: 0; }
.author-series-heading[b-knej83evny], .author-card-footer[b-knej83evny] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--jl-space-3); }
.author-updated[b-knej83evny], .author-card-footer > span[b-knej83evny] { color: var(--jl-color-text-muted); font-size: .75rem; }
h2[b-knej83evny] { margin: var(--jl-space-3) 0 var(--jl-space-2); font-size: 1.125rem; line-height: 1.4; }
h2 a[b-knej83evny] { color: var(--jl-color-text-primary); text-decoration: none; }
h2 a:hover[b-knej83evny] { color: var(--jl-color-text-link); }
.author-description[b-knej83evny] { 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-knej83evny] { 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-knej83evny] { display: flex; min-width: 0; flex-direction: column; gap: 2px; padding: 8px 10px; background: var(--jl-color-bg-surface-subtle); }
.author-metrics span[b-knej83evny] { color: var(--jl-color-text-muted); font-size: .625rem; text-transform: uppercase; }
.author-metrics strong[b-knej83evny] { color: var(--jl-color-text-disabled); font-size: .875rem; }
.author-metrics small[b-knej83evny] { position: absolute; top: 4px; right: 6px; color: var(--jl-color-text-brand); font-size: .5625rem; font-weight: 700; }
.author-actions[b-knej83evny] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--jl-space-2); }

@media (max-width: 599px) {
    .author-series-card[b-knej83evny] { grid-template-columns: 88px minmax(0, 1fr); gap: var(--jl-space-4); padding: var(--jl-space-4); }
    .author-cover[b-knej83evny] { width: 88px; }
    .author-metrics[b-knej83evny] { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .author-card-footer[b-knej83evny] { align-items: flex-start; flex-direction: column; }
    .author-actions[b-knej83evny] { width: 100%; }
}
/* _content/JoyleeBook.Web/Components/Shared/Series/SeriesCard.razor.rz.scp.css */
 .series-card[b-frzed0x78l] { min-width: 0; }
.cover-link[b-frzed0x78l] { display: block; border-radius: var(--jl-radius-md); transition: box-shadow 150ms ease-out; }
.cover-link:hover[b-frzed0x78l] { box-shadow: var(--jl-shadow-md); }
.card-content[b-frzed0x78l] { padding-block: var(--jl-space-4); }
h2[b-frzed0x78l] { margin: 12px 0 8px; font-size: 1.125rem; line-height: 1.45; }
h2 a[b-frzed0x78l] { 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-frzed0x78l] { color: var(--jl-color-text-link); }
.card-description[b-frzed0x78l] { 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-frzed0x78l] { 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-frzed0x78l]  .mud-icon-button { min-width: 44px; min-height: 44px; }
/* _content/JoyleeBook.Web/Components/Shared/Series/SeriesCommunityPanel.razor.rz.scp.css */
.community-panel[b-s915izcjni] {
    display: grid;
    gap: var(--jl-space-6);
    padding: var(--jl-space-5);
    font-family: var(--jl-font-ui);
}

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

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

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

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

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

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

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

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

.rating-bars li[b-s915izcjni] {
    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-s915izcjni] {
    text-align: right;
}

.my-rating[b-s915izcjni] {
    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.Web/Components/Shared/Series/SeriesSkeleton.razor.rz.scp.css */
 .cover-skeleton[b-lysg3gub5a], .text-skeleton[b-lysg3gub5a] { background: var(--jl-color-bg-surface-subtle); border-radius: var(--jl-radius-md); animation: breathe-b-lysg3gub5a 1.2s ease-in-out infinite alternate; }
.cover-skeleton[b-lysg3gub5a] { aspect-ratio: 2 / 3; }
.text-skeleton[b-lysg3gub5a] { height: 20px; width: 80%; margin-block: 16px; }
.title[b-lysg3gub5a] { height: 44px; }
.detail-skeleton[b-lysg3gub5a] { display: grid; gap: 40px; }
@media (min-width: 600px) { .detail-skeleton[b-lysg3gub5a] { grid-template-columns: 260px minmax(0, 1fr); } }
@keyframes breathe-b-lysg3gub5a { to { opacity: .5; } }