/* /Features/Faal/AudioRating.razor.rz.scp.css */
.audio-rating[b-fym9pddppl] { display: grid; align-items: center; gap: .45rem; margin-top: .6rem; padding-top: .55rem; border-top: 1px solid var(--border); grid-template-columns: minmax(0, 1fr) auto; }
.rating-summary[b-fym9pddppl] { display: flex; min-width: 0; flex-direction: column; }
.rating-summary span[b-fym9pddppl] { color: var(--text-muted); font-size: .5rem; }
.rating-summary strong[b-fym9pddppl] { color: var(--text-strong); font-size: .57rem; font-weight: 600; }
.star-rating[b-fym9pddppl] { display: flex; direction: ltr; gap: .08rem; }
.star-rating button[b-fym9pddppl] { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; padding: 0; color: color-mix(in srgb, var(--text-muted) 28%, transparent); background: transparent; border: 0; border-radius: .35rem; cursor: pointer; transition: color .16s ease, background-color .16s ease, transform .16s ease; }
.star-rating button:hover[b-fym9pddppl] { color: var(--rating-star); background: color-mix(in srgb, var(--rating-star) 10%, transparent); transform: translateY(-1px) scale(1.08); }
.star-rating button:focus-visible[b-fym9pddppl] { outline: .14rem solid color-mix(in srgb, var(--rating-star) 32%, transparent); outline-offset: .08rem; }
.star-rating button.average[b-fym9pddppl] { color: color-mix(in srgb, var(--rating-star) 68%, var(--text-muted)); }
.star-rating button.selected[b-fym9pddppl] { color: var(--rating-star); }
.star-rating svg[b-fym9pddppl] { width: 1.05rem; height: 1.05rem; fill: currentColor; }
.audio-rating > p[b-fym9pddppl] { margin: 0; padding: .32rem .45rem; color: var(--success); background: color-mix(in srgb, var(--success) 8%, var(--surface)); border-radius: .45rem; font-size: .49rem; grid-column: 1 / -1; }
.audio-rating > p strong[b-fym9pddppl] { font-weight: 700; }

@media (max-width: 400px) {
    .audio-rating[b-fym9pddppl] { align-items: start; grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { .star-rating button[b-fym9pddppl] { transition: none; } }

.audio-rating :is(p, span, strong, button)[b-fym9pddppl] { font-size: max(.78rem, 12.5px) !important; }
.star-rating button[b-fym9pddppl] { width: 2rem; height: 2rem; }
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-fvkd7l9rgj] {
    position: relative;
    display: grid;
    min-height: 100vh;
    place-items: center;
    overflow: hidden;
    padding: clamp(1rem, 4vw, 3rem);
    background:
        radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 28rem),
        var(--background);
}

.auth-shell[b-fvkd7l9rgj]::before {
    position: absolute;
    inset: auto 0 0;
    height: 18rem;
    content: '';
    pointer-events: none;
    background: url('/assets/decor/download.png') center bottom / auto 100% repeat-x;
    opacity: .035;
}

.auth-theme[b-fvkd7l9rgj] {
    position: fixed;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 20;
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    gap: .55rem;
    padding: .6rem .9rem;
    color: var(--text);
    background: color-mix(in srgb, var(--surface) 78%, transparent);
    border: 1px solid var(--border);
    border-radius: .95rem;
    cursor: pointer;
    font: inherit;
    backdrop-filter: blur(12px);
}

.auth-theme svg[b-fvkd7l9rgj] { width: 1.25rem; height: 1.25rem; fill: currentColor; }
.auth-theme span[b-fvkd7l9rgj] { font-size: .72rem; }

.auth-frame[b-fvkd7l9rgj] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(72rem, 100%);
    min-height: min(43rem, calc(100vh - 6rem));
    overflow: hidden;
    grid-template-columns: minmax(22rem, .82fr) minmax(28rem, 1.18fr);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: clamp(1.6rem, 4vw, 3rem);
    box-shadow: 0 32px 90px rgb(66 16 26 / 18%);
}

.auth-content[b-fvkd7l9rgj] { display: grid; min-width: 0; place-items: center; padding: clamp(1.5rem, 5vw, 4.5rem); }

.auth-story[b-fvkd7l9rgj] {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    padding: clamp(2rem, 5vw, 4.5rem);
    color: #fff;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--story-start) 94%, transparent), var(--story-end)),
        url('/assets/decor/download.png') center / cover;
    isolation: isolate;
}

.auth-story[b-fvkd7l9rgj]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: '';
    background-image: linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(#000, transparent 85%);
}

.story-copy[b-fvkd7l9rgj] { position: relative; z-index: 2; max-width: 30rem; }
.story-copy > span[b-fvkd7l9rgj] { color: #efc48f; font-size: .76rem; }
.story-copy h2[b-fvkd7l9rgj] { margin: .75rem 0 1rem; font-size: clamp(2rem, 4vw, 4rem); font-weight: 800; line-height: 1.35; }
.story-copy p[b-fvkd7l9rgj] { max-width: 26rem; margin: 0; color: rgb(255 255 255 / 58%); font-size: .84rem; line-height: 2; }

.story-emblem[b-fvkd7l9rgj] {
    position: absolute;
    top: 13%;
    left: 50%;
    display: grid;
    width: clamp(13rem, 22vw, 20rem);
    height: clamp(13rem, 22vw, 20rem);
    place-items: center;
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 50%;
    transform: translateX(-50%);
}

.story-emblem span[b-fvkd7l9rgj] { position: absolute; inset: 1rem; border: 1px dashed rgb(239 196 143 / 25%); border-radius: inherit; }
.story-emblem img[b-fvkd7l9rgj] { width: 64%; height: 64%; object-fit: contain; filter: drop-shadow(0 16px 30px rgb(20 2 6 / 28%)); }
.story-fruit[b-fvkd7l9rgj] { position: absolute; width: 12rem; opacity: .08; filter: grayscale(1) brightness(4); }
.fruit-one[b-fvkd7l9rgj] { top: -2rem; right: -3rem; transform: rotate(18deg); }
.fruit-two[b-fvkd7l9rgj] { right: -3rem; bottom: -4rem; transform: rotate(-16deg); }

@media (max-width: 900px) {
    .auth-shell[b-fvkd7l9rgj] { padding-top: 5rem; }
    .auth-frame[b-fvkd7l9rgj] { width: min(35rem, 100%); min-height: auto; grid-template-columns: 1fr; }
    .auth-story[b-fvkd7l9rgj] { display: none; }
    .auth-content[b-fvkd7l9rgj] { min-height: 38rem; }
}

@media (max-width: 560px) {
    .auth-shell[b-fvkd7l9rgj] { display: block; padding: 4.6rem .8rem 1rem; }
    .auth-theme[b-fvkd7l9rgj] { top: .8rem; left: .8rem; }
    .auth-theme span[b-fvkd7l9rgj] { display: none; }
    .auth-frame[b-fvkd7l9rgj] { border-radius: 1.4rem; }
    .auth-content[b-fvkd7l9rgj] { min-height: calc(100vh - 6.4rem); padding: 1.4rem; }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-3lqm375x5p] { min-height: 100vh; }

.sidebar[b-3lqm375x5p] {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 50;
    display: flex;
    width: var(--sidebar-width);
    flex-direction: column;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(170deg, var(--sidebar-start), var(--sidebar-end));
    border-left: 1px solid rgb(255 255 255 / 10%);
    box-shadow: -18px 0 50px rgb(46 7 13 / 14%);
}

.sidebar[b-3lqm375x5p]::after {
    position: absolute;
    inset: auto -7rem -7rem auto;
    width: 18rem;
    height: 18rem;
    content: '';
    pointer-events: none;
    background: url('/assets/decor/hendoone.svg') center / contain no-repeat;
    opacity: .07;
    transform: rotate(-14deg);
}

.brand[b-3lqm375x5p] {
    position: relative;
    display: grid;
    min-height: 10.5rem;
    place-items: center;
    padding: 2rem;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.brand img[b-3lqm375x5p] { width: 9.5rem; max-height: 5.2rem; object-fit: contain; }
.brand span[b-3lqm375x5p] { margin-top: .65rem; color: rgb(255 255 255 / 62%); font-size: .72rem; }

.navigation[b-3lqm375x5p] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .45rem;
    padding: 1.5rem 1rem;
}

.nav-title[b-3lqm375x5p] { margin: 0 1rem .35rem; color: rgb(255 255 255 / 42%); font-size: .7rem; }
.quick-access[b-3lqm375x5p] { margin-top: 1.25rem; }

.navigation[b-3lqm375x5p]  a {
    display: flex;
    min-height: 3.25rem;
    align-items: center;
    gap: .9rem;
    padding: .7rem 1rem;
    color: rgb(255 255 255 / 76%);
    border: 1px solid transparent;
    border-radius: 1rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.navigation[b-3lqm375x5p]  a:hover { color: #fff; background: rgb(255 255 255 / 8%); transform: translateX(-2px); }
.navigation[b-3lqm375x5p]  a.active { color: var(--sidebar-end); background: #fff7ef; box-shadow: 0 10px 30px rgb(20 2 5 / 24%); }

.navigation svg[b-3lqm375x5p],
.topbar svg[b-3lqm375x5p] { width: 1.35rem; height: 1.35rem; flex: 0 0 auto; fill: currentColor; }

.sidebar-footer[b-3lqm375x5p] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: 1.25rem 2rem 1.75rem;
    color: rgb(255 255 255 / 42%);
    font-size: .68rem;
}

.sidebar-footer strong[b-3lqm375x5p] { color: rgb(255 255 255 / 62%); font-weight: 500; }
.workspace[b-3lqm375x5p] { min-height: 100vh; margin-right: var(--sidebar-width); }

.topbar[b-3lqm375x5p] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    height: var(--topbar-height);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 clamp(1.1rem, 3vw, 3rem);
    background: color-mix(in srgb, var(--surface) 82%, transparent);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(18px);
}

.page-brand[b-3lqm375x5p] { display: flex; align-items: center; gap: .85rem; }

.brand-mark[b-3lqm375x5p] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    overflow: hidden;
    background: var(--primary);
    border-radius: .9rem;
    box-shadow: 0 10px 24px rgb(133 22 38 / 22%);
}

.brand-mark img[b-3lqm375x5p] { width: 2.1rem; height: 2.1rem; object-fit: contain; }
.page-brand div[b-3lqm375x5p] { display: flex; flex-direction: column; }
.page-brand strong[b-3lqm375x5p] { color: var(--text-strong); font-size: .93rem; }
.page-brand small[b-3lqm375x5p] { color: var(--text-muted); font-size: .68rem; }

.theme-button[b-3lqm375x5p],
.icon-button[b-3lqm375x5p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 2.75rem;
    padding: .55rem .9rem;
    color: var(--text);
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: .9rem;
    cursor: pointer;
    font: inherit;
}

.theme-button:hover[b-3lqm375x5p],
.icon-button:hover[b-3lqm375x5p] { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 32%, var(--border)); }
.theme-button span[b-3lqm375x5p] { font-size: .75rem; }
.menu-button[b-3lqm375x5p] { display: none; padding-inline: .7rem; }

.main-content[b-3lqm375x5p] {
    position: relative;
    width: min(100%, 90rem);
    min-height: calc(100vh - var(--topbar-height));
    margin-inline: auto;
    padding: clamp(1.2rem, 4vw, 4rem);
}

.backdrop[b-3lqm375x5p] { display: none; }

@media (max-width: 1199px) {
    .sidebar[b-3lqm375x5p] { width: min(19rem, 86vw); transform: translateX(105%); transition: transform .25s ease; }
    .workspace[b-3lqm375x5p] { margin-right: 0; }
    .menu-button[b-3lqm375x5p] { display: inline-flex; }
    .menu-open .sidebar[b-3lqm375x5p] { transform: translateX(0); }
    .menu-open .backdrop[b-3lqm375x5p] {
        position: fixed;
        inset: 0;
        z-index: 40;
        display: block;
        padding: 0;
        background: rgb(20 8 11 / 52%);
        border: 0;
        backdrop-filter: blur(4px);
    }
}

@media (max-width: 560px) {
    .topbar[b-3lqm375x5p] { padding-inline: .8rem; }
    .page-brand small[b-3lqm375x5p], .theme-button span[b-3lqm375x5p] { display: none; }
    .main-content[b-3lqm375x5p] { padding: 1rem; }
}
/* /Pages/Admin.razor.rz.scp.css */
.admin-page[b-kiy1msxh9l] { display: grid; gap: 1rem; }

.admin-loading[b-kiy1msxh9l],
.admin-error[b-kiy1msxh9l] {
    display: grid;
    min-height: 30rem;
    place-items: center;
    align-content: center;
    gap: .65rem;
    padding: 2rem;
    text-align: center;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 2rem;
}

.admin-loading > span[b-kiy1msxh9l] { display: grid; width: 5rem; height: 5rem; place-items: center; background: linear-gradient(145deg, var(--primary), var(--primary-deep)); border-radius: 1.5rem; box-shadow: 0 18px 45px color-mix(in srgb, var(--primary) 28%, transparent); }
.admin-loading img[b-kiy1msxh9l] { width: 3.6rem; height: 3.6rem; object-fit: contain; animation: admin-breathe-b-kiy1msxh9l 1.8s ease-in-out infinite; }
.admin-loading strong[b-kiy1msxh9l], .admin-error h1[b-kiy1msxh9l] { color: var(--text-strong); }
.admin-loading small[b-kiy1msxh9l], .admin-error p[b-kiy1msxh9l] { color: var(--text-muted); }
.admin-error b[b-kiy1msxh9l] { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; color: #fff; background: var(--danger); border-radius: 50%; font-size: 1.3rem; }
.admin-error h1[b-kiy1msxh9l] { margin: .3rem 0 0; font-size: 1.6rem; }
.admin-error p[b-kiy1msxh9l] { margin: 0; }
.admin-error button[b-kiy1msxh9l] { margin-top: .7rem; padding: .7rem 1.2rem; color: #fff; background: var(--primary); border: 0; border-radius: .85rem; cursor: pointer; }
.admin-error a[b-kiy1msxh9l] { display: inline-flex; min-height: 2.8rem; align-items: center; justify-content: center; margin-top: .7rem; padding: .7rem 1.2rem; color: #fff; background: var(--primary); border-radius: .85rem; text-decoration: none; }

.admin-hero[b-kiy1msxh9l] {
    position: relative;
    display: flex;
    min-height: 13rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    padding: clamp(1.7rem, 4vw, 3.2rem);
    color: #fff;
    background: radial-gradient(circle at 12% 18%, rgb(244 203 143 / 25%), transparent 26%), linear-gradient(125deg, #831b2a, #4a101b 58%, #210b10);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 2rem;
    box-shadow: 0 24px 65px rgb(64 11 21 / 18%);
}

.admin-hero[b-kiy1msxh9l]::after { position: absolute; inset: -8rem auto auto -5rem; width: 20rem; height: 20rem; content: ''; background: url('/assets/decor/anar.svg') center / contain no-repeat; opacity: .08; transform: rotate(18deg); }
.admin-hero-copy[b-kiy1msxh9l] { position: relative; z-index: 1; }
.admin-eyebrow[b-kiy1msxh9l] { color: #ecc28d; font-size: .73rem; }
.admin-hero h1[b-kiy1msxh9l] { margin: .25rem 0 .55rem; font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.15; }
.admin-hero p[b-kiy1msxh9l] { max-width: 39rem; margin: 0; color: rgb(255 255 255 / 66%); font-size: .85rem; line-height: 1.9; }
.admin-pulse[b-kiy1msxh9l] { position: relative; z-index: 1; display: flex; min-width: 14rem; align-items: center; gap: .9rem; padding: 1rem 1.15rem; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 1.2rem; backdrop-filter: blur(10px); }
.admin-pulse > div[b-kiy1msxh9l] { display: flex; flex-direction: column; }
.admin-pulse strong[b-kiy1msxh9l] { font-size: .82rem; }
.admin-pulse small[b-kiy1msxh9l] { margin-top: .12rem; color: rgb(255 255 255 / 48%); font-size: .61rem; }
.pulse-orbit[b-kiy1msxh9l] { position: relative; display: grid; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; place-items: center; border: 1px solid rgb(111 230 167 / 36%); border-radius: 50%; }
.pulse-orbit[b-kiy1msxh9l]::before { position: absolute; inset: .38rem; content: ''; border: 1px solid rgb(111 230 167 / 24%); border-radius: inherit; animation: pulse-ring-b-kiy1msxh9l 1.8s ease-out infinite; }
.pulse-orbit i[b-kiy1msxh9l] { width: .62rem; height: .62rem; background: #65d99a; border-radius: 50%; box-shadow: 0 0 0 .32rem rgb(101 217 154 / 14%); }

.admin-toast[b-kiy1msxh9l] { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; background: color-mix(in srgb, var(--success) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--success) 28%, var(--border)); border-radius: 1rem; }
.admin-toast.danger[b-kiy1msxh9l] { background: color-mix(in srgb, var(--danger) 9%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 30%, var(--border)); }
.admin-toast > span[b-kiy1msxh9l] { display: grid; width: 1.65rem; height: 1.65rem; flex: 0 0 auto; place-items: center; color: #fff; background: var(--success); border-radius: 50%; font-size: .72rem; }
.admin-toast.danger > span[b-kiy1msxh9l] { background: var(--danger); }
.admin-toast p[b-kiy1msxh9l] { flex: 1; margin: 0; color: var(--text-strong); font-size: .76rem; }
.admin-toast button[b-kiy1msxh9l] { padding: .2rem .45rem; color: var(--text-muted); background: transparent; border: 0; cursor: pointer; font-size: 1.1rem; }

.admin-tabs[b-kiy1msxh9l] { display: flex; gap: .35rem; overflow-x: auto; padding: .45rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.2rem; scrollbar-width: thin; }
.admin-tabs button[b-kiy1msxh9l] { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .5rem; padding: .55rem .9rem; color: var(--text-muted); background: transparent; border: 1px solid transparent; border-radius: .85rem; cursor: pointer; font: inherit; font-size: .72rem; white-space: nowrap; transition: color .2s ease, background .2s ease, transform .2s ease; }
.admin-tabs button:hover[b-kiy1msxh9l] { color: var(--text-strong); background: var(--surface-soft); }
.admin-tabs button.active[b-kiy1msxh9l] { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); box-shadow: 0 8px 22px color-mix(in srgb, var(--primary) 22%, transparent); }
.admin-tabs button > span[b-kiy1msxh9l] { font-size: 1rem; }
.admin-tabs button b[b-kiy1msxh9l] { min-width: 1.25rem; padding: .1rem .28rem; color: var(--primary); background: #fff; border-radius: 2rem; font-size: .54rem; }

.admin-overview[b-kiy1msxh9l] { display: grid; gap: 1rem; }
.metrics-grid[b-kiy1msxh9l] { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metric-card[b-kiy1msxh9l] { position: relative; display: flex; min-height: 9rem; overflow: hidden; flex-direction: column; justify-content: center; padding: 1.35rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.35rem; }
.metric-card[b-kiy1msxh9l]::after { position: absolute; top: 1.1rem; left: 1.1rem; width: .58rem; height: .58rem; content: ''; background: var(--text-muted); border-radius: 50%; box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--text-muted) 10%, transparent); }
.metric-card.primary[b-kiy1msxh9l]::after { background: var(--primary); box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--primary) 12%, transparent); }
.metric-card.warning[b-kiy1msxh9l]::after { background: var(--warning); box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--warning) 12%, transparent); }
.metric-card.success[b-kiy1msxh9l]::after { background: var(--success); box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--success) 12%, transparent); }
.metric-card > span[b-kiy1msxh9l] { color: var(--text-muted); font-size: .7rem; }
.metric-card > strong[b-kiy1msxh9l] { margin-block: .15rem; color: var(--text-strong); font-size: 2rem; line-height: 1.3; }
.metric-card > small[b-kiy1msxh9l] { color: var(--text-muted); font-size: .62rem; }
.metric-card > small i[b-kiy1msxh9l] { color: var(--success); font-style: normal; font-weight: 700; }

.overview-grid[b-kiy1msxh9l] { display: grid; gap: 1rem; grid-template-columns: 1.15fr .85fr; }
.admin-panel[b-kiy1msxh9l] { background: var(--surface); border: 1px solid var(--border); border-radius: 1.5rem; box-shadow: 0 12px 40px color-mix(in srgb, var(--text-strong) 4%, transparent); }
.admin-panel > header[b-kiy1msxh9l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 1.5rem; border-bottom: 1px solid var(--border); }
.admin-panel > header > div[b-kiy1msxh9l] { display: flex; flex-direction: column; }
.admin-panel header span[b-kiy1msxh9l] { color: var(--primary); font-size: .62rem; }
.admin-panel header h2[b-kiy1msxh9l] { margin: .15rem 0 0; color: var(--text-strong); font-size: 1rem; }
.admin-panel header button[b-kiy1msxh9l] { padding: .48rem .75rem; color: var(--primary); background: color-mix(in srgb, var(--primary) 7%, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border)); border-radius: .72rem; cursor: pointer; font: inherit; font-size: .63rem; }
.glance-row[b-kiy1msxh9l] { display: grid; align-items: center; gap: .9rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border); }
.glance-row:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.glance-row img[b-kiy1msxh9l] { width: 3rem; height: 3rem; object-fit: cover; border: 2px solid var(--surface-soft); border-radius: 1rem; }
.glance-row > div[b-kiy1msxh9l] { min-width: 0; }
.glance-row strong[b-kiy1msxh9l] { display: block; color: var(--text-strong); font-size: .75rem; }
.glance-row small[b-kiy1msxh9l] { color: var(--text-muted); font-size: .59rem; }
.glance-row p[b-kiy1msxh9l] { overflow: hidden; margin: .25rem 0 0; color: var(--text); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.glance-row > button[b-kiy1msxh9l] { padding: .45rem .75rem; color: #fff; background: var(--primary); border: 0; border-radius: .68rem; cursor: pointer; font: inherit; font-size: .61rem; }
.otp-mini-row[b-kiy1msxh9l] { display: grid; align-items: center; gap: .7rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: .85rem 1.5rem; border-bottom: 1px solid var(--border); }
.otp-mini-row:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.otp-mini-row > i[b-kiy1msxh9l] { width: .55rem; height: .55rem; background: var(--text-muted); border-radius: 50%; }
.otp-mini-row > i.verified[b-kiy1msxh9l], .otp-mini-row > i.delivered[b-kiy1msxh9l] { background: var(--success); }
.otp-mini-row > i.failed[b-kiy1msxh9l] { background: var(--danger); }
.otp-mini-row > i.limited[b-kiy1msxh9l] { background: var(--warning); }
.otp-mini-row div[b-kiy1msxh9l] { display: flex; min-width: 0; flex-direction: column; }
.otp-mini-row strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: .7rem; }
.otp-mini-row small[b-kiy1msxh9l] { overflow: hidden; color: var(--text-muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.otp-mini-row time[b-kiy1msxh9l] { color: var(--text-muted); font-size: .58rem; }

.section-panel[b-kiy1msxh9l] { overflow: hidden; }
.section-heading[b-kiy1msxh9l] { align-items: flex-end !important; }
.section-heading h2[b-kiy1msxh9l] { font-size: 1.25rem !important; }
.section-heading p[b-kiy1msxh9l] { max-width: 43rem; margin: .35rem 0 0; color: var(--text-muted); font-size: .67rem; line-height: 1.8; }
.filter-pills[b-kiy1msxh9l] { display: flex !important; flex-direction: row !important; gap: .3rem; }
.filter-pills button.active[b-kiy1msxh9l] { color: #fff; background: var(--primary); }
.moderation-list[b-kiy1msxh9l] { display: grid; gap: .8rem; padding: 1rem; }
.moderation-card[b-kiy1msxh9l] { display: grid; align-items: center; gap: 1rem; grid-template-columns: minmax(13rem, .85fr) minmax(13rem, 1.15fr) auto; padding: 1rem; background: var(--surface-soft); border: 1px solid transparent; border-radius: 1.1rem; transition: border-color .25s ease, transform .25s ease; }
.moderation-card.highlighted[b-kiy1msxh9l] { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); animation: admin-highlight-b-kiy1msxh9l 1.2s ease; }
.moderation-person[b-kiy1msxh9l] { display: flex; min-width: 0; align-items: center; gap: .8rem; }
.moderation-person img[b-kiy1msxh9l] { width: 3.5rem; height: 3.5rem; flex: 0 0 auto; object-fit: cover; border-radius: 1rem; }
.moderation-person div[b-kiy1msxh9l] { display: flex; min-width: 0; flex-direction: column; }
.moderation-person strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: .76rem; }
.moderation-person span[b-kiy1msxh9l], .moderation-person time[b-kiy1msxh9l] { color: var(--text-muted); font-size: .59rem; }
.moderation-content[b-kiy1msxh9l] { min-width: 0; }
.moderation-content p[b-kiy1msxh9l] { margin: 0; color: var(--text); font-size: .69rem; line-height: 1.8; }
.moderation-content audio[b-kiy1msxh9l] { width: 100%; height: 2.2rem; margin-top: .45rem; }
.moderation-actions[b-kiy1msxh9l] { display: flex; gap: .45rem; }
.moderation-actions button[b-kiy1msxh9l] { min-height: 2.3rem; padding: .45rem .75rem; border-radius: .72rem; cursor: pointer; font: inherit; font-size: .61rem; white-space: nowrap; }
.moderation-actions button:disabled[b-kiy1msxh9l] { cursor: wait; opacity: .55; }
.moderation-actions .approve[b-kiy1msxh9l] { color: #fff; background: var(--success); border: 1px solid var(--success); }
.moderation-actions .reject[b-kiy1msxh9l] { color: var(--danger); background: transparent; border: 1px solid color-mix(in srgb, var(--danger) 32%, var(--border)); }
.reviewed[b-kiy1msxh9l] { padding: .4rem .65rem; border-radius: 2rem; font-size: .62rem; }
.reviewed.approved[b-kiy1msxh9l] { color: var(--success); background: color-mix(in srgb, var(--success) 10%, var(--surface)); }
.reviewed.rejected[b-kiy1msxh9l] { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--surface)); }

.users-heading[b-kiy1msxh9l] { align-items: center !important; }
.admin-search[b-kiy1msxh9l] { display: flex; min-width: min(22rem, 100%); align-items: center; gap: .45rem; padding: .2rem .7rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: .85rem; }
.admin-search span[b-kiy1msxh9l] { color: var(--text-muted); font-size: 1.1rem; }
.admin-search input[b-kiy1msxh9l] { width: 100%; min-height: 2.4rem; background: transparent; border: 0; outline: 0; font-size: .7rem; }
.users-table-wrap[b-kiy1msxh9l] { overflow-x: auto; }
.users-table[b-kiy1msxh9l] { width: 100%; border-collapse: collapse; min-width: 58rem; }
.users-table th[b-kiy1msxh9l] { padding: .8rem 1rem; color: var(--text-muted); background: var(--surface-soft); font-size: .59rem; font-weight: 500; text-align: right; }
.users-table td[b-kiy1msxh9l] { padding: .95rem 1rem; border-top: 1px solid var(--border); font-size: .67rem; }
.users-table td > strong[b-kiy1msxh9l], .users-table td > small[b-kiy1msxh9l] { display: block; }
.users-table td > strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: .71rem; }
.users-table td > small[b-kiy1msxh9l], .users-table time[b-kiy1msxh9l] { color: var(--text-muted); font-size: .59rem; }
.profile-state[b-kiy1msxh9l], .user-status[b-kiy1msxh9l] { display: inline-flex; padding: .28rem .55rem; border-radius: 2rem; font-size: .58rem; }
.profile-state.complete[b-kiy1msxh9l], .user-status.active[b-kiy1msxh9l] { color: var(--success); background: color-mix(in srgb, var(--success) 10%, var(--surface)); }
.profile-state.incomplete[b-kiy1msxh9l], .user-status.blocked[b-kiy1msxh9l] { color: var(--warning); background: color-mix(in srgb, var(--warning) 11%, var(--surface)); }
.user-status.disabled[b-kiy1msxh9l] { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--surface)); }
.access-button[b-kiy1msxh9l] { padding: .4rem .65rem; color: var(--text); background: transparent; border: 1px solid var(--border); border-radius: .68rem; cursor: pointer; font: inherit; font-size: .58rem; }
.access-button:hover[b-kiy1msxh9l] { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); }
.role-pill[b-kiy1msxh9l] { display: inline-flex; padding: .32rem .65rem; color: var(--primary); background: color-mix(in srgb, var(--primary) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--border)); border-radius: 2rem; font-weight: 700; }

.content-workspace[b-kiy1msxh9l], .access-workspace[b-kiy1msxh9l] { display: grid; gap: 1rem; }
.verse-create-card form[b-kiy1msxh9l] { padding: 1.35rem 1.5rem 1.5rem; }
.draft-badge[b-kiy1msxh9l] { padding: .4rem .75rem; color: var(--warning) !important; background: color-mix(in srgb, var(--warning) 9%, var(--surface)); border-radius: 2rem; font-weight: 700; white-space: nowrap; }
.verse-form-grid[b-kiy1msxh9l] { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.verse-form-grid label[b-kiy1msxh9l] { display: flex; min-width: 0; flex-direction: column; gap: .42rem; }
.verse-form-grid label.wide[b-kiy1msxh9l] { grid-column: 1 / -1; }
.verse-form-grid label > span[b-kiy1msxh9l] { color: var(--text-strong); font-size: .88rem; font-weight: 600; }
.verse-form-grid label b[b-kiy1msxh9l] { color: var(--danger); font-size: .76rem; }
.verse-form-grid input[b-kiy1msxh9l], .verse-form-grid textarea[b-kiy1msxh9l], .verse-form-grid select[b-kiy1msxh9l] { width: 100%; min-height: 3rem; padding: .75rem .85rem; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .8rem; outline: 0; }
.verse-form-grid textarea[b-kiy1msxh9l] { min-height: 6rem; resize: vertical; line-height: 1.9; }
.verse-form-grid input:focus[b-kiy1msxh9l], .verse-form-grid textarea:focus[b-kiy1msxh9l], .verse-form-grid select:focus[b-kiy1msxh9l] { border-color: color-mix(in srgb, var(--primary) 55%, var(--border)); box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--primary) 10%, transparent); }
.verse-form-actions[b-kiy1msxh9l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--border); }
.verse-form-actions p[b-kiy1msxh9l] { max-width: 38rem; margin: 0; color: var(--text-muted); }
.verse-form-actions > div[b-kiy1msxh9l] { display: flex; gap: .65rem; }
.verse-form-actions button[b-kiy1msxh9l] { min-height: 3rem; padding: .7rem 1.1rem; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); border: 0; border-radius: .82rem; cursor: pointer; font-weight: 700; white-space: nowrap; }
.verse-form-actions button.secondary[b-kiy1msxh9l] { color: var(--text-strong); background: var(--surface-soft); border: 1px solid var(--border); }
.verse-form-actions button:disabled[b-kiy1msxh9l] { cursor: wait; opacity: .6; }
.verse-toolbar[b-kiy1msxh9l] { display: grid; align-items: end; gap: .75rem; grid-template-columns: minmax(15rem, 1fr) minmax(11rem, auto) auto; padding: 1rem 1.5rem; background: color-mix(in srgb, var(--surface-soft) 70%, transparent); border-block: 1px solid var(--border); }
.verse-toolbar > label:not(.admin-search)[b-kiy1msxh9l] { display: flex; align-items: flex-start; flex-direction: column; gap: .35rem; color: var(--text-muted); font-size: .82rem; }
.verse-toolbar select[b-kiy1msxh9l] { min-width: 11rem; min-height: 2.75rem; padding: .55rem .75rem; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: .75rem; }
.verse-toolbar .deleted-toggle[b-kiy1msxh9l] { align-items: center !important; align-self: center; flex-direction: row !important; gap: .5rem !important; cursor: pointer; white-space: nowrap; }
.deleted-toggle input[b-kiy1msxh9l] { width: 1.15rem; height: 1.15rem; accent-color: var(--primary); }
.verse-admin-list[b-kiy1msxh9l] { display: grid; gap: .75rem; padding: 1rem; }
.verse-admin-list > article[b-kiy1msxh9l] { display: grid; align-items: start; gap: 1rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: 1rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: 1rem; }
.verse-admin-list > article.deleted[b-kiy1msxh9l] { opacity: .72; border-style: dashed; }
.verse-id[b-kiy1msxh9l] { display: grid; min-width: 3rem; height: 3rem; place-items: center; color: var(--primary); background: var(--surface); border-radius: .8rem; font-weight: 800; }
.verse-admin-copy strong[b-kiy1msxh9l] { display: block; color: var(--text-strong); font-size: .94rem; line-height: 1.9; }
.verse-admin-copy p[b-kiy1msxh9l] { margin: .35rem 0 0; color: var(--text-muted); }
.dependency-chips[b-kiy1msxh9l] { display: flex; flex-wrap: wrap; gap: .38rem; margin-top: .7rem; }
.dependency-chips span[b-kiy1msxh9l] { padding: .2rem .48rem; color: var(--text-muted); background: var(--surface); border: 1px solid var(--border); border-radius: 2rem; font-size: .76rem; }
.verse-admin-meta[b-kiy1msxh9l] { display: flex; align-items: flex-end; flex-direction: column; gap: .4rem; }
.verse-status[b-kiy1msxh9l] { padding: .32rem .62rem; border-radius: 2rem; font-weight: 700; }
.verse-status.published[b-kiy1msxh9l] { color: var(--success); background: color-mix(in srgb, var(--success) 10%, var(--surface)); }
.verse-status.draft[b-kiy1msxh9l] { color: var(--warning); background: color-mix(in srgb, var(--warning) 10%, var(--surface)); }
.verse-status.archived[b-kiy1msxh9l] { color: var(--text-muted); background: var(--surface); }
.verse-status.deleted[b-kiy1msxh9l] { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--surface)); }
.verse-row-actions[b-kiy1msxh9l] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .4rem; margin-top: .4rem; }
.verse-row-actions button[b-kiy1msxh9l] { min-height: 2.35rem; padding: .42rem .62rem; color: var(--text-strong); background: var(--surface); border: 1px solid var(--border); border-radius: .65rem; cursor: pointer; font-weight: 600; }
.verse-row-actions button:hover[b-kiy1msxh9l] { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 35%, var(--border)); }
.verse-row-actions button.danger[b-kiy1msxh9l] { color: var(--danger); }
.verse-row-actions button:disabled[b-kiy1msxh9l] { cursor: wait; opacity: .55; }
.verse-empty[b-kiy1msxh9l] { display: grid; min-height: 8rem; place-content: center; gap: .35rem; color: var(--text-muted); text-align: center; }
.verse-empty strong[b-kiy1msxh9l] { color: var(--text-strong); }

.role-matrix[b-kiy1msxh9l] { display: grid; gap: .8rem; padding: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.role-card[b-kiy1msxh9l] { overflow: hidden; padding: 1rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: 1rem; }
.role-card.super[b-kiy1msxh9l] { background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface-soft)); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); }
.role-card header[b-kiy1msxh9l] { display: flex; flex-direction: column; gap: .3rem; }
.role-card header strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: 1rem; }
.role-card header span[b-kiy1msxh9l] { color: var(--text-muted); line-height: 1.75; }
.role-card ul[b-kiy1msxh9l] { display: grid; gap: .4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.role-card li[b-kiy1msxh9l] { position: relative; padding-right: 1rem; color: var(--text); }
.role-card li[b-kiy1msxh9l]::before { position: absolute; top: .7em; right: 0; width: .38rem; height: .38rem; content: ''; background: var(--success); border-radius: 50%; }
.role-assignment-list[b-kiy1msxh9l] { display: grid; gap: 0; padding: .5rem 1.5rem 1.2rem; }
.role-assignment-list > div[b-kiy1msxh9l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--border); }
.role-assignment-list > div:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.role-assignment-list > div > span[b-kiy1msxh9l] { display: flex; flex-direction: column; }
.role-assignment-list strong[b-kiy1msxh9l] { color: var(--text-strong); }
.role-assignment-list select[b-kiy1msxh9l] { min-width: 12rem; min-height: 2.8rem; padding: .55rem .7rem; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .75rem; }

.admin-page :is(p, small, time, button, input, textarea, select, th, td, dt, dd)[b-kiy1msxh9l] { font-size: max(.8rem, 13px) !important; }
.admin-page button[b-kiy1msxh9l] { font-size: max(.875rem, 14px) !important; }
.admin-page :is(.admin-eyebrow, .profile-state, .user-status, .reviewed, .verse-status, .role-pill)[b-kiy1msxh9l] { font-size: max(.78rem, 12.5px) !important; }
.admin-page .section-heading > div > span[b-kiy1msxh9l], .admin-page .role-card header span[b-kiy1msxh9l] { font-size: max(.8rem, 13px) !important; }
.admin-page .admin-tabs button b[b-kiy1msxh9l] { font-size: max(.8rem, 13px) !important; }

.delivery-rate[b-kiy1msxh9l] { display: flex; align-items: flex-end; flex-direction: column; color: var(--success) !important; font-size: 1.7rem !important; font-weight: 800; }
.delivery-rate small[b-kiy1msxh9l] { color: var(--text-muted); font-size: .56rem; font-weight: 400; }
.otp-timeline[b-kiy1msxh9l] { padding: .7rem 1.5rem 1.2rem; }
.otp-timeline article[b-kiy1msxh9l] { position: relative; display: grid; align-items: center; gap: .9rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: 1rem 0; border-bottom: 1px solid var(--border); }
.otp-timeline article:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.timeline-mark[b-kiy1msxh9l] { width: .78rem; height: .78rem; background: var(--text-muted); border: .2rem solid var(--surface); border-radius: 50%; box-shadow: 0 0 0 1px var(--border); }
.timeline-mark.verified[b-kiy1msxh9l], .timeline-mark.delivered[b-kiy1msxh9l] { background: var(--success); }
.timeline-mark.failed[b-kiy1msxh9l] { background: var(--danger); }
.timeline-mark.limited[b-kiy1msxh9l] { background: var(--warning); }
.otp-timeline strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: .75rem; }
.otp-timeline p[b-kiy1msxh9l] { margin: .18rem 0; color: var(--text); font-size: .68rem; }
.otp-timeline small[b-kiy1msxh9l], .otp-timeline time[b-kiy1msxh9l] { color: var(--text-muted); font-size: .58rem; }

.settings-grid[b-kiy1msxh9l] { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.gateway-status[b-kiy1msxh9l] { padding: .35rem .65rem; border-radius: 2rem; }
.gateway-status.pending[b-kiy1msxh9l] { color: var(--warning); background: color-mix(in srgb, var(--warning) 10%, var(--surface)); }
.gateway-card dl[b-kiy1msxh9l] { display: grid; gap: 0; margin: 0; padding: .7rem 1.5rem; }
.gateway-card dl div[b-kiy1msxh9l] { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--border); }
.gateway-card dl div:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.gateway-card dt[b-kiy1msxh9l] { color: var(--text-muted); font-size: .65rem; }
.gateway-card dd[b-kiy1msxh9l] { margin: 0; color: var(--text-strong); font-size: .68rem; font-weight: 700; }
.gateway-warning[b-kiy1msxh9l] { display: flex; align-items: flex-start; gap: .65rem; margin: 0 1.5rem 1.5rem; padding: .8rem; color: var(--warning); background: color-mix(in srgb, var(--warning) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--warning) 22%, var(--border)); border-radius: .85rem; }
.gateway-warning b[b-kiy1msxh9l] { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; color: #fff; background: var(--warning); border-radius: 50%; font-size: .65rem; }
.gateway-warning p[b-kiy1msxh9l] { margin: 0; font-size: .63rem; line-height: 1.8; }
.security-card ul[b-kiy1msxh9l] { display: grid; gap: 0; margin: 0; padding: .7rem 1.5rem 1.2rem; list-style: none; }
.security-card li[b-kiy1msxh9l] { display: flex; align-items: center; gap: .8rem; padding: .75rem 0; border-bottom: 1px solid var(--border); }
.security-card li:last-child[b-kiy1msxh9l] { border-bottom: 0; }
.security-card li > span[b-kiy1msxh9l] { display: grid; width: 1.8rem; height: 1.8rem; flex: 0 0 auto; place-items: center; color: var(--text-muted); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .62rem; font-size: .62rem; }
.security-card li.done > span[b-kiy1msxh9l] { color: #fff; background: var(--success); border-color: var(--success); }
.security-card li div[b-kiy1msxh9l] { display: flex; flex-direction: column; }
.security-card strong[b-kiy1msxh9l] { color: var(--text-strong); font-size: .7rem; }
.security-card small[b-kiy1msxh9l] { color: var(--text-muted); font-size: .59rem; }
.sr-only[b-kiy1msxh9l] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

button:focus-visible[b-kiy1msxh9l], input:focus-visible[b-kiy1msxh9l] { outline: .18rem solid color-mix(in srgb, var(--primary) 35%, transparent); outline-offset: .15rem; }

@keyframes admin-breathe-b-kiy1msxh9l { 50% { transform: scale(.92); opacity: .7; } }
@keyframes pulse-ring-b-kiy1msxh9l { from { opacity: 1; transform: scale(.6); } to { opacity: 0; transform: scale(1.65); } }
@keyframes admin-highlight-b-kiy1msxh9l { 50% { background: color-mix(in srgb, var(--primary) 8%, var(--surface-soft)); } }

@media (max-width: 1080px) {
    .metrics-grid[b-kiy1msxh9l] { grid-template-columns: repeat(2, 1fr); }
    .overview-grid[b-kiy1msxh9l], .settings-grid[b-kiy1msxh9l] { grid-template-columns: 1fr; }
    .moderation-card[b-kiy1msxh9l] { grid-template-columns: 1fr 1fr; }
    .moderation-actions[b-kiy1msxh9l] { grid-column: 1 / -1; justify-content: flex-end; }
    .role-matrix[b-kiy1msxh9l] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .admin-hero[b-kiy1msxh9l] { align-items: flex-start; flex-direction: column; border-radius: 1.4rem; }
    .admin-pulse[b-kiy1msxh9l] { width: 100%; }
    .metrics-grid[b-kiy1msxh9l] { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .metric-card[b-kiy1msxh9l] { min-height: 7.8rem; padding: 1rem; }
    .metric-card > strong[b-kiy1msxh9l] { font-size: 1.55rem; }
    .section-heading[b-kiy1msxh9l], .users-heading[b-kiy1msxh9l] { align-items: stretch !important; flex-direction: column; }
    .filter-pills[b-kiy1msxh9l] { overflow-x: auto; }
    .moderation-card[b-kiy1msxh9l] { grid-template-columns: 1fr; }
    .moderation-actions[b-kiy1msxh9l] { grid-column: auto; justify-content: stretch; }
    .moderation-actions button[b-kiy1msxh9l] { flex: 1; }
    .otp-timeline article[b-kiy1msxh9l] { align-items: flex-start; }
    .otp-timeline time[b-kiy1msxh9l] { grid-column: 2; }
    .verse-form-grid[b-kiy1msxh9l], .role-matrix[b-kiy1msxh9l], .verse-toolbar[b-kiy1msxh9l] { grid-template-columns: 1fr; }
    .verse-admin-list > article[b-kiy1msxh9l] { grid-template-columns: auto minmax(0, 1fr); }
    .verse-admin-meta[b-kiy1msxh9l] { grid-column: 2; align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
    .verse-form-actions[b-kiy1msxh9l] { align-items: stretch; flex-direction: column; }
    .verse-form-actions > div[b-kiy1msxh9l] { flex-direction: column-reverse; }
    .verse-form-actions button[b-kiy1msxh9l] { width: 100%; }
    .verse-toolbar .deleted-toggle[b-kiy1msxh9l] { justify-self: start; }
    .role-assignment-list > div[b-kiy1msxh9l] { align-items: stretch; flex-direction: column; }
    .role-assignment-list select[b-kiy1msxh9l] { width: 100%; }
    .admin-page :is(input, textarea, select)[b-kiy1msxh9l] { font-size: 16px !important; }
}

@media (max-width: 470px) {
    .metrics-grid[b-kiy1msxh9l] { grid-template-columns: 1fr; }
    .glance-row[b-kiy1msxh9l] { grid-template-columns: auto minmax(0, 1fr); }
    .glance-row > button[b-kiy1msxh9l] { grid-column: 2; justify-self: start; }
    .admin-panel > header[b-kiy1msxh9l] { padding: 1.1rem; }
    .moderation-list[b-kiy1msxh9l] { padding: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-loading img[b-kiy1msxh9l], .pulse-orbit[b-kiy1msxh9l]::before, .moderation-card.highlighted[b-kiy1msxh9l] { animation: none; }
}
/* /Pages/Faal.razor.rz.scp.css */
.ritual-intro[b-cnqsaa1981] {
    position: relative;
    display: grid;
    min-height: 37rem;
    overflow: hidden;
    color: #fff8f0;
    background:
        linear-gradient(110deg, rgb(27 8 13 / 24%), rgb(27 8 13 / 78%)),
        linear-gradient(145deg, var(--ritual-start), var(--ritual-mid) 62%, var(--ritual-end));
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: 2.2rem;
    box-shadow: 0 28px 70px color-mix(in srgb, var(--primary) 18%, transparent);
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr);
}

.ritual-intro[b-cnqsaa1981]::before {
    position: absolute;
    inset: 0;
    content: '';
    pointer-events: none;
    background: url('/assets/decor/download.png') center bottom / 46rem auto repeat-x;
    opacity: .06;
}

.ritual-copy[b-cnqsaa1981] { position: relative; z-index: 2; align-self: center; padding: clamp(2.5rem, 7vw, 6.5rem); }
.ritual-eyebrow[b-cnqsaa1981] { color: #e8bd82; font-size: .78rem; font-weight: 600; }
.ritual-copy h1[b-cnqsaa1981] { max-width: 40rem; margin: .8rem 0 1.1rem; color: #fff; font-size: clamp(2.6rem, 5.5vw, 5.2rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.25; }
.ritual-copy > p[b-cnqsaa1981] { max-width: 37rem; margin: 0; color: rgb(255 248 240 / 68%); font-size: .9rem; line-height: 2.1; }

.ritual-promise[b-cnqsaa1981] { display: flex; align-items: center; gap: .9rem; margin-top: 2rem; }
.ritual-promise > span[b-cnqsaa1981] { display: grid; width: 3.6rem; height: 3.6rem; place-items: center; color: #391019; background: #f1c88f; border-radius: 1.1rem; font-size: 1.3rem; font-weight: 800; transform: rotate(-4deg); }
.ritual-promise div[b-cnqsaa1981] { display: flex; flex-direction: column; }
.ritual-promise strong[b-cnqsaa1981] { font-size: .82rem; }
.ritual-promise small[b-cnqsaa1981] { color: rgb(255 248 240 / 52%); font-size: .68rem; }

.start-faal[b-cnqsaa1981] { position: relative; display: inline-grid; min-width: 15.5rem; min-height: 4.6rem; align-items: center; gap: 1rem; margin-top: 2.2rem; overflow: hidden; isolation: isolate; padding: .65rem .75rem .65rem 1rem; color: #431019; background: linear-gradient(120deg, #fff9ed, #f4d7a7 48%, #e5ad61); border: 1px solid rgb(255 255 255 / 58%); border-radius: 1.3rem; box-shadow: 0 18px 44px rgb(14 2 5 / 34%), inset 0 1px 0 rgb(255 255 255 / 72%); cursor: pointer; font: inherit; grid-template-columns: 1fr auto; text-align: right; transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, filter .28s ease; animation: cta-breathe-b-cnqsaa1981 3.4s ease-in-out infinite; }
.start-faal[b-cnqsaa1981]::before { position: absolute; inset: -60% auto -60% -35%; z-index: -1; width: 48%; content: ''; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 72%), transparent); opacity: 0; transform: skewX(-18deg); }
.start-faal[b-cnqsaa1981]::after { position: absolute; right: -2.5rem; bottom: -3.2rem; z-index: -1; width: 8rem; aspect-ratio: 1; content: ''; background: radial-gradient(circle, rgb(130 31 47 / 20%), transparent 68%); border-radius: 50%; }
.start-faal:hover[b-cnqsaa1981] { filter: saturate(1.06); transform: translateY(-4px) scale(1.015); box-shadow: 0 24px 52px rgb(14 2 5 / 44%), inset 0 1px 0 rgb(255 255 255 / 78%); }
.start-faal:hover[b-cnqsaa1981]::before { opacity: 1; animation: cta-shine-b-cnqsaa1981 .7s ease both; }
.start-faal:active[b-cnqsaa1981] { transform: translateY(-1px) scale(.99); }
.start-faal:focus-visible[b-cnqsaa1981] { outline: 3px solid #fff; outline-offset: .3rem; }
.start-faal:disabled[b-cnqsaa1981] { cursor: wait; filter: saturate(.75); animation: none; }
.start-faal-label[b-cnqsaa1981] { display: flex; align-items: flex-start; flex-direction: column; line-height: 1.2; }
.start-faal-label small[b-cnqsaa1981] { color: rgb(67 16 25 / 60%); font-size: .6rem; font-weight: 500; }
.start-faal-label strong[b-cnqsaa1981] { margin-top: .22rem; font-size: 1.02rem; font-weight: 800; }
.start-faal-arrow[b-cnqsaa1981] { display: grid; width: 3.15rem; height: 3.15rem; place-items: center; color: #fff9ee; background: linear-gradient(145deg, #a52a3b, #681523); border: 1px solid rgb(255 255 255 / 18%); border-radius: 1rem; box-shadow: 0 9px 22px rgb(83 13 26 / 28%); transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
.start-faal:hover .start-faal-arrow[b-cnqsaa1981] { transform: translateX(-.25rem) rotate(-3deg); }
.start-faal-arrow svg[b-cnqsaa1981] { width: 1.2rem; fill: currentColor; transform: rotate(180deg); }
.start-faal-shine[b-cnqsaa1981] { position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 78% 10%, rgb(255 255 255 / 48%), transparent 28%); }
.start-faal-hint[b-cnqsaa1981] { display: block; width: fit-content; margin-top: .65rem; color: rgb(255 248 240 / 42%); font-size: .6rem; }

.ritual-visual[b-cnqsaa1981] { position: relative; display: grid; min-height: 34rem; place-items: center; isolation: isolate; }
.ritual-visual[b-cnqsaa1981]::after { position: absolute; inset: 12% 9% 8%; z-index: -3; content: ''; background: url('/assets/decor/download.png') center / cover no-repeat; border-radius: 45% 45% 20% 20%; opacity: .08; }
.ritual-halo[b-cnqsaa1981] { position: absolute; border: 1px solid rgb(239 198 139 / 26%); border-radius: 50%; }
.halo-outer[b-cnqsaa1981] { width: min(32vw, 29rem); aspect-ratio: 1; animation: orbit-b-cnqsaa1981 28s linear infinite; }
.halo-outer[b-cnqsaa1981]::before, .halo-outer[b-cnqsaa1981]::after { position: absolute; width: .65rem; height: .65rem; content: ''; background: #ebbd7c; border-radius: 50%; box-shadow: 0 0 0 .5rem rgb(235 189 124 / 8%); }
.halo-outer[b-cnqsaa1981]::before { top: 12%; right: 16%; }
.halo-outer[b-cnqsaa1981]::after { bottom: 9%; left: 21%; }
.halo-inner[b-cnqsaa1981] { width: min(24vw, 21rem); aspect-ratio: 1; border-style: dashed; opacity: .75; animation: orbit-b-cnqsaa1981 20s linear infinite reverse; }
.ritual-number[b-cnqsaa1981] { display: flex; width: 12rem; height: 12rem; align-items: center; justify-content: center; flex-direction: column; background: rgb(25 7 11 / 46%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 50%; box-shadow: inset 0 0 45px rgb(255 255 255 / 4%), 0 28px 58px rgb(15 2 6 / 30%); backdrop-filter: blur(8px); }
.ritual-number small[b-cnqsaa1981], .ritual-number span[b-cnqsaa1981] { color: #eac38e; font-size: .74rem; }
.ritual-number strong[b-cnqsaa1981] { margin: -.2rem 0 -.4rem; color: #fff; font-size: 4.2rem; font-weight: 800; }
.ritual-fruit[b-cnqsaa1981] { position: absolute; width: 9rem; opacity: .34; filter: saturate(.75); }
.fruit-pomegranate[b-cnqsaa1981] { top: 8%; left: 3%; transform: rotate(-18deg); }
.fruit-watermelon[b-cnqsaa1981] { right: 2%; bottom: 2%; transform: rotate(14deg); }

.ritual-guidance[b-cnqsaa1981] { display: grid; gap: 1rem; margin-top: 1.15rem; grid-template-columns: repeat(3, 1fr); }
.ritual-guidance article[b-cnqsaa1981] { display: flex; min-height: 7.5rem; align-items: center; gap: .9rem; padding: 1.25rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.35rem; }
.ritual-guidance article > span[b-cnqsaa1981] { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; color: var(--primary); background: color-mix(in srgb, var(--primary) 8%, var(--surface-soft)); border-radius: .8rem; font-weight: 800; }
.ritual-guidance div[b-cnqsaa1981] { display: flex; flex-direction: column; }
.ritual-guidance strong[b-cnqsaa1981] { color: var(--text-strong); font-size: .8rem; }
.ritual-guidance p[b-cnqsaa1981] { margin: .2rem 0 0; color: var(--text-muted); font-size: .68rem; line-height: 1.7; }

@keyframes orbit-b-cnqsaa1981 { to { transform: rotate(360deg); } }
@keyframes cta-breathe-b-cnqsaa1981 { 50% { box-shadow: 0 20px 50px rgb(14 2 5 / 42%), 0 0 0 .45rem rgb(241 200 143 / 7%); } }
@keyframes cta-shine-b-cnqsaa1981 { from { transform: translateX(0) skewX(-18deg); } to { transform: translateX(390%) skewX(-18deg); } }

@media (max-width: 900px) {
    .ritual-intro[b-cnqsaa1981] { grid-template-columns: 1fr; }
    .ritual-copy[b-cnqsaa1981] { padding-bottom: 2rem; }
    .ritual-visual[b-cnqsaa1981] { min-height: 24rem; }
    .halo-outer[b-cnqsaa1981] { width: 22rem; }
    .halo-inner[b-cnqsaa1981] { width: 16rem; }
}

@media (max-width: 680px) {
    .ritual-intro[b-cnqsaa1981] { min-height: auto; border-radius: 1.5rem; }
    .ritual-copy[b-cnqsaa1981] { padding: 2rem 1.4rem 1rem; }
    .ritual-copy h1[b-cnqsaa1981] { font-size: 2.65rem; }
    .ritual-copy > p[b-cnqsaa1981] { font-size: .78rem; }
    .ritual-visual[b-cnqsaa1981] { min-height: 21rem; }
    .ritual-guidance[b-cnqsaa1981] { grid-template-columns: 1fr; }
    .ritual-guidance article[b-cnqsaa1981] { min-height: 6rem; }
}

@media (prefers-reduced-motion: reduce) { .ritual-halo[b-cnqsaa1981], .start-faal[b-cnqsaa1981], .start-faal:hover[b-cnqsaa1981]::before { animation: none; } }

.ritual-intro :is(p, span, small, button)[b-cnqsaa1981], .ritual-guidance :is(p, span, small)[b-cnqsaa1981] { font-size: max(.82rem, 13px) !important; }
.ritual-copy h1[b-cnqsaa1981] { font-size: clamp(2.4rem, 5vw, 4.4rem) !important; }
/* /Pages/FaalGet.razor.rz.scp.css */
.faal-loading[b-83zldv1dc3], .faal-error[b-83zldv1dc3] { display: grid; min-height: 34rem; place-items: center; align-content: center; padding: 2rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 2rem; }
.loading-orbit[b-83zldv1dc3] { display: grid; width: 6rem; height: 6rem; place-items: center; background: linear-gradient(145deg, var(--primary), var(--primary-deep)); border-radius: 50%; box-shadow: 0 0 0 1rem color-mix(in srgb, var(--primary) 7%, transparent); animation: loading-pulse-b-83zldv1dc3 1.8s ease-in-out infinite; }
.loading-orbit img[b-83zldv1dc3] { width: 4.5rem; height: 4.5rem; object-fit: contain; }
.faal-loading > span[b-83zldv1dc3] { margin-top: 1.6rem; color: var(--primary); font-size: .75rem; }
.faal-loading h1[b-83zldv1dc3] { max-width: 34rem; margin: .45rem 0 1.6rem; color: var(--text-strong); font-size: clamp(1.7rem, 4vw, 3rem); }
.loading-line[b-83zldv1dc3] { width: min(18rem, 70vw); height: .3rem; overflow: hidden; background: var(--surface-soft); border-radius: 1rem; }
.loading-line i[b-83zldv1dc3] { display: block; width: 45%; height: 100%; background: var(--primary); border-radius: inherit; animation: loading-line-b-83zldv1dc3 1.2s ease-in-out infinite alternate; }
.faal-error > span[b-83zldv1dc3] { display: grid; width: 3rem; height: 3rem; place-items: center; color: #b52d41; background: color-mix(in srgb, #c73b4e 10%, var(--surface)); border: 1px solid color-mix(in srgb, #c73b4e 30%, var(--border)); border-radius: 50%; font-weight: 800; }
.faal-error h1[b-83zldv1dc3] { margin: 1rem 0 .3rem; color: var(--text-strong); }
.faal-error p[b-83zldv1dc3] { color: var(--text-muted); }
.faal-error button[b-83zldv1dc3] { margin-top: 1rem; padding: .75rem 1.2rem; color: #fff; background: var(--primary); border: 0; border-radius: .8rem; cursor: pointer; }

.faal-workspace[b-83zldv1dc3] { display: grid; gap: 1rem; }
.faal-progress[b-83zldv1dc3] { padding: 1.2rem 1.35rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.35rem; }
.progress-copy[b-83zldv1dc3] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.progress-copy div[b-83zldv1dc3] { display: flex; align-items: baseline; gap: .55rem; }
.progress-copy small[b-83zldv1dc3] { color: var(--text-muted); font-size: .68rem; }
.progress-copy strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .9rem; font-variant-numeric: tabular-nums; }
.progress-copy > span[b-83zldv1dc3] { color: var(--primary); font-size: .7rem; font-weight: 600; }
.progress-track[b-83zldv1dc3] { height: .32rem; margin-top: .85rem; overflow: hidden; direction: rtl; background: var(--surface-soft); border-radius: 1rem; }
.progress-track i[b-83zldv1dc3] { display: block; height: 100%; background: linear-gradient(90deg, var(--primary-deep), var(--primary)); border-radius: inherit; transition: width .35s ease; }
.step-dots[b-83zldv1dc3] { display: grid; gap: .22rem; margin-top: .75rem; direction: rtl; grid-template-columns: repeat(40, 1fr); }
.step-dot[b-83zldv1dc3] { min-width: 0; height: .32rem; padding: 0; background: var(--border); border: 0; border-radius: 1rem; cursor: not-allowed; }
.step-dot.visited[b-83zldv1dc3] { background: color-mix(in srgb, var(--primary) 45%, var(--border)); cursor: pointer; }
.step-dot.current[b-83zldv1dc3] { background: var(--primary); box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--primary) 12%, transparent); }

.faal-stage[b-83zldv1dc3] { animation: stage-enter-b-83zldv1dc3 .34s ease both; }
.ritual-step[b-83zldv1dc3] { display: grid; min-height: 37rem; overflow: hidden; background: linear-gradient(145deg, var(--ritual-mid), var(--ritual-end)); border: 1px solid rgb(255 255 255 / 8%); border-radius: 2rem; box-shadow: 0 22px 58px rgb(34 6 12 / 18%); grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.1fr); }
.ritual-step-image[b-83zldv1dc3] { position: relative; min-height: 34rem; overflow: hidden; background: #10090b; }
.ritual-step-image[b-83zldv1dc3]::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgb(29 12 17 / 88%), transparent 42%); }
.ritual-step-image img[b-83zldv1dc3] { width: 100%; height: 100%; object-fit: cover; }
.ritual-step-copy[b-83zldv1dc3] { position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: clamp(2.5rem, 7vw, 6rem); color: #fff; }
.ritual-step-copy[b-83zldv1dc3]::before { position: absolute; right: 8%; bottom: 5%; width: 14rem; aspect-ratio: 1; content: ''; background: url('/assets/decor/anar.svg') center / contain no-repeat; opacity: .05; }
.ritual-step-copy > span[b-83zldv1dc3] { color: #ddb77e; font-size: .75rem; }
.ritual-step-copy h1[b-83zldv1dc3] { max-width: 34rem; margin: .8rem 0 1rem; color: #fff; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: 1.3; }
.ritual-step-copy p[b-83zldv1dc3] { margin: 0; color: rgb(255 255 255 / 68%); line-height: 2; }
.ritual-step-copy small[b-83zldv1dc3] { margin-top: 2rem; color: rgb(255 255 255 / 42%); font-size: .68rem; }

.verse-card[b-83zldv1dc3] { overflow: hidden; background: var(--surface); border: 1px solid var(--border); border-radius: 2rem; box-shadow: 0 22px 60px color-mix(in srgb, var(--primary) 7%, transparent); }
.verse-header[b-83zldv1dc3] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.5rem; background: color-mix(in srgb, var(--primary) 5%, var(--surface)); border-bottom: 1px solid var(--border); }
.verse-header div[b-83zldv1dc3] { display: flex; align-items: baseline; gap: .55rem; }
.verse-header div span[b-83zldv1dc3] { color: var(--text-strong); font-size: .78rem; font-weight: 700; }
.verse-header small[b-83zldv1dc3] { color: var(--text-muted); font-size: .62rem; }
.state-chip[b-83zldv1dc3] { padding: .35rem .7rem; color: var(--primary); background: color-mix(in srgb, var(--primary) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border)); border-radius: 2rem; font-size: .65rem; }
.verse-body[b-83zldv1dc3] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); }
.verse-lines[b-83zldv1dc3] { position: relative; display: flex; min-height: 24rem; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; padding: clamp(2rem, 5vw, 4.5rem); background: linear-gradient(145deg, var(--verse-start), var(--verse-end)); text-align: center; }
.verse-lines[b-83zldv1dc3]::after { position: absolute; inset: auto -4rem -6rem auto; width: 18rem; aspect-ratio: 1; content: ''; background: url('/assets/decor/h2.svg') center / contain no-repeat; opacity: .07; transform: rotate(20deg); }
.quote-mark[b-83zldv1dc3] { position: absolute; top: 1rem; right: 2rem; color: rgb(255 255 255 / 9%); font-family: Georgia, serif; font-size: 9rem; line-height: 1; }
.verse-lines > p[b-83zldv1dc3] { position: relative; z-index: 1; margin: .15rem 0; color: #fffaf3; font-size: clamp(1.45rem, 3.1vw, 2.45rem); font-weight: 700; line-height: 1.8; }
.verse-lines[b-83zldv1dc3]  .verse-footnote { display: inline-grid; min-width: 1.05rem; height: 1.05rem; place-items: center; margin-inline: .08rem; color: #f4ca8d; background: rgb(255 255 255 / 9%); border: 1px solid rgb(244 202 141 / 26%); border-radius: 50%; font-size: .38em; font-weight: 500; line-height: 1; vertical-align: super; transform: translateY(-.08em); }
.pronunciation[b-83zldv1dc3] { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; margin-top: 1.4rem; color: rgb(255 255 255 / 45%); font-family: Georgia, serif; font-size: .72rem; font-style: italic; line-height: 1.7; }
.meaning-panel[b-83zldv1dc3] { display: flex; justify-content: center; flex-direction: column; padding: clamp(2rem, 5vw, 4rem); }
.meaning-panel > span[b-83zldv1dc3] { color: var(--primary); font-size: .72rem; font-weight: 700; }
.meaning-panel > p[b-83zldv1dc3] { margin: .75rem 0 0; color: var(--text); font-size: .86rem; line-height: 2.25; }
.meaning-panel details[b-83zldv1dc3] { margin-top: 1.4rem; color: var(--text-muted); font-size: .68rem; }
.meaning-panel summary[b-83zldv1dc3] { width: fit-content; color: var(--primary); cursor: pointer; }
.meaning-panel details p[b-83zldv1dc3] { margin: .6rem 0 0; padding: .8rem; white-space: pre-line; background: var(--surface-soft); border-radius: .7rem; line-height: 1.9; }

.audio-shelf[b-83zldv1dc3] { display: grid; gap: .8rem; padding: 1rem 1.5rem; background: var(--surface-soft); border-top: 1px solid var(--border); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.audio-item[b-83zldv1dc3] { display: grid; align-items: start; gap: .75rem; min-width: 0; padding: .8rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1rem; grid-template-columns: auto minmax(0, 1fr); }
.audio-avatar[b-83zldv1dc3] { width: 2.8rem; height: 2.8rem; object-fit: cover; object-position: center; background: var(--surface-soft); border: 2px solid color-mix(in srgb, var(--primary) 24%, var(--border)); border-radius: .85rem; box-shadow: 0 6px 14px color-mix(in srgb, var(--primary) 10%, transparent); }
.audio-content[b-83zldv1dc3] { display: flex; min-width: 0; flex-direction: column; }
.audio-title[b-83zldv1dc3] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .6rem; }
.audio-title > span[b-83zldv1dc3] { display: flex; min-width: 0; flex-direction: column; }
.audio-title small[b-83zldv1dc3] { color: var(--text-muted); font-size: .56rem; }
.audio-title strong[b-83zldv1dc3] { overflow: hidden; color: var(--text-strong); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.audio-title > i[b-83zldv1dc3] { flex: 0 0 auto; padding: .2rem .42rem; color: var(--primary); background: color-mix(in srgb, var(--primary) 7%, var(--surface)); border-radius: 2rem; font-size: .52rem; font-style: normal; }
.audio-content audio[b-83zldv1dc3] { width: 100%; height: 2rem; margin-top: .55rem; accent-color: var(--primary); }
.audio-unavailable[b-83zldv1dc3] { margin-top: .55rem; padding: .45rem .55rem; color: var(--text-muted); background: var(--surface-soft); border-radius: .55rem; font-size: .56rem; line-height: 1.6; }

.verse-actions[b-83zldv1dc3] { display: grid; border-top: 1px solid var(--border); grid-template-columns: repeat(2, 1fr); }
.verse-actions button[b-83zldv1dc3] { display: flex; min-height: 4rem; align-items: center; justify-content: center; gap: .45rem; padding: .65rem; color: var(--text-muted); background: var(--surface); border: 0; border-left: 1px solid var(--border); cursor: pointer; font: inherit; font-size: .68rem; transition: color .2s ease, background-color .2s ease; }
.verse-actions button:last-child[b-83zldv1dc3] { border-left: 0; }
.verse-actions button:hover[b-83zldv1dc3], .verse-actions button.active[b-83zldv1dc3] { color: var(--primary); background: color-mix(in srgb, var(--primary) 5%, var(--surface)); }
.verse-actions svg[b-83zldv1dc3] { width: 1.1rem; fill: currentColor; }
.verse-actions b[b-83zldv1dc3] { display: inline-grid; min-width: 1rem; height: 1rem; place-items: center; margin-right: .2rem; color: #fff; background: var(--primary); border-radius: 50%; font-size: .5rem; }
.share-status[b-83zldv1dc3] { margin: 0; padding: .7rem 1.2rem; color: var(--success); background: color-mix(in srgb, var(--success) 8%, var(--surface)); border-top: 1px solid color-mix(in srgb, var(--success) 18%, var(--border)); font-size: .68rem; text-align: center; }

.expand-panel[b-83zldv1dc3] { animation: panel-enter-b-83zldv1dc3 .25s ease both; }
.interpretation-panel[b-83zldv1dc3] { padding: clamp(1.4rem, 4vw, 2.5rem); background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 8%, var(--surface)), var(--surface)); border-top: 1px solid var(--border); }
.interpretation-heading[b-83zldv1dc3] { display: flex; align-items: center; gap: .9rem; }
.interpretation-heading div[b-83zldv1dc3] { display: flex; flex-direction: column; }
.interpretation-heading small[b-83zldv1dc3] { color: var(--text-muted); font-size: .62rem; }
.interpretation-heading strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .82rem; }
.result-seal[b-83zldv1dc3] { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; flex: 0 0 auto; border: 1px solid; border-radius: 50%; font-size: .65rem; font-weight: 800; }
.result-good[b-83zldv1dc3] { color: var(--success); background: color-mix(in srgb, var(--success) 10%, var(--surface)); border-color: color-mix(in srgb, var(--success) 28%, var(--border)); }
.result-neutral[b-83zldv1dc3] { color: var(--warning); background: color-mix(in srgb, var(--warning) 10%, var(--surface)); border-color: color-mix(in srgb, var(--warning) 30%, var(--border)); }
.result-caution[b-83zldv1dc3] { color: var(--danger); background: color-mix(in srgb, var(--danger) 9%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 28%, var(--border)); }
.interpretation-panel > p[b-83zldv1dc3] { margin: 1.1rem 0 0; color: var(--text); font-size: .82rem; line-height: 2.2; }
.record-panel[b-83zldv1dc3] { display: grid; align-items: center; gap: 1rem; padding: 1.4rem 1.6rem; background: var(--surface-soft); border-top: 1px solid var(--border); grid-template-columns: auto 1fr auto; }
.record-icon[b-83zldv1dc3] { display: grid; width: 3rem; height: 3rem; place-items: center; background: color-mix(in srgb, var(--primary) 9%, var(--surface)); border-radius: 50%; }
.record-icon i[b-83zldv1dc3] { width: .65rem; height: .65rem; background: var(--primary); border-radius: 50%; box-shadow: 0 0 0 .35rem color-mix(in srgb, var(--primary) 16%, transparent); }
.record-panel div[b-83zldv1dc3] { display: flex; flex-direction: column; }
.record-panel strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .75rem; }
.record-panel p[b-83zldv1dc3] { margin: .2rem 0 0; color: var(--text-muted); font-size: .65rem; }
.record-panel button[b-83zldv1dc3], .comments-panel button[b-83zldv1dc3] { padding: .65rem 1rem; color: var(--text-muted); background: var(--surface); border: 1px solid var(--border); border-radius: .7rem; }
.comments-panel[b-83zldv1dc3] { padding: 1.4rem 1.6rem; background: var(--surface-soft); border-top: 1px solid var(--border); }
.comments-panel > strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .76rem; }
.comments-panel > p[b-83zldv1dc3] { margin: .25rem 0 1rem; color: var(--text-muted); font-size: .65rem; }
.comment-composer[b-83zldv1dc3] { display: grid; align-items: center; gap: .65rem; grid-template-columns: auto 1fr; }
.comment-composer > img[b-83zldv1dc3] { width: 2.65rem; height: 2.65rem; object-fit: cover; border: 2px solid color-mix(in srgb, var(--primary) 24%, var(--border)); border-radius: .8rem; }
.comment-composer > div[b-83zldv1dc3] { display: flex; gap: .6rem; }
.comments-panel input[b-83zldv1dc3] { flex: 1; min-width: 0; padding: .7rem .85rem; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: .7rem; }

.community-panel[b-83zldv1dc3] { padding: clamp(1rem, 3vw, 1.6rem); background: color-mix(in srgb, var(--primary) 2.5%, var(--surface-soft)); border-top: 1px solid var(--border); }
.community-heading[b-83zldv1dc3] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.community-heading > div[b-83zldv1dc3] { display: flex; flex-direction: column; }
.community-heading span[b-83zldv1dc3] { color: var(--primary); font-size: .62rem; font-weight: 700; }
.community-heading h2[b-83zldv1dc3] { margin: .2rem 0 0; color: var(--text-strong); font-size: clamp(1rem, 2.3vw, 1.35rem); }
.community-heading > small[b-83zldv1dc3] { padding: .32rem .6rem; color: var(--text-muted); background: var(--surface); border: 1px solid var(--border); border-radius: 2rem; font-size: .55rem; white-space: nowrap; }
.contribution-grid[b-83zldv1dc3] { display: grid; align-items: stretch; gap: .85rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.visitor-recorder[b-83zldv1dc3], .comment-composer-card[b-83zldv1dc3] { display: flex; min-width: 0; flex-direction: column; padding: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.15rem; box-shadow: 0 10px 30px color-mix(in srgb, var(--primary) 4%, transparent); }
.visitor-recorder[b-83zldv1dc3] { background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--primary) 8%, transparent), transparent 42%), var(--surface); }
.visitor-recorder.is-recording[b-83zldv1dc3] { border-color: color-mix(in srgb, var(--primary) 42%, var(--border)); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--primary) 7%, transparent); }
.visitor-recorder.is-submitted[b-83zldv1dc3] { border-color: color-mix(in srgb, var(--success) 35%, var(--border)); }
.visitor-recorder.has-error[b-83zldv1dc3] { border-color: color-mix(in srgb, var(--danger) 34%, var(--border)); }
.contributor-heading[b-83zldv1dc3] { display: grid; align-items: center; gap: .7rem; grid-template-columns: auto 1fr; }
.contributor-heading img[b-83zldv1dc3] { width: 2.8rem; height: 2.8rem; object-fit: cover; border: 2px solid color-mix(in srgb, var(--primary) 22%, var(--border)); border-radius: .85rem; }
.contributor-heading > div[b-83zldv1dc3] { display: flex; min-width: 0; flex-direction: column; }
.contributor-heading strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .76rem; }
.contributor-heading span[b-83zldv1dc3] { margin-top: .13rem; color: var(--text-muted); font-size: .58rem; line-height: 1.65; }
.record-button[b-83zldv1dc3] { position: relative; display: inline-flex; width: 100%; min-height: 3.2rem; align-items: center; justify-content: center; gap: .65rem; margin-top: 1.05rem; overflow: hidden; color: #fff; background: linear-gradient(135deg, #a9273b, #691321); border: 0; border-radius: .9rem; box-shadow: 0 12px 24px rgb(107 18 33 / 18%); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.record-button[b-83zldv1dc3]::before { position: absolute; inset: -2px auto -2px -35%; width: 28%; content: ''; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 26%), transparent); transform: skewX(-18deg); transition: left .45s ease; }
.record-button:hover:not(:disabled)[b-83zldv1dc3] { box-shadow: 0 16px 30px rgb(107 18 33 / 28%); filter: saturate(1.08); transform: translateY(-2px); }
.record-button:hover:not(:disabled)[b-83zldv1dc3]::before { left: 112%; }
.record-button:focus-visible[b-83zldv1dc3], .comment-composer-card button:focus-visible[b-83zldv1dc3], .recording-actions button:focus-visible[b-83zldv1dc3] { outline: .18rem solid color-mix(in srgb, var(--primary) 25%, transparent); outline-offset: .15rem; }
.record-button:disabled[b-83zldv1dc3] { cursor: wait; opacity: .65; }
.record-button > span[b-83zldv1dc3] { width: .72rem; height: .72rem; background: #fff; border: .18rem solid rgb(255 255 255 / 24%); border-radius: 50%; box-shadow: 0 0 0 .3rem rgb(255 255 255 / 10%); background-clip: padding-box; }
.stop-recording > span[b-83zldv1dc3] { border-radius: .12rem; }
.privacy-note[b-83zldv1dc3] { margin: .65rem 0 0; color: var(--text-muted); font-size: .53rem; line-height: 1.7; text-align: center; }
.recording-live[b-83zldv1dc3] { display: grid; align-items: center; gap: .55rem; min-height: 4rem; margin-top: .85rem; padding: .65rem .8rem; background: color-mix(in srgb, var(--primary) 6%, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 16%, var(--border)); border-radius: .8rem; grid-template-columns: 1fr auto auto; }
.recording-live strong[b-83zldv1dc3] { color: var(--primary); font-size: .66rem; }
.recording-live time[b-83zldv1dc3] { direction: ltr; color: var(--text-strong); font-size: .72rem; font-variant-numeric: tabular-nums; }
.sound-bars[b-83zldv1dc3] { display: flex; height: 1.4rem; align-items: center; gap: .16rem; }
.sound-bars i[b-83zldv1dc3] { width: .15rem; height: 35%; background: var(--primary); border-radius: 1rem; animation: sound-bar-b-83zldv1dc3 .75s ease-in-out infinite alternate; }
.sound-bars i:nth-child(2n)[b-83zldv1dc3] { animation-delay: -.3s; }
.sound-bars i:nth-child(3n)[b-83zldv1dc3] { animation-delay: -.55s; }
.recording-preview[b-83zldv1dc3] { display: flex; min-width: 0; flex-direction: column; margin-top: .85rem; }
.recording-preview audio[b-83zldv1dc3] { width: 100%; height: 2.3rem; accent-color: var(--primary); }
.recording-preview span[b-83zldv1dc3] { margin-top: .4rem; color: var(--text-muted); font-size: .55rem; }
.recording-actions[b-83zldv1dc3] { display: grid; gap: .55rem; margin-top: .7rem; grid-template-columns: 1fr 1fr; }
.secondary-record-action[b-83zldv1dc3], .submit-recording[b-83zldv1dc3] { min-height: 2.65rem; padding: .5rem .7rem; color: var(--text-muted); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .75rem; cursor: pointer; font: inherit; font-size: .62rem; }
.submit-recording[b-83zldv1dc3] { color: #fff; background: var(--primary); border-color: transparent; }
.visitor-recorder > .secondary-record-action[b-83zldv1dc3] { margin-top: .8rem; }
.submission-message[b-83zldv1dc3] { display: flex; flex-direction: column; margin-top: .9rem; padding: .75rem .85rem; border: 1px solid; border-radius: .8rem; }
.submission-message strong[b-83zldv1dc3] { font-size: .66rem; }
.submission-message span[b-83zldv1dc3] { margin-top: .22rem; font-size: .56rem; line-height: 1.7; }
.submission-message.success[b-83zldv1dc3] { color: var(--success); background: color-mix(in srgb, var(--success) 7%, var(--surface)); border-color: color-mix(in srgb, var(--success) 25%, var(--border)); }
.submission-message.error[b-83zldv1dc3] { color: var(--danger); background: color-mix(in srgb, var(--danger) 7%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 25%, var(--border)); }
.comment-composer-card textarea[b-83zldv1dc3] { width: 100%; min-height: 7.2rem; margin-top: .85rem; padding: .8rem; resize: vertical; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .85rem; font: inherit; font-size: .67rem; line-height: 1.9; transition: border-color .2s ease, box-shadow .2s ease; }
.comment-composer-card textarea:focus[b-83zldv1dc3] { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--primary) 8%, transparent); outline: 0; }
.comment-composer-card textarea[b-83zldv1dc3]::placeholder { color: color-mix(in srgb, var(--text-muted) 72%, transparent); }
.composer-footer[b-83zldv1dc3] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .6rem; }
.character-count[b-83zldv1dc3] { color: var(--text-muted); font-size: .52rem; font-variant-numeric: tabular-nums; }
.comment-composer-card .composer-footer button[b-83zldv1dc3] { min-width: 6.5rem; min-height: 2.55rem; padding: .5rem .8rem; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); border: 0; border-radius: .72rem; cursor: pointer; font: inherit; font-size: .63rem; font-weight: 700; }
.comment-composer-card .composer-footer button:disabled[b-83zldv1dc3] { cursor: not-allowed; filter: grayscale(.45); opacity: .45; }
.comment-submit-status[b-83zldv1dc3] { margin: .6rem 0 0; padding: .55rem .65rem; color: var(--success); background: color-mix(in srgb, var(--success) 7%, var(--surface)); border-radius: .6rem; font-size: .56rem; line-height: 1.7; }
.moderation-states[b-83zldv1dc3] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .7rem; }
.moderation-states span[b-83zldv1dc3], .comment-status[b-83zldv1dc3] { padding: .22rem .45rem; border: 1px solid; border-radius: 2rem; font-size: .48rem; white-space: nowrap; }
.status-published[b-83zldv1dc3] { color: var(--success); background: color-mix(in srgb, var(--success) 7%, var(--surface)); border-color: color-mix(in srgb, var(--success) 22%, var(--border)) !important; }
.status-pending[b-83zldv1dc3] { color: var(--warning); background: color-mix(in srgb, var(--warning) 8%, var(--surface)); border-color: color-mix(in srgb, var(--warning) 25%, var(--border)) !important; }
.status-rejected[b-83zldv1dc3] { color: var(--danger); background: color-mix(in srgb, var(--danger) 7%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 23%, var(--border)) !important; }
.comments-thread[b-83zldv1dc3] { margin-top: .9rem; padding: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.15rem; }
.comments-thread > header[b-83zldv1dc3] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.comments-thread > header > div[b-83zldv1dc3] { display: flex; align-items: baseline; gap: .55rem; }
.comments-thread h3[b-83zldv1dc3] { margin: 0; color: var(--text-strong); font-size: .82rem; }
.comments-thread header span[b-83zldv1dc3], .comments-thread header small[b-83zldv1dc3] { color: var(--text-muted); font-size: .54rem; }
.comment-list[b-83zldv1dc3] { display: grid; gap: .65rem; margin-top: .75rem; }
.comment-card[b-83zldv1dc3] { display: grid; align-items: start; gap: .7rem; padding: .8rem; background: var(--surface-soft); border: 1px solid transparent; border-radius: .95rem; grid-template-columns: auto minmax(0, 1fr); }
.comment-card.comment-pending[b-83zldv1dc3] { background: color-mix(in srgb, var(--warning) 5%, var(--surface)); border-color: color-mix(in srgb, var(--warning) 20%, var(--border)); }
.comment-card.comment-rejected[b-83zldv1dc3] { background: color-mix(in srgb, var(--danger) 5%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 20%, var(--border)); }
.comment-avatar[b-83zldv1dc3] { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; object-fit: cover; color: #fff; background: linear-gradient(145deg, var(--primary), var(--primary-deep)); border: 2px solid var(--surface); border-radius: .78rem; box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 10%, transparent); font-size: .58rem; font-weight: 800; }
.comment-content[b-83zldv1dc3] { min-width: 0; }
.comment-content > header[b-83zldv1dc3] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.comment-content > header > div[b-83zldv1dc3] { display: flex; align-items: baseline; gap: .5rem; }
.comment-content > header strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .66rem; }
.comment-content time[b-83zldv1dc3] { color: var(--text-muted); font-size: .5rem; }
.comment-content > p[b-83zldv1dc3] { margin: .35rem 0 0; color: var(--text); font-size: .62rem; line-height: 1.95; }
.comment-published .comment-status[b-83zldv1dc3] { color: var(--success); border-color: color-mix(in srgb, var(--success) 24%, var(--border)); }
.comment-pending .comment-status[b-83zldv1dc3] { color: var(--warning); border-color: color-mix(in srgb, var(--warning) 28%, var(--border)); }
.comment-rejected .comment-status[b-83zldv1dc3] { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 25%, var(--border)); }
.comment-reply[b-83zldv1dc3] { display: grid; align-items: start; gap: .55rem; margin-top: .7rem; padding: .65rem; background: var(--surface); border: 1px solid var(--border); border-radius: .75rem; grid-template-columns: auto 1fr; }
.comment-reply img[b-83zldv1dc3] { width: 1.85rem; height: 1.85rem; object-fit: contain; border-radius: 50%; }
.comment-reply header[b-83zldv1dc3] { display: flex; align-items: center; gap: .4rem; }
.comment-reply header strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .58rem; }
.comment-reply header span[b-83zldv1dc3] { padding: .13rem .3rem; color: var(--primary); background: color-mix(in srgb, var(--primary) 7%, var(--surface)); border-radius: 1rem; font-size: .44rem; }
.comment-reply p[b-83zldv1dc3] { margin: .2rem 0 0; color: var(--text-muted); font-size: .56rem; line-height: 1.8; }
.moderation-note[b-83zldv1dc3] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .55rem; padding: .5rem .6rem; color: var(--danger); background: var(--surface); border-radius: .6rem; font-size: .53rem; }
.moderation-note button[b-83zldv1dc3] { flex: 0 0 auto; padding: .3rem .5rem; color: var(--danger); background: transparent; border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--border)); border-radius: .45rem; cursor: pointer; font: inherit; font-size: .5rem; }
.empty-comments[b-83zldv1dc3] { display: flex; align-items: center; flex-direction: column; padding: 2rem; color: var(--text-muted); text-align: center; }
.empty-comments strong[b-83zldv1dc3] { color: var(--text-strong); font-size: .7rem; }
.empty-comments span[b-83zldv1dc3] { margin-top: .2rem; font-size: .56rem; }
.sr-only[b-83zldv1dc3] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }

.faal-navigation[b-83zldv1dc3] { display: grid; align-items: center; gap: 1rem; padding: .75rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.2rem; grid-template-columns: 1fr auto 1fr; }
.faal-navigation > span[b-83zldv1dc3] { color: var(--text-muted); font-size: .68rem; }
.faal-navigation button[b-83zldv1dc3], .finish-faal[b-83zldv1dc3] { display: inline-flex; width: fit-content; min-width: 7rem; min-height: 2.8rem; align-items: center; justify-content: center; gap: .45rem; padding: .6rem 1rem; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .8rem; cursor: pointer; font: inherit; font-size: .72rem; text-decoration: none; }
.faal-navigation button svg[b-83zldv1dc3] { width: 1rem; fill: currentColor; }
.faal-navigation button:disabled[b-83zldv1dc3] { cursor: not-allowed; opacity: .35; }
.faal-navigation .next-step[b-83zldv1dc3], .finish-faal[b-83zldv1dc3] { justify-self: end; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); border-color: transparent; }
.next-step svg[b-83zldv1dc3] { transform: rotate(180deg); }

@keyframes loading-pulse-b-83zldv1dc3 { 50% { transform: scale(1.05); box-shadow: 0 0 0 1.5rem color-mix(in srgb, var(--primary) 4%, transparent); } }
@keyframes loading-line-b-83zldv1dc3 { from { transform: translateX(110%); } to { transform: translateX(-110%); } }
@keyframes stage-enter-b-83zldv1dc3 { from { opacity: 0; transform: translateY(.7rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes panel-enter-b-83zldv1dc3 { from { opacity: 0; transform: translateY(-.35rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes sound-bar-b-83zldv1dc3 { from { height: 24%; } to { height: 95%; } }

@media (max-width: 900px) {
    .ritual-step[b-83zldv1dc3] { grid-template-columns: 1fr; }
    .ritual-step-image[b-83zldv1dc3] { min-height: 28rem; max-height: 36rem; }
    .ritual-step-image[b-83zldv1dc3]::after { background: linear-gradient(0deg, rgb(29 12 17 / 88%), transparent 45%); }
    .ritual-step-copy[b-83zldv1dc3] { padding: 2.2rem; }
    .verse-body[b-83zldv1dc3] { grid-template-columns: 1fr; }
    .meaning-panel[b-83zldv1dc3] { min-height: 14rem; }
}

@media (max-width: 620px) {
    .faal-progress[b-83zldv1dc3] { padding: 1rem; border-radius: 1rem; }
    .progress-copy > span[b-83zldv1dc3] { display: none; }
    .step-dots[b-83zldv1dc3] { gap: .12rem; }
    .ritual-step[b-83zldv1dc3], .verse-card[b-83zldv1dc3] { border-radius: 1.35rem; }
    .ritual-step-image[b-83zldv1dc3] { min-height: 24rem; }
    .ritual-step-copy h1[b-83zldv1dc3] { font-size: 2.35rem; }
    .verse-header[b-83zldv1dc3] { padding: .9rem 1rem; }
    .verse-lines[b-83zldv1dc3] { min-height: 20rem; padding: 2rem 1.2rem; }
    .verse-lines > p[b-83zldv1dc3] { font-size: 1.32rem; }
    .meaning-panel[b-83zldv1dc3] { padding: 1.5rem; }
    .audio-shelf[b-83zldv1dc3] { grid-template-columns: 1fr; padding: .8rem; }
    .verse-actions[b-83zldv1dc3] { grid-template-columns: repeat(2, 1fr); }
    .verse-actions button:nth-child(2)[b-83zldv1dc3] { border-left: 0; }
    .contribution-grid[b-83zldv1dc3] { grid-template-columns: 1fr; }
    .community-heading[b-83zldv1dc3] { align-items: flex-start; flex-direction: column; }
    .comments-thread > header[b-83zldv1dc3] { align-items: flex-start; flex-direction: column; }
    .comment-content > header[b-83zldv1dc3] { align-items: flex-start; flex-direction: column; gap: .3rem; }
    .comment-content > header > div[b-83zldv1dc3] { flex-wrap: wrap; }
    .faal-navigation[b-83zldv1dc3] { gap: .4rem; }
    .faal-navigation button[b-83zldv1dc3], .finish-faal[b-83zldv1dc3] { min-width: 5.5rem; padding-inline: .7rem; }
}

@media (prefers-reduced-motion: reduce) { .loading-orbit[b-83zldv1dc3], .loading-line i[b-83zldv1dc3], .sound-bars i[b-83zldv1dc3] { animation: none; } .record-button[b-83zldv1dc3] { transition: none; } }

.faal-workspace :is(p, span, small, time, button, input, textarea, label)[b-83zldv1dc3] { font-size: max(.8rem, 13px) !important; }
.faal-workspace :is(input, textarea)[b-83zldv1dc3] { min-height: 3rem; }
.faal-workspace .verse-lines > p[b-83zldv1dc3] { font-size: clamp(1.35rem, 3vw, 2rem) !important; }
.faal-workspace[b-83zldv1dc3]  .verse-footnote { font-size: .42em !important; }

@media (max-width: 700px) { .faal-workspace :is(input, textarea)[b-83zldv1dc3] { font-size: 16px !important; } }
/* /Pages/Home.razor.rz.scp.css */
.dashboard-hero[b-e0s58oskzx] {
    position: relative;
    display: grid;
    min-height: 31rem;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr);
    background: radial-gradient(circle at 18% 20%, rgb(255 231 196 / 16%), transparent 28%), linear-gradient(135deg, var(--hero-start) 0%, var(--hero-mid) 58%, var(--hero-end) 100%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 28px 80px rgb(79 16 28 / 18%);
    isolation: isolate;
}

.dashboard-hero[b-e0s58oskzx]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: '';
    background-image: linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(to left, #000, transparent 72%);
}

.hero-copy[b-e0s58oskzx] { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: clamp(2rem, 6vw, 5.5rem); color: #fff; }
.eyebrow[b-e0s58oskzx] { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1rem; color: #efc48f; font-size: .78rem; }
.eyebrow[b-e0s58oskzx]::before { width: 2rem; height: 1px; content: ''; background: currentColor; }

h1[b-e0s58oskzx] { margin: 0; font-size: clamp(2.6rem, 6vw, 5.4rem); font-weight: 800; letter-spacing: -.055em; line-height: 1; }
.hero-copy > p[b-e0s58oskzx] { max-width: 40rem; margin: 1.7rem 0 2.3rem; color: rgb(255 255 255 / 72%); font-size: clamp(.92rem, 1.4vw, 1.08rem); line-height: 2.1; }
.hero-actions[b-e0s58oskzx] { display: flex; width: 100%; align-items: center; gap: 1rem 1.2rem; flex-wrap: wrap; }

.primary-action[b-e0s58oskzx] {
    position: relative;
    display: grid;
    width: min(100%, 29rem);
    min-width: min(100%, 22rem);
    min-height: 5rem;
    flex: 1 1 25rem;
    align-items: center;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    overflow: hidden;
    padding: .72rem .8rem .72rem 1.15rem;
    color: #4c0c17;
    background: linear-gradient(115deg, #fffaf2, #f5d6a9 70%, #efc17c);
    border: 1px solid rgb(255 255 255 / 46%);
    border-radius: 1.25rem;
    box-shadow: 0 18px 42px rgb(24 3 7 / 30%), inset 0 1px 0 rgb(255 255 255 / 72%);
    text-decoration: none;
    isolation: isolate;
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.primary-action[b-e0s58oskzx]::before { position: absolute; inset: -40% auto -40% -24%; z-index: -1; width: 22%; content: ''; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 58%), transparent); transform: skewX(-18deg); transition: left .55s ease; }
.primary-action[b-e0s58oskzx]::after { position: absolute; inset: auto 1rem .38rem 1rem; height: 1px; content: ''; background: linear-gradient(90deg, transparent, rgb(105 19 33 / 25%), transparent); }
.primary-action:hover[b-e0s58oskzx] { color: #4c0c17; box-shadow: 0 24px 50px rgb(24 3 7 / 38%), inset 0 1px 0 rgb(255 255 255 / 72%); filter: saturate(1.08); transform: translateY(-3px) scale(1.01); }
.primary-action:hover[b-e0s58oskzx]::before { left: 112%; }
.primary-action:active[b-e0s58oskzx] { transform: translateY(0) scale(.985); }
.primary-action:focus-visible[b-e0s58oskzx] { outline: .2rem solid rgb(239 196 143 / 48%); outline-offset: .22rem; }
.action-copy[b-e0s58oskzx] { display: flex; min-width: 0; flex-direction: column; line-height: 1.45; }
.action-copy small[b-e0s58oskzx] { color: #8d4650; font-size: max(.78rem, 13px); font-weight: 500; }
.action-copy strong[b-e0s58oskzx] { margin-top: .08rem; overflow-wrap: anywhere; font-size: clamp(1rem, 1.7vw, 1.18rem); font-weight: 800; }
.action-badge[b-e0s58oskzx] { padding: .38rem .62rem; color: #7c1a29; background: rgb(255 255 255 / 52%); border: 1px solid rgb(105 19 33 / 12%); border-radius: 2rem; font-size: max(.78rem, 13px); font-weight: 700; white-space: nowrap; }
.action-arrow[b-e0s58oskzx] { display: grid; width: 3.05rem; height: 3.05rem; place-items: center; color: #fff; background: linear-gradient(145deg, #a12438, #64111f); border-radius: .9rem; box-shadow: 0 8px 18px rgb(93 12 27 / 24%); transition: transform .25s ease; }
.primary-action:hover .action-arrow[b-e0s58oskzx] { transform: translateX(-.18rem); }
.primary-action svg[b-e0s58oskzx] { width: 1.3rem; height: 1.3rem; fill: currentColor; transform: rotate(180deg); }
.ritual-note[b-e0s58oskzx] { max-width: 16rem; flex: 1 1 12rem; color: rgb(255 255 255 / 46%); font-size: .69rem; line-height: 1.8; }
.hero-art[b-e0s58oskzx] { position: relative; display: grid; min-height: 27rem; place-items: center; }

.logo-orbit[b-e0s58oskzx] {
    position: relative;
    display: grid;
    width: clamp(15rem, 28vw, 23rem);
    height: clamp(15rem, 28vw, 23rem);
    place-items: center;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: 50%;
}

.orbit-ring[b-e0s58oskzx] { position: absolute; inset: 1.25rem; border: 1px dashed rgb(239 196 143 / 28%); border-radius: inherit; animation: orbit-b-e0s58oskzx 38s linear infinite; }
.orbit-ring[b-e0s58oskzx]::before { position: absolute; top: 11%; right: 11%; width: .7rem; height: .7rem; content: ''; background: #efc48f; border: .3rem solid rgb(239 196 143 / 16%); border-radius: 50%; background-clip: padding-box; }
.hero-logo[b-e0s58oskzx] { width: 66%; height: 66%; object-fit: contain; filter: drop-shadow(0 18px 30px rgb(18 2 6 / 28%)); }
.fruit[b-e0s58oskzx] { position: absolute; width: 10rem; opacity: .11; filter: grayscale(1) brightness(4); }
.fruit-a[b-e0s58oskzx] { top: -1rem; left: -1rem; transform: rotate(14deg); }
.fruit-h[b-e0s58oskzx] { right: -2rem; bottom: -2rem; transform: rotate(-18deg); }

.dashboard-summary[b-e0s58oskzx] { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 1rem; }
.dashboard-summary article[b-e0s58oskzx] { display: flex; min-height: 8.5rem; align-items: flex-start; gap: 1rem; padding: 1.4rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.35rem; transition: transform .2s ease, border-color .2s ease; }
.dashboard-summary article:hover[b-e0s58oskzx] { border-color: color-mix(in srgb, var(--primary) 26%, var(--border)); transform: translateY(-2px); }
.dashboard-summary article > span[b-e0s58oskzx] { color: var(--primary); font-size: .72rem; font-weight: 700; }
.dashboard-summary strong[b-e0s58oskzx] { color: var(--text-strong); font-size: .92rem; }
.dashboard-summary p[b-e0s58oskzx] { margin: .4rem 0 0; color: var(--text-muted); font-size: .76rem; line-height: 1.9; }

@keyframes orbit-b-e0s58oskzx { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
    .dashboard-hero[b-e0s58oskzx] { grid-template-columns: 1fr; }
    .hero-copy[b-e0s58oskzx] { padding-bottom: 0; }
    .hero-art[b-e0s58oskzx] { min-height: 22rem; }
    .dashboard-summary[b-e0s58oskzx] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .dashboard-hero[b-e0s58oskzx] { min-height: auto; border-radius: 1.4rem; }
    .hero-copy[b-e0s58oskzx] { padding: 2.2rem 1.4rem 0; }
    .hero-copy > p[b-e0s58oskzx] { margin-block: 1.2rem 1.7rem; }
    .hero-actions[b-e0s58oskzx] { align-items: flex-start; flex-direction: column; }
    .primary-action[b-e0s58oskzx] { width: 100%; min-width: 0; flex: 0 0 auto; gap: .6rem; grid-template-columns: minmax(0, 1fr) auto; padding-inline: .85rem; }
    .action-badge[b-e0s58oskzx] { display: none; }
    .ritual-note[b-e0s58oskzx] { max-width: none; flex: 0 0 auto; }
    .hero-art[b-e0s58oskzx] { min-height: 18rem; }
}

@media (prefers-reduced-motion: reduce) { .orbit-ring[b-e0s58oskzx] { animation: none; } .primary-action[b-e0s58oskzx], .action-arrow[b-e0s58oskzx] { transition: none; } }

.dashboard-hero :is(p, span, small, a)[b-e0s58oskzx], .dashboard-summary :is(p, span)[b-e0s58oskzx] { font-size: max(.82rem, 13px) !important; }
.dashboard-hero h1[b-e0s58oskzx] { font-size: clamp(2.6rem, 6vw, 5rem) !important; }
/* /Pages/Profile.razor.rz.scp.css */
.profile-loading[b-0we46jh54l], .profile-error[b-0we46jh54l] { display: grid; min-height: 34rem; place-items: center; align-content: center; padding: 2rem; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 2rem; text-align: center; }
.profile-loader[b-0we46jh54l] { display: grid; width: 5.5rem; height: 5.5rem; place-items: center; background: linear-gradient(145deg, var(--primary), var(--primary-deep)); border-radius: 1.8rem; box-shadow: 0 0 0 .8rem color-mix(in srgb, var(--primary) 7%, transparent); animation: profile-pulse-b-0we46jh54l 1.8s ease-in-out infinite; }
.profile-loader img[b-0we46jh54l] { width: 4rem; height: 4rem; object-fit: contain; }
.profile-loading strong[b-0we46jh54l] { margin-top: 1.3rem; color: var(--text-strong); font-size: 1rem; }
.profile-loading small[b-0we46jh54l] { margin-top: .25rem; color: var(--text-muted); font-size: .66rem; }
.profile-error > span[b-0we46jh54l] { display: grid; width: 3rem; height: 3rem; place-items: center; color: var(--danger); background: color-mix(in srgb, var(--danger) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--danger) 24%, var(--border)); border-radius: 50%; font-weight: 800; }
.profile-error h1[b-0we46jh54l] { margin: 1rem 0 .3rem; color: var(--text-strong); }
.profile-error p[b-0we46jh54l] { color: var(--text-muted); }
.profile-error button[b-0we46jh54l] { margin-top: .8rem; padding: .7rem 1rem; color: #fff; background: var(--primary); border: 0; border-radius: .75rem; cursor: pointer; }

.profile-dashboard[b-0we46jh54l] { display: grid; gap: 1rem; }
.profile-hero[b-0we46jh54l] { position: relative; display: flex; min-height: 14rem; align-items: center; justify-content: space-between; gap: 2rem; overflow: hidden; padding: clamp(1.5rem, 4vw, 3rem); color: #fff; background: radial-gradient(circle at 8% 20%, rgb(255 225 181 / 16%), transparent 28%), linear-gradient(135deg, var(--hero-start), var(--hero-mid) 58%, var(--hero-end)); border: 1px solid rgb(255 255 255 / 9%); border-radius: 2rem; box-shadow: 0 22px 60px color-mix(in srgb, var(--primary) 12%, transparent); }
.profile-hero[b-0we46jh54l]::after { position: absolute; bottom: -7rem; left: 34%; width: 18rem; aspect-ratio: 1; content: ''; background: url('/assets/decor/anar.svg') center / contain no-repeat; opacity: .045; transform: rotate(15deg); }
.profile-identity[b-0we46jh54l] { position: relative; z-index: 1; display: flex; align-items: center; gap: 1.2rem; }
.hero-avatar[b-0we46jh54l] { position: relative; flex: 0 0 auto; }
.hero-avatar img[b-0we46jh54l] { width: 6.5rem; height: 6.5rem; object-fit: cover; object-position: center; background: var(--surface); border: .25rem solid rgb(255 255 255 / 72%); border-radius: 1.7rem; box-shadow: 0 16px 32px rgb(20 3 7 / 26%); }
.hero-avatar span[b-0we46jh54l] { position: absolute; right: -.2rem; bottom: -.2rem; width: 1.35rem; height: 1.35rem; background: var(--success); border: .22rem solid var(--hero-mid); border-radius: 50%; }
.profile-identity > div:last-child[b-0we46jh54l] { display: flex; flex-direction: column; }
.profile-eyebrow[b-0we46jh54l] { color: #efc48f; font-size: .66rem; }
.profile-identity h1[b-0we46jh54l] { margin: .35rem 0 .25rem; font-size: clamp(1.7rem, 4vw, 2.7rem); line-height: 1.25; }
.profile-identity p[b-0we46jh54l] { display: flex; align-items: center; gap: .55rem; margin: 0; color: rgb(255 255 255 / 58%); font-size: .62rem; }
.profile-identity p i[b-0we46jh54l] { width: .25rem; height: .25rem; background: #efc48f; border-radius: 50%; }
.profile-completion[b-0we46jh54l] { position: relative; z-index: 1; width: min(19rem, 100%); padding: 1rem; background: rgb(255 255 255 / 7%); border: 1px solid rgb(255 255 255 / 11%); border-radius: 1.1rem; backdrop-filter: blur(12px); }
.completion-copy[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.completion-copy span[b-0we46jh54l] { color: rgb(255 255 255 / 62%); font-size: .6rem; }
.completion-copy strong[b-0we46jh54l] { color: #efc48f; font-size: .76rem; }
.completion-track[b-0we46jh54l] { height: .3rem; margin-top: .65rem; overflow: hidden; background: rgb(255 255 255 / 10%); border-radius: 1rem; }
.completion-track i[b-0we46jh54l] { display: block; height: 100%; background: linear-gradient(90deg, #e5ad61, #f6dcac); border-radius: inherit; transition: width .35s ease; }
.profile-completion button[b-0we46jh54l] { width: 100%; margin-top: .85rem; padding: .55rem; color: #56101c; background: #fff7ec; border: 0; border-radius: .65rem; cursor: pointer; font: inherit; font-size: .6rem; font-weight: 700; }

.profile-stats[b-0we46jh54l] { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.profile-stats article[b-0we46jh54l] { display: grid; min-width: 0; align-items: center; gap: .65rem; padding: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1.1rem; grid-template-columns: auto 1fr; transition: border-color .2s ease, transform .2s ease; }
.profile-stats article:hover[b-0we46jh54l] { border-color: color-mix(in srgb, var(--primary) 24%, var(--border)); transform: translateY(-2px); }
.stat-icon[b-0we46jh54l] { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; color: var(--primary); background: color-mix(in srgb, var(--primary) 7%, var(--surface)); border-radius: .85rem; }
.stat-icon svg[b-0we46jh54l] { width: 1.25rem; fill: currentColor; }
.rating-stat[b-0we46jh54l] { color: var(--rating-star); background: color-mix(in srgb, var(--rating-star) 9%, var(--surface)); }
.account-stat[b-0we46jh54l] { color: var(--success); background: color-mix(in srgb, var(--success) 8%, var(--surface)); }
.profile-stats article div[b-0we46jh54l] { display: flex; min-width: 0; flex-direction: column; }
.profile-stats article strong[b-0we46jh54l] { color: var(--text-strong); font-size: 1.15rem; line-height: 1.2; }
.profile-stats article div span[b-0we46jh54l] { color: var(--text-muted); font-size: .56rem; }
.profile-stats article small[b-0we46jh54l] { overflow: hidden; color: var(--text-muted); font-size: .5rem; grid-column: 2; text-overflow: ellipsis; white-space: nowrap; }

.profile-tabs[b-0we46jh54l] { display: flex; gap: .3rem; overflow-x: auto; padding: .4rem; background: var(--surface); border: 1px solid var(--border); border-radius: 1rem; scrollbar-width: none; }
.profile-tabs[b-0we46jh54l]::-webkit-scrollbar { display: none; }
.profile-tabs button[b-0we46jh54l] { display: inline-flex; min-width: max-content; min-height: 2.8rem; align-items: center; justify-content: center; gap: .35rem; flex: 1; padding: .55rem .8rem; color: var(--text-muted); background: transparent; border: 0; border-radius: .7rem; cursor: pointer; font: inherit; font-size: .62rem; transition: color .2s ease, background-color .2s ease; }
.profile-tabs button:hover[b-0we46jh54l] { color: var(--primary); background: color-mix(in srgb, var(--primary) 4%, var(--surface)); }
.profile-tabs button.active[b-0we46jh54l] { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); box-shadow: 0 8px 18px color-mix(in srgb, var(--primary) 18%, transparent); }
.profile-tabs b[b-0we46jh54l] { display: grid; min-width: 1rem; height: 1rem; place-items: center; background: color-mix(in srgb, currentColor 12%, transparent); border-radius: 50%; font-size: .45rem; }
.profile-panel[b-0we46jh54l] { min-height: 24rem; animation: panel-enter-b-0we46jh54l .26s ease both; }
.panel-card[b-0we46jh54l], .content-section[b-0we46jh54l] { background: var(--surface); border: 1px solid var(--border); border-radius: 1.3rem; }
.overview-grid[b-0we46jh54l] { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); }
.recent-activity[b-0we46jh54l], .account-summary[b-0we46jh54l], .content-section[b-0we46jh54l], .profile-form-card[b-0we46jh54l] { padding: clamp(1rem, 3vw, 1.5rem); }
.recent-activity > header[b-0we46jh54l], .section-heading[b-0we46jh54l], .account-summary > header[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.recent-activity header > div[b-0we46jh54l], .section-heading > div[b-0we46jh54l] { display: flex; flex-direction: column; }
.recent-activity header span[b-0we46jh54l], .section-heading > div > span[b-0we46jh54l], .account-summary > header > span[b-0we46jh54l], .profile-form-card > header > span[b-0we46jh54l] { color: var(--primary); font-size: .55rem; font-weight: 700; }
.recent-activity h2[b-0we46jh54l], .section-heading h2[b-0we46jh54l], .profile-form-card h2[b-0we46jh54l] { margin: .15rem 0 0; color: var(--text-strong); font-size: .9rem; }
.recent-activity header button[b-0we46jh54l] { color: var(--primary); background: transparent; border: 0; cursor: pointer; font: inherit; font-size: .55rem; }
.activity-list[b-0we46jh54l] { display: grid; gap: .15rem; margin-top: .8rem; }
.activity-list article[b-0we46jh54l] { display: grid; align-items: center; gap: .65rem; padding: .75rem .4rem; border-bottom: 1px solid var(--border); grid-template-columns: auto 1fr auto; }
.activity-list article:last-child[b-0we46jh54l] { border-bottom: 0; }
.activity-dot[b-0we46jh54l] { width: .55rem; height: .55rem; border-radius: 50%; box-shadow: 0 0 0 .25rem color-mix(in srgb, currentColor 9%, transparent); }
.activity-dot.pending[b-0we46jh54l] { color: var(--warning); background: var(--warning); }
.activity-dot.published[b-0we46jh54l] { color: var(--success); background: var(--success); }
.activity-dot.rating[b-0we46jh54l] { color: var(--rating-star); background: var(--rating-star); }
.activity-list article div[b-0we46jh54l] { display: flex; min-width: 0; flex-direction: column; }
.activity-list strong[b-0we46jh54l] { color: var(--text-strong); font-size: .63rem; }
.activity-list p[b-0we46jh54l] { overflow: hidden; margin: .12rem 0 0; color: var(--text-muted); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }
.activity-list time[b-0we46jh54l] { color: var(--text-muted); font-size: .48rem; }
.account-summary > header button[b-0we46jh54l] { display: grid; width: 2rem; height: 2rem; place-items: center; color: var(--primary); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .55rem; cursor: pointer; }
.account-summary > header svg[b-0we46jh54l] { width: .9rem; fill: currentColor; }
.account-summary dl[b-0we46jh54l] { display: grid; gap: 0; margin: .7rem 0 0; }
.account-summary dl div[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-bottom: 1px dashed var(--border); }
.account-summary dl div:last-child[b-0we46jh54l] { border-bottom: 0; }
.account-summary dt[b-0we46jh54l] { color: var(--text-muted); font-size: .54rem; }
.account-summary dd[b-0we46jh54l] { margin: 0; color: var(--text-strong); font-size: .58rem; font-weight: 600; }

.section-heading[b-0we46jh54l] { align-items: flex-start; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.section-heading p[b-0we46jh54l], .profile-form-card header p[b-0we46jh54l] { margin: .25rem 0 0; color: var(--text-muted); font-size: .55rem; line-height: 1.8; }
.section-heading a[b-0we46jh54l] { padding: .55rem .75rem; color: #fff; background: var(--primary); border-radius: .65rem; font-size: .56rem; text-decoration: none; white-space: nowrap; }
.user-audio-list[b-0we46jh54l], .user-comment-list[b-0we46jh54l] { display: grid; gap: .7rem; margin-top: 1rem; }
.user-audio-card[b-0we46jh54l] { display: grid; align-items: start; gap: .8rem; padding: .85rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: .95rem; grid-template-columns: auto 1fr; }
.audio-card-avatar[b-0we46jh54l] { position: relative; }
.audio-card-avatar img[b-0we46jh54l] { width: 3.3rem; height: 3.3rem; object-fit: cover; border-radius: .9rem; }
.audio-card-avatar > span[b-0we46jh54l] { position: absolute; right: -.25rem; bottom: -.25rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; color: #fff; background: var(--primary); border: 2px solid var(--surface-soft); border-radius: 50%; }
.audio-card-avatar svg[b-0we46jh54l] { width: .65rem; fill: currentColor; }
.audio-card-content[b-0we46jh54l] { min-width: 0; }
.audio-card-content > header[b-0we46jh54l] { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.audio-card-content header > div[b-0we46jh54l] { display: flex; min-width: 0; flex-direction: column; }
.audio-card-content header div span[b-0we46jh54l] { color: var(--primary); font-size: .52rem; }
.audio-card-content header strong[b-0we46jh54l] { overflow: hidden; color: var(--text-strong); font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.content-status[b-0we46jh54l] { flex: 0 0 auto; padding: .22rem .45rem; border: 1px solid; border-radius: 2rem; font-size: .47rem; white-space: nowrap; }
.content-status.published[b-0we46jh54l] { color: var(--success); background: color-mix(in srgb, var(--success) 7%, var(--surface)); border-color: color-mix(in srgb, var(--success) 22%, var(--border)); }
.content-status.pending[b-0we46jh54l] { color: var(--warning); background: color-mix(in srgb, var(--warning) 8%, var(--surface)); border-color: color-mix(in srgb, var(--warning) 24%, var(--border)); }
.content-status.revision[b-0we46jh54l] { color: var(--danger); background: color-mix(in srgb, var(--danger) 7%, var(--surface)); border-color: color-mix(in srgb, var(--danger) 22%, var(--border)); }
.audio-card-content audio[b-0we46jh54l] { width: 100%; height: 2.2rem; margin-top: .55rem; }
.audio-card-content footer[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .45rem; color: var(--text-muted); font-size: .49rem; }
.audio-average[b-0we46jh54l] { display: inline-flex; align-items: center; gap: .2rem; color: var(--rating-star); }
.audio-average svg[b-0we46jh54l] { width: .7rem; fill: currentColor; }

.panel-feedback[b-0we46jh54l] { margin: .8rem 0 0; padding: .65rem .75rem; color: var(--success); background: color-mix(in srgb, var(--success) 7%, var(--surface)); border: 1px solid color-mix(in srgb, var(--success) 18%, var(--border)); border-radius: .65rem; font-size: .55rem; }
.user-comment-card[b-0we46jh54l] { padding: .9rem; background: var(--surface-soft); border: 1px solid var(--border); border-right: .22rem solid var(--border); border-radius: .85rem; }
.user-comment-card.pending[b-0we46jh54l] { border-right-color: var(--warning); }
.user-comment-card.published[b-0we46jh54l] { border-right-color: var(--success); }
.user-comment-card.revision[b-0we46jh54l] { border-right-color: var(--danger); }
.user-comment-card > header[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.user-comment-card header > div[b-0we46jh54l] { display: flex; align-items: baseline; gap: .5rem; }
.user-comment-card header strong[b-0we46jh54l] { color: var(--text-strong); font-size: .62rem; }
.user-comment-card time[b-0we46jh54l] { color: var(--text-muted); font-size: .48rem; }
.user-comment-card > p[b-0we46jh54l] { margin: .55rem 0 0; color: var(--text); font-size: .59rem; line-height: 1.9; }
.review-note[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .65rem; padding: .6rem; color: var(--danger); background: var(--surface); border-radius: .65rem; }
.review-note > span[b-0we46jh54l] { display: flex; flex-direction: column; font-size: .52rem; line-height: 1.7; }
.review-note strong[b-0we46jh54l] { font-size: .48rem; }
.review-note button[b-0we46jh54l], .comment-edit-actions button[b-0we46jh54l] { flex: 0 0 auto; padding: .4rem .6rem; color: #fff; background: var(--primary); border: 0; border-radius: .5rem; cursor: pointer; font: inherit; font-size: .5rem; }
.user-comment-card textarea[b-0we46jh54l] { width: 100%; min-height: 6rem; margin-top: .65rem; padding: .7rem; resize: vertical; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: .65rem; font: inherit; font-size: .58rem; line-height: 1.8; }
.comment-edit-actions[b-0we46jh54l] { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; margin-top: .45rem; }
.comment-edit-actions > span[b-0we46jh54l] { margin-left: auto; color: var(--text-muted); font-size: .47rem; }
.comment-edit-actions .cancel-edit[b-0we46jh54l] { color: var(--text-muted); background: transparent; border: 1px solid var(--border); }
.comment-edit-actions button:disabled[b-0we46jh54l] { cursor: not-allowed; opacity: .45; }

.rating-history[b-0we46jh54l] { display: grid; gap: .55rem; margin-top: 1rem; }
.rating-history article[b-0we46jh54l] { display: grid; align-items: center; gap: .7rem; padding: .75rem; background: var(--surface-soft); border: 1px solid var(--border); border-radius: .8rem; grid-template-columns: auto 1fr auto; }
.rating-history img[b-0we46jh54l] { width: 2.8rem; height: 2.8rem; object-fit: cover; background: var(--surface); border-radius: .75rem; }
.rating-history article > div:nth-child(2)[b-0we46jh54l] { display: flex; min-width: 0; flex-direction: column; }
.rating-history strong[b-0we46jh54l] { color: var(--text-strong); font-size: .62rem; }
.rating-history span[b-0we46jh54l] { color: var(--text-muted); font-size: .5rem; }
.history-stars[b-0we46jh54l] { display: flex; direction: ltr; gap: .08rem; }
.history-stars svg[b-0we46jh54l] { width: 1rem; color: color-mix(in srgb, var(--text-muted) 22%, transparent); fill: currentColor; }
.history-stars svg.filled[b-0we46jh54l] { color: var(--rating-star); }

.settings-grid[b-0we46jh54l] { display: grid; align-items: start; gap: 1rem; grid-template-columns: minmax(15rem, .35fr) minmax(0, 1fr); }
.faal-profile-gate[b-0we46jh54l] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; padding: 1rem 1.2rem; color: var(--text); background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, var(--surface)), var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border)); border-radius: 1.15rem; box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 6%, transparent); }
.faal-profile-gate > span[b-0we46jh54l] { display: grid; width: 3rem; height: 3rem; flex: 0 0 auto; place-items: center; color: #fff; background: linear-gradient(145deg, var(--primary), var(--primary-deep)); border-radius: 1rem; font-size: 1rem; font-weight: 800; box-shadow: 0 8px 18px color-mix(in srgb, var(--primary) 18%, transparent); }
.faal-profile-gate strong[b-0we46jh54l] { display: block; color: var(--text-strong); font-size: .72rem; }
.faal-profile-gate p[b-0we46jh54l] { margin: .25rem 0 0; color: var(--text-muted); font-size: .54rem; line-height: 1.9; }
.avatar-settings[b-0we46jh54l] { display: flex; align-items: center; flex-direction: column; padding: 1.2rem; text-align: center; }
.avatar-settings > span[b-0we46jh54l] { align-self: flex-start; color: var(--primary); font-size: .55rem; font-weight: 700; }
.avatar-preview[b-0we46jh54l] { position: relative; margin: 1.1rem 0; }
.avatar-preview[b-0we46jh54l]::before { position: absolute; inset: -.55rem; content: ''; border: 1px dashed color-mix(in srgb, var(--primary) 30%, var(--border)); border-radius: 1.45rem; }
.avatar-preview img[b-0we46jh54l] { position: relative; width: 8.2rem; height: 8.2rem; object-fit: cover; border-radius: 1.1rem; }
.avatar-settings label[b-0we46jh54l] { padding: .55rem .85rem; color: #fff; background: var(--primary); border-radius: .65rem; cursor: pointer; font-size: .56rem; }
.avatar-settings[b-0we46jh54l]  input[type=file] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.avatar-settings small[b-0we46jh54l] { margin-top: .55rem; color: var(--text-muted); font-size: .48rem; }
.avatar-settings p[b-0we46jh54l] { margin: .7rem 0 0; color: var(--success); font-size: .5rem; line-height: 1.7; }
.profile-form-card > header[b-0we46jh54l] { padding-bottom: .9rem; border-bottom: 1px solid var(--border); }
.form-grid[b-0we46jh54l] { display: grid; gap: .8rem; margin-top: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid label[b-0we46jh54l] { display: flex; min-width: 0; flex-direction: column; }
.form-grid label > span[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .35rem; color: var(--text-strong); font-size: .54rem; }
.form-grid label span small[b-0we46jh54l] { color: var(--text-muted); font-size: .45rem; }
.form-grid label span b[b-0we46jh54l] { padding: .15rem .35rem; color: var(--success); background: color-mix(in srgb, var(--success) 8%, var(--surface)); border-radius: 1rem; font-size: .43rem; }
.form-grid[b-0we46jh54l]  input, .form-grid[b-0we46jh54l]  select, .form-grid > label > input[b-0we46jh54l] { width: 100%; min-height: 2.8rem; padding: .6rem .75rem; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .7rem; font: inherit; font-size: .58rem; }
.form-grid[b-0we46jh54l]  input:focus, .form-grid[b-0we46jh54l]  select:focus { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--primary) 8%, transparent); outline: 0; }
.form-grid > label > input[readonly][b-0we46jh54l] { cursor: not-allowed; opacity: .7; }
.form-grid[b-0we46jh54l]  .validation-message { margin-top: .25rem; color: var(--danger); font-size: .48rem; }
.birth-date-field[b-0we46jh54l] { grid-column: 1 / -1; }
.persian-date-picker[b-0we46jh54l] { display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.persian-date-picker select[b-0we46jh54l] { width: 100%; min-height: 2.8rem; padding: .6rem .75rem; color: var(--text); background: var(--surface-soft); border: 1px solid var(--border); border-radius: .7rem; font: inherit; font-size: .58rem; }
.persian-date-picker select:focus[b-0we46jh54l] { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--primary) 8%, transparent); outline: 0; }
.birth-date-field .date-hint[b-0we46jh54l] { margin-top: .35rem; color: var(--text-muted); font-size: .46rem; }
.birth-date-field .date-validation[b-0we46jh54l] { margin-top: .3rem; color: var(--danger); font-size: .48rem; }
.form-actions[b-0we46jh54l] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--border); }
.form-actions i[b-0we46jh54l] { color: var(--success); font-size: .52rem; font-style: normal; }
.form-actions button[b-0we46jh54l] { min-width: 8rem; min-height: 2.8rem; padding: .55rem .9rem; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); border: 0; border-radius: .7rem; cursor: pointer; font: inherit; font-size: .6rem; font-weight: 700; }
.form-actions button:disabled[b-0we46jh54l] { cursor: wait; opacity: .6; }

@keyframes profile-pulse-b-0we46jh54l { 50% { transform: scale(1.04); box-shadow: 0 0 0 1.2rem color-mix(in srgb, var(--primary) 4%, transparent); } }
@keyframes panel-enter-b-0we46jh54l { from { opacity: 0; transform: translateY(.35rem); } to { opacity: 1; transform: translateY(0); } }

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

@media (max-width: 760px) {
    .profile-hero[b-0we46jh54l] { align-items: flex-start; flex-direction: column; }
    .profile-completion[b-0we46jh54l] { width: 100%; }
    .settings-grid[b-0we46jh54l] { grid-template-columns: 1fr; }
    .avatar-settings[b-0we46jh54l] { display: grid; align-items: center; gap: .75rem; grid-template-columns: auto 1fr; text-align: right; }
    .avatar-settings > span[b-0we46jh54l] { grid-column: 1 / -1; }
    .avatar-preview[b-0we46jh54l] { margin: .5rem; grid-row: span 3; }
    .avatar-preview img[b-0we46jh54l] { width: 6rem; height: 6rem; }
    .avatar-settings label[b-0we46jh54l] { width: fit-content; }
}

@media (max-width: 560px) {
    .profile-hero[b-0we46jh54l] { min-height: auto; padding: 1.25rem; border-radius: 1.3rem; }
    .hero-avatar img[b-0we46jh54l] { width: 4.8rem; height: 4.8rem; border-radius: 1.25rem; }
    .profile-identity[b-0we46jh54l] { align-items: flex-start; gap: .8rem; }
    .profile-identity p[b-0we46jh54l] { align-items: flex-start; flex-direction: column; gap: .15rem; }
    .profile-identity p i[b-0we46jh54l] { display: none; }
    .profile-stats[b-0we46jh54l] { grid-template-columns: 1fr 1fr; }
    .profile-stats article[b-0we46jh54l] { align-content: start; grid-template-columns: 1fr; }
    .profile-stats article small[b-0we46jh54l] { grid-column: 1; }
    .stat-icon[b-0we46jh54l] { width: 2.35rem; height: 2.35rem; }
    .profile-tabs[b-0we46jh54l] { border-radius: .85rem; }
    .panel-card[b-0we46jh54l], .content-section[b-0we46jh54l] { border-radius: 1rem; }
    .recent-activity > header[b-0we46jh54l], .section-heading[b-0we46jh54l] { align-items: flex-start; flex-direction: column; }
    .activity-list article[b-0we46jh54l] { align-items: start; grid-template-columns: auto 1fr; }
    .activity-list time[b-0we46jh54l] { grid-column: 2; }
    .user-audio-card[b-0we46jh54l] { grid-template-columns: 1fr; }
    .audio-card-avatar[b-0we46jh54l] { display: none; }
    .audio-card-content > header[b-0we46jh54l], .user-comment-card > header[b-0we46jh54l] { align-items: flex-start; flex-direction: column; }
    .audio-card-content footer[b-0we46jh54l] { align-items: flex-start; flex-direction: column; }
    .review-note[b-0we46jh54l] { align-items: flex-start; flex-direction: column; }
    .rating-history article[b-0we46jh54l] { grid-template-columns: auto 1fr; }
    .history-stars[b-0we46jh54l] { grid-column: 2; }
    .form-grid[b-0we46jh54l] { grid-template-columns: 1fr; }
    .faal-profile-gate[b-0we46jh54l] { align-items: flex-start; }
    .form-actions[b-0we46jh54l] { align-items: stretch; flex-direction: column; }
    .form-actions button[b-0we46jh54l] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { .profile-loader[b-0we46jh54l], .profile-panel[b-0we46jh54l] { animation: none; } }

.profile-dashboard :is(p, span, small, time, button, input, textarea, select, label, dt, dd)[b-0we46jh54l] { font-size: max(.8rem, 13px) !important; }
.profile-dashboard :is(input, textarea, select)[b-0we46jh54l] { min-height: 3rem; }

@media (max-width: 700px) { .profile-dashboard :is(input, textarea, select)[b-0we46jh54l] { font-size: 16px !important; } }