/* /Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
.two-factor-forget-browser-form[b-22jekk1was] {
    display: inline-block;
}
/* /Components/Account/Shared/AccountFormShell.razor.rz.scp.css */
.account-page[b-7ldvjnjv2a] {
    display: grid;
    min-width: 0;
    padding: 16px 0 40px;
    place-items: start center;
}

.account-card[b-7ldvjnjv2a] {
    width: min(100%, 680px);
    min-width: 0;
    padding: 32px;
    background: var(--wb-surface);
    border: 1px solid var(--wb-border);
    border-radius: 20px;
    box-shadow: var(--wb-shadow-md);
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.account-card-header[b-7ldvjnjv2a] {
    margin-bottom: 24px;
}

.account-card-header h1[b-7ldvjnjv2a] {
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    line-height: 1.25;
}

.account-alert[b-7ldvjnjv2a] {
    margin-bottom: 20px;
    padding: 14px 16px;
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    font-weight: 600;
}

.account-status[b-7ldvjnjv2a] {
    margin-bottom: 20px;
    padding: 14px 16px;
    color: var(--wb-success);
    background: var(--wb-success-bg);
    border: 1px solid var(--wb-success);
    border-radius: 12px;
    font-weight: 600;
}

[b-7ldvjnjv2a] .account-form {
    display: grid;
    min-width: 0;
    gap: 18px;
}

[b-7ldvjnjv2a] .account-field {
    display: grid;
    min-width: 0;
    gap: 8px;
}

[b-7ldvjnjv2a] .account-label {
    color: var(--wb-text);
    font-weight: 700;
}

[b-7ldvjnjv2a] .account-input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--wb-text);
    background: var(--wb-input-bg);
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
}

[b-7ldvjnjv2a] .account-input::placeholder {
    color: var(--wb-text-muted);
}

[b-7ldvjnjv2a] .account-input:focus-visible,
[b-7ldvjnjv2a] .account-primary-button:focus-visible,
[b-7ldvjnjv2a] .account-secondary-button:focus-visible,
[b-7ldvjnjv2a] .account-link:focus-visible,
[b-7ldvjnjv2a] .account-checkbox:focus-visible,
[b-7ldvjnjv2a] .account-provider-button:focus-visible {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

[b-7ldvjnjv2a] .account-field-error,
[b-7ldvjnjv2a] .account-validation-summary {
    color: var(--wb-danger);
    font-weight: 600;
}

[b-7ldvjnjv2a] .account-field-error:empty {
    display: none;
}

[b-7ldvjnjv2a] .account-validation-summary ul {
    margin: 0;
    padding-left: 1.25rem;
}

[b-7ldvjnjv2a] .account-checkbox-label {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    gap: 10px;
    color: var(--wb-text);
    font-weight: 600;
    cursor: pointer;
}

[b-7ldvjnjv2a] .account-checkbox {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    accent-color: var(--wb-primary);
}

[b-7ldvjnjv2a] .account-primary-button,
[b-7ldvjnjv2a] .account-secondary-button,
[b-7ldvjnjv2a] .account-provider-button {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-align: center;
    overflow-wrap: anywhere;
    cursor: pointer;
}

[b-7ldvjnjv2a] .account-primary-button {
    width: 100%;
    color: var(--wb-on-primary);
    background: var(--wb-primary);
    border: 1px solid var(--wb-primary);
}

[b-7ldvjnjv2a] .account-primary-button:hover:not(:disabled) {
    background: var(--wb-primary-hover);
    border-color: var(--wb-primary-hover);
}

[b-7ldvjnjv2a] .account-secondary-button,
[b-7ldvjnjv2a] .account-provider-button {
    color: var(--wb-primary);
    background: var(--wb-surface);
    border: 1px solid var(--wb-primary);
}

[b-7ldvjnjv2a] .account-secondary-button:hover:not(:disabled),
[b-7ldvjnjv2a] .account-provider-button:hover:not(:disabled) {
    background: var(--wb-primary-soft);
}

[b-7ldvjnjv2a] button:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

[b-7ldvjnjv2a] .account-divider {
    height: 1px;
    margin: 4px 0;
    background: var(--wb-border-subtle);
    border: 0;
}

[b-7ldvjnjv2a] .account-or {
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
}

[b-7ldvjnjv2a] .account-actions {
    display: grid;
    min-width: 0;
    gap: 4px;
}

[b-7ldvjnjv2a] .account-action-row {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    color: var(--wb-text-muted);
}

[b-7ldvjnjv2a] .account-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--wb-primary);
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

[b-7ldvjnjv2a] .account-help {
    margin: 0;
    color: var(--wb-text-muted);
}

[b-7ldvjnjv2a] .account-requirements {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--wb-text-muted);
}

[b-7ldvjnjv2a] .account-external-section {
    display: grid;
    min-width: 0;
    gap: 14px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--wb-border-subtle);
}

[b-7ldvjnjv2a] .account-external-section h2 {
    margin: 0;
    color: var(--wb-text);
    font-size: 1.125rem;
}

[b-7ldvjnjv2a] .account-provider-list {
    display: grid;
    min-width: 0;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-7ldvjnjv2a] .account-provider-button {
    width: 100%;
}

[b-7ldvjnjv2a] .account-empty-message {
    margin: 0;
    color: var(--wb-text-muted);
}

@media (max-width: 359px) {
    .account-page[b-7ldvjnjv2a] {
        padding-top: 4px;
    }

    .account-card[b-7ldvjnjv2a] {
        padding: 20px 16px;
        border-radius: 16px;
    }
}
/* /Components/Account/Shared/PasswordGuidance.razor.rz.scp.css */
.password-guidance[b-3ea5uh2hqw] {
    margin-top: 0.35rem;
}

.password-guidance-meter-row[b-3ea5uh2hqw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.45rem;
}

.password-guidance-meter[b-3ea5uh2hqw] {
    width: 100%;
    height: 0.5rem;
    flex: 1 1 auto;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--wb-border-subtle, #E2E8F0);
}

.password-guidance-meter[b-3ea5uh2hqw]::-webkit-progress-bar {
    border-radius: inherit;
    background: var(--wb-border-subtle, #E2E8F0);
}

.password-guidance-meter[b-3ea5uh2hqw]::-webkit-progress-value {
    border-radius: inherit;
    background: var(--wb-primary, #4F46E5);
    transition: inline-size 0.15s ease;
}

.password-guidance-meter[b-3ea5uh2hqw]::-moz-progress-bar {
    border-radius: inherit;
    background: var(--wb-primary, #4F46E5);
    transition: inline-size 0.15s ease;
}

.password-guidance-count[b-3ea5uh2hqw] {
    min-width: 3.2rem;
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.password-guidance-requirements[b-3ea5uh2hqw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem 0.75rem;
    margin: 0.55rem 0 0;
    padding: 0;
    list-style: none;
}

.password-guidance-requirements li[b-3ea5uh2hqw] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: start;
    gap: 0.35rem;
    color: var(--wb-text-subtle, #64748B);
    line-height: 1.35;
}

.password-guidance-requirements li[b-3ea5uh2hqw]::before {
    content: "\25CB";
    color: var(--wb-text-subtle, #64748B);
    font-weight: 700;
    text-align: center;
}

.password-guidance-requirements li[data-password-requirement-met="true"][b-3ea5uh2hqw] {
    color: var(--wb-success, #166534);
}

.password-guidance-requirements li[data-password-requirement-met="true"][b-3ea5uh2hqw]::before {
    content: "\2713";
    color: var(--wb-success, #166534);
}

@media (max-width: 479px) {
    .password-guidance-requirements[b-3ea5uh2hqw] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .password-guidance-meter[b-3ea5uh2hqw]::-webkit-progress-value,
    .password-guidance-meter[b-3ea5uh2hqw]::-moz-progress-bar {
        transition: none;
    }
}
/* /Components/Achievements/AchievementList.razor.rz.scp.css */
.achievement-panel[b-7qfmfpbre6] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.achievement-panel-header[b-7qfmfpbre6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.achievement-panel-header h2[b-7qfmfpbre6] {
    margin: 0;
}

.achievement-total[b-7qfmfpbre6] {
    color: var(--wb-text-subtle, #64748B);
    font-weight: 700;
}

.achievement-rank-summary[b-7qfmfpbre6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.achievement-rank-summary > div[b-7qfmfpbre6] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
}

.achievement-rank-summary dt[b-7qfmfpbre6],
.achievement-rank-summary dd[b-7qfmfpbre6] {
    margin: 0;
}

.achievement-rank-summary dd[b-7qfmfpbre6] {
    color: var(--wb-text-subtle, #64748B);
    font-weight: 700;
}

/* 2026.09.28 変更 実績クリア状態タブ・一覧導線対応 */
.achievement-tabs[b-7qfmfpbre6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.achievement-tab[b-7qfmfpbre6] {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
    cursor: pointer;
    font: inherit;
    font-weight: 750;
}

.achievement-tab:hover[b-7qfmfpbre6] {
    border-color: var(--wb-primary-border-strong, var(--wb-primary));
    background: var(--wb-surface-hover, var(--wb-surface));
}

.achievement-tab-active[b-7qfmfpbre6] {
    border-color: var(--wb-primary);
    background: var(--wb-primary-surface-soft, var(--wb-surface));
    color: var(--wb-primary-hover, var(--wb-primary));
}

.achievement-tab-count[b-7qfmfpbre6] {
    display: inline-flex;
    min-width: 1.55rem;
    min-height: 1.55rem;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-secondary, var(--wb-text));
    font-size: 0.75rem;
    font-weight: 800;
}

.achievement-tab-panel[b-7qfmfpbre6] {
    min-width: 0;
}

.achievement-list[b-7qfmfpbre6] {
    display: grid;
    gap: 10px;
}

.achievement-card[b-7qfmfpbre6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    padding: 14px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
}

.achievement-card-unlocked[b-7qfmfpbre6] {
    background: var(--wb-surface, #FFFFFF);
}

.achievement-copy[b-7qfmfpbre6] {
    min-width: 0;
}

.achievement-copy h3[b-7qfmfpbre6] {
    margin: 6px 0 4px;
    font-size: 1rem;
}

.achievement-copy p[b-7qfmfpbre6] {
    margin: 0;
    color: var(--wb-text-subtle, #64748B);
}

.achievement-rank[b-7qfmfpbre6] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
}

.achievement-rank-bronze[b-7qfmfpbre6] {
    color: color-mix(
        in srgb,
        var(--wb-warning) 62%,
        var(--wb-text));
}

.achievement-rank-silver[b-7qfmfpbre6] {
    color: var(--wb-text-subtle);
}

.achievement-rank-gold[b-7qfmfpbre6] {
    color: var(--wb-warning);
}

.achievement-rank-platinum[b-7qfmfpbre6] {
    color: var(--wb-primary);
}

.achievement-state[b-7qfmfpbre6] {
    display: flex;
    min-width: 120px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    color: var(--wb-text-subtle, #64748B);
}

.achievement-state progress[b-7qfmfpbre6] {
    width: 120px;
    max-width: 100%;
}

.achievement-action[b-7qfmfpbre6],
.achievement-view-all[b-7qfmfpbre6] {
    display: inline-flex;
    align-items: center;
    color: var(--wb-link, #2563EB);
    font-weight: 700;
    text-decoration: none;
}

.achievement-action[b-7qfmfpbre6] {
    min-height: 36px;
}

.achievement-view-all[b-7qfmfpbre6] {
    min-height: 44px;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-surface, #FFFFFF);
    text-align: center;
}

.achievement-view-all:hover[b-7qfmfpbre6] {
    border-color: var(--wb-primary-border-strong, var(--wb-primary));
    background: var(--wb-surface-hover, var(--wb-surface));
}

.achievement-empty[b-7qfmfpbre6] {
    min-height: 44px;
    margin: 0;
    padding: 12px;
    border: 1px dashed var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    color: var(--wb-text-subtle, #64748B);
}

.achievement-action:focus-visible[b-7qfmfpbre6],
.achievement-view-all:focus-visible[b-7qfmfpbre6],
.achievement-tab:focus-visible[b-7qfmfpbre6] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .achievement-rank-summary[b-7qfmfpbre6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .achievement-panel-header[b-7qfmfpbre6],
    .achievement-card[b-7qfmfpbre6] {
        align-items: flex-start;
        grid-template-columns: minmax(0, 1fr);
    }

    .achievement-panel-header[b-7qfmfpbre6] {
        display: grid;
    }

    .achievement-state[b-7qfmfpbre6] {
        min-width: 0;
        align-items: stretch;
    }

    .achievement-state progress[b-7qfmfpbre6] {
        width: 100%;
    }
}
/* /Components/Advertising/AdvertisementSlot.razor.rz.scp.css */
/* 2026.09.24 変更 実広告を送信しないStage 1広告Test枠 */
.advertisement-slot[b-xcmhw5xexn] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.advertisement-label[b-xcmhw5xexn] {
    color: var(--wb-text-secondary);
    font-size: 0.75rem;
    font-weight: 750;
    line-height: 1.4;
}

.advertisement-test-placeholder[b-xcmhw5xexn] {
    display: grid;
    min-height: 90px;
    place-items: center;
    padding: 1rem;
    border: 1px dashed var(--wb-border);
    border-radius: 10px;
    background: var(--wb-bg);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    line-height: 1.5;
    text-align: center;
}

@media (min-width: 768px) {
    .advertisement-test-placeholder[b-xcmhw5xexn] {
        min-height: 100px;
    }
}
/* /Components/Announcements/EmergencyAnnouncementBanner.razor.rz.scp.css */
.emergency-announcement-banner[b-vnlqncfeia] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.25rem;
    border-block: 2px solid var(--wb-danger);
    background: var(--wb-danger-soft, var(--wb-surface));
    color: var(--wb-text);
}

.emergency-announcement-copy[b-vnlqncfeia] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.emergency-announcement-copy strong[b-vnlqncfeia] {
    color: var(--wb-danger);
}

.emergency-announcement-copy span[b-vnlqncfeia],
.emergency-announcement-copy small[b-vnlqncfeia] {
    overflow-wrap: anywhere;
}

.emergency-announcement-copy small[b-vnlqncfeia] {
    color: var(--wb-text-secondary);
}

.emergency-announcement-link[b-vnlqncfeia] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-danger);
    border-radius: 10px;
    color: var(--wb-danger);
    font-weight: 800;
    text-decoration: none;
}

.emergency-announcement-link:focus-visible[b-vnlqncfeia] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .emergency-announcement-banner[b-vnlqncfeia] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .emergency-announcement-link[b-vnlqncfeia] {
        width: 100%;
    }
}
/* /Components/Brand/BrandLogo.razor.rz.scp.css */
.brand-logo[b-w2fzfu76af] {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 0.55rem;
    color: var(--wb-text, #0F172A);
    font-weight: 800;
    text-decoration: none;
}

.brand-logo:focus-visible[b-w2fzfu76af] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 3px;
    border-radius: 10px;
}

.brand-logo-mark[b-w2fzfu76af] {
    width: 38px;
    height: 32px;
    flex: 0 0 38px;
    object-fit: contain;
}

.brand-logo-name[b-w2fzfu76af] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 1.05rem;
    line-height: 1.2;
}

@media (max-width: 479px) {
    .brand-logo-name[b-w2fzfu76af] {
        font-size: 0.95rem;
    }
}
/* /Components/Brand/TsumutanCharacter.razor.rz.scp.css */
.tsumutan-character-frame[b-9bub2rufgn] {
    display: inline-grid;
    max-width: 100%;
    place-items: center;
    vertical-align: middle;
}

.tsumutan-character[b-9bub2rufgn] {
    grid-area: 1 / 1;
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
/* /Components/Decks/CardDraftEditor.razor.rz.scp.css */
.deck-card-editor[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.deck-card-editor-header[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 0.375rem;
}

.deck-card-editor-title[b-yry3cltn5l],
.deck-card-editor-description[b-yry3cltn5l] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-card-editor-title[b-yry3cltn5l] {
    color: var(--wb-text);
    font-size: 1.1rem;
    line-height: 1.5;
}

.deck-card-editor-description[b-yry3cltn5l] {
    color: var(--wb-text-muted);
    line-height: 1.6;
}

.deck-card-two-column-grid[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.deck-card-field[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-card-label-row[b-yry3cltn5l] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.deck-card-label[b-yry3cltn5l] {
    min-width: 0;
    color: var(--wb-text-secondary);
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-card-required-marker[b-yry3cltn5l],
.deck-card-optional-marker[b-yry3cltn5l] {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-card-required-marker[b-yry3cltn5l] {
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.deck-card-optional-marker[b-yry3cltn5l] {
    color: var(--wb-text-muted);
    background: var(--wb-surface-subtle);
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea,
.deck-card-editor[b-yry3cltn5l]  .deck-card-select,
.deck-card-editor[b-yry3cltn5l]  .deck-card-input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    box-sizing: border-box;
    font: inherit;
    line-height: 1.5;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 3rem;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--wb-text-muted) 50%),
        linear-gradient(135deg, var(--wb-text-muted) 50%, transparent 50%);
    background-position:
        calc(100% - 1.15rem) calc(50% - 0.125rem),
        calc(100% - 0.85rem) calc(50% - 0.125rem);
    background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
    background-repeat: no-repeat;
    cursor: pointer;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-select:hover:not(:disabled) {
    border-color: var(--wb-primary-border-strong);
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea {
    resize: vertical;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea-main {
    min-height: 8rem;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea-supporting {
    min-height: 6rem;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea:focus-visible,
.deck-card-editor[b-yry3cltn5l]  .deck-card-select:focus-visible,
.deck-card-editor[b-yry3cltn5l]  .deck-card-input:focus-visible {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea:disabled,
.deck-card-editor[b-yry3cltn5l]  .deck-card-select:disabled,
.deck-card-editor[b-yry3cltn5l]  .deck-card-input:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.deck-card-field-meta[b-yry3cltn5l] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-card-hint[b-yry3cltn5l],
.deck-card-character-count[b-yry3cltn5l] {
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-card-character-count[b-yry3cltn5l] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.deck-card-field-error[b-yry3cltn5l] {
    min-width: 0;
    color: var(--wb-danger);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-card-field-error[b-yry3cltn5l]  .validation-message {
    margin: 0;
    color: inherit;
}

@media (max-width: 640px) {
    .deck-card-two-column-grid[b-yry3cltn5l] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .deck-card-field-meta[b-yry3cltn5l] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

.deck-card-media-panel[b-yry3cltn5l],
.deck-card-media-preview[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
}

.deck-card-media-panel[b-yry3cltn5l] {
    padding-top: 0.75rem;
    border-top: 1px solid var(--wb-border-soft);
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.625rem;
    border: 1px dashed var(--wb-border);
    border-radius: 11px;
    background: var(--wb-input-bg);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    font: inherit;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input::file-selector-button {
    min-height: 2.25rem;
    margin: -0.25rem 0.75rem -0.25rem -0.25rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 8px;
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input:hover:not(:disabled)::file-selector-button {
    border-color: var(--wb-primary-border);
    background: var(--wb-primary-soft);
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input:focus-visible,
.deck-card-media-remove-button:focus-visible[b-yry3cltn5l] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input:disabled,
.deck-card-media-remove-button:disabled[b-yry3cltn5l] {
    cursor: not-allowed;
    opacity: 0.7;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-file-input:disabled::file-selector-button {
    cursor: not-allowed;
}

.deck-card-media-preview[b-yry3cltn5l] {
    padding: 0.75rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 12px;
    background: var(--wb-surface);
}

.deck-card-media-preview img[b-yry3cltn5l] {
    display: block;
    width: 100%;
    max-height: 18rem;
    border-radius: 10px;
    object-fit: contain;
    background: var(--wb-surface-subtle);
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-textarea-alt {
    min-height: 5rem;
}

.deck-card-media-remove-button[b-yry3cltn5l] {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-danger);
    border-radius: 10px;
    background: var(--wb-danger-bg);
    color: var(--wb-danger);
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

@media (forced-colors: active) {
    .deck-card-editor[b-yry3cltn5l]  .deck-card-select {
        appearance: auto;
        -webkit-appearance: auto;
        padding-right: 0.875rem;
        background-image: none;
    }
}

@media (max-width: 640px) {
    .deck-card-media-remove-button[b-yry3cltn5l] {
        width: 100%;
    }
}

/* 2026.09.30 変更 Card単位・方向別Quiz Auto/Manual設定の視認性とMobile操作性を統一 */
.deck-card-quiz-settings[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 0.875rem;
    padding: 1rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.deck-card-quiz-heading[b-yry3cltn5l] {
    margin: 0;
    color: var(--wb-text);
    font-size: 1rem;
    line-height: 1.5;
}

.deck-card-quiz-direction[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 0.75rem;
    margin: 0;
    padding: 0.875rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-surface);
}

.deck-card-quiz-direction legend[b-yry3cltn5l] {
    padding: 0 0.25rem;
    color: var(--wb-text-secondary);
    font-weight: 700;
}

.deck-card-editor[b-yry3cltn5l]  .deck-card-quiz-source {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.deck-card-quiz-option[b-yry3cltn5l] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.deck-card-quiz-distractors[b-yry3cltn5l] {
    display: grid;
    min-width: 0;
    gap: 0.625rem;
}

@media (max-width: 640px) {
    .deck-card-editor[b-yry3cltn5l]  .deck-card-quiz-source {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Decks/DeckCardManager.razor.rz.scp.css */
.deck-card-manager[b-kvqolnwbn5] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-card-manager-heading[b-kvqolnwbn5],
.deck-card-manager-heading-text[b-kvqolnwbn5],
.deck-card-form[b-kvqolnwbn5],
.deck-card-recovery-actions[b-kvqolnwbn5],
.deck-card-warning-actions[b-kvqolnwbn5],
.deck-card-form-actions[b-kvqolnwbn5],
.deck-card-item-actions[b-kvqolnwbn5],
.deck-card-confirmation-actions[b-kvqolnwbn5] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-card-manager-heading[b-kvqolnwbn5] {
    align-items: center;
    justify-content: space-between;
}

.deck-card-manager-heading-text[b-kvqolnwbn5] {
    align-items: baseline;
}

.deck-card-manager-heading h2[b-kvqolnwbn5],
.deck-card-count[b-kvqolnwbn5],
.deck-card-empty[b-kvqolnwbn5],
.deck-card-content-row dt[b-kvqolnwbn5],
.deck-card-content-row dd[b-kvqolnwbn5],
.deck-card-delete-confirmation h3[b-kvqolnwbn5],
.deck-card-delete-confirmation p[b-kvqolnwbn5] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-card-manager-heading h2[b-kvqolnwbn5] {
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
}

.deck-card-count[b-kvqolnwbn5],
.deck-card-empty[b-kvqolnwbn5] {
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.deck-card-form[b-kvqolnwbn5] {
    display: grid;
    padding: 1rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 14px;
    background: var(--wb-surface-subtle);
}

.deck-card-validation-summary[b-kvqolnwbn5] {
    min-width: 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    background: var(--wb-danger-bg);
    color: var(--wb-danger);
    box-sizing: border-box;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.deck-card-validation-summary:empty[b-kvqolnwbn5] {
    display: none;
}

.deck-card-validation-summary[b-kvqolnwbn5]  ul {
    padding-inline-start: 1.25rem;
    margin: 0;
}

.deck-card-form-actions[b-kvqolnwbn5] {
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid var(--wb-border-soft);
}

.deck-card-warning-actions[b-kvqolnwbn5],
.deck-card-recovery-actions[b-kvqolnwbn5] {
    justify-content: flex-start;
}

.deck-card-list[b-kvqolnwbn5] {
    min-width: 0;
}

.deck-card-item[b-kvqolnwbn5] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 0.875rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 14px;
    background: var(--wb-surface-subtle);
    box-sizing: border-box;
}

.deck-card-item-header[b-kvqolnwbn5] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-card-order[b-kvqolnwbn5] {
    color: var(--wb-primary);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.deck-card-content[b-kvqolnwbn5] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.deck-card-content-row[b-kvqolnwbn5] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-surface);
}

.deck-card-content-row dt[b-kvqolnwbn5] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-card-content-row dd[b-kvqolnwbn5] {
    display: grid;
    gap: 0.625rem;
    color: var(--wb-text);
    line-height: 1.6;
    white-space: pre-wrap;
}

.deck-card-content-image[b-kvqolnwbn5] {
    display: block;
    width: 100%;
    max-height: 16rem;
    border-radius: 9px;
    object-fit: contain;
    background: var(--wb-surface-subtle);
}

.deck-card-delete-confirmation[b-kvqolnwbn5] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    background: var(--wb-danger-bg);
    box-sizing: border-box;
}

.deck-card-delete-confirmation h3[b-kvqolnwbn5] {
    color: var(--wb-danger);
    font-size: 1rem;
    line-height: 1.5;
}

.deck-card-delete-confirmation p[b-kvqolnwbn5] {
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.deck-card-primary-button[b-kvqolnwbn5],
.deck-card-secondary-button[b-kvqolnwbn5],
.deck-card-warning-button[b-kvqolnwbn5],
.deck-card-danger-button[b-kvqolnwbn5],
.deck-card-compact-button[b-kvqolnwbn5],
.deck-card-icon-button[b-kvqolnwbn5] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.deck-card-primary-button[b-kvqolnwbn5] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-card-secondary-button[b-kvqolnwbn5],
.deck-card-compact-button[b-kvqolnwbn5],
.deck-card-icon-button[b-kvqolnwbn5] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-card-warning-button[b-kvqolnwbn5] {
    border: 1px solid var(--wb-warning);
    background: var(--wb-warning-bg);
    color: var(--wb-warning);
}

.deck-card-danger-button[b-kvqolnwbn5] {
    border: 1px solid var(--wb-danger);
    background: var(--wb-danger-bg);
    color: var(--wb-danger);
}

.deck-card-icon-button[b-kvqolnwbn5] {
    width: 44px;
    flex: 0 0 44px;
    padding: 0;
    font-size: 1.1rem;
}

.deck-card-primary-button:hover:not(:disabled)[b-kvqolnwbn5] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.deck-card-secondary-button:hover:not(:disabled)[b-kvqolnwbn5],
.deck-card-compact-button:hover:not(:disabled)[b-kvqolnwbn5],
.deck-card-icon-button:hover:not(:disabled)[b-kvqolnwbn5] {
    background: var(--wb-surface-hover);
}

.deck-card-primary-button:focus-visible[b-kvqolnwbn5],
.deck-card-secondary-button:focus-visible[b-kvqolnwbn5],
.deck-card-warning-button:focus-visible[b-kvqolnwbn5],
.deck-card-danger-button:focus-visible[b-kvqolnwbn5],
.deck-card-compact-button:focus-visible[b-kvqolnwbn5],
.deck-card-icon-button:focus-visible[b-kvqolnwbn5] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-card-primary-button:disabled[b-kvqolnwbn5],
.deck-card-secondary-button:disabled[b-kvqolnwbn5],
.deck-card-warning-button:disabled[b-kvqolnwbn5],
.deck-card-danger-button:disabled[b-kvqolnwbn5],
.deck-card-compact-button:disabled[b-kvqolnwbn5],
.deck-card-icon-button:disabled[b-kvqolnwbn5] {
    cursor: not-allowed;
    opacity: 0.7;
}

@media (max-width: 720px) {
    .deck-card-content[b-kvqolnwbn5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .deck-card-manager-heading[b-kvqolnwbn5],
    .deck-card-form-actions[b-kvqolnwbn5],
    .deck-card-confirmation-actions[b-kvqolnwbn5] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-card-primary-button[b-kvqolnwbn5],
    .deck-card-secondary-button[b-kvqolnwbn5],
    .deck-card-warning-button[b-kvqolnwbn5],
    .deck-card-danger-button[b-kvqolnwbn5],
    .deck-card-compact-button[b-kvqolnwbn5] {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .deck-card-manager[b-kvqolnwbn5],
    .deck-card-item[b-kvqolnwbn5],
    .deck-card-form[b-kvqolnwbn5] {
        padding: 1rem;
    }

    .deck-card-item-actions[b-kvqolnwbn5] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .deck-card-icon-button[b-kvqolnwbn5] {
        width: 100%;
        min-width: 44px;
    }
}

@media (max-width: 359px) {
    .deck-card-manager[b-kvqolnwbn5],
    .deck-card-item[b-kvqolnwbn5],
    .deck-card-form[b-kvqolnwbn5] {
        padding: 0.875rem;
        border-radius: 12px;
    }

    .deck-card-item-actions[b-kvqolnwbn5] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Decks/DeckCopyActions.razor.rz.scp.css */
.deck-copy-actions[b-xo1ujof21c] { display: grid; min-width: 0; gap: 1rem; padding: 1.25rem; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-surface); }
.deck-copy-actions h2[b-xo1ujof21c], .deck-copy-actions p[b-xo1ujof21c] { margin: 0; overflow-wrap: anywhere; }
.deck-copy-actions h2[b-xo1ujof21c] { color: var(--wb-text); font-size: 1.15rem; }
.deck-copy-actions p[b-xo1ujof21c] { color: var(--wb-text-secondary); line-height: 1.6; }
.deck-copy-actions a[b-xo1ujof21c] { color: var(--wb-link); font-weight: 700; }
.deck-copy-actions-message[b-xo1ujof21c] { color: var(--wb-danger); font-weight: 700; }
.deck-copy-actions button[b-xo1ujof21c] { width: fit-content; min-height: 44px; padding: 0.7rem 1.1rem; border: 0; border-radius: 10px; background: var(--wb-primary); color: var(--wb-on-primary); font: inherit; font-weight: 750; cursor: pointer; }
.deck-copy-actions button:disabled[b-xo1ujof21c] { cursor: not-allowed; opacity: 0.65; }
@media (max-width: 640px) { .deck-copy-actions button[b-xo1ujof21c] { width: 100%; } }
/* /Components/Decks/DeckCopyPolicyEditor.razor.rz.scp.css */
.deck-copy-policy[b-wwgl8tbbgj] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.deck-copy-policy-heading h2[b-wwgl8tbbgj],
.deck-copy-policy-heading p[b-wwgl8tbbgj],
.deck-copy-lineage-note[b-wwgl8tbbgj],
.deck-copy-policy-message[b-wwgl8tbbgj] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-copy-policy-heading h2[b-wwgl8tbbgj] { color: var(--wb-text); font-size: 1.15rem; }
.deck-copy-policy-heading p[b-wwgl8tbbgj], .deck-copy-lineage-note[b-wwgl8tbbgj] { color: var(--wb-text-secondary); line-height: 1.6; }
.deck-copy-policy-message[b-wwgl8tbbgj] { color: var(--wb-text); font-weight: 700; }
.deck-copy-policy-controls[b-wwgl8tbbgj] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.75rem; align-items: end; }
.deck-copy-policy-label-row[b-wwgl8tbbgj] { display: flex; grid-column: 1 / -1; min-width: 0; align-items: center; gap: 0.25rem; }
.deck-copy-policy-label-row label[b-wwgl8tbbgj] { color: var(--wb-text); font-weight: 700; }
.deck-copy-policy-controls select[b-wwgl8tbbgj], .deck-copy-policy-controls button[b-wwgl8tbbgj] { min-height: 44px; border-radius: 10px; font: inherit; }
.deck-copy-policy-controls select[b-wwgl8tbbgj] { min-width: 0; padding: 0.65rem; border: 1px solid var(--wb-border); background: var(--wb-surface); color: var(--wb-text); }
.deck-copy-policy-controls button[b-wwgl8tbbgj] { padding: 0.65rem 1rem; border: 0; background: var(--wb-primary); color: var(--wb-on-primary); font-weight: 750; cursor: pointer; }
.deck-copy-policy-controls button:disabled[b-wwgl8tbbgj] { cursor: not-allowed; opacity: 0.65; }
@media (max-width: 640px) { .deck-copy-policy-controls[b-wwgl8tbbgj] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Decks/DeckMetadataForm.razor.rz.scp.css */
.deck-metadata-form[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.deck-form-section[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-section-heading-group[b-k3lylv669x] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-section-heading[b-k3lylv669x] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-field[b-k3lylv669x],
.deck-fieldset[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-fieldset[b-k3lylv669x] {
    padding: 0;
    margin: 0;
    border: 0;
}

.deck-label-row[b-k3lylv669x] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.deck-label[b-k3lylv669x] {
    min-width: 0;
    color: var(--wb-text-secondary);
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-required-marker[b-k3lylv669x],
.deck-optional-marker[b-k3lylv669x] {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-required-marker[b-k3lylv669x] {
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.deck-optional-marker[b-k3lylv669x] {
    color: var(--wb-text-muted);
    background: var(--wb-surface-subtle);
}

.deck-metadata-form[b-k3lylv669x]  .deck-input,
.deck-metadata-form[b-k3lylv669x]  .deck-textarea,
.deck-metadata-form[b-k3lylv669x]  .deck-select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    box-sizing: border-box;
    font: inherit;
    line-height: 1.5;
}

.deck-metadata-form[b-k3lylv669x]  .deck-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 3rem;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--wb-text-muted) 50%),
        linear-gradient(135deg, var(--wb-text-muted) 50%, transparent 50%);
    background-position:
        calc(100% - 1.15rem) calc(50% - 0.125rem),
        calc(100% - 0.85rem) calc(50% - 0.125rem);
    background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
    background-repeat: no-repeat;
    cursor: pointer;
}

.deck-metadata-form[b-k3lylv669x]  .deck-select:hover:not(:disabled) {
    border-color: var(--wb-primary-border-strong);
}

.deck-metadata-form[b-k3lylv669x]  .deck-textarea {
    resize: vertical;
}

.deck-metadata-form[b-k3lylv669x]  .deck-textarea-short {
    min-height: 7rem;
}

.deck-metadata-form[b-k3lylv669x]  .deck-textarea-detailed {
    min-height: 11rem;
}

.deck-metadata-form[b-k3lylv669x]  .deck-input:disabled,
.deck-metadata-form[b-k3lylv669x]  .deck-textarea:disabled,
.deck-metadata-form[b-k3lylv669x]  .deck-select:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.deck-metadata-form[b-k3lylv669x]  .deck-input:focus-visible,
.deck-metadata-form[b-k3lylv669x]  .deck-textarea:focus-visible,
.deck-metadata-form[b-k3lylv669x]  .deck-select:focus-visible,
.deck-choice-card:focus-within[b-k3lylv669x],
.deck-secondary-button:focus-visible[b-k3lylv669x],
.deck-tag-remove:focus-visible[b-k3lylv669x] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-field-meta[b-k3lylv669x] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-hint[b-k3lylv669x],
.deck-character-count[b-k3lylv669x],
.deck-empty-tags[b-k3lylv669x] {
    margin: 0;
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-character-count[b-k3lylv669x] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.deck-field-error[b-k3lylv669x] {
    min-width: 0;
    color: var(--wb-danger);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-field-error[b-k3lylv669x]  .validation-message {
    margin: 0;
    color: inherit;
}

.deck-two-column-grid[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.deck-choice-grid[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.deck-direction-grid[b-k3lylv669x] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deck-choice-card[b-k3lylv669x] {
    display: flex;
    min-width: 0;
    min-height: 44px;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.75rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 11px;
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    font-weight: 650;
    line-height: 1.5;
    cursor: pointer;
}

.deck-choice-card:has(input:checked)[b-k3lylv669x] {
    border-color: var(--wb-primary-border-strong);
    background: var(--wb-primary-soft);
    color: var(--wb-primary-soft-text);
}

.deck-choice-card[b-k3lylv669x]  input {
    flex: 0 0 auto;
    margin: 0.25rem 0 0;
    accent-color: var(--wb-primary);
}

.deck-choice-card span[b-k3lylv669x] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.deck-tag-input-row[b-k3lylv669x] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: stretch;
    gap: 0.75rem;
}

.deck-secondary-button[b-k3lylv669x] {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 11px;
    background: var(--wb-surface);
    color: var(--wb-primary-hover);
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.deck-secondary-button:hover:not(:disabled)[b-k3lylv669x] {
    background: var(--wb-primary-soft);
}

.deck-secondary-button:disabled[b-k3lylv669x],
.deck-tag-remove:disabled[b-k3lylv669x] {
    cursor: not-allowed;
    opacity: 0.7;
}

.deck-tag-list[b-k3lylv669x] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.625rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.deck-tag-chip[b-k3lylv669x] {
    display: inline-flex;
    max-width: 100%;
    min-height: 44px;
    align-items: center;
    gap: 0.375rem;
    padding: 0.35rem 0.4rem 0.35rem 0.75rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 999px;
    background: var(--wb-primary-soft);
    color: var(--wb-primary-soft-text);
    box-sizing: border-box;
    line-height: 1.4;
}

.deck-tag-chip > span[b-k3lylv669x] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.deck-tag-remove[b-k3lylv669x] {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.deck-tag-remove:hover:not(:disabled)[b-k3lylv669x] {
    background: var(--wb-primary-tint);
}

@media (forced-colors: active) {
    .deck-metadata-form[b-k3lylv669x]  .deck-select {
        appearance: auto;
        -webkit-appearance: auto;
        padding-right: 0.875rem;
        background-image: none;
    }
}

@media (max-width: 640px) {
    .deck-two-column-grid[b-k3lylv669x],
    .deck-direction-grid[b-k3lylv669x] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .deck-form-section[b-k3lylv669x] {
        padding: 1rem;
    }

    .deck-choice-grid[b-k3lylv669x],
    .deck-tag-input-row[b-k3lylv669x] {
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-secondary-button[b-k3lylv669x] {
        width: 100%;
    }

    .deck-field-meta[b-k3lylv669x] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

@media (max-width: 359px) {
    .deck-form-section[b-k3lylv669x] {
        padding: 0.875rem;
        border-radius: 12px;
    }

    .deck-tag-chip[b-k3lylv669x] {
        width: 100%;
        border-radius: 12px;
    }

    .deck-tag-chip > span[b-k3lylv669x] {
        flex: 1 1 auto;
    }
}
/* /Components/Decks/DeckOperationFeedback.razor.rz.scp.css */
.deck-feedback[b-enl0covqct] {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    color: var(--wb-text);
    background: var(--wb-surface-subtle);
    border: 1px solid var(--wb-border-strong);
    border-radius: 12px;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.deck-feedback-success[b-enl0covqct] {
    color: var(--wb-success);
    background: var(--wb-success-bg);
    border-color: var(--wb-success);
}

.deck-feedback-information[b-enl0covqct] {
    color: var(--wb-primary-soft-text);
    background: var(--wb-primary-soft);
    border-color: var(--wb-primary-border-strong);
}

.deck-feedback-warning[b-enl0covqct] {
    color: var(--wb-warning);
    background: var(--wb-warning-bg);
    border-color: var(--wb-warning);
}

.deck-feedback-input-error[b-enl0covqct],
.deck-feedback-error[b-enl0covqct] {
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
    border-color: var(--wb-danger);
}

.deck-feedback-conflict[b-enl0covqct] {
    color: var(--wb-warning);
    background: var(--wb-warning-bg);
    border: 2px dashed var(--wb-warning);
}

.deck-feedback-icon[b-enl0covqct] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
}

.deck-feedback-content[b-enl0covqct] {
    display: grid;
    min-width: 0;
    gap: 8px;
    color: inherit;
}

.deck-feedback-title[b-enl0covqct],
.deck-feedback-message[b-enl0covqct],
.deck-feedback-messages[b-enl0covqct] {
    margin: 0;
    color: inherit;
}

.deck-feedback-title[b-enl0covqct] {
    font-size: 1rem;
    line-height: 1.5;
}

.deck-feedback-message[b-enl0covqct],
.deck-feedback-messages[b-enl0covqct] {
    line-height: 1.6;
}

.deck-feedback-messages[b-enl0covqct] {
    padding-inline-start: 1.25rem;
}

.deck-feedback-actions[b-enl0covqct] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
}

.deck-feedback-actions[b-enl0covqct]  button,
.deck-feedback-actions[b-enl0covqct]  a {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.deck-feedback-actions[b-enl0covqct]  button:focus-visible,
.deck-feedback-actions[b-enl0covqct]  a:focus-visible {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

@media (max-width: 359px) {
    .deck-feedback[b-enl0covqct] {
        grid-template-columns: minmax(0, 1fr);
        padding: 14px;
    }

    .deck-feedback-actions[b-enl0covqct] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-feedback-actions[b-enl0covqct]  button,
    .deck-feedback-actions[b-enl0covqct]  a {
        width: 100%;
    }
}
/* /Components/Decks/GeneratedDeckCover.razor.rz.scp.css */
.generated-deck-cover[b-9sb6tf03ty] {
    position: relative;
    display: grid;
    min-width: 0;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--wb-border-soft);
    background: linear-gradient(
        145deg,
        var(--wb-blue-soft),
        var(--wb-purple-soft));
    box-sizing: border-box;
    isolation: isolate;
}

.generated-deck-cover-compact[b-9sb6tf03ty] {
    width: 6.5rem;
    min-width: 6.5rem;
    aspect-ratio: 4 / 3;
    border-radius: 14px;
}

.generated-deck-cover-card-header[b-9sb6tf03ty] {
    width: 100%;
    min-height: 7.5rem;
    border-width: 0 0 1px;
    border-radius: 0;
}

.generated-deck-cover-decoration[b-9sb6tf03ty] {
    position: absolute;
    width: 3.8rem;
    height: 3.1rem;
    border: 2px solid var(--wb-surface-glass-soft);
    border-radius: 9px;
    box-sizing: border-box;
    box-shadow: var(--wb-shadow-sm);
}

.generated-deck-cover-compact .generated-deck-cover-decoration[b-9sb6tf03ty] {
    width: 58%;
    height: 68%;
}

.generated-deck-cover-decoration-back[b-9sb6tf03ty] {
    transform: translate(18%, -8%) rotate(8deg);
    background: var(--wb-blue-border);
}

.generated-deck-cover-decoration-middle[b-9sb6tf03ty] {
    transform: translate(5%, -2%) rotate(2deg);
    background: var(--wb-primary-border-strong);
}

.generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    transform: translate(-11%, 7%) rotate(-5deg);
    background: var(--wb-primary-tint);
}

.generated-deck-cover-card-header .generated-deck-cover-decoration[b-9sb6tf03ty] {
    width: 4.4rem;
    height: 3.1rem;
}

.generated-deck-cover-card-header .generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    width: 4.8rem;
    height: 3.4rem;
}

.generated-deck-cover-mark[b-9sb6tf03ty] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 1px solid var(--wb-border-soft);
    border-radius: 50%;
    background: var(--wb-surface-glass-strong);
    color: var(--wb-primary-soft-text);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1;
    box-shadow: var(--wb-shadow-sm);
}

.generated-deck-cover-card-header .generated-deck-cover-mark[b-9sb6tf03ty] {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.15rem;
}

.generated-deck-cover-2[b-9sb6tf03ty] {
    background: linear-gradient(
        145deg,
        var(--wb-primary-soft),
        var(--wb-blue-soft));
}

.generated-deck-cover-2 .generated-deck-cover-decoration-back[b-9sb6tf03ty] {
    background: var(--wb-primary-border-strong);
}

.generated-deck-cover-2 .generated-deck-cover-decoration-middle[b-9sb6tf03ty] {
    background: var(--wb-blue-border);
}

.generated-deck-cover-2 .generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    background: var(--wb-primary-tint);
}

.generated-deck-cover-3[b-9sb6tf03ty] {
    background: linear-gradient(
        145deg,
        var(--wb-blue-soft),
        var(--wb-purple-soft));
}

.generated-deck-cover-3 .generated-deck-cover-decoration-back[b-9sb6tf03ty] {
    background: var(--wb-blue-text);
}

.generated-deck-cover-3 .generated-deck-cover-decoration-middle[b-9sb6tf03ty] {
    background: var(--wb-purple-text);
}

.generated-deck-cover-3 .generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    background: var(--wb-blue-border);
}

.generated-deck-cover-4[b-9sb6tf03ty] {
    background: linear-gradient(
        145deg,
        var(--wb-purple-soft),
        var(--wb-blue-soft));
}

.generated-deck-cover-4 .generated-deck-cover-decoration-back[b-9sb6tf03ty] {
    background: var(--wb-purple-text);
}

.generated-deck-cover-4 .generated-deck-cover-decoration-middle[b-9sb6tf03ty] {
    background: var(--wb-primary-border-strong);
}

.generated-deck-cover-4 .generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    background: var(--wb-blue-border);
}

.generated-deck-cover-5[b-9sb6tf03ty] {
    background: linear-gradient(
        145deg,
        var(--wb-blue-soft),
        var(--wb-primary-soft));
}

.generated-deck-cover-5 .generated-deck-cover-decoration-back[b-9sb6tf03ty] {
    background: var(--wb-blue-text);
}

.generated-deck-cover-5 .generated-deck-cover-decoration-middle[b-9sb6tf03ty] {
    background: var(--wb-primary-border-strong);
}

.generated-deck-cover-5 .generated-deck-cover-decoration-front[b-9sb6tf03ty] {
    background: var(--wb-primary-tint);
}

@media (max-width: 480px) {
    .generated-deck-cover-compact[b-9sb6tf03ty] {
        width: 5.5rem;
        min-width: 5.5rem;
    }

    .generated-deck-cover-card-header[b-9sb6tf03ty] {
        min-height: 6.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .generated-deck-cover-decoration[b-9sb6tf03ty] {
        transition: none;
    }
}
/* /Components/Decks/PublishedDeckContent.razor.rz.scp.css */
.published-deck[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.published-deck-header[b-mvcesflqkw],
.published-deck-section[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.published-deck-title-group[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.published-deck-status[b-mvcesflqkw],
.published-deck-title[b-mvcesflqkw],
.published-deck-short-description[b-mvcesflqkw],
.published-deck-detailed-description[b-mvcesflqkw],
.published-deck-section h2[b-mvcesflqkw],
.published-deck-card-count[b-mvcesflqkw],
.published-deck-card-row dt[b-mvcesflqkw],
.published-deck-card-row dd[b-mvcesflqkw] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.published-deck-status[b-mvcesflqkw] {
    color: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.published-deck-title[b-mvcesflqkw] {
    color: var(--wb-text);
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.25;
}

.published-deck-short-description[b-mvcesflqkw],
.published-deck-detailed-description[b-mvcesflqkw] {
    color: var(--wb-text-muted);
    line-height: 1.7;
    white-space: pre-wrap;
}

.published-deck-summary[b-mvcesflqkw],
.published-deck-metadata[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.published-deck-metadata[b-mvcesflqkw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.published-deck-summary-item[b-mvcesflqkw],
.published-deck-metadata-item[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.875rem;
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.published-deck-summary-item dt[b-mvcesflqkw],
.published-deck-metadata-item dt[b-mvcesflqkw] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.published-deck-summary-item dd[b-mvcesflqkw],
.published-deck-metadata-item dd[b-mvcesflqkw] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-weight: 750;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.published-deck-section h2[b-mvcesflqkw] {
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
}

.published-deck-section-heading[b-mvcesflqkw] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.published-deck-card-count[b-mvcesflqkw] {
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
}

.published-deck-tags[b-mvcesflqkw] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.published-deck-tag[b-mvcesflqkw] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 999px;
    background: var(--wb-primary-soft);
    color: var(--wb-primary-strong);
    box-sizing: border-box;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.published-deck-card-list[b-mvcesflqkw] {
    min-width: 0;
}

.published-deck-card[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 0.875rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 14px;
    background: var(--wb-surface-subtle);
    box-sizing: border-box;
}

.published-deck-card-header[b-mvcesflqkw] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.published-deck-card-order[b-mvcesflqkw] {
    color: var(--wb-primary);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.published-deck-card-content[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.published-deck-card-row[b-mvcesflqkw] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-surface);
}

.published-deck-card-row dt[b-mvcesflqkw] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.published-deck-card-row dd[b-mvcesflqkw] {
    display: grid;
    gap: 0.625rem;
    color: var(--wb-text);
    line-height: 1.6;
    white-space: pre-wrap;
}

.published-deck-card-image[b-mvcesflqkw] {
    display: block;
    width: 100%;
    max-height: 18rem;
    border-radius: 9px;
    object-fit: contain;
    background: var(--wb-surface-subtle);
}

@media (max-width: 720px) {
    .published-deck-summary[b-mvcesflqkw],
    .published-deck-metadata[b-mvcesflqkw],
    .published-deck-card-content[b-mvcesflqkw] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .published-deck-header[b-mvcesflqkw],
    .published-deck-section[b-mvcesflqkw],
    .published-deck-card[b-mvcesflqkw] {
        padding: 1rem;
    }
}

@media (max-width: 359px) {
    .published-deck-header[b-mvcesflqkw],
    .published-deck-section[b-mvcesflqkw],
    .published-deck-card[b-mvcesflqkw] {
        padding: 0.875rem;
        border-radius: 12px;
    }
}

.published-deck-revision-request[b-mvcesflqkw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font-weight: 700;
    text-decoration: none;
}

.published-deck-revision-request:focus-visible[b-mvcesflqkw] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}
/* /Components/Decks/Virtualize.razor.rz.scp.css */
.deck-progressive-load-more[b-u7l70dfbrp] {
    display: flex;
    min-width: 0;
    justify-content: center;
    padding-top: 0.25rem;
}

.deck-progressive-load-more-button[b-u7l70dfbrp] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.deck-progressive-load-more-button:hover[b-u7l70dfbrp] {
    background: var(--wb-surface-hover);
}

.deck-progressive-load-more-button:focus-visible[b-u7l70dfbrp] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .deck-progressive-load-more-button[b-u7l70dfbrp] {
        width: 100%;
    }
}
/* /Components/Discovery/DeckSummaryCard.razor.rz.scp.css */
.deck-summary-card[b-rwgj55xxnv] {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    flex-direction: column;
    gap: 0.875rem;
    padding: 1.25rem;
    background: var(--wb-surface, #FFFFFF);
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 16px;
    box-shadow: var(--wb-card-shadow, 0 8px 24px rgba(91, 91, 214, 0.06));
    color: var(--wb-text, #0F172A);
}

.deck-summary-card-rank[b-rwgj55xxnv],
.deck-summary-card-title[b-rwgj55xxnv],
.deck-summary-card-description[b-rwgj55xxnv] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-summary-card-rank[b-rwgj55xxnv] {
    align-self: flex-start;
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    background: var(--wb-purple-soft, #F5EEFF);
    color: var(--wb-purple-text, #6D28D9);
    font-size: 0.8125rem;
    font-weight: 700;
}

.deck-summary-card-title[b-rwgj55xxnv] {
    color: var(--wb-text, #0F172A);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.45;
}

.deck-summary-card-description[b-rwgj55xxnv] {
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.9375rem;
    line-height: 1.65;
}

.deck-summary-card-classification[b-rwgj55xxnv],
.deck-summary-card-tags[b-rwgj55xxnv],
.deck-summary-card-metrics[b-rwgj55xxnv],
.deck-summary-card-metric[b-rwgj55xxnv] {
    min-width: 0;
}

.deck-summary-card-classification[b-rwgj55xxnv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.deck-summary-card-purpose[b-rwgj55xxnv],
.deck-summary-card-category[b-rwgj55xxnv],
.deck-summary-card-tag[b-rwgj55xxnv] {
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.deck-summary-card-purpose[b-rwgj55xxnv],
.deck-summary-card-category[b-rwgj55xxnv] {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
}

.deck-summary-card-purpose[b-rwgj55xxnv] {
    background: var(--wb-purple-soft, #F5EEFF);
    color: var(--wb-purple-text, #6D28D9);
}

.deck-summary-card-category[b-rwgj55xxnv] {
    background: var(--wb-blue-soft, #EAF4FF);
    color: var(--wb-blue-text, #2563EB);
}

.deck-summary-card-tags[b-rwgj55xxnv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.deck-summary-card-tag[b-rwgj55xxnv] {
    padding: 0.25rem 0.55rem;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 8px;
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text-muted, #475569);
    font-size: 0.78rem;
    line-height: 1.4;
}

.deck-summary-card-tag-overflow[b-rwgj55xxnv] {
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-subtle, #64748B);
    font-weight: 600;
}

.deck-summary-card-metrics[b-rwgj55xxnv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem 1rem;
    padding-top: 0.875rem;
    margin: 0;
    border-top: 1px solid var(--wb-border-subtle, #E2E8F0);
}

.deck-summary-card-metric[b-rwgj55xxnv] {
    display: flex;
    flex: 1 1 6.5rem;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.4rem;
}

.deck-summary-card-metric dt[b-rwgj55xxnv],
.deck-summary-card-metric dd[b-rwgj55xxnv] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-summary-card-metric dt[b-rwgj55xxnv] {
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.75rem;
}

.deck-summary-card-metric dd[b-rwgj55xxnv] {
    color: var(--wb-text-secondary, #334155);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.visually-hidden[b-rwgj55xxnv] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 359px) {
    .deck-summary-card[b-rwgj55xxnv] {
        gap: 0.75rem;
        padding: 1rem;
    }

    .deck-summary-card-metrics[b-rwgj55xxnv] {
        gap: 0.5rem 0.75rem;
    }
}
/* /Components/Discovery/PublishedDeckSearchCard.razor.rz.scp.css */
.published-deck-search-card[b-dvf8y5edjl] {
    display: grid;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 16px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease;
}

.published-deck-search-card:hover[b-dvf8y5edjl] {
    border-color: var(--wb-primary-border, #C7D2FE);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.09);
    transform: translateY(-2px);
}

.published-deck-search-card:focus-visible[b-dvf8y5edjl] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 3px;
}

.published-deck-search-card-body[b-dvf8y5edjl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.875rem;
    padding: 1.125rem;
}

.published-deck-search-card-heading[b-dvf8y5edjl] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.published-deck-search-card-title[b-dvf8y5edjl],
.published-deck-search-card-description[b-dvf8y5edjl],
.published-deck-search-card-card-count[b-dvf8y5edjl] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.published-deck-search-card-title[b-dvf8y5edjl] {
    color: var(--wb-text, #0F172A);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.45;
}

.published-deck-search-card-arrow[b-dvf8y5edjl] {
    flex: 0 0 auto;
    color: var(--wb-primary, #4F46E5);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

.published-deck-search-card-description[b-dvf8y5edjl] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.9rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.published-deck-search-card-card-count[b-dvf8y5edjl] {
    color: var(--wb-text-muted, #475569);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
}

.published-deck-search-card-classification[b-dvf8y5edjl],
.published-deck-search-card-tags[b-dvf8y5edjl] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.published-deck-search-card-purpose[b-dvf8y5edjl],
.published-deck-search-card-category[b-dvf8y5edjl],
.published-deck-search-card-tag[b-dvf8y5edjl] {
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.published-deck-search-card-purpose[b-dvf8y5edjl],
.published-deck-search-card-category[b-dvf8y5edjl] {
    padding: 0.28rem 0.6rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
}

.published-deck-search-card-purpose[b-dvf8y5edjl] {
    border-color: var(--wb-purple-border, #DDD6FE);
    background: var(--wb-purple-soft, #F5EEFF);
    color: var(--wb-purple-text, #6D28D9);
}

.published-deck-search-card-category[b-dvf8y5edjl] {
    border-color: var(--wb-blue-border, #BFDBFE);
    background: var(--wb-blue-soft, #EAF4FF);
    color: var(--wb-blue-text, #1D4ED8);
}

.published-deck-search-card-tags[b-dvf8y5edjl] {
    padding: 0;
    margin: auto 0 0;
    list-style: none;
}

.published-deck-search-card-tag[b-dvf8y5edjl] {
    padding: 0.22rem 0.5rem;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 7px;
    background: var(--wb-surface-subtle, #F8FAFC);
    color: var(--wb-text-muted, #475569);
    font-size: 0.75rem;
    line-height: 1.4;
}

.published-deck-search-card-tag-overflow[b-dvf8y5edjl] {
    color: var(--wb-text-subtle, #64748B);
    font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
    .published-deck-search-card[b-dvf8y5edjl] {
        transition: none;
    }

    .published-deck-search-card:hover[b-dvf8y5edjl] {
        transform: none;
    }
}

@media (max-width: 359px) {
    .published-deck-search-card-body[b-dvf8y5edjl] {
        padding: 1rem;
    }
}
/* /Components/Following/AuthorFollowPanel.razor.rz.scp.css */
.author-follow-panel[b-q2y9vx4498] {
    display: grid;
    min-width: 0;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.author-follow-heading[b-q2y9vx4498] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.author-follow-label[b-q2y9vx4498] {
    color: var(--wb-text-secondary);
    font-weight: 700;
}

.author-follow-profile[b-q2y9vx4498] {
    min-width: 0;
    color: var(--wb-primary);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.author-follow-profile:focus-visible[b-q2y9vx4498],
.author-follow-primary:focus-visible[b-q2y9vx4498],
.author-follow-danger:focus-visible[b-q2y9vx4498],
.author-follow-setting:focus-within[b-q2y9vx4498] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.author-follow-feedback[b-q2y9vx4498],
.author-follow-progress[b-q2y9vx4498] {
    margin: 0;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-bg);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.author-follow-feedback-error[b-q2y9vx4498] {
    border: 1px solid var(--wb-danger);
    color: var(--wb-danger);
}

.author-follow-setting[b-q2y9vx4498] {
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 0.65rem;
    padding: 0.4rem 0.6rem;
    border-radius: 10px;
    color: var(--wb-text);
    cursor: pointer;
}

.author-follow-setting input[b-q2y9vx4498] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    accent-color: var(--wb-primary);
}

.author-follow-setting span[b-q2y9vx4498] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.author-follow-primary[b-q2y9vx4498],
.author-follow-danger[b-q2y9vx4498] {
    display: inline-flex;
    width: fit-content;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.author-follow-primary[b-q2y9vx4498] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.author-follow-danger[b-q2y9vx4498] {
    border: 1px solid var(--wb-danger);
    background: transparent;
    color: var(--wb-danger);
}

.author-follow-primary:disabled[b-q2y9vx4498],
.author-follow-danger:disabled[b-q2y9vx4498],
.author-follow-setting:has(input:disabled)[b-q2y9vx4498] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 480px) {
    .author-follow-primary[b-q2y9vx4498],
    .author-follow-danger[b-q2y9vx4498],
    .author-follow-setting[b-q2y9vx4498] {
        width: 100%;
    }
}
/* /Components/Layout/AppHeader.razor.rz.scp.css */
.app-header[b-nb8ywjvmmf] {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: auto minmax(12rem, 36rem) auto;
    min-height: var(--app-header-height);
    align-items: center;
    gap: 20px;
    padding: 0 28px;
    border-bottom: 1px solid var(--wb-border-subtle, #E2E8F0);
    background: var(--wb-ui-header-background, var(--wb-surface-glass, rgba(255, 255, 255, 0.94)));
    box-shadow: var(--wb-ui-header-shadow, none);
    backdrop-filter: var(--wb-ui-header-backdrop-filter, blur(12px));
    box-sizing: border-box;
    z-index: 70;
}

.app-header-leading[b-nb8ywjvmmf],
.app-header-actions[b-nb8ywjvmmf] {
    display: flex;
    min-width: 0;
    align-items: center;
}

.app-header-leading[b-nb8ywjvmmf] {
    gap: 16px;
}

.app-header-actions[b-nb8ywjvmmf] {
    justify-content: flex-end;
    gap: 8px;
}

.app-header-search[b-nb8ywjvmmf] {
    min-width: 0;
    display: flex;
    justify-content: center;
}

.app-navigation-toggle[b-nb8ywjvmmf] {
    display: inline-flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 12px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
    cursor: pointer;
}

.app-navigation-toggle span[b-nb8ywjvmmf] {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.app-navigation-toggle:focus-visible[b-nb8ywjvmmf],
.app-user-button:focus-visible[b-nb8ywjvmmf] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.app-header-brand[b-nb8ywjvmmf] {
    display: flex;
    min-width: 0;
    align-items: center;
}

.app-user-button[b-nb8ywjvmmf] {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 50%;
    background: var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
    text-decoration: none;
}

.app-user-avatar[b-nb8ywjvmmf] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--wb-avatar-gradient, linear-gradient(135deg, #BFDBFE, #DDD6FE));
}

@media (max-width: 980px) {
    .app-header[b-nb8ywjvmmf] {
        grid-template-columns: auto minmax(10rem, 1fr) auto;
        gap: 12px;
        padding-inline: 16px;
    }
}

@media (max-width: 767px) {
    .app-header[b-nb8ywjvmmf] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: 44px 44px;
        min-height: var(--app-header-height);
        align-content: center;
        gap: 8px 10px;
        padding: 8px 12px;
    }

    .app-header-leading[b-nb8ywjvmmf] {
        grid-column: 1;
        grid-row: 1;
    }

    .app-header-actions[b-nb8ywjvmmf] {
        grid-column: 2;
        grid-row: 1;
    }

    .app-header-search[b-nb8ywjvmmf] {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
    }
}

@media (max-width: 359px) {
    .app-header[b-nb8ywjvmmf] {
        gap: 8px 6px;
        padding-inline: 8px;
    }

    .app-header-leading[b-nb8ywjvmmf] {
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-navigation-toggle span[b-nb8ywjvmmf] {
        transition: none;
    }
}
/* /Components/Layout/AppSidebar.razor.rz.scp.css */
.app-sidebar[b-jnpdrp12fh] {
    position: fixed;
    inset: var(--app-header-height) auto 0 0;
    width: var(--app-sidebar-width);
    padding: 18px 14px 24px;
    overflow-y: auto;
    border-right: 1px solid var(--wb-border-subtle, #E2E8F0);
    background: var(--wb-surface, #FFFFFF);
    box-shadow: var(--wb-ui-sidebar-shadow, none);
    box-sizing: border-box;
    transform: translateX(0);
    transition: transform var(--app-navigation-motion-duration, 0.22s) var(--app-navigation-motion-easing, ease);
    z-index: 50;
}

html[data-navigation-desktop-open="false"] .app-sidebar[b-jnpdrp12fh] {
    transform: translateX(-100%);
}

.app-sidebar-nav[b-jnpdrp12fh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.app-nav-section[b-jnpdrp12fh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--wb-border-subtle, #E2E8F0);
}

.app-nav-section-label[b-jnpdrp12fh] {
    margin: 0;
    padding: 0 12px 5px;
    color: var(--wb-text-muted, #475569);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

[b-jnpdrp12fh] .app-nav-item {
    display: flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-radius: 12px;
    color: var(--wb-text-subtle, #64748B);
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-jnpdrp12fh] .app-nav-item:hover {
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
}

[b-jnpdrp12fh] .app-nav-item:focus-visible {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

[b-jnpdrp12fh] .app-nav-item-active {
    background: var(--wb-blue-soft, #EAF4FF);
    color: var(--wb-blue-text, #2563EB);
}

.app-nav-label[b-jnpdrp12fh] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.navigation-icon[b-jnpdrp12fh] {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: currentColor;
    -webkit-mask-image: var(--navigation-icon-mask);
    mask-image: var(--navigation-icon-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
}

.navigation-icon-home[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M3%2010.5%2012%203l9%207.5V21h-6v-6H9v6H3V10.5Z%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-history[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%205.5A2.5%202.5%200%200%201%206.5%203H20v16H6.5A2.5%202.5%200%200%200%204%2021.5v-16Z%22%2F%3E%3Cpath%20d%3D%22M4%2018.5A2.5%202.5%200%200%201%206.5%2016H20%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-library[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%205h16v14H4zM4%209h16M9%205v14%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-search[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m15.5%2015.5%205%205%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-add[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-csv[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%204h16v16H4zM4%209h16M9%204v16%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-invite[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M16%2011h6%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-proposal[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%204h16v16H4zM8%209h8M8%2013h5%22%2F%3E%3Cpath%20d%3D%22m14%2017%202%202%204-5%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-sent[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M3%2011.5%2021%203l-5.5%2018-4-7-8.5-2.5Z%22%2F%3E%3Cpath%20d%3D%22m11.5%2014%204-4%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-received[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%205h16v14H4zM4%208l8%206%208-6%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-announcement[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%2013V6l16-3v14l-16-3v-1ZM8%2014v6h4v-5%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-settings[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M4.9%204.9%207%207M17%2017l2.1%202.1M2%2012h3M19%2012h3M4.9%2019.1%207%2017M17%207l2.1-2.1%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-help[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9.8%209a2.4%202.4%200%201%201%203.8%202c-1%20.7-1.6%201.2-1.6%202.5M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-contact[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%205h16v14H4zM4%208l8%206%208-6%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-admin[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M12%203%204%206v6c0%204.8%203.2%207.5%208%209%204.8-1.5%208-4.2%208-9V6l-8-3Z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
}

.navigation-icon-login[b-jnpdrp12fh] {
    --navigation-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M10%2017l5-5-5-5M15%2012H3M14%203h7v18h-7%22%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 767px) {
    .app-sidebar[b-jnpdrp12fh] {
        width: min(86vw, 320px);
        transform: translateX(-100%);
        box-shadow: var(--wb-shadow-lg, 0 20px 35px rgba(15, 23, 42, 0.16));
        z-index: 60;
    }

    .app-shell[data-navigation-mobile-open="true"] .app-sidebar[b-jnpdrp12fh] {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-sidebar[b-jnpdrp12fh] {
        transition: none;
    }

    [b-jnpdrp12fh] .app-nav-item {
        transition: none;
    }
}
/* /Components/Layout/HeaderSearch.razor.rz.scp.css */
.header-search[b-63ojd23c95] {
    position: relative;
    display: flex;
    width: min(100%, 36rem);
    min-width: 12rem;
    align-items: center;
}

.header-search-label[b-63ojd23c95] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.header-search-input[b-63ojd23c95] {
    width: 100%;
    min-height: 44px;
    padding: 0 3rem 0 1rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    border-radius: 12px;
    background: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

.header-search-input[b-63ojd23c95]::placeholder {
    color: var(--wb-text-subtle, #64748B);
}

.header-search-input:focus-visible[b-63ojd23c95] {
    border-color: var(--wb-focus-border, #93C5FD);
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 1px;
}

.header-search-button[b-63ojd23c95] {
    position: absolute;
    right: 4px;
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--wb-text-muted, #475569);
    cursor: pointer;
}

.header-search-button:hover[b-63ojd23c95] {
    background: var(--wb-primary-soft, #EEF2FF);
    color: var(--wb-primary-soft-text, #3730A3);
}

.header-search-button:focus-visible[b-63ojd23c95] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 1px;
}

.header-search-button svg[b-63ojd23c95] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.header-search-error[b-63ojd23c95] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--wb-danger-bg, #FEF2F2);
    color: var(--wb-danger, #B91C1C);
    font-size: 0.75rem;
    z-index: 90;
}

@media (max-width: 767px) {
    .header-search[b-63ojd23c95] {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
}
/* /Components/Layout/LanguageSelector.razor.rz.scp.css */
.language-selector[b-v9b49mrj2b] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.language-selector[b-v9b49mrj2b]::after {
    content: "";
    position: absolute;
    right: 0.9rem;
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid var(--wb-text-subtle, #64748B);
    border-bottom: 2px solid var(--wb-text-subtle, #64748B);
    pointer-events: none;
    transform: translateY(-20%) rotate(45deg);
}

.language-selector-label[b-v9b49mrj2b] {
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.language-selector-select[b-v9b49mrj2b] {
    width: 15.5rem;
    min-height: 44px;
    padding: 0 2.5rem 0 0.75rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    appearance: none;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: var(--wb-input-bg, #FFFFFF);
    background-image: none;
    color: var(--wb-text-muted, #475569);
    color-scheme: inherit;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.language-selector-select:hover[b-v9b49mrj2b] {
    background-color: var(--wb-surface-hover, #F8FAFF);
    border-color: var(--wb-blue-border, #BFDBFE);
}

.language-selector-select:focus[b-v9b49mrj2b],
.language-selector-select:focus-visible[b-v9b49mrj2b] {
    background-color: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
    border-color: var(--wb-focus-border, #93C5FD);
}

.language-selector-select:focus-visible[b-v9b49mrj2b] {
    outline: 2px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.language-selector-select option[b-v9b49mrj2b] {
    background-color: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

@media (max-width: 767px) {
    .language-selector-label[b-v9b49mrj2b] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .language-selector-select[b-v9b49mrj2b] {
        width: 14.5rem;
    }
}

@media (max-width: 479px) {
    .language-selector[b-v9b49mrj2b] {
        width: 100%;
        justify-content: flex-end;
    }

    .language-selector-label[b-v9b49mrj2b] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: nowrap;
    }

    .language-selector-select[b-v9b49mrj2b] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-lttpm06873] {
    --app-sidebar-width: 248px;
    --app-header-height: 68px;
    --app-navigation-motion-duration: 0.22s;
    --app-navigation-motion-easing: ease;
    min-height: 100dvh;
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
}

.app-workspace[b-lttpm06873] {
    min-height: calc(100dvh - var(--app-header-height));
}

.app-main[b-lttpm06873] {
    min-height: calc(100dvh - var(--app-header-height));
    margin-left: var(--app-sidebar-width);
    transition: margin-left var(--app-navigation-motion-duration) var(--app-navigation-motion-easing);
}

html[data-navigation-desktop-open="false"] .app-main[b-lttpm06873] {
    margin-left: 0;
}

.app-navigation-backdrop[b-lttpm06873] {
    display: none;
}

.app-content[b-lttpm06873] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 32px;
    box-sizing: border-box;
    transition: max-width var(--app-navigation-motion-duration) var(--app-navigation-motion-easing);
}

/* 2026.09.25 変更 左メニュー開閉と中央幅再配分のアニメーション同期対応 */
/* 2026.09.25 変更 デスクトップの左・中央スクロール領域分離対応 */
@media (min-width: 768px) {
    .app-shell[b-lttpm06873] {
        height: 100dvh;
        overflow: hidden;
    }

    .app-workspace[b-lttpm06873] {
        height: calc(100dvh - var(--app-header-height));
        min-height: 0;
        overflow: hidden;
    }

    .app-main[b-lttpm06873] {
        height: 100%;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
    }

    html[data-navigation-desktop-open="false"] .app-content[b-lttpm06873] {
        max-width: calc(1680px + var(--app-sidebar-width));
    }
}
#blazor-error-ui[b-lttpm06873] {
    color-scheme: inherit;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 0.6rem 1.25rem 0.7rem;
    box-sizing: border-box;
    background: var(--wb-warning-bg, #FFFBEB);
    color: var(--wb-warning, #92400E);
    box-shadow: var(--wb-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.08));
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-lttpm06873] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    cursor: pointer;
}

@media (max-width: 767px) {
    .app-shell[b-lttpm06873] {
        --app-header-height: 112px;
    }

    .app-main[b-lttpm06873],
    html[data-navigation-desktop-open="false"] .app-main[b-lttpm06873] {
        margin-left: 0;
    }

    .app-navigation-backdrop[b-lttpm06873] {
        position: fixed;
        inset: var(--app-header-height) 0 0;
        display: block;
        background: rgba(15, 23, 42, 0.38);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.22s ease;
        z-index: 55;
    }

    .app-shell[data-navigation-mobile-open="true"] .app-navigation-backdrop[b-lttpm06873] {
        opacity: 1;
        pointer-events: auto;
    }

    .app-content[b-lttpm06873] {
        padding: 20px 16px;
    }
}

@media (max-width: 359px) {
    .app-content[b-lttpm06873] {
        padding-inline: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-main[b-lttpm06873],
    .app-content[b-lttpm06873],
    .app-navigation-backdrop[b-lttpm06873] {
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-cs2nv4159w],
.components-reconnect-repeated-attempt-visible[b-cs2nv4159w],
.components-reconnect-failed-visible[b-cs2nv4159w],
.components-pause-visible[b-cs2nv4159w],
.components-resume-failed-visible[b-cs2nv4159w],
.components-rejoining-animation[b-cs2nv4159w] {
    display: none;
}

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


#components-reconnect-modal[b-cs2nv4159w] {
    background-color: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--wb-shadow-md, 0 10px 30px rgba(15, 23, 42, 0.10));
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-cs2nv4159w 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-cs2nv4159w]::backdrop {
    background-color: var(--wb-overlay, rgba(15, 23, 42, 0.45));
    animation: components-reconnect-modal-fadeInOpacity-b-cs2nv4159w 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-cs2nv4159w] {
    border: 0;
    background-color: var(--wb-primary, #4F46E5);
    color: var(--wb-on-primary, #FFFFFF);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-cs2nv4159w] {
        background-color: var(--wb-primary-hover, #4338CA);
    }

    #components-reconnect-modal button:active[b-cs2nv4159w] {
        background-color: var(--wb-primary, #4F46E5);
    }

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.app-user-menu[b-qnpbeij4sy] {
    position: relative;
    min-width: 0;
    flex: 0 1 auto;
}

.app-user-button[b-qnpbeij4sy] {
    display: inline-flex;
    min-width: 44px;
    max-width: min(240px, 32vw);
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px 0 7px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 999px;
    background: var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
    color: var(--wb-text, #0F172A);
    cursor: pointer;
}

.app-user-button:focus-visible[b-qnpbeij4sy],
.app-user-menu-item:focus-visible[b-qnpbeij4sy] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.app-user-avatar[b-qnpbeij4sy] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--wb-avatar-gradient, linear-gradient(135deg, #BFDBFE, #DDD6FE));
    color: var(--wb-text, #0F172A);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
}

.app-user-name[b-qnpbeij4sy] {
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-user-menu-panel[b-qnpbeij4sy] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(280px, calc(100vw - 24px));
    padding: 8px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 12px);
    background: var(--wb-surface, #FFFFFF);
    box-shadow: var(--wb-shadow-lg, 0 18px 40px rgba(15, 23, 42, 0.16));
    box-sizing: border-box;
    z-index: 122;
}

.app-user-menu-panel[hidden][b-qnpbeij4sy],
.app-user-menu-backdrop[hidden][b-qnpbeij4sy] {
    display: none;
}

.app-user-menu-item[b-qnpbeij4sy] {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    padding: 10px 12px;
    border: 0;
    border-radius: var(--wb-ui-link-radius, 10px);
    background: transparent;
    color: var(--wb-text, #0F172A);
    box-sizing: border-box;
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.app-user-menu-item:hover[b-qnpbeij4sy] {
    background: var(--wb-bg, #F8FAFC);
}

.app-user-menu-separator[b-qnpbeij4sy] {
    height: 1px;
    margin: 8px 4px;
    background: var(--wb-border-subtle, #E2E8F0);
}

.app-user-menu-logout[b-qnpbeij4sy] {
    margin: 0;
}

.app-user-menu-logout-button[b-qnpbeij4sy] {
    color: var(--wb-danger, #B91C1C);
}

.app-user-menu-backdrop[b-qnpbeij4sy] {
    display: none;
}

@media (max-width: 767px) {
    .app-user-button[b-qnpbeij4sy] {
        position: relative;
        width: 44px;
        height: 44px;
        max-width: 44px;
        min-height: 44px;
        gap: 0;
        padding: 0;
        border-radius: 50%;
        z-index: 122;
    }

    .app-user-name[b-qnpbeij4sy] {
        display: none;
    }

    .app-user-menu-backdrop[b-qnpbeij4sy] {
        position: fixed;
        inset: 0;
        display: block;
        background: rgba(15, 23, 42, 0.36);
        z-index: 120;
    }

    .app-user-menu-panel[b-qnpbeij4sy] {
        position: fixed;
        top: auto;
        right: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        left: 12px;
        width: auto;
        max-height: min(70dvh, 520px);
        overflow-y: auto;
        padding: 12px;
        border-radius: 18px;
        z-index: 121;
    }
}

@media (max-width: 479px) {
    .app-user-menu[b-qnpbeij4sy] {
        max-width: 100%;
    }
}
/* /Components/Library/DeckLibraryActions.razor.rz.scp.css */
.deck-library-actions[b-73jvmaw35k] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.deck-library-actions-copy[b-73jvmaw35k] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-library-actions h2[b-73jvmaw35k],
.deck-library-actions p[b-73jvmaw35k] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-library-actions h2[b-73jvmaw35k] {
    color: var(--wb-text);
    font-size: 1.15rem;
}

.deck-library-actions p[b-73jvmaw35k] {
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.deck-library-actions-status[b-73jvmaw35k] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.4rem;
    color: var(--wb-success) !important;
    font-weight: 800;
}

.deck-library-actions-feedback[b-73jvmaw35k],
.deck-library-actions-progress[b-73jvmaw35k] {
    padding: 0.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-bg);
}

.deck-library-actions-feedback-error[b-73jvmaw35k] {
    border-color: var(--wb-danger);
    color: var(--wb-danger) !important;
}

.deck-library-actions-buttons[b-73jvmaw35k] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-library-actions-primary[b-73jvmaw35k],
.deck-library-actions-secondary[b-73jvmaw35k],
.deck-library-actions-danger[b-73jvmaw35k] {
    display: inline-flex;
    width: fit-content;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1.1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.deck-library-actions-primary[b-73jvmaw35k] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-library-actions-secondary[b-73jvmaw35k] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-library-actions-danger[b-73jvmaw35k] {
    border: 1px solid var(--wb-danger);
    background: transparent;
    color: var(--wb-danger);
}

.deck-library-actions-primary:focus-visible[b-73jvmaw35k],
.deck-library-actions-secondary:focus-visible[b-73jvmaw35k],
.deck-library-actions-danger:focus-visible[b-73jvmaw35k] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-library-actions-primary:disabled[b-73jvmaw35k],
.deck-library-actions-secondary:disabled[b-73jvmaw35k],
.deck-library-actions-danger:disabled[b-73jvmaw35k] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 640px) {
    .deck-library-actions-buttons[b-73jvmaw35k] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-library-actions-primary[b-73jvmaw35k],
    .deck-library-actions-secondary[b-73jvmaw35k],
    .deck-library-actions-danger[b-73jvmaw35k] {
        width: 100%;
    }
}
/* /Components/Notifications/NotificationNavLink.razor.rz.scp.css */
.notification-nav-link[b-c0uj0ocdvb] {
    min-width: 0;
    justify-content: space-between;
    gap: 0.4rem;
}

.notification-nav-label[b-c0uj0ocdvb] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-nav-badge[b-c0uj0ocdvb] {
    display: inline-flex;
    min-width: 1.5rem;
    min-height: 1.5rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    background: var(--wb-danger, #B91C1C);
    color: var(--wb-on-danger, var(--wb-on-primary, #FFFFFF));
    box-sizing: border-box;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.notification-header-link[b-c0uj0ocdvb] {
    position: relative;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 12px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-secondary, #334155);
    text-decoration: none;
}

.notification-header-link:hover[b-c0uj0ocdvb],
.notification-header-link-active[b-c0uj0ocdvb] {
    background: var(--wb-primary-soft, #EEF2FF);
    color: var(--wb-primary-soft-text, #3730A3);
}

.notification-header-link:focus-visible[b-c0uj0ocdvb] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.notification-header-icon[b-c0uj0ocdvb] {
    --notification-header-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9ZM10%2021h4%22%2F%3E%3C%2Fsvg%3E");
    display: block;
    width: 21px;
    height: 21px;
    background-color: currentColor;
    -webkit-mask-image: var(--notification-header-icon-mask);
    mask-image: var(--notification-header-icon-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 21px 21px;
    mask-size: 21px 21px;
}

.notification-header-link .notification-nav-badge[b-c0uj0ocdvb] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 1.25rem;
    min-height: 1.25rem;
    padding: 0.1rem 0.25rem;
    border: 2px solid var(--wb-surface, #FFFFFF);
    font-size: 0.62rem;
}

.notification-header-label[b-c0uj0ocdvb] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/AchievementIndex.razor.rz.scp.css */
.achievement-page[b-bfc09m3ihm] {
    display: grid;
    width: min(100%, 1120px);
    min-width: 0;
    gap: 20px;
    margin: 0 auto;
}

.achievement-page-header[b-bfc09m3ihm],
.achievement-page-content[b-bfc09m3ihm] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 12px);
    background: var(--wb-surface, #FFFFFF);
}

.achievement-page-header[b-bfc09m3ihm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.achievement-page-header > div[b-bfc09m3ihm] {
    min-width: 0;
}

.achievement-page-header h1[b-bfc09m3ihm],
.achievement-page-header p[b-bfc09m3ihm],
.achievement-page-state p[b-bfc09m3ihm] {
    margin: 0;
}

.achievement-page-header p[b-bfc09m3ihm] {
    margin-top: 6px;
    color: var(--wb-text-subtle, #64748B);
}

.achievement-page-back[b-bfc09m3ihm],
.achievement-page-retry[b-bfc09m3ihm] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-link, #2563EB);
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.achievement-page-retry[b-bfc09m3ihm] {
    cursor: pointer;
}

.achievement-page-back:focus-visible[b-bfc09m3ihm],
.achievement-page-retry:focus-visible[b-bfc09m3ihm] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.achievement-page-state[b-bfc09m3ihm] {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.achievement-page-state-error[b-bfc09m3ihm] {
    color: var(--wb-danger, #B91C1C);
}

@media (max-width: 640px) {
    .achievement-page[b-bfc09m3ihm] {
        gap: 16px;
    }

    .achievement-page-header[b-bfc09m3ihm],
    .achievement-page-content[b-bfc09m3ihm] {
        padding: 18px;
    }

    .achievement-page-header[b-bfc09m3ihm],
    .achievement-page-state[b-bfc09m3ihm] {
        align-items: stretch;
        flex-direction: column;
    }

    .achievement-page-back[b-bfc09m3ihm],
    .achievement-page-retry[b-bfc09m3ihm] {
        width: 100%;
    }
}
/* /Components/Pages/Announcements/Index.razor.rz.scp.css */
.announcements-page[b-t7pi37daq5] {
    display: grid;
    min-width: 0;
    max-width: 72rem;
    gap: 1.25rem;
    margin: 0 auto;
}

.announcements-header[b-t7pi37daq5] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.announcements-header h1[b-t7pi37daq5],
.announcements-header p[b-t7pi37daq5] {
    margin: 0;
}

.announcements-header p[b-t7pi37daq5] {
    margin-top: 0.45rem;
    color: var(--wb-text-secondary);
}

.announcements-feedback[b-t7pi37daq5],
.announcements-state[b-t7pi37daq5] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.announcements-feedback-error[b-t7pi37daq5] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.announcements-list[b-t7pi37daq5] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.announcement-card[b-t7pi37daq5] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.15rem;
    border: 1px solid var(--wb-border);
    border-radius: 16px;
    background: var(--wb-surface);
}

.announcement-card-important[b-t7pi37daq5] {
    border-inline-start: 5px solid var(--wb-warning);
}

.announcement-card-emergency[b-t7pi37daq5] {
    border: 2px solid var(--wb-danger);
    background: var(--wb-danger-soft, var(--wb-surface));
}

.announcement-card-header[b-t7pi37daq5] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.announcement-card-header h2[b-t7pi37daq5] {
    min-width: 0;
    margin: 0.6rem 0 0;
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.announcement-badge-row[b-t7pi37daq5],
.announcement-actions[b-t7pi37daq5] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.announcement-severity[b-t7pi37daq5],
.announcement-action-badge[b-t7pi37daq5],
.announcement-completion[b-t7pi37daq5] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.6rem;
    border: 1px solid var(--wb-border);
    border-radius: 999px;
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
}

.announcement-severity-important[b-t7pi37daq5] {
    border-color: var(--wb-warning);
    color: var(--wb-warning);
}

.announcement-severity-emergency[b-t7pi37daq5] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.announcement-completion[b-t7pi37daq5] {
    border-color: var(--wb-warning);
    color: var(--wb-warning);
}

.announcement-completion-complete[b-t7pi37daq5] {
    border-color: var(--wb-success);
    color: var(--wb-success);
}

.announcement-body[b-t7pi37daq5] {
    margin: 0;
    color: var(--wb-text);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.announcement-definition-list[b-t7pi37daq5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.8rem;
    margin: 0;
}

.announcement-definition-list div[b-t7pi37daq5] {
    min-width: 0;
}

.announcement-definition-list dt[b-t7pi37daq5] {
    color: var(--wb-text-secondary);
    font-size: 0.8rem;
    font-weight: 800;
}

.announcement-definition-list dd[b-t7pi37daq5] {
    margin: 0.25rem 0 0;
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.announcements-primary-button[b-t7pi37daq5],
.announcements-secondary-button[b-t7pi37daq5] {
    display: inline-flex;
    min-width: 8rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.announcements-primary-button[b-t7pi37daq5] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary, #fff);
}

.announcements-secondary-button[b-t7pi37daq5] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text);
}

.announcements-primary-button:focus-visible[b-t7pi37daq5],
.announcements-secondary-button:focus-visible[b-t7pi37daq5] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.announcements-primary-button:disabled[b-t7pi37daq5],
.announcements-secondary-button:disabled[b-t7pi37daq5] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 640px) {
    .announcements-header[b-t7pi37daq5],
    .announcement-card-header[b-t7pi37daq5] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .announcements-primary-button[b-t7pi37daq5],
    .announcements-secondary-button[b-t7pi37daq5] {
        width: 100%;
    }
}
/* /Components/Pages/Announcements/Manage.razor.rz.scp.css */
.announcement-management-page[b-4per96r5y2] {
    display: grid;
    min-width: 0;
    max-width: 78rem;
    gap: 1.25rem;
    margin: 0 auto;
}

.announcement-management-header[b-4per96r5y2] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.announcement-management-header h1[b-4per96r5y2],
.announcement-management-header p[b-4per96r5y2],
.announcement-management-panel h2[b-4per96r5y2],
.announcement-management-card h3[b-4per96r5y2],
.announcement-management-card p[b-4per96r5y2] {
    margin: 0;
}

.announcement-management-header p[b-4per96r5y2],
.announcement-management-panel > p[b-4per96r5y2] {
    margin-top: 0.45rem;
    color: var(--wb-text-secondary);
}

.announcement-management-feedback[b-4per96r5y2],
.announcement-management-state[b-4per96r5y2],
.announcement-management-panel[b-4per96r5y2] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.announcement-management-feedback-error[b-4per96r5y2] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.announcement-management-panel[b-4per96r5y2] {
    display: grid;
    gap: 1rem;
}

.announcement-form-grid[b-4per96r5y2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.announcement-form-grid label[b-4per96r5y2] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    color: var(--wb-text);
    font-weight: 800;
}

.announcement-form-grid input[b-4per96r5y2],
.announcement-form-grid select[b-4per96r5y2],
.announcement-form-grid textarea[b-4per96r5y2] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 9px;
    background: var(--wb-surface);
    color: var(--wb-text);
    box-sizing: border-box;
    font: inherit;
}

.announcement-form-grid textarea[b-4per96r5y2] {
    min-height: 9rem;
    resize: vertical;
}

.announcement-form-grid small[b-4per96r5y2] {
    color: var(--wb-text-secondary);
    font-weight: 400;
}

.announcement-form-wide[b-4per96r5y2] {
    grid-column: 1 / -1;
}

.announcement-management-list[b-4per96r5y2] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.announcement-management-card[b-4per96r5y2] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 13px;
    background: var(--wb-surface);
}

.announcement-management-card > header[b-4per96r5y2] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.announcement-management-card h3[b-4per96r5y2],
.announcement-management-card p[b-4per96r5y2] {
    overflow-wrap: anywhere;
}

.announcement-management-card p[b-4per96r5y2] {
    margin-top: 0.35rem;
    color: var(--wb-text-secondary);
    font-size: 0.85rem;
}

.announcement-management-status[b-4per96r5y2] {
    display: inline-flex;
    width: fit-content;
    min-height: 1.75rem;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border: 1px solid var(--wb-warning);
    border-radius: 999px;
    color: var(--wb-warning);
    font-size: 0.78rem;
    font-weight: 800;
}

.announcement-management-status-published[b-4per96r5y2] {
    border-color: var(--wb-success);
    color: var(--wb-success);
}

.announcement-management-status-closed[b-4per96r5y2] {
    border-color: var(--wb-text-secondary);
    color: var(--wb-text-secondary);
}

.announcement-management-definition-list[b-4per96r5y2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.announcement-management-definition-list dt[b-4per96r5y2] {
    color: var(--wb-text-secondary);
    font-size: 0.8rem;
    font-weight: 800;
}

.announcement-management-definition-list dd[b-4per96r5y2] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.announcement-version-list[b-4per96r5y2] {
    display: grid;
    gap: 0.55rem;
}

.announcement-version-list section[b-4per96r5y2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem;
    border: 1px solid var(--wb-border);
    border-radius: 9px;
}

.announcement-version-list h4[b-4per96r5y2],
.announcement-version-list p[b-4per96r5y2] {
    margin: 0;
}

.announcement-management-actions[b-4per96r5y2] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.announcement-management-primary[b-4per96r5y2],
.announcement-management-secondary[b-4per96r5y2],
.announcement-management-danger[b-4per96r5y2] {
    display: inline-flex;
    min-width: 8rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.announcement-management-primary[b-4per96r5y2] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary, #fff);
}

.announcement-management-secondary[b-4per96r5y2] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text);
}

.announcement-management-danger[b-4per96r5y2] {
    border: 1px solid var(--wb-danger);
    background: var(--wb-surface);
    color: var(--wb-danger);
}

.announcement-form-grid input:focus-visible[b-4per96r5y2],
.announcement-form-grid select:focus-visible[b-4per96r5y2],
.announcement-form-grid textarea:focus-visible[b-4per96r5y2],
.announcement-management-primary:focus-visible[b-4per96r5y2],
.announcement-management-secondary:focus-visible[b-4per96r5y2],
.announcement-management-danger:focus-visible[b-4per96r5y2] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.announcement-management-primary:disabled[b-4per96r5y2],
.announcement-management-secondary:disabled[b-4per96r5y2],
.announcement-management-danger:disabled[b-4per96r5y2] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 720px) {
    .announcement-management-header[b-4per96r5y2],
    .announcement-management-card > header[b-4per96r5y2],
    .announcement-version-list section[b-4per96r5y2] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .announcement-form-grid[b-4per96r5y2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .announcement-form-wide[b-4per96r5y2] {
        grid-column: auto;
    }

    .announcement-management-primary[b-4per96r5y2],
    .announcement-management-secondary[b-4per96r5y2],
    .announcement-management-danger[b-4per96r5y2] {
        width: 100%;
    }
}
/* /Components/Pages/Collaboration/Invitations.razor.rz.scp.css */
.collaboration-invitations-page[b-4ovufiuacr] {
    display: grid;
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
}

.collaboration-invitations-header[b-4ovufiuacr],
.collaboration-invitations-panel[b-4ovufiuacr] {
    padding: 24px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 16px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.collaboration-invitations-header[b-4ovufiuacr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.collaboration-invitations-header-copy[b-4ovufiuacr] {
    min-width: 0;
}

.collaboration-invitations-header-copy p[b-4ovufiuacr] {
    margin-bottom: 0;
}

.collaboration-invitations-header h1[b-4ovufiuacr],
.collaboration-invitations-panel h2[b-4ovufiuacr] {
    margin-top: 0;
}

.collaboration-invitations-list[b-4ovufiuacr] {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.collaboration-invitations-item[b-4ovufiuacr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 12px;
    background: var(--wb-bg);
}

.collaboration-invitations-item p[b-4ovufiuacr] {
    margin: 6px 0 0;
    color: var(--wb-text-subtle);
}

.collaboration-invitations-actions[b-4ovufiuacr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 639px) {
    .collaboration-invitations-header[b-4ovufiuacr],
    .collaboration-invitations-panel[b-4ovufiuacr] {
        padding: 18px;
    }

    .collaboration-invitations-header[b-4ovufiuacr] {
        flex-direction: column;
    }

    .collaboration-invitations-header .page-refresh-button[b-4ovufiuacr] {
        width: 100%;
    }

    .collaboration-invitations-item[b-4ovufiuacr] {
        align-items: stretch;
        flex-direction: column;
    }

    .collaboration-invitations-actions[b-4ovufiuacr] {
        justify-content: stretch;
    }
}
/* /Components/Pages/Collaboration/NewProposal.razor.rz.scp.css */
.proposal-page[b-8m5bpfthf9] {
    display: grid;
    gap: 1.5rem;
}

.proposal-header[b-8m5bpfthf9],
.proposal-panel[b-8m5bpfthf9] {
    border: 1px solid var(--wb-border);
    border-radius: 1rem;
    background: var(--wb-surface);
    padding: 1.25rem;
}

.proposal-header h1[b-8m5bpfthf9],
.proposal-panel h2[b-8m5bpfthf9],
.proposal-panel p[b-8m5bpfthf9] {
    margin-top: 0;
}

.proposal-eyebrow[b-8m5bpfthf9] {
    color: var(--wb-primary);
    font-weight: 700;
}

.proposal-list[b-8m5bpfthf9] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-list > li[b-8m5bpfthf9],
.proposal-card[b-8m5bpfthf9] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    border: 1px solid var(--wb-border);
    border-radius: 0.75rem;
    padding: 1rem;
}

.proposal-history-list > li[b-8m5bpfthf9],
.proposal-review[b-8m5bpfthf9],
.proposal-form[b-8m5bpfthf9] {
    display: grid;
    gap: 1rem;
}

.proposal-section-heading[b-8m5bpfthf9],
.proposal-card-header[b-8m5bpfthf9],
.proposal-actions[b-8m5bpfthf9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.proposal-card[b-8m5bpfthf9] {
    display: grid;
}

.proposal-card-grid[b-8m5bpfthf9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.proposal-card-grid label[b-8m5bpfthf9],
.proposal-form > section > label[b-8m5bpfthf9] {
    display: grid;
    gap: 0.4rem;
}

.proposal-card textarea[b-8m5bpfthf9],
.proposal-form textarea[b-8m5bpfthf9],
.proposal-card select[b-8m5bpfthf9] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 0.5rem;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    padding: 0.7rem;
}

.proposal-decision[b-8m5bpfthf9] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 48rem) {
    .proposal-list > li[b-8m5bpfthf9] {
        display: grid;
    }

    .proposal-card-grid[b-8m5bpfthf9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Collaboration/Proposals.razor.rz.scp.css */
.proposal-page[b-512y0cw9lf] {
    display: grid;
    gap: 1.5rem;
}

.proposal-header[b-512y0cw9lf],
.proposal-panel[b-512y0cw9lf] {
    border: 1px solid var(--wb-border);
    border-radius: 1rem;
    background: var(--wb-surface);
    padding: 1.25rem;
}

.proposal-header[b-512y0cw9lf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.proposal-header-copy[b-512y0cw9lf] {
    min-width: 0;
}

.proposal-header-copy > p:last-child[b-512y0cw9lf] {
    margin-bottom: 0;
}

.proposal-header h1[b-512y0cw9lf],
.proposal-panel h2[b-512y0cw9lf],
.proposal-panel p[b-512y0cw9lf] {
    margin-top: 0;
}

.proposal-eyebrow[b-512y0cw9lf] {
    color: var(--wb-primary);
    font-weight: 700;
}

.proposal-list[b-512y0cw9lf] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-list > li[b-512y0cw9lf],
.proposal-card[b-512y0cw9lf] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    border: 1px solid var(--wb-border);
    border-radius: 0.75rem;
    padding: 1rem;
}

.proposal-history-list > li[b-512y0cw9lf],
.proposal-review[b-512y0cw9lf],
.proposal-form[b-512y0cw9lf] {
    display: grid;
    gap: 1rem;
}

.proposal-section-heading[b-512y0cw9lf],
.proposal-card-header[b-512y0cw9lf],
.proposal-actions[b-512y0cw9lf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.proposal-card[b-512y0cw9lf] {
    display: grid;
}

.proposal-card-grid[b-512y0cw9lf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.proposal-card-grid label[b-512y0cw9lf],
.proposal-form > section > label[b-512y0cw9lf] {
    display: grid;
    gap: 0.4rem;
}

.proposal-card textarea[b-512y0cw9lf],
.proposal-form textarea[b-512y0cw9lf],
.proposal-card select[b-512y0cw9lf] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 0.5rem;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    padding: 0.7rem;
}

.proposal-decision[b-512y0cw9lf] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 48rem) {
    .proposal-header[b-512y0cw9lf] {
        flex-direction: column;
    }

    .proposal-header .page-refresh-button[b-512y0cw9lf] {
        width: 100%;
    }

    .proposal-list > li[b-512y0cw9lf] {
        display: grid;
    }

    .proposal-card-grid[b-512y0cw9lf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-2ltz0fftyt] {
    box-sizing: border-box;
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 1.25rem;
}

.contact-card[b-2ltz0fftyt] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--wb-border-subtle);
    border-radius: 18px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.contact-card h1[b-2ltz0fftyt] {
    margin: 0;
}

.contact-intro[b-2ltz0fftyt],
.contact-help[b-2ltz0fftyt] {
    margin: 0;
    color: var(--wb-text-subtle);
    line-height: 1.7;
}

.contact-help[b-2ltz0fftyt] {
    font-size: 0.9rem;
}

.contact-form[b-2ltz0fftyt] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.contact-field[b-2ltz0fftyt] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.contact-field > label[b-2ltz0fftyt] {
    color: var(--wb-text);
    font-weight: 700;
}

.contact-honeypot[b-2ltz0fftyt] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.contact-page[b-2ltz0fftyt]  .contact-control {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    background: var(--wb-input-bg, var(--wb-surface));
    color: var(--wb-text);
    font: inherit;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.contact-page[b-2ltz0fftyt]  .contact-control:focus-visible,
.contact-submit:focus-visible[b-2ltz0fftyt] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.contact-page[b-2ltz0fftyt]  .contact-control:focus {
    border-color: var(--wb-primary-border-strong);
}

.contact-page[b-2ltz0fftyt]  .contact-message {
    min-height: 12rem;
    resize: vertical;
}

/* 2026.09.27 変更 Turnstile compact表示領域の高さ確保対応 */
.contact-verification[b-2ltz0fftyt],
.cf-turnstile[b-2ltz0fftyt] {
    width: 100%;
    min-width: 0;
    min-height: 140px;
}

.contact-submit[b-2ltz0fftyt] {
    display: inline-flex;
    width: fit-content;
    min-width: 7rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.1rem;
    border: 1px solid var(--wb-primary);
    border-radius: 10px;
    background: var(--wb-primary);
    color: var(--wb-on-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.contact-submit:hover:not(:disabled)[b-2ltz0fftyt] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.contact-submit:disabled[b-2ltz0fftyt] {
    cursor: wait;
    opacity: 0.65;
}

.contact-field-error[b-2ltz0fftyt],
.contact-validation-summary[b-2ltz0fftyt],
.contact-status[b-2ltz0fftyt] {
    overflow-wrap: anywhere;
}

.contact-status[b-2ltz0fftyt] {
    padding: 0.75rem 1rem;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
}

@media (max-width: 400px) {
    .contact-page[b-2ltz0fftyt] {
        padding: 0.5rem;
    }

    .contact-card[b-2ltz0fftyt] {
        padding: 1rem;
        border-radius: 14px;
    }

    .contact-submit[b-2ltz0fftyt] {
        width: 100%;
    }
}
/* /Components/Pages/Csv/Import.razor.rz.scp.css */
.csv-import-page[b-aq8zu9o9h3] {
    width: min(100%, 1040px);
    min-width: 0;
    margin: 0 auto;
}

.csv-import-header[b-aq8zu9o9h3] {
    min-width: 0;
    margin-bottom: 24px;
}

.csv-import-header h1[b-aq8zu9o9h3] {
    margin: 4px 0 8px;
    font-size: clamp(1.75rem, 4vw, 2.4rem);
    overflow-wrap: anywhere;
}

.csv-import-header p[b-aq8zu9o9h3] {
    margin: 0;
    color: var(--wb-text-subtle);
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.csv-import-eyebrow[b-aq8zu9o9h3] {
    color: var(--wb-blue-text) !important;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.csv-import-form[b-aq8zu9o9h3],
.csv-import-section[b-aq8zu9o9h3] {
    display: grid;
    min-width: 0;
    gap: 18px;
}

.csv-import-section[b-aq8zu9o9h3] {
    margin-top: 22px;
    padding: 24px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 18px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.csv-import-section h2[b-aq8zu9o9h3],
.csv-import-section h3[b-aq8zu9o9h3] {
    margin: 0;
    overflow-wrap: anywhere;
}

.csv-import-section-heading[b-aq8zu9o9h3] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.csv-import-section-heading > div[b-aq8zu9o9h3] {
    min-width: 0;
}

.csv-import-section-heading p[b-aq8zu9o9h3] {
    margin: 6px 0 0;
    color: var(--wb-text-subtle);
    overflow-wrap: anywhere;
}

.csv-file-label[b-aq8zu9o9h3] {
    min-width: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.csv-import-page[b-aq8zu9o9h3]  .csv-file-input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 10px 12px;
    border: 1px dashed var(--wb-border-strong, #94A3B8);
    border-radius: 12px;
    background: var(--wb-bg);
    color: var(--wb-text);
    font: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

.csv-import-page[b-aq8zu9o9h3]  .csv-file-input::file-selector-button {
    min-height: 40px;
    margin: 0 12px 0 0;
    padding: 0 14px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 9px;
    background: var(--wb-surface);
    color: var(--wb-text);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        color 0.15s ease;
}

.csv-import-page[b-aq8zu9o9h3]  .csv-file-input:hover:not(:disabled)::file-selector-button {
    border-color: var(--wb-primary-border-strong);
    background: var(--wb-surface-hover);
    color: var(--wb-primary-hover);
}

.csv-import-page[b-aq8zu9o9h3]  .csv-file-input:disabled,
.csv-import-page[b-aq8zu9o9h3]  .csv-file-input:disabled::file-selector-button {
    cursor: not-allowed;
    opacity: 0.65;
}

.csv-selected-file[b-aq8zu9o9h3] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--wb-blue-soft);
}

.csv-selected-file strong[b-aq8zu9o9h3],
.csv-selected-file span[b-aq8zu9o9h3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.csv-import-actions[b-aq8zu9o9h3] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 12px;
}

.csv-primary-button[b-aq8zu9o9h3],
.csv-secondary-button[b-aq8zu9o9h3],
.csv-secondary-link[b-aq8zu9o9h3] {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
    cursor: pointer;
    box-sizing: border-box;
}

.csv-primary-button[b-aq8zu9o9h3] {
    border: 1px solid var(--wb-blue-text);
    background: var(--wb-blue-text);
    color: #FFFFFF;
}

.csv-secondary-button[b-aq8zu9o9h3],
.csv-secondary-link[b-aq8zu9o9h3] {
    border: 1px solid var(--wb-border-subtle);
    background: var(--wb-surface);
    color: var(--wb-text);
}

.csv-primary-button:disabled[b-aq8zu9o9h3],
.csv-secondary-button:disabled[b-aq8zu9o9h3] {
    cursor: not-allowed;
    opacity: 0.55;
}

.csv-primary-button:focus-visible[b-aq8zu9o9h3],
.csv-secondary-button:focus-visible[b-aq8zu9o9h3],
.csv-secondary-link:focus-visible[b-aq8zu9o9h3],
.csv-import-page[b-aq8zu9o9h3]  .csv-file-input:focus-visible {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.csv-import-target-summary[b-aq8zu9o9h3],
.csv-preview-summary[b-aq8zu9o9h3],
.csv-job-summary[b-aq8zu9o9h3] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.csv-import-target-summary div[b-aq8zu9o9h3],
.csv-preview-summary div[b-aq8zu9o9h3],
.csv-job-summary div[b-aq8zu9o9h3] {
    min-width: 0;
    padding: 14px;
    border-radius: 12px;
    background: var(--wb-bg);
}

.csv-import-target-summary dt[b-aq8zu9o9h3],
.csv-preview-summary dt[b-aq8zu9o9h3],
.csv-job-summary dt[b-aq8zu9o9h3] {
    color: var(--wb-text-subtle);
    font-size: 0.82rem;
    font-weight: 700;
}

.csv-import-target-summary dd[b-aq8zu9o9h3],
.csv-preview-summary dd[b-aq8zu9o9h3],
.csv-job-summary dd[b-aq8zu9o9h3] {
    margin: 6px 0 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.csv-issue-list[b-aq8zu9o9h3],
.csv-issue-list ul[b-aq8zu9o9h3] {
    min-width: 0;
}

.csv-issue-list ul[b-aq8zu9o9h3] {
    display: grid;
    gap: 8px;
    margin: 10px 0 0;
    padding-left: 22px;
}

.csv-issue-error[b-aq8zu9o9h3] {
    color: var(--wb-danger, #B91C1C);
}

.csv-issue-warning[b-aq8zu9o9h3] {
    color: var(--wb-warning, #92400E);
}

.csv-preview-table-wrap[b-aq8zu9o9h3] {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
}

.csv-preview-table[b-aq8zu9o9h3] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.csv-preview-table caption[b-aq8zu9o9h3] {
    padding-bottom: 8px;
    color: var(--wb-text-subtle);
    text-align: left;
}

.csv-preview-table th[b-aq8zu9o9h3],
.csv-preview-table td[b-aq8zu9o9h3] {
    padding: 10px;
    border-bottom: 1px solid var(--wb-border-subtle);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.csv-warning-confirmation[b-aq8zu9o9h3] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 12px;
    background: var(--wb-warning-bg, #FFFBEB);
}

.csv-warning-confirmation span[b-aq8zu9o9h3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .csv-import-section[b-aq8zu9o9h3] {
        padding: 18px;
    }

    .csv-import-section-heading[b-aq8zu9o9h3] {
        flex-direction: column;
    }

    .csv-import-target-summary[b-aq8zu9o9h3],
    .csv-preview-summary[b-aq8zu9o9h3],
    .csv-job-summary[b-aq8zu9o9h3] {
        grid-template-columns: 1fr;
    }

    .csv-primary-button[b-aq8zu9o9h3],
    .csv-secondary-button[b-aq8zu9o9h3],
    .csv-secondary-link[b-aq8zu9o9h3] {
        width: 100%;
    }
}
/* /Components/Pages/Decks/Collaboration.razor.rz.scp.css */
.deck-collaboration-page[b-uy1hzfnm7i] {
    display: grid;
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
}

.deck-collaboration-header[b-uy1hzfnm7i],
.deck-collaboration-summary[b-uy1hzfnm7i],
.deck-collaboration-panel[b-uy1hzfnm7i] {
    padding: 24px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 16px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.deck-collaboration-header h1[b-uy1hzfnm7i],
.deck-collaboration-summary h2[b-uy1hzfnm7i],
.deck-collaboration-panel h2[b-uy1hzfnm7i] {
    margin-top: 0;
}

.deck-collaboration-eyebrow[b-uy1hzfnm7i] {
    margin: 0 0 8px;
    color: var(--wb-blue-text);
    font-weight: 700;
}

.deck-collaboration-invite-form[b-uy1hzfnm7i] {
    display: grid;
    gap: 10px;
}

.deck-collaboration-invite-controls[b-uy1hzfnm7i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.deck-collaboration-invite-controls input[b-uy1hzfnm7i] {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 10px;
    background: var(--wb-surface);
    color: var(--wb-text);
}

.deck-collaboration-list[b-uy1hzfnm7i] {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.deck-collaboration-list-item[b-uy1hzfnm7i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 12px;
    background: var(--wb-bg);
}

.deck-collaboration-list-item p[b-uy1hzfnm7i] {
    margin: 6px 0 0;
    color: var(--wb-text-subtle);
}

.deck-collaboration-actions[b-uy1hzfnm7i] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 639px) {
    .deck-collaboration-header[b-uy1hzfnm7i],
    .deck-collaboration-summary[b-uy1hzfnm7i],
    .deck-collaboration-panel[b-uy1hzfnm7i] {
        padding: 18px;
    }

    .deck-collaboration-invite-controls[b-uy1hzfnm7i] {
        grid-template-columns: 1fr;
    }

    .deck-collaboration-list-item[b-uy1hzfnm7i] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Decks/Create.razor.rz.scp.css */
.deck-create-page[b-j0y786i4qw] {
    display: grid;
    width: min(100%, 960px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.deck-create-header[b-j0y786i4qw] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-create-eyebrow[b-j0y786i4qw],
.deck-create-heading[b-j0y786i4qw],
.deck-create-description[b-j0y786i4qw] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-create-eyebrow[b-j0y786i4qw] {
    color: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.deck-create-heading[b-j0y786i4qw] {
    color: var(--wb-text);
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.25;
}

.deck-create-description[b-j0y786i4qw] {
    max-width: 48rem;
    color: var(--wb-text-muted);
    line-height: 1.7;
}

.deck-create-form[b-j0y786i4qw],
.deck-create-workspace[b-j0y786i4qw] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.deck-create-workspace[b-j0y786i4qw] {
    padding: clamp(0.875rem, 2.5vw, 1.25rem);
    border: 1px solid var(--wb-border-soft);
    border-radius: 18px;
    background: var(--wb-surface-subtle);
    box-sizing: border-box;
}

.deck-validation-summary[b-j0y786i4qw] {
    min-width: 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    background: var(--wb-danger-bg);
    color: var(--wb-danger);
    box-sizing: border-box;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.deck-validation-summary:empty[b-j0y786i4qw] {
    display: none;
}

.deck-validation-summary[b-j0y786i4qw]  ul {
    padding-inline-start: 1.25rem;
    margin: 0;
}

.deck-create-actions[b-j0y786i4qw] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 0 0;
    border-top: 1px solid var(--wb-border-soft);
}

.deck-primary-button[b-j0y786i4qw],
.deck-cancel-button[b-j0y786i4qw] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    cursor: pointer;
}

.deck-primary-button[b-j0y786i4qw] {
    min-width: 12rem;
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-primary-button:hover:not(:disabled)[b-j0y786i4qw] {
    background: var(--wb-primary-hover);
    border-color: var(--wb-primary-hover);
}

.deck-cancel-button[b-j0y786i4qw] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-cancel-button:hover:not(:disabled)[b-j0y786i4qw] {
    background: var(--wb-surface-hover);
}

.deck-primary-button:focus-visible[b-j0y786i4qw],
.deck-cancel-button:focus-visible[b-j0y786i4qw] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-primary-button:disabled[b-j0y786i4qw],
.deck-cancel-button:disabled[b-j0y786i4qw] {
    cursor: not-allowed;
    opacity: 0.7;
}

@media (max-width: 640px) {
    .deck-create-actions[b-j0y786i4qw] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-primary-button[b-j0y786i4qw],
    .deck-cancel-button[b-j0y786i4qw] {
        width: 100%;
    }
}

@media (max-width: 359px) {
    .deck-create-page[b-j0y786i4qw] {
        gap: 1rem;
    }

    .deck-create-heading[b-j0y786i4qw] {
        font-size: 1.6rem;
    }

    .deck-create-workspace[b-j0y786i4qw] {
        padding: 0.75rem;
        border-radius: 14px;
    }
}
/* /Components/Pages/Decks/Details.razor.rz.scp.css */
.deck-details-page[b-hpjlnsl8xs] {
    display: grid;
    width: min(100%, 1040px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.deck-details-learning[b-hpjlnsl8xs],
.deck-details-share[b-hpjlnsl8xs] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-details-learning[b-hpjlnsl8xs] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: clamp(1rem, 3vw, 1.5rem);
    border-color: var(--wb-primary-border-strong);
    background: var(--wb-primary-soft);
}

.deck-details-share[b-hpjlnsl8xs] {
    border-color: var(--wb-primary-border);
    background: linear-gradient(
        135deg,
        var(--wb-surface) 0%,
        var(--wb-primary-soft) 100%);
    box-shadow: var(--wb-shadow-sm);
}

.deck-details-learning-copy[b-hpjlnsl8xs] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.deck-details-learning-eyebrow[b-hpjlnsl8xs],
.deck-details-learning-copy h2[b-hpjlnsl8xs],
.deck-details-learning-copy p[b-hpjlnsl8xs],
.deck-details-share h2[b-hpjlnsl8xs],
.deck-details-share-status[b-hpjlnsl8xs] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-details-learning-eyebrow[b-hpjlnsl8xs] {
    color: var(--wb-primary-hover);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.deck-details-learning-copy h2[b-hpjlnsl8xs],
.deck-details-share h2[b-hpjlnsl8xs] {
    color: var(--wb-text-primary);
}

.deck-details-learning-copy h2[b-hpjlnsl8xs] {
    font-size: clamp(1.15rem, 3vw, 1.45rem);
    line-height: 1.4;
}

.deck-details-learning-copy p[b-hpjlnsl8xs] {
    color: var(--wb-text-secondary);
    line-height: 1.65;
}

.deck-details-share h2[b-hpjlnsl8xs] {
    font-size: 1.05rem;
}

.deck-details-save-actions[b-hpjlnsl8xs] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.deck-details-share-actions[b-hpjlnsl8xs],
.deck-details-supporting-actions[b-hpjlnsl8xs] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-details-supporting-actions[b-hpjlnsl8xs] {
    padding-top: 0.25rem;
    border-top: 1px solid var(--wb-border-soft);
}

.deck-details-share-status[b-hpjlnsl8xs] {
    color: var(--wb-text-secondary);
}

.deck-details-primary-button[b-hpjlnsl8xs],
.deck-details-secondary-button[b-hpjlnsl8xs] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: none;
}

.deck-details-primary-button[b-hpjlnsl8xs] {
    min-width: 12rem;
    border-color: var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-details-primary-button:hover[b-hpjlnsl8xs] {
    filter: brightness(0.96);
}

.deck-details-secondary-button:hover[b-hpjlnsl8xs] {
    background: var(--wb-surface-hover);
}

.deck-details-primary-button:focus-visible[b-hpjlnsl8xs],
.deck-details-secondary-button:focus-visible[b-hpjlnsl8xs] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .deck-details-learning[b-hpjlnsl8xs] {
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-details-share-actions[b-hpjlnsl8xs],
    .deck-details-supporting-actions[b-hpjlnsl8xs] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-details-primary-button[b-hpjlnsl8xs],
    .deck-details-secondary-button[b-hpjlnsl8xs] {
        width: 100%;
    }
}

@media (max-width: 359px) {
    .deck-details-learning[b-hpjlnsl8xs],
    .deck-details-share[b-hpjlnsl8xs] {
        padding: 0.875rem;
        border-radius: 12px;
    }
}
/* /Components/Pages/Decks/Edit.razor.rz.scp.css */
.deck-edit-page[b-kddfbcwmlr] {
    display: grid;
    width: min(100%, 960px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.deck-edit-header[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-edit-eyebrow[b-kddfbcwmlr],
.deck-edit-heading[b-kddfbcwmlr],
.deck-edit-description[b-kddfbcwmlr],
.deck-edit-published-note[b-kddfbcwmlr],
.deck-edit-empty[b-kddfbcwmlr] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-edit-eyebrow[b-kddfbcwmlr] {
    color: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.deck-edit-heading[b-kddfbcwmlr] {
    color: var(--wb-text);
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.25;
}

.deck-edit-description[b-kddfbcwmlr],
.deck-edit-published-note[b-kddfbcwmlr],
.deck-edit-empty[b-kddfbcwmlr] {
    color: var(--wb-text-muted);
    line-height: 1.7;
}

.deck-edit-summary[b-kddfbcwmlr],
.deck-edit-tools[b-kddfbcwmlr],
.deck-edit-lifecycle[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-edit-lifecycle[b-kddfbcwmlr] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.deck-edit-metadata-zone[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.deck-edit-summary-list[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.deck-edit-summary-item[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.875rem;
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.deck-edit-summary-item dt[b-kddfbcwmlr] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-edit-summary-label[b-kddfbcwmlr],
.deck-edit-action-with-help[b-kddfbcwmlr] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
}

.deck-edit-summary-label[b-kddfbcwmlr] {
    width: fit-content;
}

.deck-edit-action-with-help[b-kddfbcwmlr] {
    --help-tooltip-inline-start: auto;
    --help-tooltip-inline-end: 0;
}

.deck-edit-summary-item dd[b-kddfbcwmlr] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.deck-edit-form[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.deck-validation-summary[b-kddfbcwmlr] {
    min-width: 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    background: var(--wb-danger-bg);
    color: var(--wb-danger);
    box-sizing: border-box;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.deck-validation-summary:empty[b-kddfbcwmlr] {
    display: none;
}

.deck-validation-summary[b-kddfbcwmlr]  ul {
    padding-inline-start: 1.25rem;
    margin: 0;
}

.deck-edit-save-actions[b-kddfbcwmlr],
.deck-edit-recovery-actions[b-kddfbcwmlr],
.deck-edit-tools-primary-actions[b-kddfbcwmlr],
.deck-edit-tools-supporting-actions[b-kddfbcwmlr],
.deck-edit-lifecycle-actions[b-kddfbcwmlr],
.deck-edit-confirmation-actions[b-kddfbcwmlr] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-edit-save-actions[b-kddfbcwmlr] {
    justify-content: flex-end;
    padding: 1rem 0 0;
    border-top: 1px solid var(--wb-border-soft);
}

.deck-edit-recovery-actions[b-kddfbcwmlr] {
    justify-content: flex-start;
}

.deck-edit-tools-primary-actions[b-kddfbcwmlr] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--wb-border-soft);
}

.deck-edit-tools-supporting-actions[b-kddfbcwmlr] {
    align-items: center;
}

.deck-primary-button[b-kddfbcwmlr],
.deck-strong-secondary-button[b-kddfbcwmlr],
.deck-secondary-button[b-kddfbcwmlr],
.deck-warning-button[b-kddfbcwmlr],
.deck-danger-button[b-kddfbcwmlr] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    cursor: pointer;
}

.deck-primary-button[b-kddfbcwmlr] {
    min-width: 12rem;
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-primary-button:hover:not(:disabled)[b-kddfbcwmlr] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.deck-strong-secondary-button[b-kddfbcwmlr] {
    border: 1px solid var(--wb-primary-border-strong);
    background: var(--wb-primary-soft);
    color: var(--wb-primary-soft-text);
}

.deck-secondary-button[b-kddfbcwmlr] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-warning-button[b-kddfbcwmlr] {
    border: 1px solid var(--wb-warning);
    background: var(--wb-warning-bg);
    color: var(--wb-warning);
}

.deck-danger-button[b-kddfbcwmlr] {
    border: 1px solid var(--wb-danger);
    background: var(--wb-surface);
    color: var(--wb-danger);
}

.deck-strong-secondary-button:hover:not(:disabled)[b-kddfbcwmlr] {
    background: var(--wb-primary-tint);
}

.deck-secondary-button:hover:not(:disabled)[b-kddfbcwmlr] {
    background: var(--wb-surface-hover);
}

.deck-primary-button:focus-visible[b-kddfbcwmlr],
.deck-strong-secondary-button:focus-visible[b-kddfbcwmlr],
.deck-secondary-button:focus-visible[b-kddfbcwmlr],
.deck-warning-button:focus-visible[b-kddfbcwmlr],
.deck-danger-button:focus-visible[b-kddfbcwmlr] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-primary-button:disabled[b-kddfbcwmlr],
.deck-strong-secondary-button:disabled[b-kddfbcwmlr],
.deck-secondary-button:disabled[b-kddfbcwmlr],
.deck-warning-button:disabled[b-kddfbcwmlr],
.deck-danger-button:disabled[b-kddfbcwmlr] {
    cursor: not-allowed;
    opacity: 0.7;
}

.deck-edit-confirmation[b-kddfbcwmlr] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 12px;
    box-sizing: border-box;
}

.deck-edit-confirmation-warning[b-kddfbcwmlr] {
    border: 1px solid var(--wb-warning);
    background: var(--wb-warning-bg);
}

.deck-edit-confirmation-danger[b-kddfbcwmlr] {
    border: 1px solid var(--wb-danger);
    background: var(--wb-surface);
}

.deck-edit-confirmation h3[b-kddfbcwmlr],
.deck-edit-confirmation p[b-kddfbcwmlr] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-edit-confirmation h3[b-kddfbcwmlr] {
    color: var(--wb-text);
    font-size: 1rem;
    line-height: 1.5;
}

.deck-edit-confirmation p[b-kddfbcwmlr] {
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.deck-edit-section-heading[b-kddfbcwmlr] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-edit-section-heading h2[b-kddfbcwmlr] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-edit-lifecycle .deck-edit-section-heading h2[b-kddfbcwmlr] {
    color: var(--wb-danger);
}

.deck-edit-revision-request-context[b-kddfbcwmlr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.deck-edit-revision-request-context p[b-kddfbcwmlr] {
    width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .deck-edit-save-actions[b-kddfbcwmlr],
    .deck-edit-recovery-actions[b-kddfbcwmlr],
    .deck-edit-tools-primary-actions[b-kddfbcwmlr],
    .deck-edit-tools-supporting-actions[b-kddfbcwmlr],
    .deck-edit-lifecycle-actions[b-kddfbcwmlr],
    .deck-edit-confirmation-actions[b-kddfbcwmlr] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-primary-button[b-kddfbcwmlr],
    .deck-strong-secondary-button[b-kddfbcwmlr],
    .deck-secondary-button[b-kddfbcwmlr],
    .deck-warning-button[b-kddfbcwmlr],
    .deck-danger-button[b-kddfbcwmlr] {
        width: 100%;
    }

    .deck-edit-action-with-help[b-kddfbcwmlr] {
        width: 100%;
    }

    .deck-edit-action-with-help > .deck-secondary-button[b-kddfbcwmlr],
    .deck-edit-action-with-help > .deck-warning-button[b-kddfbcwmlr] {
        width: auto;
        flex: 1 1 auto;
    }
}

@media (max-width: 479px) {
    .deck-edit-summary[b-kddfbcwmlr],
    .deck-edit-tools[b-kddfbcwmlr],
    .deck-edit-lifecycle[b-kddfbcwmlr] {
        padding: 1rem;
    }

    .deck-edit-summary-list[b-kddfbcwmlr] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 359px) {
    .deck-edit-page[b-kddfbcwmlr] {
        gap: 1rem;
    }

    .deck-edit-heading[b-kddfbcwmlr] {
        font-size: 1.6rem;
    }

    .deck-edit-summary[b-kddfbcwmlr],
    .deck-edit-tools[b-kddfbcwmlr],
    .deck-edit-lifecycle[b-kddfbcwmlr] {
        padding: 0.875rem;
        border-radius: 12px;
    }
}
/* /Components/Pages/Decks/Proposals.razor.rz.scp.css */
.proposal-page[b-xflvp7jzlx] {
    display: grid;
    gap: 1.5rem;
}

.proposal-header[b-xflvp7jzlx],
.proposal-panel[b-xflvp7jzlx] {
    border: 1px solid var(--wb-border);
    border-radius: 1rem;
    background: var(--wb-surface);
    padding: 1.25rem;
}

.proposal-header h1[b-xflvp7jzlx],
.proposal-panel h2[b-xflvp7jzlx],
.proposal-panel p[b-xflvp7jzlx] {
    margin-top: 0;
}

.proposal-eyebrow[b-xflvp7jzlx] {
    color: var(--wb-primary);
    font-weight: 700;
}

.proposal-list[b-xflvp7jzlx] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-list > li[b-xflvp7jzlx],
.proposal-card[b-xflvp7jzlx] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    border: 1px solid var(--wb-border);
    border-radius: 0.75rem;
    padding: 1rem;
}

.proposal-history-list > li[b-xflvp7jzlx],
.proposal-review[b-xflvp7jzlx],
.proposal-form[b-xflvp7jzlx] {
    display: grid;
    gap: 1rem;
}

.proposal-section-heading[b-xflvp7jzlx],
.proposal-card-header[b-xflvp7jzlx],
.proposal-actions[b-xflvp7jzlx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.proposal-card[b-xflvp7jzlx] {
    display: grid;
}

.proposal-card-grid[b-xflvp7jzlx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.proposal-card-grid label[b-xflvp7jzlx],
.proposal-form > section > label[b-xflvp7jzlx] {
    display: grid;
    gap: 0.4rem;
}

.proposal-card textarea[b-xflvp7jzlx],
.proposal-form textarea[b-xflvp7jzlx],
.proposal-card select[b-xflvp7jzlx] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 0.5rem;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    padding: 0.7rem;
}

.proposal-decision[b-xflvp7jzlx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 48rem) {
    .proposal-list > li[b-xflvp7jzlx] {
        display: grid;
    }

    .proposal-card-grid[b-xflvp7jzlx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Decks/Publish.razor.rz.scp.css */
.deck-publish-page[b-zo40xk7y4j] {
    display: grid;
    width: min(100%, 960px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.deck-publish-header[b-zo40xk7y4j] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-publish-eyebrow[b-zo40xk7y4j],
.deck-publish-heading[b-zo40xk7y4j],
.deck-publish-description[b-zo40xk7y4j],
.deck-publish-short-description[b-zo40xk7y4j],
.deck-publish-complete h2[b-zo40xk7y4j],
.deck-publish-complete p[b-zo40xk7y4j],
.deck-publish-confirmation h2[b-zo40xk7y4j],
.deck-publish-confirmation p[b-zo40xk7y4j],
.deck-publish-issues h2[b-zo40xk7y4j],
.deck-publish-warnings h2[b-zo40xk7y4j],
.deck-publish-warnings p[b-zo40xk7y4j] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-publish-eyebrow[b-zo40xk7y4j] {
    color: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.deck-publish-heading[b-zo40xk7y4j] {
    color: var(--wb-text);
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.25;
}

.deck-publish-description[b-zo40xk7y4j],
.deck-publish-short-description[b-zo40xk7y4j],
.deck-publish-complete p[b-zo40xk7y4j],
.deck-publish-confirmation p[b-zo40xk7y4j],
.deck-publish-warnings p[b-zo40xk7y4j] {
    color: var(--wb-text-muted);
    line-height: 1.7;
    white-space: pre-wrap;
}

.deck-publish-summary[b-zo40xk7y4j],
.deck-publish-complete[b-zo40xk7y4j],
.deck-publish-confirmation[b-zo40xk7y4j],
.deck-publish-issues[b-zo40xk7y4j],
.deck-publish-warnings[b-zo40xk7y4j] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-publish-summary h2[b-zo40xk7y4j],
.deck-publish-complete h2[b-zo40xk7y4j],
.deck-publish-confirmation h2[b-zo40xk7y4j],
.deck-publish-issues h2[b-zo40xk7y4j],
.deck-publish-warnings h2[b-zo40xk7y4j] {
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
}

.deck-publish-summary-grid[b-zo40xk7y4j] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.deck-publish-summary-item[b-zo40xk7y4j] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.875rem;
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.deck-publish-summary-item dt[b-zo40xk7y4j] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-publish-summary-item dd[b-zo40xk7y4j] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-weight: 750;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-publish-tags[b-zo40xk7y4j] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.deck-publish-tag[b-zo40xk7y4j] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 999px;
    background: var(--wb-primary-soft);
    color: var(--wb-primary-strong);
    box-sizing: border-box;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.deck-publish-issues[b-zo40xk7y4j] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.deck-publish-warnings[b-zo40xk7y4j],
.deck-publish-confirmation[b-zo40xk7y4j] {
    border-color: var(--wb-warning);
    background: var(--wb-warning-bg);
}

.deck-publish-issues ul[b-zo40xk7y4j],
.deck-publish-warnings ul[b-zo40xk7y4j] {
    min-width: 0;
    padding-inline-start: 1.25rem;
    margin: 0;
    color: var(--wb-text-secondary);
    line-height: 1.7;
}

.deck-publish-actions[b-zo40xk7y4j] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-publish-primary-button[b-zo40xk7y4j],
.deck-publish-secondary-button[b-zo40xk7y4j] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    cursor: pointer;
}

.deck-publish-primary-button[b-zo40xk7y4j] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-publish-secondary-button[b-zo40xk7y4j] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-publish-primary-button:hover:not(:disabled)[b-zo40xk7y4j] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.deck-publish-secondary-button:hover:not(:disabled)[b-zo40xk7y4j] {
    background: var(--wb-surface-hover);
}

.deck-publish-primary-button:focus-visible[b-zo40xk7y4j],
.deck-publish-secondary-button:focus-visible[b-zo40xk7y4j] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-publish-primary-button:disabled[b-zo40xk7y4j],
.deck-publish-secondary-button:disabled[b-zo40xk7y4j] {
    cursor: not-allowed;
    opacity: 0.7;
}

@media (max-width: 720px) {
    .deck-publish-summary-grid[b-zo40xk7y4j] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .deck-publish-actions[b-zo40xk7y4j] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-publish-primary-button[b-zo40xk7y4j],
    .deck-publish-secondary-button[b-zo40xk7y4j] {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .deck-publish-summary[b-zo40xk7y4j],
    .deck-publish-complete[b-zo40xk7y4j],
    .deck-publish-confirmation[b-zo40xk7y4j],
    .deck-publish-issues[b-zo40xk7y4j],
    .deck-publish-warnings[b-zo40xk7y4j] {
        padding: 1rem;
    }
}

@media (max-width: 359px) {
    .deck-publish-summary[b-zo40xk7y4j],
    .deck-publish-complete[b-zo40xk7y4j],
    .deck-publish-confirmation[b-zo40xk7y4j],
    .deck-publish-issues[b-zo40xk7y4j],
    .deck-publish-warnings[b-zo40xk7y4j] {
        padding: 0.875rem;
        border-radius: 12px;
    }
}
/* /Components/Pages/Decks/Trash.razor.rz.scp.css */
.deck-trash-page[b-9pn368kbq2] {
    display: grid;
    width: min(100%, 960px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.deck-trash-header[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.deck-trash-eyebrow[b-9pn368kbq2],
.deck-trash-heading[b-9pn368kbq2],
.deck-trash-description[b-9pn368kbq2],
.deck-trash-empty h2[b-9pn368kbq2],
.deck-trash-empty p[b-9pn368kbq2],
.deck-trash-section-heading h2[b-9pn368kbq2],
.deck-trash-title-group h3[b-9pn368kbq2],
.deck-trash-expired[b-9pn368kbq2],
.deck-trash-confirmation h4[b-9pn368kbq2],
.deck-trash-confirmation p[b-9pn368kbq2] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-trash-eyebrow[b-9pn368kbq2] {
    color: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.deck-trash-heading[b-9pn368kbq2] {
    color: var(--wb-text);
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    line-height: 1.25;
}

.deck-trash-description[b-9pn368kbq2],
.deck-trash-empty p[b-9pn368kbq2],
.deck-trash-confirmation p[b-9pn368kbq2] {
    color: var(--wb-text-muted);
    line-height: 1.7;
}

.deck-trash-toolbar[b-9pn368kbq2],
.deck-trash-confirmation-actions[b-9pn368kbq2] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.deck-trash-empty[b-9pn368kbq2],
.deck-trash-list-section[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 16px;
    background: var(--wb-surface);
    box-sizing: border-box;
}

.deck-trash-empty h2[b-9pn368kbq2],
.deck-trash-section-heading h2[b-9pn368kbq2] {
    color: var(--wb-text);
    font-size: 1.15rem;
    line-height: 1.5;
}

.deck-trash-section-heading[b-9pn368kbq2] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-trash-count[b-9pn368kbq2] {
    display: inline-flex;
    min-width: 2rem;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--wb-surface-subtle);
    color: var(--wb-text-secondary);
    box-sizing: border-box;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.deck-trash-list[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 0.875rem;
}

.deck-trash-item[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 14px;
    background: var(--wb-surface-subtle);
    box-sizing: border-box;
}

.deck-trash-item-header[b-9pn368kbq2] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.deck-trash-title-group[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
}

.deck-trash-status[b-9pn368kbq2] {
    color: var(--wb-danger);
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.4;
}

.deck-trash-title-group h3[b-9pn368kbq2] {
    color: var(--wb-text);
    font-size: 1.05rem;
    line-height: 1.5;
}

.deck-trash-dates[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.deck-trash-date-item[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-surface);
}

.deck-trash-date-item dt[b-9pn368kbq2] {
    color: var(--wb-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.deck-trash-date-item dd[b-9pn368kbq2] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.deck-trash-expired[b-9pn368kbq2] {
    color: var(--wb-danger);
    font-weight: 700;
    line-height: 1.6;
}

.deck-trash-confirmation[b-9pn368kbq2] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--wb-warning);
    border-radius: 12px;
    background: var(--wb-warning-bg);
    box-sizing: border-box;
}

.deck-trash-confirmation h4[b-9pn368kbq2] {
    color: var(--wb-warning);
    font-size: 1rem;
    line-height: 1.5;
}

.deck-trash-primary-button[b-9pn368kbq2],
.deck-trash-secondary-button[b-9pn368kbq2] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    cursor: pointer;
}

.deck-trash-primary-button[b-9pn368kbq2] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-trash-secondary-button[b-9pn368kbq2] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-trash-primary-button:hover:not(:disabled)[b-9pn368kbq2] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.deck-trash-secondary-button:hover:not(:disabled)[b-9pn368kbq2] {
    background: var(--wb-surface-hover);
}

.deck-trash-primary-button:focus-visible[b-9pn368kbq2],
.deck-trash-secondary-button:focus-visible[b-9pn368kbq2] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-trash-primary-button:disabled[b-9pn368kbq2],
.deck-trash-secondary-button:disabled[b-9pn368kbq2] {
    cursor: not-allowed;
    opacity: 0.7;
}

@media (max-width: 640px) {
    .deck-trash-toolbar[b-9pn368kbq2],
    .deck-trash-confirmation-actions[b-9pn368kbq2] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-trash-primary-button[b-9pn368kbq2],
    .deck-trash-secondary-button[b-9pn368kbq2] {
        width: 100%;
    }

    .deck-trash-dates[b-9pn368kbq2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .deck-trash-empty[b-9pn368kbq2],
    .deck-trash-list-section[b-9pn368kbq2],
    .deck-trash-item[b-9pn368kbq2] {
        padding: 1rem;
    }
}

@media (max-width: 359px) {
    .deck-trash-empty[b-9pn368kbq2],
    .deck-trash-list-section[b-9pn368kbq2],
    .deck-trash-item[b-9pn368kbq2] {
        padding: 0.875rem;
        border-radius: 12px;
    }
}
/* /Components/Pages/Following.razor.rz.scp.css */
.following-page[b-jyfy09jv7z] {
    display: grid;
    min-width: 0;
    max-width: 64rem;
    gap: 1.25rem;
    margin: 0 auto;
}

.following-header h1[b-jyfy09jv7z] {
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
    overflow-wrap: anywhere;
}

.following-feedback[b-jyfy09jv7z],
.following-state[b-jyfy09jv7z] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.following-feedback-error[b-jyfy09jv7z] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.following-list[b-jyfy09jv7z] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.following-card[b-jyfy09jv7z] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.following-card-heading[b-jyfy09jv7z] {
    min-width: 0;
    color: var(--wb-text);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.following-card-heading a[b-jyfy09jv7z] {
    color: var(--wb-primary);
}

.following-setting[b-jyfy09jv7z] {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.6rem;
    border-radius: 10px;
    color: var(--wb-text);
    cursor: pointer;
}

.following-setting input[b-jyfy09jv7z] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    accent-color: var(--wb-primary);
}

.following-setting span[b-jyfy09jv7z] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.following-danger[b-jyfy09jv7z],
.following-more[b-jyfy09jv7z] {
    display: inline-flex;
    min-width: 9rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    background: transparent;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.following-danger[b-jyfy09jv7z] {
    border: 1px solid var(--wb-danger);
    color: var(--wb-danger);
}

.following-more[b-jyfy09jv7z] {
    justify-self: center;
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text);
}

.following-card-heading a:focus-visible[b-jyfy09jv7z],
.following-setting:focus-within[b-jyfy09jv7z],
.following-danger:focus-visible[b-jyfy09jv7z],
.following-more:focus-visible[b-jyfy09jv7z] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.following-danger:disabled[b-jyfy09jv7z],
.following-more:disabled[b-jyfy09jv7z],
.following-setting:has(input:disabled)[b-jyfy09jv7z] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 720px) {
    .following-card[b-jyfy09jv7z] {
        grid-template-columns: minmax(0, 1fr);
    }

    .following-setting[b-jyfy09jv7z],
    .following-danger[b-jyfy09jv7z] {
        width: 100%;
    }
}
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-u08ygb11hs] {
    width: min(100%, 1040px);
    margin: 0 auto;
    display: grid;
    gap: 20px;
    min-width: 0;
}

.help-header[b-u08ygb11hs],
.help-section[b-u08ygb11hs] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 12px);
    background: var(--wb-surface, #FFFFFF);
}

.help-eyebrow[b-u08ygb11hs] {
    margin: 0 0 6px;
    color: var(--wb-link, #2563EB);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.help-header h1[b-u08ygb11hs],
.help-section h2[b-u08ygb11hs] {
    margin-top: 0;
}

.help-header p:last-child[b-u08ygb11hs],
.help-section-heading p[b-u08ygb11hs],
.help-link-card span[b-u08ygb11hs],
.help-note[b-u08ygb11hs] {
    color: var(--wb-text-subtle, #64748B);
}

.help-section-heading[b-u08ygb11hs] {
    margin-bottom: 16px;
}

.help-section-heading p[b-u08ygb11hs],
.help-note[b-u08ygb11hs],
.help-safety-note[b-u08ygb11hs] {
    margin-bottom: 0;
}

.help-link-grid[b-u08ygb11hs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.help-link-card[b-u08ygb11hs] {
    display: flex;
    min-width: 0;
    min-height: 72px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
    text-decoration: none;
}

.help-link-card-single[b-u08ygb11hs] {
    width: min(100%, 520px);
}

.help-link-card:hover[b-u08ygb11hs] {
    border-color: var(--wb-link, #2563EB);
}

.help-link-card:focus-visible[b-u08ygb11hs] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.help-link-card strong[b-u08ygb11hs],
.help-link-card span[b-u08ygb11hs] {
    overflow-wrap: anywhere;
}

.help-note[b-u08ygb11hs] {
    margin-top: 12px;
}

.help-section-safety[b-u08ygb11hs] {
    border-color: var(--wb-warning-border, #FDE68A);
    background: var(--wb-warning-surface, #FFFBEB);
}

.help-safety-note[b-u08ygb11hs] {
    margin-top: 0;
    color: var(--wb-text, #0F172A);
    font-weight: 700;
}

@media (max-width: 640px) {
    .help-page[b-u08ygb11hs] {
        gap: 16px;
    }

    .help-header[b-u08ygb11hs],
    .help-section[b-u08ygb11hs] {
        padding: 18px;
    }

    .help-link-grid[b-u08ygb11hs] {
        grid-template-columns: minmax(0, 1fr);
    }

    .help-link-card[b-u08ygb11hs],
    .help-link-card-single[b-u08ygb11hs] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-585l19s92f],
.home-dashboard-grid[b-585l19s92f],
.home-summary-rail[b-585l19s92f],
.home-panel[b-585l19s92f],
.home-section[b-585l19s92f],
.home-today-content[b-585l19s92f],
.home-today-copy[b-585l19s92f],
.home-today-facts[b-585l19s92f],
.home-today-fact[b-585l19s92f],
.home-summary-list[b-585l19s92f],
.home-summary-item[b-585l19s92f],
.home-deck-row[b-585l19s92f],
.home-deck-card[b-585l19s92f],
.home-deck-card-body[b-585l19s92f],
.home-popular-grid[b-585l19s92f],
.home-public-card[b-585l19s92f],
.home-public-card-body[b-585l19s92f],
.home-tsumutan-message[b-585l19s92f],
.home-anonymous-intro[b-585l19s92f] {
    min-width: 0;
}

.home-page[b-585l19s92f] {
    display: flex;
    width: 100%;
    max-width: 1680px;
    box-sizing: border-box;
    flex-direction: column;
    gap: clamp(0.65rem, 1vw, 0.85rem);
    margin: 0 auto;
}

.home-dashboard-grid[b-585l19s92f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.home-panel[b-585l19s92f],
.home-section[b-585l19s92f],
.home-anonymous-intro[b-585l19s92f],
.home-tsumutan-message[b-585l19s92f] {
    box-sizing: border-box;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 14px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm, none);
}

.home-panel[b-585l19s92f],
.home-section[b-585l19s92f],
.home-anonymous-intro[b-585l19s92f] {
    padding: clamp(0.9rem, 1.8vw, 1.2rem);
}

.home-today-panel[b-585l19s92f] {
    border-color: color-mix(
        in srgb,
        var(--wb-primary) 20%,
        var(--wb-border-subtle));
    background:
        radial-gradient(
            circle at 82% 18%,
            color-mix(in srgb, var(--wb-blue-soft) 72%, transparent) 0,
            transparent 34%),
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--wb-primary-surface-soft) 82%,
                var(--wb-surface)),
            var(--wb-surface) 72%);
}

.home-section-header[b-585l19s92f] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
}

.home-section-header-inline[b-585l19s92f] {
    align-items: center;
}

.home-primary-heading[b-585l19s92f],
.home-section-heading[b-585l19s92f],
.home-section-description[b-585l19s92f],
.home-today-copy h2[b-585l19s92f],
.home-today-copy p[b-585l19s92f],
.home-today-fact dt[b-585l19s92f],
.home-today-fact dd[b-585l19s92f],
.home-summary-item dt[b-585l19s92f],
.home-summary-item dd[b-585l19s92f],
.home-deck-card h3[b-585l19s92f],
.home-public-card h3[b-585l19s92f],
.home-public-card p[b-585l19s92f],
.home-empty-card h2[b-585l19s92f],
.home-empty-card p[b-585l19s92f],
.home-anonymous-intro h1[b-585l19s92f],
.home-anonymous-intro p[b-585l19s92f],
.home-tsumutan-message h2[b-585l19s92f],
.home-tsumutan-message p[b-585l19s92f],
.home-state p[b-585l19s92f] {
    margin: 0;
    overflow-wrap: anywhere;
}

.home-primary-heading[b-585l19s92f] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--wb-text);
    font-size: clamp(1.45rem, 2.3vw, 1.8rem);
    line-height: 1.2;
}

.home-primary-heading[b-585l19s92f]::before {
    display: block;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    content: "";
    background: var(--wb-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%203v4M16%203v4M3%2010h18%27%2F%3E%3Cpath%20d%3D%27M8%2014h3v3H8z%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%203v4M16%203v4M3%2010h18%27%2F%3E%3Cpath%20d%3D%27M8%2014h3v3H8z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.home-section-heading[b-585l19s92f],
.home-tsumutan-message h2[b-585l19s92f] {
    color: var(--wb-text);
    font-size: clamp(1.05rem, 1.8vw, 1.25rem);
    line-height: 1.3;
}

.home-section-description[b-585l19s92f],
.home-today-copy p[b-585l19s92f],
.home-public-card p[b-585l19s92f],
.home-empty-card p[b-585l19s92f],
.home-anonymous-intro p[b-585l19s92f],
.home-tsumutan-message p[b-585l19s92f],
.home-state[b-585l19s92f] {
    color: var(--wb-text-subtle);
    line-height: 1.5;
}

.home-section-description[b-585l19s92f] {
    margin-top: 0.25rem;
    font-size: 0.82rem;
}

.home-today-content[b-585l19s92f] {
    display: grid;
    grid-template-columns: 6.8rem minmax(0, 1fr) minmax(12.5rem, 15rem);
    grid-template-areas: "progress copy tsumutan";
    gap: clamp(0.9rem, 1.7vw, 1.3rem);
    align-items: center;
    min-height: 12.5rem;
}

.home-progress-cluster[b-585l19s92f] {
    grid-area: progress;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
}

.home-progress-ring[b-585l19s92f] {
    position: relative;
    display: grid;
    width: 96px;
    aspect-ratio: 1;
    place-items: center;
    color: var(--wb-text);
    font-size: 1.1rem;
    font-weight: 850;
}

.home-progress-ring-graphic[b-585l19s92f] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.home-progress-ring-track[b-585l19s92f],
.home-progress-ring-value[b-585l19s92f] {
    fill: none;
    stroke-width: 5;
}

.home-progress-ring-track[b-585l19s92f] {
    stroke: color-mix(
        in srgb,
        var(--wb-border-subtle) 82%,
        var(--wb-surface));
}

.home-progress-ring-value[b-585l19s92f] {
    stroke: var(--wb-primary);
    stroke-linecap: round;
}

.home-progress-ring > span[b-585l19s92f] {
    position: relative;
    z-index: 1;
}

.home-progress-label[b-585l19s92f] {
    color: var(--wb-text-secondary);
    font-size: 0.72rem;
    font-weight: 750;
}

.home-today-copy[b-585l19s92f] {
    grid-area: copy;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.home-today-facts[b-585l19s92f] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.home-today-fact[b-585l19s92f] {
    --home-today-fact-mask: none;
    display: grid;
    grid-template-columns: 1.45rem minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value";
    gap: 0.05rem 0.55rem;
    align-items: center;
}

.home-today-fact[b-585l19s92f]::before {
    grid-area: icon;
    display: block;
    width: 1.15rem;
    height: 1.15rem;
    justify-self: center;
    content: "";
    background: var(--wb-text-subtle);
    -webkit-mask-image: var(--home-today-fact-mask);
    mask-image: var(--home-today-fact-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.home-today-fact-deck[b-585l19s92f] {
    --home-today-fact-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%205.5A2.5%202.5%200%200%201%206.5%203H20v16H6.5A2.5%202.5%200%200%200%204%2021.5v-16Z%27%2F%3E%3Cpath%20d%3D%27M4%2018.5A2.5%202.5%200%200%201%206.5%2016H20%27%2F%3E%3C%2Fsvg%3E");
}

.home-today-fact-progress[b-585l19s92f] {
    --home-today-fact-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2019V9M10%2019V5M16%2019v-7M22%2019V3%27%2F%3E%3C%2Fsvg%3E");
}

.home-today-fact-remaining[b-585l19s92f] {
    --home-today-fact-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3%202%27%2F%3E%3C%2Fsvg%3E");
}

.home-today-fact dt[b-585l19s92f] {
    grid-area: label;
    color: var(--wb-text-subtle);
    font-size: 0.72rem;
    font-weight: 650;
}

.home-today-fact dd[b-585l19s92f] {
    grid-area: value;
    color: var(--wb-text);
    font-size: 0.88rem;
    font-weight: 760;
}

.home-today-copy h2[b-585l19s92f] {
    color: var(--wb-text);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.3;
}

.home-primary-action[b-585l19s92f],
.home-retry-button[b-585l19s92f],
.home-deck-study-action[b-585l19s92f],
.home-text-link[b-585l19s92f],
.home-discovery-card[b-585l19s92f],
.home-deck-details-link[b-585l19s92f],
.home-public-details-link[b-585l19s92f] {
    box-sizing: border-box;
}

.home-primary-action[b-585l19s92f],
.home-retry-button[b-585l19s92f],
.home-deck-study-action[b-585l19s92f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font: inherit;
    font-weight: 750;
    text-align: center;
    text-decoration: none;
}

.home-primary-action[b-585l19s92f] {
    min-height: 42px;
    padding: 0.58rem 0.9rem;
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.home-primary-action:hover[b-585l19s92f] {
    border-color: var(--wb-primary-hover);
    background: var(--wb-primary-hover);
}

.home-today-primary-action[b-585l19s92f] {
    width: min(100%, 23rem);
    gap: 0.5rem;
    box-shadow: var(--wb-shadow-sm, none);
}

.home-today-primary-action[b-585l19s92f]::before {
    width: 0;
    height: 0;
    content: "";
    border-top: 0.34rem solid transparent;
    border-bottom: 0.34rem solid transparent;
    border-left: 0.52rem solid currentColor;
}

.home-retry-button[b-585l19s92f] {
    min-height: 44px;
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text);
    cursor: pointer;
}

.home-retry-button:hover[b-585l19s92f] {
    border-color: var(--wb-primary-border-strong);
    background: var(--wb-surface-hover);
}

.home-today-tsumutan[b-585l19s92f] {
    grid-area: tsumutan;
    position: relative;
    display: flex;
    min-width: 0;
    align-self: stretch;
    justify-self: stretch;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.home-tsumutan-image[b-585l19s92f] {
    display: block;
    width: min(100%, 128px);
    height: auto;
}

.home-today-tsumutan .home-tsumutan-image[b-585l19s92f] {
    width: min(100%, 148px);
}

.home-tsumutan-dark[b-585l19s92f] {
    display: none;
}

html[data-theme="dark"] .home-tsumutan-light[b-585l19s92f] {
    display: none;
}

html[data-theme="dark"] .home-tsumutan-dark[b-585l19s92f] {
    display: block;
}

.home-tsumutan-bubble[b-585l19s92f] {
    order: -1;
    position: relative;
    max-width: 11rem;
    padding: 0.58rem 0.75rem;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 10px;
    background: color-mix(
        in srgb,
        var(--wb-surface) 94%,
        var(--wb-primary-surface-soft));
    color: var(--wb-text-secondary);
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.5;
    text-align: center;
    box-shadow: var(--wb-shadow-sm, none);
}

.home-tsumutan-bubble[b-585l19s92f]::after {
    position: absolute;
    bottom: -0.38rem;
    left: 50%;
    width: 0.7rem;
    height: 0.7rem;
    content: "";
    border-right: 1px solid var(--wb-border-subtle);
    border-bottom: 1px solid var(--wb-border-subtle);
    background: inherit;
    transform: translateX(-50%) rotate(45deg);
}

.home-summary-rail[b-585l19s92f] {
    display: grid;
    align-content: start;
    gap: 0.8rem;
}

.home-summary-panel[b-585l19s92f] {
    display: flex;
    flex-direction: column;
}

.home-achievement-panel[b-585l19s92f] {
    min-width: 0;
}

.home-summary-list[b-585l19s92f] {
    display: grid;
    gap: 0.6rem;
    margin: 0;
}

.home-summary-item[b-585l19s92f] {
    --home-summary-accent: var(--wb-primary);
    --home-summary-surface: var(--wb-surface-raised, var(--wb-surface));
    --home-summary-icon-mask: none;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value";
    min-height: 4.4rem;
    box-sizing: border-box;
    align-items: center;
    gap: 0.05rem 0.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(
        in srgb,
        var(--home-summary-accent) 24%,
        var(--wb-border-subtle));
    border-radius: 11px;
    background: var(--home-summary-surface);
}

.home-summary-item[b-585l19s92f]::before {
    grid-area: icon;
    display: block;
    width: 21px;
    height: 21px;
    justify-self: center;
    content: "";
    background-color: var(--home-summary-accent);
    -webkit-mask-image: var(--home-summary-icon-mask);
    mask-image: var(--home-summary-icon-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 21px 21px;
    mask-size: 21px 21px;
}

.home-summary-item-streak[b-585l19s92f] {
    --home-summary-accent: var(--wb-warning);
    --home-summary-surface: var(--wb-warning-bg);
    --home-summary-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M12%2022a7%207%200%200%200%207-7c0-4-2.5-7-6-11%200%203-1%205-3%206-1-2-2.5-3.5-4.5-4.5C6%209%205%2011.5%205%2015a7%207%200%200%200%207%207Z%22%2F%3E%3C%2Fsvg%3E");
}

.home-summary-item-week[b-585l19s92f] {
    --home-summary-accent: var(--wb-blue-text);
    --home-summary-surface: var(--wb-blue-soft);
    --home-summary-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E");
}

.home-summary-item-total[b-585l19s92f] {
    --home-summary-accent: var(--wb-purple-text);
    --home-summary-surface: var(--wb-purple-soft);
    --home-summary-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.8%27%3E%3Cpath%20d%3D%22M4%205.5A2.5%202.5%200%200%201%206.5%203H20v16H6.5A2.5%202.5%200%200%200%204%2021.5v-16Z%22%2F%3E%3Cpath%20d%3D%22M4%2018.5A2.5%202.5%200%200%201%206.5%2016H20%22%2F%3E%3C%2Fsvg%3E");
}

.home-summary-item dt[b-585l19s92f] {
    grid-area: label;
    color: var(--home-summary-accent);
    font-size: 0.73rem;
    font-weight: 700;
}

.home-summary-item dd[b-585l19s92f] {
    grid-area: value;
    color: var(--wb-text);
    font-size: 1.08rem;
    font-weight: 850;
}

.home-achievement-panel[b-585l19s92f]  .achievement-panel-compact {
    gap: 0.65rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-panel-header {
    gap: 0.55rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-panel-header h2 {
    font-size: 1.08rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-total {
    font-size: 0.76rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
    padding: 0.55rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-copy h3 {
    margin: 0.25rem 0 0.15rem;
    font-size: 0.86rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-copy p {
    display: block;
    overflow: visible;
    font-size: 0.72rem;
    line-height: 1.4;
}

.home-achievement-panel[b-585l19s92f]  .achievement-rank {
    min-height: 20px;
    padding: 1px 6px;
    font-size: 0.66rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-state {
    min-width: 0;
    align-items: stretch;
    gap: 0.25rem;
    font-size: 0.7rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-state progress {
    width: 100%;
}

.home-achievement-panel[b-585l19s92f]  .achievement-action {
    min-height: 44px;
    font-size: 0.72rem;
}

.home-achievement-panel[b-585l19s92f]  .achievement-view-all,
.home-achievement-panel[b-585l19s92f]  .achievement-tab {
    font-size: 0.78rem;
}

.home-state[b-585l19s92f] {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.home-state-error[b-585l19s92f] {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--wb-danger-border, var(--wb-border));
    border-radius: 10px;
    background: var(--wb-danger-surface, var(--wb-surface));
}

.home-empty-card[b-585l19s92f] {
    display: flex;
    min-width: 0;
    min-height: 10rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.9rem;
    border: 1px dashed var(--wb-border);
    border-radius: 11px;
    background: color-mix(
        in srgb,
        var(--wb-surface) 90%,
        var(--wb-primary-surface-soft));
}

.home-empty-card > div[b-585l19s92f] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.home-empty-card h2[b-585l19s92f] {
    color: var(--wb-text);
    font-size: 1rem;
}

.home-recent-section[b-585l19s92f],
.home-popular-section[b-585l19s92f] {
    padding: 0.9rem 1rem;
}

.home-deck-row[b-585l19s92f],
.home-popular-grid[b-585l19s92f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.home-deck-card[b-585l19s92f],
.home-public-card[b-585l19s92f],
.home-discovery-card[b-585l19s92f],
.home-deck-placeholder[b-585l19s92f] {
    position: relative;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 11px;
    background: var(--wb-surface);
}

.home-deck-card[b-585l19s92f],
.home-public-card[b-585l19s92f] {
    display: grid;
    grid-template-columns: 4.6rem minmax(0, 1fr);
    gap: 0.6rem;
    min-height: 7.1rem;
    padding: 0.65rem;
    overflow: clip;
}

.home-deck-card[b-585l19s92f] {
    grid-template-rows: minmax(0, 1fr) auto;
}

.home-deck-card:hover[b-585l19s92f],
.home-public-card:hover[b-585l19s92f],
.home-discovery-card:hover[b-585l19s92f] {
    border-color: var(--wb-primary-border-strong);
    box-shadow: var(--wb-shadow-sm, none);
    transform: translateY(-1px);
}

.home-deck-card[b-585l19s92f]  .generated-deck-cover-compact,
.home-public-card[b-585l19s92f]  .generated-deck-cover-compact {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 4.6rem;
    min-width: 4.6rem;
    align-self: start;
    border-radius: 9px;
}

.home-deck-card-body[b-585l19s92f],
.home-public-card-body[b-585l19s92f] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.32rem;
    padding: 0;
}

.home-deck-card-body[b-585l19s92f] {
    grid-column: 2;
    grid-row: 1;
}

.home-public-card-body[b-585l19s92f] {
    grid-column: 2;
}

.home-deck-details-link[b-585l19s92f],
.home-public-details-link[b-585l19s92f] {
    position: static;
    display: flex;
    min-height: 0;
    align-items: flex-start;
    color: var(--wb-text);
    text-decoration: none;
}

.home-deck-details-link[b-585l19s92f]::after,
.home-public-details-link[b-585l19s92f]::after {
    position: absolute;
    inset: 0;
    content: "";
}

.home-deck-card h3[b-585l19s92f],
.home-public-card h3[b-585l19s92f] {
    color: var(--wb-text);
    font-size: 0.82rem;
    line-height: 1.35;
}

.home-deck-progress-copy[b-585l19s92f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.2rem 0.4rem;
    color: var(--wb-text-subtle);
    font-size: 0.68rem;
    font-weight: 650;
}

.home-progress-bar[b-585l19s92f] {
    width: 100%;
    height: 4px;
    border: 0;
    border-radius: 999px;
    appearance: none;
    background: var(--wb-border-subtle);
    overflow: hidden;
}

.home-progress-bar[b-585l19s92f]::-webkit-progress-bar {
    border-radius: inherit;
    background: var(--wb-border-subtle);
}

.home-progress-bar[b-585l19s92f]::-webkit-progress-value {
    border-radius: inherit;
    background: var(--wb-primary);
}

.home-progress-bar[b-585l19s92f]::-moz-progress-bar {
    border-radius: inherit;
    background: var(--wb-primary);
}

.home-deck-study-action[b-585l19s92f] {
    grid-column: 2;
    grid-row: 2;
    position: relative;
    z-index: 2;
    min-height: 44px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--wb-primary-hover);
    font-size: 0.7rem;
}

.home-deck-study-action:hover[b-585l19s92f] {
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.home-discovery-card[b-585l19s92f] {
    display: flex;
    min-height: 7.1rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.65rem;
    border-style: dashed;
    color: var(--wb-text);
    font-size: 0.78rem;
    text-align: center;
    text-decoration: none;
}

.home-discovery-card > span:last-child[b-585l19s92f] {
    color: var(--wb-text-subtle);
    font-size: 0.68rem;
    line-height: 1.35;
}

.home-discovery-icon[b-585l19s92f] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: var(--wb-primary-surface-soft);
    color: var(--wb-primary-hover);
    font-size: 1.15rem;
    font-weight: 800;
}

.home-deck-placeholder[b-585l19s92f] {
    display: flex;
    min-height: 7.1rem;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    color: var(--wb-text-subtle);
}

.home-public-card p[b-585l19s92f] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.7rem;
    line-height: 1.35;
}

.home-card-count[b-585l19s92f] {
    margin-top: auto;
    color: var(--wb-text-secondary);
    font-size: 0.68rem;
    font-weight: 700;
}

.home-text-link[b-585l19s92f] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--wb-primary-hover);
    font-size: 0.76rem;
    font-weight: 700;
    text-underline-offset: 0.2em;
}

.home-brand-name[b-585l19s92f] {
    margin: 0;
    color: var(--wb-primary-soft-text);
    font-weight: 800;
}

.home-anonymous-intro[b-585l19s92f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
}

.home-anonymous-intro h1[b-585l19s92f] {
    color: var(--wb-text);
    font-size: clamp(1.7rem, 4vw, 2.4rem);
    line-height: 1.2;
}

.home-tsumutan-message[b-585l19s92f] {
    display: grid;
    grid-template-columns: 4.8rem minmax(0, 1fr);
    min-height: 5.25rem;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 1rem;
    background:
        linear-gradient(
            90deg,
            color-mix(
                in srgb,
                var(--wb-primary-surface-soft) 60%,
                var(--wb-surface)),
            var(--wb-surface) 64%);
    overflow: hidden;
}

.home-tsumutan-message-art[b-585l19s92f] {
    width: 4.8rem;
    align-self: end;
}

.home-tsumutan-message .home-tsumutan-image[b-585l19s92f] {
    width: 4.8rem;
}

.home-tsumutan-message > div:last-child[b-585l19s92f] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.home-tsumutan-message h2[b-585l19s92f] {
    font-size: 0.88rem;
}

.home-tsumutan-message p[b-585l19s92f] {
    font-size: 0.76rem;
}

.home-primary-action:focus-visible[b-585l19s92f],
.home-retry-button:focus-visible[b-585l19s92f],
.home-deck-study-action:focus-visible[b-585l19s92f],
.home-text-link:focus-visible[b-585l19s92f],
.home-discovery-card:focus-visible[b-585l19s92f],
.home-deck-details-link:focus-visible[b-585l19s92f],
.home-public-details-link:focus-visible[b-585l19s92f] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.home-deck-details-link:focus-visible[b-585l19s92f]::after,
.home-public-details-link:focus-visible[b-585l19s92f]::after {
    border-radius: 11px;
    outline: 3px solid var(--wb-focus);
    outline-offset: -3px;
}

@media (min-width: 1181px) {
    .home-page-authenticated[b-585l19s92f] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(16.5rem, 18rem);
        column-gap: clamp(0.9rem, 1.4vw, 1.15rem);
        row-gap: 0.75rem;
        align-items: start;
    }

    .home-page-authenticated > .home-dashboard-grid[b-585l19s92f] {
        display: contents;
    }

    .home-page-authenticated .home-today-panel[b-585l19s92f] {
        grid-column: 1;
        grid-row: 1;
    }

    .home-page-authenticated .home-summary-rail[b-585l19s92f] {
        grid-column: 2;
        grid-row: 1 / span 4;
        position: sticky;
        top: 32px;
        min-width: 0;
        max-height: calc(100dvh - var(--app-header-height, 68px) - 64px);
        align-self: start;
        padding-left: 0.85rem;
        padding-right: 0.2rem;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
        border-left: 1px solid var(--wb-border-subtle);
    }

    .home-page-authenticated > .home-section[b-585l19s92f],
    .home-page-authenticated > .home-tsumutan-message[b-585l19s92f] {
        grid-column: 1;
    }
}

@media (max-width: 1180px) {
    .home-dashboard-grid[b-585l19s92f] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-summary-list[b-585l19s92f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-deck-row[b-585l19s92f],
    .home-popular-grid[b-585l19s92f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 767px) {
    .home-page[b-585l19s92f] {
        gap: 0.9rem;
    }

    .home-panel[b-585l19s92f],
    .home-section[b-585l19s92f],
    .home-anonymous-intro[b-585l19s92f] {
        padding: 0.85rem;
        border-radius: 12px;
    }

    .home-today-content[b-585l19s92f] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
        grid-template-areas:
            "progress copy"
            "tsumutan tsumutan";
        min-height: 0;
    }

    .home-progress-ring[b-585l19s92f] {
        width: 82px;
    }

    .home-today-primary-action[b-585l19s92f] {
        width: 100%;
    }

    .home-today-tsumutan[b-585l19s92f] {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 0.65rem;
        justify-items: start;
        width: 100%;
    }

    .home-today-tsumutan .home-tsumutan-image[b-585l19s92f] {
        grid-column: 1;
        grid-row: 1;
        width: 72px;
    }

    .home-tsumutan-bubble[b-585l19s92f] {
        grid-column: 2;
        grid-row: 1;
        order: 0;
        max-width: none;
        align-self: center;
        text-align: left;
    }

    .home-tsumutan-bubble[b-585l19s92f]::after {
        top: 50%;
        bottom: auto;
        left: -0.38rem;
        transform: translateY(-50%) rotate(135deg);
    }

    .home-summary-list[b-585l19s92f] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-achievement-panel[b-585l19s92f]  .achievement-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-deck-row[b-585l19s92f],
    .home-popular-grid[b-585l19s92f] {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(15.5rem, 82vw);
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline proximity;
        padding-bottom: 0.4rem;
    }

    .home-deck-card[b-585l19s92f],
    .home-public-card[b-585l19s92f],
    .home-discovery-card[b-585l19s92f],
    .home-deck-placeholder[b-585l19s92f] {
        scroll-snap-align: start;
    }

    .home-section-header-inline[b-585l19s92f] {
        align-items: flex-start;
    }
}

@media (max-width: 479px) {
    .home-today-content[b-585l19s92f] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "progress"
            "copy"
            "tsumutan";
    }

    .home-progress-cluster[b-585l19s92f] {
        align-items: center;
    }

    .home-today-tsumutan[b-585l19s92f] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .home-today-tsumutan .home-tsumutan-image[b-585l19s92f] {
        width: 64px;
    }

    .home-empty-card[b-585l19s92f],
    .home-section-header-inline[b-585l19s92f] {
        flex-direction: column;
        align-items: stretch;
    }

    .home-empty-card .home-primary-action[b-585l19s92f],
    .home-section-header-inline .home-text-link[b-585l19s92f] {
        width: 100%;
    }

    .home-text-link[b-585l19s92f] {
        justify-content: flex-start;
    }

    .home-tsumutan-message[b-585l19s92f] {
        grid-template-columns: 4rem minmax(0, 1fr);
    }

    .home-tsumutan-message-art[b-585l19s92f],
    .home-tsumutan-message .home-tsumutan-image[b-585l19s92f] {
        width: 4rem;
    }
}

@media (max-width: 359px) {
    .home-panel[b-585l19s92f],
    .home-section[b-585l19s92f],
    .home-anonymous-intro[b-585l19s92f] {
        padding: 0.75rem;
    }

    .home-deck-row[b-585l19s92f],
    .home-popular-grid[b-585l19s92f] {
        grid-auto-columns: minmax(14rem, 88vw);
    }

    .home-tsumutan-message[b-585l19s92f] {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
    }

    .home-tsumutan-message-art[b-585l19s92f] {
        margin: 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-deck-card[b-585l19s92f],
    .home-public-card[b-585l19s92f],
    .home-discovery-card[b-585l19s92f] {
        transition: none;
    }

    .home-deck-card:hover[b-585l19s92f],
    .home-public-card:hover[b-585l19s92f],
    .home-discovery-card:hover[b-585l19s92f] {
        transform: none;
    }
}
/* /Components/Pages/Library.razor.rz.scp.css */
.library-page[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    max-width: 72rem;
    gap: 1.5rem;
    margin: 0 auto;
}

.library-header[b-ck6j646owc] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 1rem;
}

.library-header > div[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.library-header h1[b-ck6j646owc],
.library-header p[b-ck6j646owc],
.library-state h2[b-ck6j646owc],
.library-state p[b-ck6j646owc],
.library-list h2[b-ck6j646owc],
.library-card h3[b-ck6j646owc],
.library-card p[b-ck6j646owc] {
    margin: 0;
}

.library-header h1[b-ck6j646owc] {
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
}

.library-header p[b-ck6j646owc],
.library-card p[b-ck6j646owc] {
    overflow-wrap: anywhere;
    color: var(--wb-text-secondary);
    line-height: 1.7;
}

.library-feedback[b-ck6j646owc],
.library-state[b-ck6j646owc] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.library-feedback-error[b-ck6j646owc],
.library-state-error[b-ck6j646owc] {
    border-color: var(--wb-danger);
}

.library-feedback-error[b-ck6j646owc] {
    color: var(--wb-danger);
}

.library-state[b-ck6j646owc] {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    text-align: center;
}

.library-state-error p[b-ck6j646owc] {
    color: var(--wb-text);
}

.library-empty-state[b-ck6j646owc] {
    padding: clamp(1.25rem, 4vw, 2rem);
}

.library-empty-actions[b-ck6j646owc] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

.library-list[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.library-list > h2[b-ck6j646owc] {
    color: var(--wb-text);
    font-size: 1.25rem;
}

.library-card[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: clamp(1rem, 4vw, 1.4rem);
    border: 1px solid var(--wb-border);
    border-radius: 16px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.library-card-heading[b-ck6j646owc] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.library-card-identification[b-ck6j646owc] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 1rem;
}

.library-card-copy[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
}

.library-card h3[b-ck6j646owc] {
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: 1.15rem;
}

.library-card-status[b-ck6j646owc] {
    flex: 0 0 auto;
    max-width: 14rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--wb-primary);
    border-radius: 999px;
    color: var(--wb-primary);
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-align: center;
}

.library-card-details[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.library-card-details > div[b-ck6j646owc] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-bg);
}

.library-card-details dt[b-ck6j646owc] {
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
}

.library-card-details dd[b-ck6j646owc] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
}

.library-card-actions[b-ck6j646owc],
.library-more[b-ck6j646owc] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.library-more[b-ck6j646owc] {
    justify-content: center;
}

.library-primary-action[b-ck6j646owc],
.library-secondary-action[b-ck6j646owc],
.library-danger-action[b-ck6j646owc] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.library-primary-action[b-ck6j646owc] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.library-secondary-action[b-ck6j646owc] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.library-danger-action[b-ck6j646owc] {
    border: 1px solid var(--wb-danger);
    background: transparent;
    color: var(--wb-danger);
}

.library-primary-action:focus-visible[b-ck6j646owc],
.library-secondary-action:focus-visible[b-ck6j646owc],
.library-danger-action:focus-visible[b-ck6j646owc] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.library-secondary-action:disabled[b-ck6j646owc],
.library-danger-action:disabled[b-ck6j646owc] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (prefers-reduced-motion: reduce) {
    .library-primary-action[b-ck6j646owc],
    .library-secondary-action[b-ck6j646owc],
    .library-danger-action[b-ck6j646owc] {
        transition: none;
    }
}

@media (max-width: 760px) {
    .library-card-heading[b-ck6j646owc] {
        align-items: stretch;
        flex-direction: column;
    }

    .library-card-status[b-ck6j646owc] {
        max-width: 100%;
        align-self: flex-start;
    }

    .library-card-details[b-ck6j646owc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .library-page[b-ck6j646owc] {
        gap: 1.25rem;
    }

    .library-card-identification[b-ck6j646owc] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .library-card-actions[b-ck6j646owc],
    .library-empty-actions[b-ck6j646owc] {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .library-card-status[b-ck6j646owc] {
        max-width: 100%;
        justify-self: start;
    }

    .library-card-details[b-ck6j646owc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .library-primary-action[b-ck6j646owc],
    .library-secondary-action[b-ck6j646owc],
    .library-danger-action[b-ck6j646owc] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Moderation/Appeals.razor.rz.scp.css */
.moderation-appeal-page[b-agxz1nhn0q] { display: grid; gap: 1rem; }
.moderation-appeal-list[b-agxz1nhn0q] { display: grid; gap: .8rem; }
.moderation-appeal-card[b-agxz1nhn0q], .moderation-operation-card[b-agxz1nhn0q] { border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: 1rem; background: var(--bs-body-bg); }
.moderation-card-heading[b-agxz1nhn0q] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.moderation-appeal-statement[b-agxz1nhn0q] { white-space: pre-wrap; overflow-wrap: anywhere; }
.moderation-operation-grid[b-agxz1nhn0q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1rem; }
.moderation-operation-card[b-agxz1nhn0q] { display: grid; gap: .75rem; }
.moderation-operation-card-wide[b-agxz1nhn0q] { width: 100%; }
.moderation-operation-card label[b-agxz1nhn0q] { display: grid; gap: .35rem; }
.moderation-operation-card input[b-agxz1nhn0q], .moderation-operation-card select[b-agxz1nhn0q], .moderation-operation-card textarea[b-agxz1nhn0q] { width: 100%; padding: .55rem; }
.moderation-operation-card textarea[b-agxz1nhn0q] { min-height: 7rem; }
.moderation-notification-table-wrap[b-agxz1nhn0q] { overflow-x: auto; }
.moderation-notification-table[b-agxz1nhn0q] { width: 100%; border-collapse: collapse; }
.moderation-notification-table th[b-agxz1nhn0q], .moderation-notification-table td[b-agxz1nhn0q] { padding: .65rem; border-bottom: 1px solid var(--bs-border-color); text-align: left; }
@media (max-width: 480px) { .moderation-card-heading[b-agxz1nhn0q] { align-items: flex-start; flex-direction: column; } }
/* /Components/Pages/Moderation/CaseDetail.razor.rz.scp.css */
.moderation-case-page[b-w18ugdty7z] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 80rem;
    margin: 0 auto;
}

.moderation-page-header[b-w18ugdty7z],
.moderation-section[b-w18ugdty7z],
.moderation-state[b-w18ugdty7z],
.moderation-feedback[b-w18ugdty7z] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.moderation-page-header[b-w18ugdty7z],
.moderation-section-heading[b-w18ugdty7z],
.moderation-item-card > header[b-w18ugdty7z],
.moderation-timeline-heading[b-w18ugdty7z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.moderation-page-header h1[b-w18ugdty7z],
.moderation-section h2[b-w18ugdty7z],
.moderation-item-card h3[b-w18ugdty7z],
.moderation-state h2[b-w18ugdty7z] {
    margin: 0;
}

.moderation-page-header p[b-w18ugdty7z],
.moderation-state p[b-w18ugdty7z] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.moderation-feedback-error[b-w18ugdty7z] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.moderation-status-badge[b-w18ugdty7z],
.moderation-subtle-badge[b-w18ugdty7z],
.moderation-warning-badge[b-w18ugdty7z],
.moderation-collection-count[b-w18ugdty7z] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
}

.moderation-status-badge[b-w18ugdty7z] {
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.moderation-subtle-badge[b-w18ugdty7z],
.moderation-collection-count[b-w18ugdty7z] {
    color: var(--wb-text-muted);
    background: var(--wb-surface-muted);
}

.moderation-warning-badge[b-w18ugdty7z] {
    color: var(--wb-warning);
    background: var(--wb-warning-bg);
}

.moderation-definition-list[b-w18ugdty7z] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
}

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

.moderation-definition-list div[b-w18ugdty7z] {
    min-width: 0;
}

.moderation-definition-list dt[b-w18ugdty7z] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.moderation-definition-list dd[b-w18ugdty7z] {
    min-width: 0;
    margin: 0.2rem 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.moderation-definition-list code[b-w18ugdty7z] {
    word-break: break-all;
}

.moderation-overdue[b-w18ugdty7z] {
    color: var(--wb-danger);
    font-weight: 700;
}

.moderation-overdue span[b-w18ugdty7z] {
    margin-left: 0.4rem;
}

.moderation-card-list[b-w18ugdty7z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.moderation-item-card[b-w18ugdty7z] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface-muted);
    overflow-wrap: anywhere;
}

.moderation-security-note[b-w18ugdty7z],
.moderation-truncation-note[b-w18ugdty7z],
.moderation-empty[b-w18ugdty7z],
.moderation-muted[b-w18ugdty7z] {
    color: var(--wb-text-muted);
}

.moderation-security-note[b-w18ugdty7z] {
    margin: 0.75rem 0 0;
    padding: 0.75rem;
    border-left: 4px solid var(--wb-primary);
    background: var(--wb-surface-muted);
}

.moderation-prewrap[b-w18ugdty7z] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.moderation-timeline[b-w18ugdty7z] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.moderation-timeline li[b-w18ugdty7z] {
    min-width: 0;
    padding: 1rem;
    border-left: 4px solid var(--wb-primary);
    background: var(--wb-surface-muted);
}

.moderation-timeline p[b-w18ugdty7z] {
    margin: 0.5rem 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.moderation-secondary-button[b-w18ugdty7z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.moderation-secondary-button:focus-visible[b-w18ugdty7z] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .moderation-card-list[b-w18ugdty7z],
    .moderation-definition-grid[b-w18ugdty7z] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .moderation-page-header[b-w18ugdty7z],
    .moderation-section-heading[b-w18ugdty7z],
    .moderation-item-card > header[b-w18ugdty7z],
    .moderation-timeline-heading[b-w18ugdty7z] {
        align-items: stretch;
        flex-direction: column;
    }

    .moderation-secondary-button[b-w18ugdty7z] {
        width: 100%;
    }
}

.moderation-page-actions[b-w18ugdty7z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.moderation-primary-button[b-w18ugdty7z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-primary);
    border-radius: 10px;
    color: var(--wb-on-primary);
    background: var(--wb-primary);
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.moderation-primary-button:focus-visible[b-w18ugdty7z] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

@media (max-width: 479px) {
    .moderation-page-actions[b-w18ugdty7z],
    .moderation-primary-button[b-w18ugdty7z] {
        width: 100%;
    }
}
/* /Components/Pages/Moderation/Enforcement.razor.rz.scp.css */
.moderation-enforcement-page[b-vfwc74gc5m] {
    display: grid;
    gap: 1.25rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 1rem;
}

.moderation-page-header[b-vfwc74gc5m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.moderation-page-header h1[b-vfwc74gc5m],
.moderation-enforcement-card h2[b-vfwc74gc5m],
.moderation-enforcement-summary h2[b-vfwc74gc5m] {
    margin: 0;
}

.moderation-page-header p[b-vfwc74gc5m],
.moderation-enforcement-card > p[b-vfwc74gc5m] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.moderation-enforcement-summary[b-vfwc74gc5m],
.moderation-enforcement-card[b-vfwc74gc5m],
.moderation-state[b-vfwc74gc5m],
.moderation-feedback[b-vfwc74gc5m] {
    border: 1px solid var(--wb-border);
    border-radius: 0.75rem;
    background: var(--wb-surface);
    padding: 1rem;
}

.moderation-feedback-success[b-vfwc74gc5m] {
    border-color: var(--wb-success);
}

.moderation-feedback-error[b-vfwc74gc5m] {
    border-color: var(--wb-danger);
}

.moderation-enforcement-grid[b-vfwc74gc5m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.moderation-enforcement-card[b-vfwc74gc5m] {
    display: grid;
    align-content: start;
    gap: 0.9rem;
}

.moderation-enforcement-card-wide[b-vfwc74gc5m] {
    grid-column: 1 / -1;
}

.moderation-enforcement-form[b-vfwc74gc5m] {
    display: grid;
    gap: 0.8rem;
}

.moderation-enforcement-form-grid[b-vfwc74gc5m] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.moderation-enforcement-form label[b-vfwc74gc5m] {
    display: grid;
    gap: 0.35rem;
    font-weight: 600;
}

.moderation-enforcement-form input[b-vfwc74gc5m],
.moderation-enforcement-form select[b-vfwc74gc5m],
.moderation-enforcement-form textarea[b-vfwc74gc5m] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--wb-border);
    border-radius: 0.5rem;
    background: var(--wb-surface);
    color: inherit;
    padding: 0.65rem 0.75rem;
}

.moderation-enforcement-form textarea[b-vfwc74gc5m] {
    min-height: 7rem;
    resize: vertical;
}

.moderation-enforcement-form input:focus-visible[b-vfwc74gc5m],
.moderation-enforcement-form select:focus-visible[b-vfwc74gc5m],
.moderation-enforcement-form textarea:focus-visible[b-vfwc74gc5m],
.moderation-primary-button:focus-visible[b-vfwc74gc5m],
.moderation-secondary-button:focus-visible[b-vfwc74gc5m] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.moderation-enforcement-field-wide[b-vfwc74gc5m] {
    grid-column: 1 / -1;
}

.moderation-checkbox-label[b-vfwc74gc5m] {
    display: flex !important;
    align-items: center;
    gap: 0.65rem !important;
}

.moderation-checkbox-label input[b-vfwc74gc5m] {
    width: 1.25rem;
    min-height: 1.25rem;
}

.moderation-primary-button[b-vfwc74gc5m],
.moderation-secondary-button[b-vfwc74gc5m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 0.5rem;
    padding: 0.65rem 1rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.moderation-primary-button[b-vfwc74gc5m] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.moderation-secondary-button[b-vfwc74gc5m] {
    border: 1px solid var(--wb-border);
    background: transparent;
    color: inherit;
}

.moderation-primary-button:disabled[b-vfwc74gc5m],
.moderation-secondary-button:disabled[b-vfwc74gc5m] {
    cursor: not-allowed;
    opacity: 0.6;
}

.moderation-definition-list[b-vfwc74gc5m] {
    margin: 0;
}

.moderation-definition-grid[b-vfwc74gc5m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.moderation-definition-list div[b-vfwc74gc5m] {
    min-width: 0;
}

.moderation-definition-list dt[b-vfwc74gc5m] {
    color: var(--wb-text-muted);
    font-size: 0.9rem;
}

.moderation-definition-list dd[b-vfwc74gc5m] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.moderation-security-note[b-vfwc74gc5m],
.moderation-warning-note[b-vfwc74gc5m] {
    margin: 0;
    border-left: 0.25rem solid var(--wb-warning);
    padding: 0.75rem;
    background: var(--wb-warning-bg);
}

@media (max-width: 799px) {
    .moderation-enforcement-grid[b-vfwc74gc5m],
    .moderation-enforcement-form-grid[b-vfwc74gc5m],
    .moderation-definition-grid[b-vfwc74gc5m] {
        grid-template-columns: 1fr;
    }

    .moderation-enforcement-field-wide[b-vfwc74gc5m],
    .moderation-enforcement-card-wide[b-vfwc74gc5m] {
        grid-column: auto;
    }
}

@media (max-width: 479px) {
    .moderation-enforcement-page[b-vfwc74gc5m] {
        padding: 0.75rem;
    }

    .moderation-page-header[b-vfwc74gc5m] {
        flex-direction: column;
    }

    .moderation-page-header .moderation-secondary-button[b-vfwc74gc5m],
    .moderation-primary-button[b-vfwc74gc5m],
    .moderation-secondary-button[b-vfwc74gc5m] {
        width: 100%;
    }
}

.moderation-action-list[b-vfwc74gc5m] {
    display: grid;
    gap: 0.75rem;
}

.moderation-action-item[b-vfwc74gc5m] {
    border: 1px solid var(--wb-border);
    border-radius: 0.6rem;
    padding: 0.9rem;
}

.moderation-action-item-heading[b-vfwc74gc5m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.moderation-action-item > p[b-vfwc74gc5m] {
    margin: 0.75rem 0 0;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Moderation/Operations.razor.rz.scp.css */
.moderation-operations-page[b-au8s1zq43o] {
    display: grid;
    gap: 1.25rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 1rem;
}

.moderation-page-header[b-au8s1zq43o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.moderation-page-header h1[b-au8s1zq43o],
.moderation-operation-card h2[b-au8s1zq43o],
.moderation-operation-summary h2[b-au8s1zq43o] {
    margin: 0;
}

.moderation-page-header p[b-au8s1zq43o],
.moderation-operation-card > p[b-au8s1zq43o] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.moderation-operation-summary[b-au8s1zq43o],
.moderation-operation-card[b-au8s1zq43o],
.moderation-state[b-au8s1zq43o],
.moderation-feedback[b-au8s1zq43o] {
    border: 1px solid var(--wb-border);
    border-radius: 0.75rem;
    background: var(--wb-surface);
    padding: 1rem;
}

.moderation-feedback-success[b-au8s1zq43o] {
    border-color: var(--wb-success);
}

.moderation-feedback-error[b-au8s1zq43o] {
    border-color: var(--wb-danger);
}

.moderation-operation-grid[b-au8s1zq43o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.moderation-operation-card[b-au8s1zq43o] {
    display: grid;
    align-content: start;
    gap: 0.9rem;
}

.moderation-operation-card-wide[b-au8s1zq43o] {
    grid-column: 1 / -1;
}

.moderation-operation-form[b-au8s1zq43o] {
    display: grid;
    gap: 0.8rem;
}

.moderation-operation-form-grid[b-au8s1zq43o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.moderation-operation-form label[b-au8s1zq43o] {
    display: grid;
    gap: 0.35rem;
    font-weight: 600;
}

.moderation-operation-form input[b-au8s1zq43o],
.moderation-operation-form select[b-au8s1zq43o],
.moderation-operation-form textarea[b-au8s1zq43o] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--wb-border);
    border-radius: 0.5rem;
    background: var(--wb-surface);
    color: inherit;
    padding: 0.65rem 0.75rem;
}

.moderation-operation-form textarea[b-au8s1zq43o] {
    min-height: 7rem;
    resize: vertical;
}

.moderation-operation-form input:focus-visible[b-au8s1zq43o],
.moderation-operation-form select:focus-visible[b-au8s1zq43o],
.moderation-operation-form textarea:focus-visible[b-au8s1zq43o],
.moderation-primary-button:focus-visible[b-au8s1zq43o],
.moderation-secondary-button:focus-visible[b-au8s1zq43o] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.moderation-operation-field-wide[b-au8s1zq43o] {
    grid-column: 1 / -1;
}

.moderation-checkbox-label[b-au8s1zq43o] {
    display: flex !important;
    align-items: center;
    gap: 0.65rem !important;
}

.moderation-checkbox-label input[b-au8s1zq43o] {
    width: 1.25rem;
    min-height: 1.25rem;
}

.moderation-primary-button[b-au8s1zq43o],
.moderation-secondary-button[b-au8s1zq43o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 0.5rem;
    padding: 0.65rem 1rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.moderation-primary-button[b-au8s1zq43o] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.moderation-secondary-button[b-au8s1zq43o] {
    border: 1px solid var(--wb-border);
    background: transparent;
    color: inherit;
}

.moderation-primary-button:disabled[b-au8s1zq43o],
.moderation-secondary-button:disabled[b-au8s1zq43o] {
    cursor: not-allowed;
    opacity: 0.6;
}

.moderation-definition-list[b-au8s1zq43o] {
    margin: 0;
}

.moderation-definition-grid[b-au8s1zq43o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.moderation-definition-list div[b-au8s1zq43o] {
    min-width: 0;
}

.moderation-definition-list dt[b-au8s1zq43o] {
    color: var(--wb-text-muted);
    font-size: 0.9rem;
}

.moderation-definition-list dd[b-au8s1zq43o] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.moderation-security-note[b-au8s1zq43o],
.moderation-warning-note[b-au8s1zq43o] {
    margin: 0;
    border-left: 0.25rem solid var(--wb-warning);
    padding: 0.75rem;
    background: var(--wb-warning-bg);
}

@media (max-width: 799px) {
    .moderation-operation-grid[b-au8s1zq43o],
    .moderation-operation-form-grid[b-au8s1zq43o],
    .moderation-definition-grid[b-au8s1zq43o] {
        grid-template-columns: 1fr;
    }

    .moderation-operation-field-wide[b-au8s1zq43o],
    .moderation-operation-card-wide[b-au8s1zq43o] {
        grid-column: auto;
    }
}

@media (max-width: 479px) {
    .moderation-operations-page[b-au8s1zq43o] {
        padding: 0.75rem;
    }

    .moderation-page-header[b-au8s1zq43o] {
        flex-direction: column;
    }

    .moderation-page-header .moderation-secondary-button[b-au8s1zq43o],
    .moderation-primary-button[b-au8s1zq43o],
    .moderation-secondary-button[b-au8s1zq43o] {
        width: 100%;
    }
}
/* /Components/Pages/Moderation/Queue.razor.rz.scp.css */
.moderation-queue-page[b-fnzb3hgeol] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 80rem;
    margin: 0 auto;
}

.moderation-page-header[b-fnzb3hgeol],
.moderation-filter[b-fnzb3hgeol],
.moderation-state[b-fnzb3hgeol],
.moderation-feedback[b-fnzb3hgeol],
.moderation-queue-card[b-fnzb3hgeol] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.moderation-page-header h1[b-fnzb3hgeol],
.moderation-queue-card h2[b-fnzb3hgeol],
.moderation-state h2[b-fnzb3hgeol] {
    margin: 0;
}

.moderation-page-header p[b-fnzb3hgeol],
.moderation-queue-card header p[b-fnzb3hgeol],
.moderation-state p[b-fnzb3hgeol] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.moderation-feedback-error[b-fnzb3hgeol] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.moderation-filter[b-fnzb3hgeol],
.moderation-queue-card > header[b-fnzb3hgeol] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.moderation-filter label[b-fnzb3hgeol] {
    display: grid;
    flex: 1 1 14rem;
    gap: 0.4rem;
    min-width: 0;
    font-weight: 700;
}

.moderation-filter select[b-fnzb3hgeol] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.moderation-queue-list[b-fnzb3hgeol] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.moderation-queue-card h2 a[b-fnzb3hgeol] {
    color: var(--wb-text);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
}

.moderation-status-badge[b-fnzb3hgeol] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    color: var(--wb-on-primary);
    background: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 700;
}

.moderation-definition-list[b-fnzb3hgeol] {
    display: grid;
    gap: 0.7rem;
    margin: 1rem 0;
}

.moderation-definition-list-compact[b-fnzb3hgeol] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.moderation-definition-list div[b-fnzb3hgeol] {
    min-width: 0;
}

.moderation-definition-list dt[b-fnzb3hgeol] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.moderation-definition-list dd[b-fnzb3hgeol] {
    min-width: 0;
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.moderation-overdue[b-fnzb3hgeol] {
    color: var(--wb-danger);
    font-weight: 700;
}

.moderation-overdue span[b-fnzb3hgeol] {
    display: inline-block;
    margin-left: 0.4rem;
}

.moderation-count-list[b-fnzb3hgeol] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.moderation-count-list li[b-fnzb3hgeol] {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: var(--wb-surface-muted);
    color: var(--wb-text-muted);
    font-size: 0.875rem;
    font-weight: 700;
}

.moderation-primary-button[b-fnzb3hgeol],
.moderation-secondary-button[b-fnzb3hgeol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.moderation-primary-button[b-fnzb3hgeol] {
    border: 1px solid var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.moderation-secondary-button[b-fnzb3hgeol] {
    border: 1px solid var(--wb-border-strong);
    color: var(--wb-text);
    background: var(--wb-surface);
}

.moderation-primary-button:focus-visible[b-fnzb3hgeol],
.moderation-secondary-button:focus-visible[b-fnzb3hgeol],
.moderation-filter select:focus-visible[b-fnzb3hgeol],
.moderation-queue-card h2 a:focus-visible[b-fnzb3hgeol] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.moderation-primary-button:disabled[b-fnzb3hgeol],
.moderation-secondary-button:disabled[b-fnzb3hgeol] {
    cursor: not-allowed;
    opacity: 0.65;
}

.moderation-load-more[b-fnzb3hgeol] {
    justify-self: start;
}

@media (max-width: 479px) {
    .moderation-filter[b-fnzb3hgeol],
    .moderation-queue-card > header[b-fnzb3hgeol] {
        align-items: stretch;
        flex-direction: column;
    }

    .moderation-definition-list-compact[b-fnzb3hgeol] {
        grid-template-columns: minmax(0, 1fr);
    }

    .moderation-primary-button[b-fnzb3hgeol],
    .moderation-secondary-button[b-fnzb3hgeol],
    .moderation-load-more[b-fnzb3hgeol] {
        width: 100%;
    }
}
/* /Components/Pages/Moderation/SessionSecurity.razor.rz.scp.css */
.session-security-page[b-r8cxdv78n3] {
    display: grid;
    gap: 1.25rem;
    max-width: 56rem;
}

.session-security-card[b-r8cxdv78n3] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
}

.session-security-card form[b-r8cxdv78n3],
.session-security-card label[b-r8cxdv78n3] {
    display: grid;
    gap: 0.5rem;
}

.session-security-card input[b-r8cxdv78n3] {
    width: 100%;
    max-width: 36rem;
}

.session-security-card.danger[b-r8cxdv78n3] {
    border-width: 2px;
}

.session-security-card button[b-r8cxdv78n3] {
    width: fit-content;
    min-height: 44px;
}

.session-security-feedback[b-r8cxdv78n3] {
    padding: 0.75rem;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
}

.session-security-feedback.success[b-r8cxdv78n3] {
    font-weight: 600;
}

.session-security-feedback.error[b-r8cxdv78n3],
.session-security-card button.danger[b-r8cxdv78n3] {
    font-weight: 700;
}
/* /Components/Pages/MyPage.razor.rz.scp.css */
.my-page[b-6rl1633gg2] {
    width: min(100%, 1120px);
    margin: 0 auto;
    display: grid;
    gap: 24px;
    min-width: 0;
}

.my-page-profile[b-6rl1633gg2],
.my-page-section[b-6rl1633gg2] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 12px);
    background: var(--wb-surface, #FFFFFF);
}

.my-page-profile[b-6rl1633gg2] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.my-page-avatar[b-6rl1633gg2] {
    display: inline-flex;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--wb-avatar-gradient, linear-gradient(135deg, #BFDBFE, #DDD6FE));
    color: var(--wb-text, #0F172A);
    font-size: 1.55rem;
    font-weight: 700;
}

.my-page-profile-copy[b-6rl1633gg2] {
    min-width: 0;
}

.my-page-profile h1[b-6rl1633gg2],
.my-page-section h2[b-6rl1633gg2],
.my-page-section h3[b-6rl1633gg2],
.my-page-section h4[b-6rl1633gg2] {
    margin-top: 0;
}

.my-page-profile p[b-6rl1633gg2],
.my-page-section p[b-6rl1633gg2] {
    color: var(--wb-text-subtle, #64748B);
}

.my-page-inline-link[b-6rl1633gg2],
.my-page-secondary-link[b-6rl1633gg2] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--wb-link, #2563EB);
    font-weight: 600;
    text-decoration: none;
}

.my-page-inline-link:focus-visible[b-6rl1633gg2],
.my-page-secondary-link:focus-visible[b-6rl1633gg2],
.my-page-quick-links a:focus-visible[b-6rl1633gg2] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.my-page-quick-links[b-6rl1633gg2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.my-page-quick-links a[b-6rl1633gg2] {
    display: flex;
    min-width: 0;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.my-page-section-heading[b-6rl1633gg2],
.my-page-list-item[b-6rl1633gg2] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.my-page-list[b-6rl1633gg2] {
    display: grid;
    gap: 12px;
}

.my-page-list-item[b-6rl1633gg2] {
    padding: 16px 0;
    border-top: 1px solid var(--wb-border-subtle, #E2E8F0);
}

.my-page-list-item:first-child[b-6rl1633gg2] {
    border-top: 0;
}

.my-page-list-item > div[b-6rl1633gg2] {
    min-width: 0;
}

.my-page-list-item h3[b-6rl1633gg2],
.my-page-list-item h4[b-6rl1633gg2] {
    overflow-wrap: anywhere;
}

.my-page-state[b-6rl1633gg2] {
    margin: 0;
    color: var(--wb-text-subtle, #64748B);
}

.my-page-state-error[b-6rl1633gg2] {
    color: var(--wb-danger, #B91C1C);
}

/* 2026.09.25 変更 マイページ主要情報と実績の視認性改善対応 */
.my-page-main-stack[b-6rl1633gg2] {
    display: grid;
    min-width: 0;
    gap: 24px;
    align-content: start;
}

@media (min-width: 901px) {
    .my-page[b-6rl1633gg2] {
        grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.85fr);
        grid-template-areas:
            "profile profile"
            "quick quick"
            "main achievements";
        align-items: start;
        column-gap: 20px;
        row-gap: 20px;
    }

    .my-page-profile[b-6rl1633gg2] {
        grid-area: profile;
    }

    .my-page-quick-links-section[b-6rl1633gg2] {
        grid-area: quick;
    }

    .my-page-main-stack[b-6rl1633gg2] {
        grid-area: main;
        gap: 20px;
    }

    .my-page-achievements[b-6rl1633gg2] {
        grid-area: achievements;
        position: sticky;
        top: 24px;
        max-height: calc(100dvh - var(--app-header-height, 68px) - 48px);
        align-self: start;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
    }

    .my-page-achievements[b-6rl1633gg2]  .achievement-rank-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-page-achievements[b-6rl1633gg2]  .achievement-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.6rem;
        padding: 0.75rem;
    }

    .my-page-achievements[b-6rl1633gg2]  .achievement-state {
        min-width: 0;
        align-items: stretch;
    }

    .my-page-achievements[b-6rl1633gg2]  .achievement-state progress {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .my-page-quick-links[b-6rl1633gg2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .my-page[b-6rl1633gg2],
    .my-page-main-stack[b-6rl1633gg2] {
        gap: 16px;
    }

    .my-page-profile[b-6rl1633gg2],
    .my-page-section[b-6rl1633gg2] {
        padding: 18px;
    }

    .my-page-profile[b-6rl1633gg2] {
        align-items: flex-start;
    }

    .my-page-avatar[b-6rl1633gg2] {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        font-size: 1.25rem;
    }

    .my-page-quick-links[b-6rl1633gg2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .my-page-section-heading[b-6rl1633gg2],
    .my-page-list-item[b-6rl1633gg2] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-8qorks8dnj] {
    display: grid;
    min-width: 0;
    max-width: 64rem;
    gap: 1.25rem;
    margin: 0 auto;
}

.notifications-header[b-8qorks8dnj] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.notifications-header h1[b-8qorks8dnj] {
    min-width: 0;
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
    overflow-wrap: anywhere;
}

.notifications-feedback[b-8qorks8dnj],
.notifications-state[b-8qorks8dnj] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.notifications-feedback-error[b-8qorks8dnj] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.notifications-list[b-8qorks8dnj] {
    display: grid;
    min-width: 0;
    gap: 0.85rem;
}

.notification-card[b-8qorks8dnj] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.notification-card-unread[b-8qorks8dnj] {
    border-inline-start: 4px solid var(--wb-primary);
    background: var(--wb-primary-soft);
}

.notification-copy[b-8qorks8dnj] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.notification-copy p[b-8qorks8dnj],
.notification-copy time[b-8qorks8dnj] {
    margin: 0;
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.notification-copy time[b-8qorks8dnj] {
    color: var(--wb-text-secondary);
    font-size: 0.85rem;
}

.notification-copy a[b-8qorks8dnj] {
    min-width: 0;
    color: var(--wb-primary);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.notification-state[b-8qorks8dnj] {
    width: fit-content;
    padding: 0.25rem 0.55rem;
    border: 1px solid var(--wb-border);
    border-radius: 999px;
    color: var(--wb-text-secondary);
    font-size: 0.75rem;
    font-weight: 800;
}

.notifications-secondary[b-8qorks8dnj],
.notifications-more[b-8qorks8dnj] {
    display: inline-flex;
    width: fit-content;
    min-width: 10rem;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-surface);
    color: var(--wb-text);
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.notifications-more[b-8qorks8dnj] {
    justify-self: center;
}

.notifications-secondary:focus-visible[b-8qorks8dnj],
.notifications-more:focus-visible[b-8qorks8dnj],
.notification-copy a:focus-visible[b-8qorks8dnj] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.notifications-secondary:disabled[b-8qorks8dnj],
.notifications-more:disabled[b-8qorks8dnj] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 640px) {
    .notifications-header[b-8qorks8dnj],
    .notification-card[b-8qorks8dnj] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .notifications-secondary[b-8qorks8dnj],
    .notifications-more[b-8qorks8dnj] {
        width: 100%;
    }
}
/* /Components/Pages/Profiles/Profile.razor.rz.scp.css */
.profile-page[b-lq520n6h55] {
    display: grid;
    min-width: 0;
    max-width: 72rem;
    gap: 1.25rem;
    margin: 0 auto;
}

.profile-header[b-lq520n6h55] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.profile-header > div[b-lq520n6h55] {
    min-width: 0;
}

.profile-header p[b-lq520n6h55],
.profile-header h1[b-lq520n6h55],
.profile-decks h2[b-lq520n6h55],
.profile-deck-card h3[b-lq520n6h55],
.profile-deck-card p[b-lq520n6h55],
.profile-state p[b-lq520n6h55] {
    margin: 0;
}

.profile-header p[b-lq520n6h55] {
    color: var(--wb-text-secondary);
    font-weight: 700;
}

.profile-header h1[b-lq520n6h55] {
    color: var(--wb-text);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
    overflow-wrap: anywhere;
}

.profile-feedback[b-lq520n6h55],
.profile-state[b-lq520n6h55] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    overflow-wrap: anywhere;
}

.profile-feedback-error[b-lq520n6h55] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.profile-decks[b-lq520n6h55] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.profile-decks h2[b-lq520n6h55] {
    color: var(--wb-text);
    font-size: 1.25rem;
}

.profile-deck-grid[b-lq520n6h55] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.profile-deck-card[b-lq520n6h55] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.profile-deck-card h3[b-lq520n6h55],
.profile-deck-card p[b-lq520n6h55],
.profile-deck-card a[b-lq520n6h55],
.profile-deck-card dd[b-lq520n6h55] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.profile-deck-card a[b-lq520n6h55] {
    color: var(--wb-primary);
}

.profile-deck-card p[b-lq520n6h55],
.profile-deck-card dt[b-lq520n6h55] {
    color: var(--wb-text-secondary);
}

.profile-deck-card dl[b-lq520n6h55] {
    margin: 0;
}

.profile-deck-card dl > div[b-lq520n6h55] {
    display: grid;
    gap: 0.25rem;
}

.profile-deck-card dd[b-lq520n6h55] {
    margin: 0;
    color: var(--wb-text);
}

.profile-secondary-action[b-lq520n6h55],
.profile-more[b-lq520n6h55] {
    display: inline-flex;
    width: fit-content;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-surface);
    color: var(--wb-text);
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.profile-secondary-action:focus-visible[b-lq520n6h55],
.profile-more:focus-visible[b-lq520n6h55],
.profile-deck-card a:focus-visible[b-lq520n6h55] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.profile-more[b-lq520n6h55] {
    justify-self: center;
}

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

@media (max-width: 520px) {
    .profile-header[b-lq520n6h55] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-deck-grid[b-lq520n6h55] {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-secondary-action[b-lq520n6h55],
    .profile-more[b-lq520n6h55] {
        width: 100%;
    }
}
/* /Components/Pages/RevisionRequests/Detail.razor.rz.scp.css */
.revision-request-detail-page[b-ulea39bmte] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 72rem;
    margin: 0 auto;
}

.revision-request-detail-header[b-ulea39bmte],
.revision-request-detail-summary[b-ulea39bmte],
.revision-request-detail-panel[b-ulea39bmte],
.revision-request-detail-state[b-ulea39bmte],
.revision-request-feedback[b-ulea39bmte] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.revision-request-detail-header[b-ulea39bmte] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.revision-request-detail-header h1[b-ulea39bmte],
.revision-request-detail-summary h2[b-ulea39bmte],
.revision-request-detail-panel h2[b-ulea39bmte] {
    margin: 0;
}

.revision-request-detail-header p[b-ulea39bmte] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.revision-request-feedback[b-ulea39bmte] {
    border-color: var(--wb-success);
    background: var(--wb-success-bg);
}

.revision-request-feedback-error[b-ulea39bmte] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-detail-status-row[b-ulea39bmte] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--wb-text-muted);
}

.revision-request-status[b-ulea39bmte] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    color: var(--wb-on-primary);
    background: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 700;
}

.revision-request-definition-list[b-ulea39bmte],
.revision-request-copy-list[b-ulea39bmte] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.revision-request-definition-list div[b-ulea39bmte],
.revision-request-copy-list div[b-ulea39bmte] {
    display: grid;
    grid-template-columns: minmax(9rem, 0.32fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.revision-request-definition-list dt[b-ulea39bmte],
.revision-request-copy-list dt[b-ulea39bmte] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-definition-list dd[b-ulea39bmte],
.revision-request-copy-list dd[b-ulea39bmte] {
    min-width: 0;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.revision-request-form[b-ulea39bmte],
.revision-request-author-response[b-ulea39bmte],
.revision-request-inline-form[b-ulea39bmte],
.revision-request-accepted-actions[b-ulea39bmte],
.revision-request-owner-metadata[b-ulea39bmte],
.revision-request-report-form[b-ulea39bmte] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.revision-request-form label[b-ulea39bmte],
.revision-request-author-response[b-ulea39bmte],
.revision-request-inline-form label[b-ulea39bmte],
.revision-request-accepted-actions label[b-ulea39bmte],
.revision-request-owner-metadata label[b-ulea39bmte],
.revision-request-report-form label[b-ulea39bmte] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    font-weight: 700;
}

.revision-request-form textarea[b-ulea39bmte],
.revision-request-form select[b-ulea39bmte],
.revision-request-author-response textarea[b-ulea39bmte],
.revision-request-owner-metadata textarea[b-ulea39bmte],
.revision-request-owner-metadata select[b-ulea39bmte],
.revision-request-inline-form select[b-ulea39bmte],
.revision-request-inline-form input[b-ulea39bmte],
.revision-request-accepted-actions select[b-ulea39bmte],
.revision-request-report-form select[b-ulea39bmte],
.revision-request-report-form textarea[b-ulea39bmte] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.revision-request-form textarea[b-ulea39bmte],
.revision-request-author-response textarea[b-ulea39bmte],
.revision-request-owner-metadata textarea[b-ulea39bmte],
.revision-request-report-form textarea[b-ulea39bmte] {
    resize: vertical;
    white-space: pre-wrap;
}

.revision-request-preserved-text[b-ulea39bmte] {
    margin: 1rem 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.revision-request-actions[b-ulea39bmte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.revision-request-primary[b-ulea39bmte],
.revision-request-secondary[b-ulea39bmte],
.revision-request-danger[b-ulea39bmte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.revision-request-primary[b-ulea39bmte] {
    border: 1px solid var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-secondary[b-ulea39bmte] {
    border: 1px solid var(--wb-border-strong);
    color: var(--wb-text);
    background: var(--wb-surface);
}

.revision-request-danger[b-ulea39bmte] {
    border: 1px solid var(--wb-danger);
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-note[b-ulea39bmte] {
    margin: 0.75rem 0 0;
    color: var(--wb-text-muted);
    line-height: 1.6;
}

.revision-request-primary:focus-visible[b-ulea39bmte],
.revision-request-secondary:focus-visible[b-ulea39bmte],
.revision-request-danger:focus-visible[b-ulea39bmte],
.revision-request-form textarea:focus-visible[b-ulea39bmte],
.revision-request-form select:focus-visible[b-ulea39bmte],
.revision-request-author-response textarea:focus-visible[b-ulea39bmte],
.revision-request-owner-metadata textarea:focus-visible[b-ulea39bmte],
.revision-request-owner-metadata select:focus-visible[b-ulea39bmte],
.revision-request-inline-form select:focus-visible[b-ulea39bmte],
.revision-request-inline-form input:focus-visible[b-ulea39bmte],
.revision-request-accepted-actions select:focus-visible[b-ulea39bmte] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.revision-request-primary:disabled[b-ulea39bmte],
.revision-request-secondary:disabled[b-ulea39bmte],
.revision-request-danger:disabled[b-ulea39bmte] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 479px) {
    .revision-request-detail-header[b-ulea39bmte],
    .revision-request-detail-summary[b-ulea39bmte],
    .revision-request-detail-panel[b-ulea39bmte],
    .revision-request-detail-state[b-ulea39bmte],
    .revision-request-feedback[b-ulea39bmte] {
        padding: 1rem;
    }

    .revision-request-definition-list div[b-ulea39bmte],
    .revision-request-copy-list div[b-ulea39bmte] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.2rem;
    }

    .revision-request-actions > *[b-ulea39bmte],
    .revision-request-inline-form > *[b-ulea39bmte],
    .revision-request-owner-metadata > button[b-ulea39bmte] {
        width: 100%;
    }

    .revision-request-comparison-grid[b-ulea39bmte] {
        grid-template-columns: minmax(0, 1fr);
    }
}
.revision-request-copy-button[b-ulea39bmte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 0.75rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.revision-request-copy-button:focus-visible[b-ulea39bmte] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.revision-request-copy-button:disabled[b-ulea39bmte] {
    cursor: not-allowed;
    opacity: 0.65;
}

.revision-request-owner-metadata[b-ulea39bmte] {
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.revision-request-owner-metadata h3[b-ulea39bmte] {
    margin: 0;
}

.revision-request-comparison-grid[b-ulea39bmte] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

@media (max-width: 479px) {
    .revision-request-comparison-grid[b-ulea39bmte] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/RevisionRequests/List.razor.rz.scp.css */
.revision-request-list-page[b-wiogiy6d9x] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 72rem;
    margin: 0 auto;
}

.revision-request-list-header[b-wiogiy6d9x],
.revision-request-filter[b-wiogiy6d9x],
.revision-request-list-state[b-wiogiy6d9x],
.revision-request-list-feedback[b-wiogiy6d9x],
.revision-request-list-item[b-wiogiy6d9x] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.revision-request-list-header[b-wiogiy6d9x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.revision-request-list-header h1[b-wiogiy6d9x],
.revision-request-list-item h2[b-wiogiy6d9x] {
    margin: 0;
}

.revision-request-view-tabs[b-wiogiy6d9x] {
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid var(--wb-border-subtle);
    border-radius: 12px;
    background: var(--wb-bg);
}

.revision-request-view-tabs[b-wiogiy6d9x]  a,
.revision-request-list-detail[b-wiogiy6d9x],
.revision-request-load-more[b-wiogiy6d9x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.revision-request-view-tabs[b-wiogiy6d9x]  a.active {
    border-color: var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-view-tabs[b-wiogiy6d9x]  a:hover:not(.active) {
    border-color: var(--wb-primary-border-strong);
    background: var(--wb-surface-hover);
    color: var(--wb-primary-hover);
}

.revision-request-filter[b-wiogiy6d9x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.revision-request-filter label[b-wiogiy6d9x] {
    font-weight: 700;
}

.revision-request-filter select[b-wiogiy6d9x] {
    min-height: 44px;
    min-width: min(100%, 16rem);
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.revision-request-list-feedback[b-wiogiy6d9x] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-display-groups[b-wiogiy6d9x],
.revision-request-display-group[b-wiogiy6d9x] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.revision-request-priority-heading[b-wiogiy6d9x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin: 0;
    padding: 0.8rem 1rem;
    border-left: 4px solid var(--wb-primary);
    border-radius: 10px;
    background: var(--wb-surface-subtle);
    font-size: 1.05rem;
}

.revision-request-priority-count[b-wiogiy6d9x] {
    color: var(--wb-text-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.revision-request-list[b-wiogiy6d9x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: 1rem;
}

.revision-request-list-item[b-wiogiy6d9x] {
    display: grid;
    align-content: start;
    gap: 0.9rem;
}

.revision-request-list-item-heading[b-wiogiy6d9x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--wb-text-muted);
}

.revision-request-status[b-wiogiy6d9x],
.revision-request-unread[b-wiogiy6d9x] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
}

.revision-request-status[b-wiogiy6d9x] {
    background: var(--wb-surface-subtle);
}

.revision-request-unread[b-wiogiy6d9x] {
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-list-item dl[b-wiogiy6d9x] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.revision-request-list-item dl div[b-wiogiy6d9x] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.4fr) minmax(0, 1fr);
    gap: 0.5rem;
}

.revision-request-list-item dt[b-wiogiy6d9x] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-list-item dd[b-wiogiy6d9x] {
    min-width: 0;
    margin: 0;
}

.revision-request-list-detail[b-wiogiy6d9x] {
    justify-self: start;
    margin-top: auto;
}

.revision-request-load-more[b-wiogiy6d9x] {
    justify-self: center;
    cursor: pointer;
}

.revision-request-view-tabs[b-wiogiy6d9x]  a:focus-visible,
.revision-request-list-detail:focus-visible[b-wiogiy6d9x],
.revision-request-load-more:focus-visible[b-wiogiy6d9x],
.revision-request-filter select:focus-visible[b-wiogiy6d9x] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

@media (max-width: 479px) {
    .revision-request-list-header[b-wiogiy6d9x],
    .revision-request-filter[b-wiogiy6d9x],
    .revision-request-list-state[b-wiogiy6d9x],
    .revision-request-list-feedback[b-wiogiy6d9x],
    .revision-request-list-item[b-wiogiy6d9x] {
        padding: 1rem;
    }

    .revision-request-view-tabs[b-wiogiy6d9x],
    .revision-request-view-tabs[b-wiogiy6d9x]  a,
    .revision-request-filter select[b-wiogiy6d9x],
    .revision-request-list-detail[b-wiogiy6d9x],
    .revision-request-load-more[b-wiogiy6d9x] {
        width: 100%;
    }

    .revision-request-priority-heading[b-wiogiy6d9x] {
        align-items: flex-start;
        flex-direction: column;
        padding: 0.75rem 0.85rem;
    }

    .revision-request-list-item dl div[b-wiogiy6d9x] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.2rem;
    }
}
/* /Components/Pages/RevisionRequests/Moderation.razor.rz.scp.css */
.revision-request-moderation-page[b-pi4xcpzji7] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 76rem;
    margin: 0 auto;
}

.revision-request-moderation-header[b-pi4xcpzji7],
.revision-request-moderation-filter[b-pi4xcpzji7],
.revision-request-moderation-state[b-pi4xcpzji7],
.revision-request-moderation-card[b-pi4xcpzji7],
.revision-request-moderation-feedback[b-pi4xcpzji7] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.revision-request-moderation-header[b-pi4xcpzji7],
.revision-request-moderation-card > header[b-pi4xcpzji7],
.revision-request-moderation-filter[b-pi4xcpzji7],
.revision-request-moderation-actions[b-pi4xcpzji7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.revision-request-moderation-header h1[b-pi4xcpzji7],
.revision-request-moderation-card h2[b-pi4xcpzji7],
.revision-request-reported-snapshot h3[b-pi4xcpzji7],
.revision-request-reported-snapshot h4[b-pi4xcpzji7] {
    margin: 0;
}

.revision-request-moderation-header p[b-pi4xcpzji7],
.revision-request-moderation-card header p[b-pi4xcpzji7] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.revision-request-moderation-feedback[b-pi4xcpzji7] {
    border-color: var(--wb-success);
    background: var(--wb-success-bg);
}

.revision-request-moderation-feedback-error[b-pi4xcpzji7] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-moderation-filter label[b-pi4xcpzji7],
.revision-request-operator-note[b-pi4xcpzji7] {
    display: grid;
    gap: 0.4rem;
    min-width: min(100%, 20rem);
    font-weight: 700;
}

.revision-request-moderation-filter select[b-pi4xcpzji7],
.revision-request-operator-note textarea[b-pi4xcpzji7] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.revision-request-operator-note textarea[b-pi4xcpzji7] {
    resize: vertical;
    white-space: pre-wrap;
}

.revision-request-moderation-list[b-pi4xcpzji7] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.revision-request-report-status[b-pi4xcpzji7] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    color: var(--wb-on-primary);
    background: var(--wb-primary);
    font-size: 0.875rem;
    font-weight: 700;
}

.revision-request-moderation-definition-list[b-pi4xcpzji7] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.revision-request-moderation-definition-list div[b-pi4xcpzji7] {
    display: grid;
    grid-template-columns: minmax(9rem, 0.32fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.revision-request-moderation-definition-list dt[b-pi4xcpzji7] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-moderation-definition-list dd[b-pi4xcpzji7] {
    min-width: 0;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.revision-request-reported-snapshot[b-pi4xcpzji7] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-surface-muted);
}

.revision-request-reported-snapshot p[b-pi4xcpzji7] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.revision-request-moderation-actions[b-pi4xcpzji7] {
    justify-content: flex-start;
    margin-top: 1rem;
}

.revision-request-moderation-warning[b-pi4xcpzji7] {
    color: var(--wb-danger);
    font-weight: 700;
}

.revision-request-primary[b-pi4xcpzji7],
.revision-request-secondary[b-pi4xcpzji7],
.revision-request-danger[b-pi4xcpzji7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.revision-request-primary[b-pi4xcpzji7] {
    border: 1px solid var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-secondary[b-pi4xcpzji7] {
    border: 1px solid var(--wb-border-strong);
    color: var(--wb-text);
    background: var(--wb-surface);
}

.revision-request-danger[b-pi4xcpzji7] {
    border: 1px solid var(--wb-danger);
    color: var(--wb-danger);
    background: transparent;
}

.revision-request-primary:focus-visible[b-pi4xcpzji7],
.revision-request-secondary:focus-visible[b-pi4xcpzji7],
.revision-request-danger:focus-visible[b-pi4xcpzji7],
.revision-request-moderation-filter select:focus-visible[b-pi4xcpzji7],
.revision-request-operator-note textarea:focus-visible[b-pi4xcpzji7] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.revision-request-primary:disabled[b-pi4xcpzji7],
.revision-request-secondary:disabled[b-pi4xcpzji7],
.revision-request-danger:disabled[b-pi4xcpzji7] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 479px) {
    .revision-request-moderation-header[b-pi4xcpzji7],
    .revision-request-moderation-filter[b-pi4xcpzji7],
    .revision-request-moderation-card > header[b-pi4xcpzji7],
    .revision-request-moderation-actions[b-pi4xcpzji7] {
        align-items: stretch;
        flex-direction: column;
    }

    .revision-request-moderation-definition-list div[b-pi4xcpzji7] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
    }

    .revision-request-primary[b-pi4xcpzji7],
    .revision-request-secondary[b-pi4xcpzji7],
    .revision-request-danger[b-pi4xcpzji7] {
        width: 100%;
    }
}
/* /Components/Pages/RevisionRequests/Settings.razor.rz.scp.css */
.revision-request-settings-page[b-z4zpmbsdsr] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 72rem;
    margin: 0 auto;
}

.revision-request-settings-header[b-z4zpmbsdsr],
.revision-request-settings-panel[b-z4zpmbsdsr],
.revision-request-settings-state[b-z4zpmbsdsr],
.revision-request-feedback[b-z4zpmbsdsr] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.revision-request-settings-header[b-z4zpmbsdsr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.revision-request-settings-header h1[b-z4zpmbsdsr],
.revision-request-settings-panel h2[b-z4zpmbsdsr],
.revision-request-block-list h3[b-z4zpmbsdsr] {
    margin: 0;
}

.revision-request-settings-header p[b-z4zpmbsdsr] {
    margin: 0.4rem 0 0;
    color: var(--wb-text-muted);
}

.revision-request-feedback[b-z4zpmbsdsr] {
    border-color: var(--wb-success);
    background: var(--wb-success-bg);
}

.revision-request-feedback-error[b-z4zpmbsdsr] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-note[b-z4zpmbsdsr] {
    margin: 0.75rem 0 0;
    color: var(--wb-text-muted);
    line-height: 1.6;
}

.revision-request-policy-grid[b-z4zpmbsdsr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.revision-request-policy-grid article[b-z4zpmbsdsr],
.revision-request-card-policy[b-z4zpmbsdsr],
.revision-request-block-list article[b-z4zpmbsdsr] {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.revision-request-policy-grid label[b-z4zpmbsdsr],
.revision-request-card-policy label[b-z4zpmbsdsr] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    font-weight: 700;
}

.revision-request-policy-grid select[b-z4zpmbsdsr],
.revision-request-card-policy select[b-z4zpmbsdsr] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.revision-request-card-policy[b-z4zpmbsdsr] {
    margin-top: 1rem;
}

.revision-request-block-list[b-z4zpmbsdsr] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.revision-request-block-list article[b-z4zpmbsdsr] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.revision-request-block-list dl[b-z4zpmbsdsr] {
    display: grid;
    gap: 0.5rem;
    margin: 0.75rem 0 0;
}

.revision-request-block-list dl div[b-z4zpmbsdsr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.revision-request-block-list dt[b-z4zpmbsdsr] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-block-list dd[b-z4zpmbsdsr] {
    margin: 0;
}

.revision-request-primary[b-z4zpmbsdsr],
.revision-request-secondary[b-z4zpmbsdsr],
.revision-request-danger[b-z4zpmbsdsr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.revision-request-primary[b-z4zpmbsdsr] {
    border: 1px solid var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-secondary[b-z4zpmbsdsr] {
    border: 1px solid var(--wb-border-strong);
    color: var(--wb-text);
    background: var(--wb-surface);
}

.revision-request-danger[b-z4zpmbsdsr] {
    border: 1px solid var(--wb-danger);
    color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-primary:focus-visible[b-z4zpmbsdsr],
.revision-request-secondary:focus-visible[b-z4zpmbsdsr],
.revision-request-danger:focus-visible[b-z4zpmbsdsr],
.revision-request-policy-grid select:focus-visible[b-z4zpmbsdsr],
.revision-request-card-policy select:focus-visible[b-z4zpmbsdsr] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.revision-request-primary:disabled[b-z4zpmbsdsr],
.revision-request-danger:disabled[b-z4zpmbsdsr] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 479px) {
    .revision-request-settings-header[b-z4zpmbsdsr],
    .revision-request-settings-panel[b-z4zpmbsdsr],
    .revision-request-settings-state[b-z4zpmbsdsr],
    .revision-request-feedback[b-z4zpmbsdsr] {
        padding: 1rem;
    }

    .revision-request-block-list article[b-z4zpmbsdsr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .revision-request-primary[b-z4zpmbsdsr],
    .revision-request-secondary[b-z4zpmbsdsr],
    .revision-request-danger[b-z4zpmbsdsr] {
        width: 100%;
    }
}
/* /Components/Pages/RevisionRequests/Submit.razor.rz.scp.css */
.revision-request-page[b-8gvk6jcwy6] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 64rem;
    margin: 0 auto;
}

.revision-request-header[b-8gvk6jcwy6],
.revision-request-panel[b-8gvk6jcwy6],
.revision-request-state[b-8gvk6jcwy6],
.revision-request-feedback[b-8gvk6jcwy6] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
    overflow-wrap: anywhere;
}

.revision-request-header h1[b-8gvk6jcwy6],
.revision-request-panel h2[b-8gvk6jcwy6] {
    margin: 0;
}

.revision-request-header p[b-8gvk6jcwy6] {
    margin: 0.5rem 0 0;
    color: var(--wb-text-muted);
}

.revision-request-feedback[b-8gvk6jcwy6] {
    border-color: var(--wb-success);
    background: var(--wb-success-bg);
}

.revision-request-feedback-error[b-8gvk6jcwy6] {
    border-color: var(--wb-danger);
    background: var(--wb-danger-bg);
}

.revision-request-definition-list[b-8gvk6jcwy6] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.revision-request-definition-list div[b-8gvk6jcwy6] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.3fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.revision-request-definition-list dt[b-8gvk6jcwy6] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-definition-list dd[b-8gvk6jcwy6] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    margin: 0;
    white-space: pre-wrap;
}

.revision-request-target-text[b-8gvk6jcwy6] {
    overflow-wrap: anywhere;
}

.revision-request-form[b-8gvk6jcwy6] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.revision-request-form label[b-8gvk6jcwy6] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    font-weight: 700;
}

.revision-request-form textarea[b-8gvk6jcwy6],
.revision-request-form select[b-8gvk6jcwy6] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.75rem;
    border: 1px solid var(--wb-border-strong);
    border-radius: 10px;
    color: var(--wb-text);
    background: var(--wb-surface);
    font: inherit;
}

.revision-request-form textarea[b-8gvk6jcwy6] {
    resize: vertical;
    white-space: pre-wrap;
}

.revision-request-form small[b-8gvk6jcwy6] {
    color: var(--wb-text-muted);
    font-weight: 400;
    text-align: end;
}

.revision-request-actions[b-8gvk6jcwy6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.revision-request-primary[b-8gvk6jcwy6],
.revision-request-secondary[b-8gvk6jcwy6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.revision-request-primary[b-8gvk6jcwy6] {
    border: 1px solid var(--wb-primary);
    color: var(--wb-on-primary);
    background: var(--wb-primary);
}

.revision-request-secondary[b-8gvk6jcwy6] {
    border: 1px solid var(--wb-border-strong);
    color: var(--wb-text);
    background: var(--wb-surface);
}

.revision-request-primary:focus-visible[b-8gvk6jcwy6],
.revision-request-secondary:focus-visible[b-8gvk6jcwy6],
.revision-request-form textarea:focus-visible[b-8gvk6jcwy6],
.revision-request-form select:focus-visible[b-8gvk6jcwy6] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.revision-request-primary:disabled[b-8gvk6jcwy6],
.revision-request-secondary[aria-disabled="true"][b-8gvk6jcwy6] {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

@media (max-width: 479px) {
    .revision-request-header[b-8gvk6jcwy6],
    .revision-request-panel[b-8gvk6jcwy6],
    .revision-request-state[b-8gvk6jcwy6],
    .revision-request-feedback[b-8gvk6jcwy6] {
        padding: 1rem;
    }

    .revision-request-definition-list div[b-8gvk6jcwy6] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
    }

    .revision-request-actions > *[b-8gvk6jcwy6] {
        width: 100%;
    }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.search-page[b-kjvxeyydok],
.search-filter-panel[b-kjvxeyydok],
.search-keyword-form[b-kjvxeyydok],
.search-keyword-controls[b-kjvxeyydok],
.search-basic-filters[b-kjvxeyydok],
.search-purpose-fieldset[b-kjvxeyydok],
.search-purpose-options[b-kjvxeyydok],
.search-category-shortcuts[b-kjvxeyydok],
.search-category-shortcut-list[b-kjvxeyydok],
.search-select-control[b-kjvxeyydok],
.search-label-with-help[b-kjvxeyydok],
.search-randomize-action[b-kjvxeyydok],
.search-details[b-kjvxeyydok],
.search-details-content[b-kjvxeyydok],
.search-tag-form[b-kjvxeyydok],
.search-tag-controls[b-kjvxeyydok],
.search-applied-filters[b-kjvxeyydok],
.search-applied-filters-heading-group[b-kjvxeyydok],
.search-filter-chips[b-kjvxeyydok],
.search-filter-chip[b-kjvxeyydok],
.search-filter-chip-value[b-kjvxeyydok],
.search-results[b-kjvxeyydok],
.search-results-heading-group[b-kjvxeyydok],
.search-result-grid[b-kjvxeyydok],
.search-result-item[b-kjvxeyydok],
.search-load-error[b-kjvxeyydok] {
    min-width: 0;
}

.search-page[b-kjvxeyydok] {
    display: flex;
    max-width: 1400px;
    flex-direction: column;
    gap: 2rem;
    margin: 0 auto;
}

.search-page-heading[b-kjvxeyydok],
.search-results-heading[b-kjvxeyydok],
.search-result-count[b-kjvxeyydok],
.search-empty-state[b-kjvxeyydok],
.search-validation-error[b-kjvxeyydok],
.search-load-error p[b-kjvxeyydok] {
    margin: 0;
    overflow-wrap: anywhere;
}

.search-page-heading[b-kjvxeyydok] {
    color: var(--wb-text, #0F172A);
    font-size: clamp(1.9rem, 4vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.search-filter-panel[b-kjvxeyydok] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    border: 1px solid var(--wb-border-soft, #DDE7F3);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(239, 246, 255, 0.72), rgba(245, 243, 255, 0.5)),
        var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.search-keyword-form[b-kjvxeyydok] {
    padding: 1rem;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 14px;
    background: var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
}

.search-control-label[b-kjvxeyydok] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--wb-text-secondary, #334155);
    font-size: 0.9375rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.search-keyword-controls[b-kjvxeyydok] {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
}

.search-keyword-input[b-kjvxeyydok],
.search-tag-input[b-kjvxeyydok],
.search-primary-button[b-kjvxeyydok],
.search-secondary-button[b-kjvxeyydok],
.search-clear-all-button[b-kjvxeyydok],
.search-filter-chip-remove[b-kjvxeyydok],
.search-category-shortcut[b-kjvxeyydok],
.search-select[b-kjvxeyydok] {
    min-height: 44px;
    box-sizing: border-box;
    border-radius: 11px;
    font: inherit;
}

.search-keyword-input[b-kjvxeyydok],
.search-tag-input[b-kjvxeyydok],
.search-select[b-kjvxeyydok] {
    width: 100%;
    min-width: 0;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    background: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

.search-keyword-input[b-kjvxeyydok] {
    flex: 1 1 24rem;
    font-size: 1rem;
}

.search-tag-input[b-kjvxeyydok] {
    flex: 1 1 14rem;
}

.search-keyword-input[b-kjvxeyydok]::placeholder {
    color: var(--wb-text-subtle, #64748B);
    opacity: 1;
}

.search-keyword-input[aria-invalid="true"][b-kjvxeyydok],
.search-tag-input[aria-invalid="true"][b-kjvxeyydok] {
    border-color: var(--wb-danger, #B91C1C);
}

.search-primary-button[b-kjvxeyydok],
.search-secondary-button[b-kjvxeyydok],
.search-clear-all-button[b-kjvxeyydok] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.15rem;
    font-weight: 750;
    text-align: center;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.search-primary-button[b-kjvxeyydok] {
    flex: 0 0 auto;
    border: 1px solid var(--wb-primary, #2563EB);
    background: var(--wb-primary, #2563EB);
    color: var(--wb-on-primary, #FFFFFF);
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.14);
}

.search-primary-button:hover[b-kjvxeyydok] {
    border-color: var(--wb-primary-hover, #1D4ED8);
    background: var(--wb-primary-hover, #1D4ED8);
}

.search-secondary-button[b-kjvxeyydok],
.search-clear-all-button[b-kjvxeyydok] {
    border: 1px solid var(--wb-primary-border, #BFDBFE);
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-primary-hover, #1D4ED8);
}

.search-secondary-button:hover[b-kjvxeyydok],
.search-clear-all-button:hover[b-kjvxeyydok] {
    border-color: var(--wb-primary-border-strong, #93C5FD);
    background: var(--wb-primary-soft, #EFF6FF);
}

.search-validation-error[b-kjvxeyydok] {
    margin-top: 0.75rem;
    color: var(--wb-danger, #B91C1C);
    font-size: 0.875rem;
    font-weight: 650;
}

.search-basic-filters[b-kjvxeyydok] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(10rem, 0.8fr) minmax(10rem, 0.8fr);
    align-items: end;
    gap: 1rem;
}

.search-purpose-fieldset[b-kjvxeyydok] {
    padding: 0;
    margin: 0;
    border: 0;
}

.search-purpose-options[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.search-purpose-option[b-kjvxeyydok] {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--wb-border-soft, #DDE7F3);
    border-radius: 11px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-muted, #475569);
    font-weight: 650;
    line-height: 1.4;
    cursor: pointer;
}

.search-purpose-option:has(input:checked)[b-kjvxeyydok] {
    border-color: var(--wb-primary-border-strong, #93C5FD);
    background: var(--wb-primary-soft, #EFF6FF);
    color: var(--wb-primary-soft-text, #1E3A8A);
}

.search-purpose-option input[b-kjvxeyydok] {
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--wb-primary, #2563EB);
}

.search-purpose-option span[b-kjvxeyydok] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.search-category-shortcuts[b-kjvxeyydok] {
    padding: 1rem;
    border: 1px solid var(--wb-border-soft, #DDE7F3);
    border-radius: 14px;
    background: var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
}

.search-category-shortcut-header[b-kjvxeyydok] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.search-category-shortcut-header > .search-control-label[b-kjvxeyydok] {
    margin-bottom: 0;
}

.search-category-bulk-actions[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.search-category-bulk-action[b-kjvxeyydok] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--wb-primary-border, #BFDBFE);
    border-radius: 10px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-primary-hover, #1D4ED8);
    font: inherit;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
}

.search-category-bulk-action:hover:not(:disabled)[b-kjvxeyydok] {
    border-color: var(--wb-primary-border-strong, #93C5FD);
    background: var(--wb-primary-soft, #EFF6FF);
}

.search-category-bulk-action:disabled[b-kjvxeyydok] {
    opacity: 0.5;
    cursor: default;
}

.search-category-shortcut-list[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.search-category-shortcut[b-kjvxeyydok] {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--wb-border-soft, #DDE7F3);
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-muted, #475569);
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.search-category-shortcut:hover[b-kjvxeyydok] {
    border-color: var(--wb-primary-border-strong, #93C5FD);
    background: var(--wb-primary-soft, #EFF6FF);
    color: var(--wb-primary-soft-text, #1E3A8A);
}

.search-category-shortcut-selected[b-kjvxeyydok],
.search-category-shortcut[aria-pressed="true"][b-kjvxeyydok] {
    border-color: var(--wb-primary, #2563EB);
    background: var(--wb-primary-soft, #EFF6FF);
    color: var(--wb-primary-soft-text, #1E3A8A);
    box-shadow: inset 0 0 0 1px var(--wb-primary, #2563EB);
}

.search-select-control[b-kjvxeyydok] {
    display: flex;
    flex-direction: column;
}

.search-select[b-kjvxeyydok] {
    cursor: pointer;
}

.search-randomize-action[b-kjvxeyydok] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    --help-tooltip-inline-start: auto;
    --help-tooltip-inline-end: 0;
}

.search-randomize-action > .search-secondary-button[b-kjvxeyydok] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.search-label-with-help[b-kjvxeyydok] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.search-label-with-help > .search-control-label[b-kjvxeyydok] {
    min-width: 0;
    margin-bottom: 0;
}

.search-cue-language-control[b-kjvxeyydok] {
    --help-tooltip-inline-start: auto;
    --help-tooltip-inline-end: 0;
}

.search-details[b-kjvxeyydok] {
    padding: 1rem;
    border: 1px solid var(--wb-border-soft, #DDE7F3);
    border-radius: 14px;
    background: var(--wb-surface, #FFFFFF);
    box-sizing: border-box;
}

.search-details-summary[b-kjvxeyydok] {
    display: none;
    color: var(--wb-text-secondary, #334155);
    font-weight: 750;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.search-details-content[b-kjvxeyydok] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    gap: 1rem;
}

.search-details-content > .search-select-control:first-child[b-kjvxeyydok] {
    position: relative;
}

.search-details-content > .search-select-control:first-child[b-kjvxeyydok]::before {
    content: "";
    position: absolute;
    inset: -0.4rem;
    z-index: -1;
    border-radius: 12px;
    background: var(--wb-primary-soft, #EFF6FF);
    opacity: 0.55;
}

.search-tag-form[b-kjvxeyydok] {
    display: flex;
    flex-direction: column;
}

.search-tag-controls[b-kjvxeyydok] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: stretch;
    gap: 0.75rem;
}

.search-tag-controls > .search-secondary-button[b-kjvxeyydok] {
    min-inline-size: 5rem;
    white-space: nowrap;
}

.search-applied-filters[b-kjvxeyydok] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wb-border-soft, #DDE7F3);
}

.search-applied-filters-heading-group[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.search-applied-filters-heading[b-kjvxeyydok] {
    margin: 0;
    color: var(--wb-text-secondary, #334155);
    font-size: 1rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.search-filter-chips[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.search-filter-chip[b-kjvxeyydok] {
    display: inline-flex;
    max-width: 100%;
    min-height: 40px;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.4rem 0.35rem 0.7rem;
    border: 1px solid var(--wb-primary-border, #BFDBFE);
    border-radius: 999px;
    background: var(--wb-primary-soft, #EFF6FF);
    color: var(--wb-primary-soft-text, #1E3A8A);
    line-height: 1.4;
}

.search-filter-chip-label[b-kjvxeyydok] {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    font-weight: 750;
    overflow-wrap: normal;
    white-space: nowrap;
}

.search-filter-chip-value[b-kjvxeyydok] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.search-filter-chip-remove[b-kjvxeyydok] {
    display: inline-flex;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--wb-primary-hover, #1D4ED8);
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1;
    cursor: pointer;
}

.search-filter-chip-remove:hover[b-kjvxeyydok] {
    background: var(--wb-primary-tint, #DBEAFE);
}

.search-keyword-input:focus-visible[b-kjvxeyydok],
.search-tag-input:focus-visible[b-kjvxeyydok],
.search-primary-button:focus-visible[b-kjvxeyydok],
.search-secondary-button:focus-visible[b-kjvxeyydok],
.search-clear-all-button:focus-visible[b-kjvxeyydok],
.search-filter-chip-remove:focus-visible[b-kjvxeyydok],
.search-category-bulk-action:focus-visible[b-kjvxeyydok],
.search-category-shortcut:focus-visible[b-kjvxeyydok],
.search-details-summary:focus-visible[b-kjvxeyydok],
.search-select:focus-visible[b-kjvxeyydok],
.search-purpose-option:has(input:focus-visible)[b-kjvxeyydok] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 3px;
}

.search-results[b-kjvxeyydok] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.search-results-loading[b-kjvxeyydok] {
    display: grid;
    min-height: 18rem;
    place-items: center;
}

.search-results-heading-group[b-kjvxeyydok] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
}

.search-results-heading[b-kjvxeyydok] {
    color: var(--wb-text, #0F172A);
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 800;
    line-height: 1.3;
}

.search-result-count[b-kjvxeyydok] {
    color: var(--wb-text-muted, #475569);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.search-status-announcement[b-kjvxeyydok] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.search-result-grid[b-kjvxeyydok] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.search-result-item[b-kjvxeyydok] {
    display: flex;
}

.search-empty-state[b-kjvxeyydok] {
    padding: 2.25rem 1.25rem;
    border: 1px dashed var(--wb-primary-border, #BFDBFE);
    border-radius: 16px;
    background: var(--wb-primary-soft, #EFF6FF);
    color: var(--wb-text-subtle, #64748B);
    text-align: center;
}

.search-load-error[b-kjvxeyydok] {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--wb-danger, #B91C1C);
    border-radius: 14px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
    text-align: center;
}

.search-load-more-action[b-kjvxeyydok] {
    display: flex;
    justify-content: center;
}

.search-load-error > .search-secondary-button[b-kjvxeyydok],
.search-load-more-action > .search-secondary-button[b-kjvxeyydok] {
    min-width: 10rem;
}

@media (prefers-reduced-motion: reduce) {
    .search-primary-button[b-kjvxeyydok],
    .search-secondary-button[b-kjvxeyydok],
    .search-clear-all-button[b-kjvxeyydok],
    .search-category-bulk-action[b-kjvxeyydok],
    .search-category-shortcut[b-kjvxeyydok],
    .search-purpose-option[b-kjvxeyydok] {
        transition: none;
    }
}

@media (min-width: 1280px) {
    .search-result-grid[b-kjvxeyydok] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .search-basic-filters[b-kjvxeyydok] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .search-purpose-fieldset[b-kjvxeyydok] {
        grid-column: 1 / -1;
    }

    .search-details-content[b-kjvxeyydok] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 767px) {
    .search-page[b-kjvxeyydok] {
        gap: 1.5rem;
    }

    .search-filter-panel[b-kjvxeyydok] {
        padding: 1.1rem;
        border-radius: 14px;
    }

    .search-keyword-form[b-kjvxeyydok] {
        padding: 0.9rem;
    }

    .search-keyword-controls[b-kjvxeyydok] {
        flex-direction: column;
    }

    .search-basic-filters[b-kjvxeyydok],
    .search-result-grid[b-kjvxeyydok] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-purpose-fieldset[b-kjvxeyydok] {
        grid-column: auto;
    }

    .search-category-shortcuts[b-kjvxeyydok] {
        padding: 0.9rem;
    }

    .search-category-shortcut-header[b-kjvxeyydok] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-category-bulk-actions[b-kjvxeyydok] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search-category-bulk-action[b-kjvxeyydok] {
        width: 100%;
    }

    .search-details[b-kjvxeyydok] {
        padding: 0;
        background: var(--wb-surface, #FFFFFF);
    }

    .search-details-summary[b-kjvxeyydok] {
        display: list-item;
        min-height: 44px;
        padding: 0.8rem 1rem;
        box-sizing: border-box;
    }

    .search-details[open] > .search-details-summary[b-kjvxeyydok] {
        border-bottom: 1px solid var(--wb-border-soft, #DDE7F3);
    }

    .search-details-content[b-kjvxeyydok] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1rem;
    }

    .search-details:not([open]) > .search-details-content[b-kjvxeyydok] {
        display: none;
    }

    .search-details-content > .search-select-control:first-child[b-kjvxeyydok]::before {
        display: none;
    }

    .search-tag-controls[b-kjvxeyydok] {
        display: flex;
        flex-direction: column;
    }

    .search-tag-input[b-kjvxeyydok],
    .search-keyword-input[b-kjvxeyydok] {
        flex-basis: auto;
    }

    .search-primary-button[b-kjvxeyydok],
    .search-secondary-button[b-kjvxeyydok],
    .search-clear-all-button[b-kjvxeyydok] {
        width: 100%;
    }

    .search-results-heading-group[b-kjvxeyydok],
    .search-applied-filters-heading-group[b-kjvxeyydok] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 479px) {
    .search-purpose-options[b-kjvxeyydok] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .search-purpose-option[b-kjvxeyydok] {
        width: 100%;
        box-sizing: border-box;
    }

    .search-category-shortcut[b-kjvxeyydok] {
        flex: 1 1 100%;
        width: 100%;
    }

    .search-filter-chip[b-kjvxeyydok] {
        width: 100%;
        border-radius: 12px;
        box-sizing: border-box;
    }
}

@media (max-width: 359px) {
    .search-filter-panel[b-kjvxeyydok],
    .search-keyword-form[b-kjvxeyydok],
    .search-empty-state[b-kjvxeyydok],
    .search-load-error[b-kjvxeyydok] {
        padding: 0.9rem;
    }

    .search-details-content[b-kjvxeyydok] {
        padding: 0.875rem;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-52zzdo86nc] {
    width: min(100%, 1040px);
    margin: 0 auto;
    display: grid;
    gap: 20px;
    min-width: 0;
}

.settings-header[b-52zzdo86nc],
.settings-section[b-52zzdo86nc] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 12px);
    background: var(--wb-surface, #FFFFFF);
}

.settings-header h1[b-52zzdo86nc],
.settings-section h2[b-52zzdo86nc] {
    margin-top: 0;
}

.settings-header p[b-52zzdo86nc],
.settings-section-heading p[b-52zzdo86nc],
.settings-field p[b-52zzdo86nc],
.settings-link-card span[b-52zzdo86nc],
.settings-local-note[b-52zzdo86nc],
.settings-danger-note[b-52zzdo86nc] {
    color: var(--wb-text-subtle, #64748B);
}

.settings-section-heading[b-52zzdo86nc] {
    margin-bottom: 16px;
}

.settings-section-heading p[b-52zzdo86nc],
.settings-local-note[b-52zzdo86nc],
.settings-danger-note[b-52zzdo86nc] {
    margin-bottom: 0;
}

.settings-link-grid[b-52zzdo86nc],
.settings-control-grid[b-52zzdo86nc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.settings-link-card[b-52zzdo86nc] {
    display: flex;
    min-width: 0;
    min-height: 72px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: var(--wb-ui-control-radius, 10px);
    background: var(--wb-bg, #F8FAFC);
    color: var(--wb-text, #0F172A);
    text-decoration: none;
}

.settings-link-card-single[b-52zzdo86nc] {
    width: min(100%, 520px);
}

.settings-link-card:hover[b-52zzdo86nc] {
    border-color: var(--wb-link, #2563EB);
}

.settings-link-card:focus-visible[b-52zzdo86nc],
.settings-select:focus-visible[b-52zzdo86nc] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 2px;
}

.settings-link-card strong[b-52zzdo86nc],
.settings-link-card span[b-52zzdo86nc] {
    overflow-wrap: anywhere;
}

.settings-field[b-52zzdo86nc] {
    min-width: 0;
}

.settings-field label[b-52zzdo86nc] {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

.settings-select[b-52zzdo86nc] {
    width: 100%;
    min-height: 44px;
    padding: 8px 36px 8px 12px;
    border: 1px solid var(--wb-border, #CBD5E1);
    border-radius: var(--wb-ui-control-radius, 8px);
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

.settings-field p[b-52zzdo86nc] {
    margin: 8px 0 0;
}

.settings-local-note[b-52zzdo86nc] {
    margin-top: 14px;
}

.settings-section-danger[b-52zzdo86nc] {
    border-color: var(--wb-danger-border, #FECACA);
}

.settings-link-danger[b-52zzdo86nc] {
    border-color: var(--wb-danger-border, #FECACA);
    background: var(--wb-danger-surface, #FEF2F2);
    color: var(--wb-danger, #B91C1C);
}

.settings-danger-note[b-52zzdo86nc] {
    margin-top: 14px;
}

@media (max-width: 640px) {
    .settings-page[b-52zzdo86nc] {
        gap: 16px;
    }

    .settings-header[b-52zzdo86nc],
    .settings-section[b-52zzdo86nc] {
        padding: 18px;
    }

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

    .settings-link-card-single[b-52zzdo86nc] {
        width: 100%;
    }
}
/* /Components/Pages/Study/History.razor.rz.scp.css */
.study-history-page[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
    max-width: 72rem;
    margin: 0 auto;
}

.study-history-header[b-q7oxpc2b8m] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 1rem;
}

.study-history-header h1[b-q7oxpc2b8m],
.study-history-header p[b-q7oxpc2b8m],
.study-history-card h2[b-q7oxpc2b8m],
.study-history-card p[b-q7oxpc2b8m] {
    margin: 0;
}

.study-history-header h1[b-q7oxpc2b8m] {
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: clamp(1.7rem, 5vw, 2.4rem);
}

.study-history-header > div[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
}

.study-history-header > div > p:last-child[b-q7oxpc2b8m] {
    color: var(--wb-text-secondary);
    line-height: 1.7;
}

.study-history-eyebrow[b-q7oxpc2b8m] {
    color: var(--wb-primary);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.study-history-feedback[b-q7oxpc2b8m],
.study-history-state[b-q7oxpc2b8m] {
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
}

.study-history-feedback[b-q7oxpc2b8m] {
    border-color: var(--wb-danger);
}

.study-history-state[b-q7oxpc2b8m] {
    display: grid;
    gap: 0.5rem;
    text-align: center;
}

.study-history-state-error[b-q7oxpc2b8m] {
    border-color: var(--wb-danger);
}

.study-history-state-actions[b-q7oxpc2b8m] {
    display: flex;
    min-width: 0;
    justify-content: center;
    margin-top: 0.25rem;
}

.study-history-state h2[b-q7oxpc2b8m],
.study-history-state p[b-q7oxpc2b8m] {
    margin: 0;
}

.study-history-list[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.study-history-card[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: clamp(1rem, 4vw, 1.4rem);
    border: 1px solid var(--wb-border);
    border-radius: 16px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.study-history-card-heading[b-q7oxpc2b8m] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.study-history-card-heading > div[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.study-history-card h2[b-q7oxpc2b8m] {
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: 1.15rem;
}

.study-history-card-heading p[b-q7oxpc2b8m],
.study-history-unavailable[b-q7oxpc2b8m],
.study-history-priority[b-q7oxpc2b8m] {
    color: var(--wb-text-secondary);
    font-size: 0.9rem;
    line-height: 1.6;
}

.study-history-status[b-q7oxpc2b8m] {
    flex: 0 0 auto;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--wb-border);
    border-radius: 999px;
    background: var(--wb-bg);
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
}

.study-history-status-active[b-q7oxpc2b8m] {
    border-color: var(--wb-primary);
    color: var(--wb-primary);
}

.study-history-status-completed[b-q7oxpc2b8m] {
    border-color: var(--wb-success);
    color: var(--wb-success);
}

.study-history-status-abandoned[b-q7oxpc2b8m] {
    border-color: var(--wb-text-secondary);
}

.study-history-details[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.study-history-details > div[b-q7oxpc2b8m] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--wb-bg);
}

.study-history-details dt[b-q7oxpc2b8m] {
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
}

.study-history-details dd[b-q7oxpc2b8m] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
}

.study-history-actions[b-q7oxpc2b8m],
.study-history-more[b-q7oxpc2b8m] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.study-history-more[b-q7oxpc2b8m] {
    justify-content: center;
}

.study-history-danger-zone[b-q7oxpc2b8m] {
    display: flex;
    min-width: 0;
    padding-top: 0.85rem;
    border-top: 1px solid var(--wb-border-soft);
}

.study-history-primary[b-q7oxpc2b8m],
.study-history-secondary[b-q7oxpc2b8m],
.study-history-danger[b-q7oxpc2b8m] {
    display: inline-flex;
    min-width: 8.5rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    cursor: pointer;
}

.study-history-primary[b-q7oxpc2b8m] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.study-history-secondary[b-q7oxpc2b8m] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.study-history-danger[b-q7oxpc2b8m] {
    border: 1px solid var(--wb-danger);
    background: transparent;
    color: var(--wb-danger);
}

.study-history-primary:focus-visible[b-q7oxpc2b8m],
.study-history-secondary:focus-visible[b-q7oxpc2b8m],
.study-history-danger:focus-visible[b-q7oxpc2b8m] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-history-secondary:disabled[b-q7oxpc2b8m],
.study-history-danger:disabled[b-q7oxpc2b8m] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 760px) {
    .study-history-details[b-q7oxpc2b8m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .study-history-card-heading[b-q7oxpc2b8m],
    .study-history-actions[b-q7oxpc2b8m],
    .study-history-state-actions[b-q7oxpc2b8m] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .study-history-status[b-q7oxpc2b8m] {
        justify-self: start;
    }

    .study-history-details[b-q7oxpc2b8m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-history-danger-zone[b-q7oxpc2b8m] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .study-history-primary[b-q7oxpc2b8m],
    .study-history-secondary[b-q7oxpc2b8m],
    .study-history-danger[b-q7oxpc2b8m] {
        width: 100%;
    }
}
/* /Components/Pages/Study/Session.razor.rz.scp.css */
.study-session-page[b-1n5ulyss6j] {
    display: grid;
    width: min(100%, 900px);
    min-width: 0;
    gap: 1rem;
    margin: 0 auto;
}

.study-session-header[b-1n5ulyss6j] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.study-session-header h1[b-1n5ulyss6j],
.study-completed-card h1[b-1n5ulyss6j] {
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.65rem, 5vw, 2.4rem);
}

.study-session-eyebrow[b-1n5ulyss6j] {
    margin: 0 0 0.35rem;
    color: var(--wb-primary);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.study-score[b-1n5ulyss6j] {
    display: grid;
    min-width: 7.5rem;
    gap: 0.2rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    text-align: right;
}

.study-score span[b-1n5ulyss6j] {
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
}

.study-score strong[b-1n5ulyss6j] {
    color: var(--wb-text);
    font-size: 1.25rem;
}

.study-progress[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
}

.study-progress-text[b-1n5ulyss6j] {
    display: flex;
    min-width: 0;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    color: var(--wb-text-secondary);
}

.study-progress-text > div[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.study-progress-text strong[b-1n5ulyss6j] {
    color: var(--wb-text);
}

.study-progress-remaining[b-1n5ulyss6j] {
    flex: 0 0 auto;
    font-size: 0.9rem;
    font-weight: 700;
}

.study-progress progress[b-1n5ulyss6j] {
    width: 100%;
    height: 0.8rem;
    accent-color: var(--wb-primary);
}

.study-feedback[b-1n5ulyss6j],
.study-status-panel[b-1n5ulyss6j] {
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    line-height: 1.6;
}

.study-feedback[b-1n5ulyss6j] {
    border-color: var(--wb-danger);
}

.study-card[b-1n5ulyss6j],
.study-completed-card[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: clamp(1rem, 4vw, 2rem);
    border: 1px solid var(--wb-border);
    border-radius: 18px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.study-completed-heading[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.study-completed-summary[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.study-completed-summary > div[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: var(--wb-bg);
}

.study-completed-summary span[b-1n5ulyss6j] {
    color: var(--wb-text-secondary);
    font-size: 0.8rem;
    font-weight: 800;
}

.study-completed-summary strong[b-1n5ulyss6j] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
}

.study-share-panel[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--wb-primary-border);
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        var(--wb-surface) 0%,
        var(--wb-primary-soft) 100%);
    box-shadow: var(--wb-shadow-sm);
}

.study-share-copy[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.study-share-copy h2[b-1n5ulyss6j],
.study-share-copy p[b-1n5ulyss6j],
.study-share-status[b-1n5ulyss6j] {
    margin: 0;
    overflow-wrap: anywhere;
}

.study-share-copy h2[b-1n5ulyss6j] {
    color: var(--wb-text);
    font-size: 1.05rem;
}

.study-share-copy p[b-1n5ulyss6j],
.study-share-status[b-1n5ulyss6j] {
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.study-share-actions[b-1n5ulyss6j] {
    padding-top: 0.1rem;
}

.study-card-face[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
    min-height: 12rem;
    align-content: center;
    justify-items: center;
    padding: clamp(1rem, 5vw, 2.25rem);
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-bg);
    text-align: center;
}

.study-card-answer[b-1n5ulyss6j] {
    border-color: var(--wb-primary);
}

.study-card-label[b-1n5ulyss6j] {
    color: var(--wb-text-secondary);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.study-card-main-text[b-1n5ulyss6j] {
    max-width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: clamp(1.35rem, 6vw, 2.2rem);
    line-height: 1.45;
    white-space: pre-wrap;
}

.study-card-image[b-1n5ulyss6j] {
    display: block;
    width: auto;
    max-width: min(100%, 36rem);
    max-height: 22rem;
    border-radius: 12px;
    object-fit: contain;
}

.study-card-support[b-1n5ulyss6j] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.35rem;
    text-align: left;
}

.study-card-support h2[b-1n5ulyss6j] {
    margin: 0;
    color: var(--wb-text-secondary);
    font-size: 0.9rem;
}

.study-card-support p[b-1n5ulyss6j] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
    line-height: 1.7;
    white-space: pre-wrap;
}

.study-answer-hint[b-1n5ulyss6j],
.study-saving-status[b-1n5ulyss6j],
.study-completed-card p[b-1n5ulyss6j],
.study-completed-count[b-1n5ulyss6j] {
    margin: 0;
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.study-evaluation[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border-soft);
    border-radius: 14px;
    background: var(--wb-surface-subtle);
}

.study-evaluation legend[b-1n5ulyss6j] {
    grid-column: 1 / -1;
    padding: 0 0.35rem;
    color: var(--wb-text);
    font-size: 0.9rem;
    font-weight: 800;
}

.study-session-actions[b-1n5ulyss6j] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.study-completed-actions[b-1n5ulyss6j] {
    padding-top: 0.25rem;
}

.study-primary-button[b-1n5ulyss6j],
.study-secondary-button[b-1n5ulyss6j],
.study-evaluation-button[b-1n5ulyss6j] {
    display: inline-flex;
    min-width: 9rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    cursor: pointer;
}

.study-primary-button[b-1n5ulyss6j] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.study-secondary-button[b-1n5ulyss6j] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.study-evaluation-button[b-1n5ulyss6j] {
    border: 1px solid var(--wb-border);
    background: var(--wb-bg);
    color: var(--wb-text);
}

.study-evaluation-remembered[b-1n5ulyss6j] {
    border-color: var(--wb-success);
}

.study-evaluation-not-remembered[b-1n5ulyss6j] {
    border-color: var(--wb-danger);
}

.study-evaluation .study-secondary-button[b-1n5ulyss6j] {
    grid-column: 1 / -1;
}

.study-primary-button:focus-visible[b-1n5ulyss6j],
.study-secondary-button:focus-visible[b-1n5ulyss6j],
.study-evaluation-button:focus-visible[b-1n5ulyss6j] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-primary-button:disabled[b-1n5ulyss6j],
.study-secondary-button:disabled[b-1n5ulyss6j],
.study-evaluation-button:disabled[b-1n5ulyss6j] {
    cursor: not-allowed;
    opacity: 0.65;
}

.study-quiz-options[b-1n5ulyss6j] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.study-quiz-options legend[b-1n5ulyss6j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.study-quiz-option[b-1n5ulyss6j] {
    min-width: 0;
    min-height: 52px;
    padding: 0.8rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-bg);
    color: var(--wb-text);
    font: inherit;
    font-weight: 700;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.study-quiz-option:focus-visible[b-1n5ulyss6j] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-quiz-option:disabled[b-1n5ulyss6j] {
    cursor: default;
    opacity: 1;
}

.study-quiz-option-correct[b-1n5ulyss6j] {
    border-color: var(--wb-success);
}

.study-quiz-option-incorrect[b-1n5ulyss6j] {
    border-color: var(--wb-danger);
}

.study-quiz-feedback[b-1n5ulyss6j],
.study-quiz-score[b-1n5ulyss6j] {
    margin: 0;
    color: var(--wb-text);
    line-height: 1.6;
}

.study-quiz-feedback[b-1n5ulyss6j] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-bg);
}

.study-quiz-feedback p[b-1n5ulyss6j] {
    margin: 0;
}

@media (max-width: 640px) {
    .study-session-header[b-1n5ulyss6j],
    .study-progress-text[b-1n5ulyss6j] {
        display: grid;
    }

    .study-score[b-1n5ulyss6j] {
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    .study-progress-remaining[b-1n5ulyss6j] {
        justify-self: start;
    }

    .study-completed-summary[b-1n5ulyss6j],
    .study-evaluation[b-1n5ulyss6j],
    .study-quiz-options[b-1n5ulyss6j] {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-evaluation legend[b-1n5ulyss6j],
    .study-evaluation .study-secondary-button[b-1n5ulyss6j] {
        grid-column: auto;
    }

    .study-session-actions[b-1n5ulyss6j] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .study-primary-button[b-1n5ulyss6j],
    .study-secondary-button[b-1n5ulyss6j],
    .study-evaluation-button[b-1n5ulyss6j] {
        width: 100%;
    }
}
/* /Components/Pages/Study/Start.razor.rz.scp.css */
.study-start-page[b-84j1qumb4m] {
    display: grid;
    width: min(100%, 860px);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
}

.study-start-header[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.study-start-eyebrow[b-84j1qumb4m] {
    margin: 0;
    color: var(--wb-primary);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.study-start-heading[b-84j1qumb4m] {
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    line-height: 1.15;
}

.study-start-description[b-84j1qumb4m] {
    margin: 0;
    color: var(--wb-text-secondary);
    line-height: 1.7;
}

.study-start-guest-notice[b-84j1qumb4m] {
    padding: 0.8rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
}

.study-feedback[b-84j1qumb4m] {
    padding: 1rem;
    border: 1px solid var(--wb-danger);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    line-height: 1.6;
}

.study-start-form[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    gap: 1.25rem;
}

.study-start-workspace[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: clamp(0.9rem, 3vw, 1.25rem);
    border: 1px solid var(--wb-border-soft);
    border-radius: 18px;
    background: var(--wb-surface-subtle);
    box-sizing: border-box;
}

.study-start-settings-grid[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.study-start-setting[b-84j1qumb4m],
.study-priority[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.study-start-setting-wide[b-84j1qumb4m] {
    grid-column: 1 / -1;
}

.study-start-setting legend[b-84j1qumb4m] {
    padding: 0 0.4rem;
    color: var(--wb-text);
    font-weight: 800;
}

.study-direction-options[b-84j1qumb4m] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem 1rem;
}

.study-option[b-84j1qumb4m] {
    display: flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    gap: 0.75rem;
    color: var(--wb-text);
    cursor: pointer;
}

.study-option input[b-84j1qumb4m] {
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 auto;
    accent-color: var(--wb-primary);
}

.study-setting-help[b-84j1qumb4m],
.study-priority p[b-84j1qumb4m] {
    margin: 0;
    color: var(--wb-text-secondary);
    font-size: 0.92rem;
    line-height: 1.6;
}

.study-start-actions[b-84j1qumb4m] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wb-border-soft);
}

.study-primary-button[b-84j1qumb4m],
.study-secondary-button[b-84j1qumb4m] {
    display: inline-flex;
    min-width: 10rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
}

.study-primary-button[b-84j1qumb4m] {
    min-width: 13rem;
    min-height: 48px;
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.study-secondary-button[b-84j1qumb4m] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.study-primary-button:focus-visible[b-84j1qumb4m],
.study-secondary-button:focus-visible[b-84j1qumb4m],
.study-option input:focus-visible[b-84j1qumb4m] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-primary-button:disabled[b-84j1qumb4m],
.study-secondary-button:disabled[b-84j1qumb4m],
.study-option input:disabled[b-84j1qumb4m] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 700px) {
    .study-start-settings-grid[b-84j1qumb4m],
    .study-direction-options[b-84j1qumb4m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-start-setting-wide[b-84j1qumb4m] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .study-start-workspace[b-84j1qumb4m] {
        padding: 0.75rem;
        border-radius: 14px;
    }

    .study-start-actions[b-84j1qumb4m] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .study-primary-button[b-84j1qumb4m],
    .study-secondary-button[b-84j1qumb4m] {
        width: 100%;
    }
}
/* /Components/Reviews/DeckReviewSection.razor.rz.scp.css */
.deck-review-section[b-1pfaxzvfef] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-surface);
}

.deck-review-heading-row[b-1pfaxzvfef],
.deck-review-item-header[b-1pfaxzvfef],
.deck-review-item-footer[b-1pfaxzvfef],
.deck-review-buttons[b-1pfaxzvfef] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.deck-review-section h2[b-1pfaxzvfef],
.deck-review-section h3[b-1pfaxzvfef],
.deck-review-section p[b-1pfaxzvfef] {
    margin: 0;
    overflow-wrap: anywhere;
}

.deck-review-section h2[b-1pfaxzvfef] {
    color: var(--wb-text);
    font-size: 1.15rem;
}

.deck-review-summary-grid[b-1pfaxzvfef] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.deck-review-summary-card[b-1pfaxzvfef],
.deck-review-editor[b-1pfaxzvfef],
.deck-review-item[b-1pfaxzvfef],
.deck-review-progress[b-1pfaxzvfef],
.deck-review-feedback[b-1pfaxzvfef],
.deck-review-empty[b-1pfaxzvfef] {
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    background: var(--wb-bg);
}

.deck-review-summary-card[b-1pfaxzvfef] {
    display: grid;
    gap: 0.35rem;
}

.deck-review-summary-card h3[b-1pfaxzvfef] {
    color: var(--wb-text);
    font-size: 1rem;
}

.deck-review-summary-card p[b-1pfaxzvfef],
.deck-review-editor p[b-1pfaxzvfef],
.deck-review-item-footer[b-1pfaxzvfef],
.deck-review-help[b-1pfaxzvfef],
.deck-review-empty[b-1pfaxzvfef],
.deck-review-progress[b-1pfaxzvfef] {
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.deck-review-editor[b-1pfaxzvfef],
.deck-review-list[b-1pfaxzvfef],
.deck-review-field[b-1pfaxzvfef] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
}

.deck-review-field label[b-1pfaxzvfef] {
    color: var(--wb-text);
    font-weight: 750;
}

.deck-review-field select[b-1pfaxzvfef],
.deck-review-field textarea[b-1pfaxzvfef] {
    width: 100%;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--wb-border);
    border-radius: 10px;
    box-sizing: border-box;
    background: var(--wb-surface);
    color: var(--wb-text);
    font: inherit;
}

.deck-review-field textarea[b-1pfaxzvfef] {
    min-height: 8rem;
    resize: vertical;
}

.deck-review-field select:focus-visible[b-1pfaxzvfef],
.deck-review-field textarea:focus-visible[b-1pfaxzvfef],
.deck-review-filter-button:focus-visible[b-1pfaxzvfef],
.deck-review-primary-button:focus-visible[b-1pfaxzvfef],
.deck-review-secondary-button:focus-visible[b-1pfaxzvfef],
.deck-review-danger-button:focus-visible[b-1pfaxzvfef] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.deck-review-filter-button[b-1pfaxzvfef],
.deck-review-primary-button[b-1pfaxzvfef],
.deck-review-secondary-button[b-1pfaxzvfef],
.deck-review-danger-button[b-1pfaxzvfef] {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 750;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.deck-review-filter-button[b-1pfaxzvfef],
.deck-review-secondary-button[b-1pfaxzvfef] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.deck-review-primary-button[b-1pfaxzvfef] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.deck-review-danger-button[b-1pfaxzvfef] {
    border: 1px solid var(--wb-danger);
    background: transparent;
    color: var(--wb-danger);
}

.deck-review-filter-button:disabled[b-1pfaxzvfef],
.deck-review-primary-button:disabled[b-1pfaxzvfef],
.deck-review-secondary-button:disabled[b-1pfaxzvfef],
.deck-review-danger-button:disabled[b-1pfaxzvfef],
.deck-review-field select:disabled[b-1pfaxzvfef],
.deck-review-field textarea:disabled[b-1pfaxzvfef] {
    cursor: not-allowed;
    opacity: 0.65;
}

.deck-review-feedback-error[b-1pfaxzvfef] {
    border-color: var(--wb-danger);
    color: var(--wb-danger);
}

.deck-review-item[b-1pfaxzvfef] {
    display: grid;
    gap: 0.75rem;
}

.deck-review-stars[b-1pfaxzvfef] {
    color: var(--wb-warning, #9a6700);
    letter-spacing: 0.08em;
}

.deck-review-body[b-1pfaxzvfef] {
    white-space: pre-wrap;
    color: var(--wb-text);
    line-height: 1.7;
}

.deck-review-item-footer[b-1pfaxzvfef] {
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .deck-review-summary-grid[b-1pfaxzvfef] {
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-review-buttons[b-1pfaxzvfef] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .deck-review-primary-button[b-1pfaxzvfef],
    .deck-review-secondary-button[b-1pfaxzvfef],
    .deck-review-danger-button[b-1pfaxzvfef],
    .deck-review-filter-button[b-1pfaxzvfef] {
        width: 100%;
    }
}
/* /Components/RevisionRequests/RevisionRequestVersionCard.razor.rz.scp.css */
.revision-request-version-card[b-levaguxxpb] {
    min-width: 0;
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface-subtle);
    overflow-wrap: anywhere;
}

.revision-request-version-card h3[b-levaguxxpb] {
    margin: 0;
}

.revision-request-version-note[b-levaguxxpb] {
    margin: 0.75rem 0 0;
    color: var(--wb-text-muted);
    line-height: 1.6;
}

.revision-request-version-definition[b-levaguxxpb] {
    display: grid;
    gap: 0.65rem;
    margin: 1rem 0 0;
}

.revision-request-version-definition div[b-levaguxxpb] {
    display: grid;
    gap: 0.2rem;
}

.revision-request-version-definition dt[b-levaguxxpb] {
    color: var(--wb-text-muted);
    font-weight: 700;
}

.revision-request-version-definition dd[b-levaguxxpb] {
    min-width: 0;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Shared/DisplaySettings.razor.rz.scp.css */
.display-settings[b-owgphysv1m] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.display-settings-trigger[b-owgphysv1m] {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 12px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text-secondary, #334155);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.display-settings-trigger:hover[b-owgphysv1m] {
    background: var(--wb-surface-hover, #F8FAFF);
    color: var(--wb-text, #0F172A);
}

.display-settings-trigger:focus-visible[b-owgphysv1m] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.display-settings-trigger-icon[b-owgphysv1m] {
    font-size: 0.9rem;
    letter-spacing: -0.04em;
}

.display-settings-panel[b-owgphysv1m] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(20rem, calc(100vw - 24px));
    padding: 14px;
    border: 1px solid var(--wb-border-subtle, #E2E8F0);
    border-radius: 14px;
    background: var(--wb-surface, #FFFFFF);
    box-shadow: var(--wb-shadow-md, 0 10px 30px rgba(15, 23, 42, 0.10));
    z-index: 100;
}

.display-settings-panel[b-owgphysv1m]  .theme-selector,
.display-settings-panel[b-owgphysv1m]  .font-size-selector,
.display-settings-panel[b-owgphysv1m]  .language-selector {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    width: 100%;
    align-items: center;
    gap: 10px;
}

.display-settings-panel[b-owgphysv1m]  .theme-selector + .font-size-selector,
.display-settings-panel[b-owgphysv1m]  .font-size-selector + .language-selector {
    margin-top: 10px;
}

.display-settings-panel[b-owgphysv1m]  .theme-selector-label,
.display-settings-panel[b-owgphysv1m]  .font-size-selector-label,
.display-settings-panel[b-owgphysv1m]  .language-selector-label {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.display-settings-panel[b-owgphysv1m]  .theme-selector-select,
.display-settings-panel[b-owgphysv1m]  .font-size-selector-select,
.display-settings-panel[b-owgphysv1m]  .language-selector-select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .display-settings-trigger-label[b-owgphysv1m] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }
}

@media (max-width: 479px) {
    .display-settings-panel[b-owgphysv1m] {
        position: fixed;
        top: 64px;
        right: 12px;
        left: 12px;
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .display-settings-trigger[b-owgphysv1m] {
        transition: none;
    }
}
/* /Components/Shared/FontSizeSelector.razor.rz.scp.css */
.font-size-selector[b-6mevj3ebrv] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.font-size-selector[b-6mevj3ebrv]::after {
    content: "";
    position: absolute;
    right: 0.9rem;
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid var(--wb-text-subtle, #64748B);
    border-bottom: 2px solid var(--wb-text-subtle, #64748B);
    pointer-events: none;
    transform: translateY(-20%) rotate(45deg);
}

.font-size-selector-label[b-6mevj3ebrv] {
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.font-size-selector-select[b-6mevj3ebrv] {
    width: 15.5rem;
    min-height: 44px;
    padding: 0 2.5rem 0 0.75rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    appearance: none;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: var(--wb-input-bg, #FFFFFF);
    background-image: none;
    color: var(--wb-text-muted, #475569);
    color-scheme: inherit;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.font-size-selector-select:hover[b-6mevj3ebrv] {
    background-color: var(--wb-surface-hover, #F8FAFF);
    border-color: var(--wb-blue-border, #BFDBFE);
}

.font-size-selector-select:focus[b-6mevj3ebrv],
.font-size-selector-select:focus-visible[b-6mevj3ebrv] {
    background-color: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
    border-color: var(--wb-focus-border, #93C5FD);
}

.font-size-selector-select:focus-visible[b-6mevj3ebrv] {
    outline: 2px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.font-size-selector-select option[b-6mevj3ebrv] {
    background-color: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

@media (max-width: 767px) {
    .font-size-selector-label[b-6mevj3ebrv] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .font-size-selector-select[b-6mevj3ebrv] {
        width: 14.5rem;
    }
}

@media (max-width: 479px) {
    .font-size-selector[b-6mevj3ebrv] {
        width: 100%;
        justify-content: flex-end;
    }

    .font-size-selector-label[b-6mevj3ebrv] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: nowrap;
    }

    .font-size-selector-select[b-6mevj3ebrv] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
}
/* /Components/Shared/HelpTooltip.razor.rz.scp.css */
.help-tooltip[b-uynmta3bcv] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
}

.help-tooltip-open[b-uynmta3bcv] {
    z-index: 60;
}

.help-tooltip-trigger[b-uynmta3bcv] {
    position: relative;
    z-index: 3;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--wb-primary-hover, #4338CA);
    font: inherit;
    cursor: pointer;
}

.help-tooltip-icon[b-uynmta3bcv] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wb-primary-border-strong, #A5B4FC);
    border-radius: 50%;
    background: var(--wb-surface, #FFFFFF);
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
}

.help-tooltip-trigger:hover .help-tooltip-icon[b-uynmta3bcv] {
    border-color: var(--wb-primary-border-strong, #818CF8);
    background: var(--wb-primary-soft, #EEF2FF);
}

.help-tooltip-trigger:focus-visible[b-uynmta3bcv] {
    outline: 3px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.help-tooltip-content[b-uynmta3bcv] {
    position: absolute;
    z-index: 2;
    inset-block-end: calc(100% + 0.5rem);
    inset-inline-start: var(--help-tooltip-inline-start, 0);
    inset-inline-end: var(--help-tooltip-inline-end, auto);
    inline-size: max-content;
    max-inline-size: min(20rem, calc(100vw - 2rem));
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--wb-primary-border, #C7D2FE);
    border-radius: 12px;
    background: var(--wb-tooltip-bg, #1E293B);
    box-shadow: var(--wb-shadow-md, 0 10px 30px rgba(15, 23, 42, 0.10));
    box-sizing: border-box;
    color: var(--wb-tooltip-text, #F8FAFC);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: normal;
}

.help-tooltip-dismiss-layer[b-uynmta3bcv] {
    display: none;
}

@media (max-width: 767px), (hover: none), (pointer: coarse) {
    .help-tooltip-content[b-uynmta3bcv] {
        position: fixed;
        z-index: 2;
        inset-block: auto calc(72px + 1rem + env(safe-area-inset-bottom, 0px));
        inset-inline: 1rem;
        inline-size: auto;
        max-inline-size: none;
        max-block-size: calc(100dvh - 72px - 2rem);
        overflow-y: auto;
    }

    .help-tooltip-dismiss-layer[b-uynmta3bcv] {
        position: fixed;
        z-index: 1;
        inset: 0;
        display: block;
        width: 100vw;
        height: 100dvh;
        padding: 0;
        border: 0;
        background: var(--wb-overlay, rgba(15, 23, 42, 0.45));
        cursor: default;
    }
}
/* /Components/Shared/LoadingIndicator.razor.rz.scp.css */
.wb-loading-indicator[b-wfnvyh5z3m] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    color: var(--wb-text-muted, #475569);
    font-weight: 600;
}

.wb-loading-indicator-compact[b-wfnvyh5z3m] {
    display: inline-flex;
    width: auto;
    min-height: 32px;
    gap: 8px;
    font-size: 0.92rem;
}

.wb-progress-ring[b-wfnvyh5z3m] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 3px solid var(--wb-border-subtle, #E2E8F0);
    border-top-color: var(--wb-primary, #4F46E5);
    border-radius: 50%;
    animation: wb-loading-ring-spin-b-wfnvyh5z3m 0.8s linear infinite;
}

.wb-loading-indicator-compact .wb-progress-ring[b-wfnvyh5z3m] {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    border-width: 2px;
    border-color: currentColor;
    border-top-color: transparent;
}

@keyframes wb-loading-ring-spin-b-wfnvyh5z3m {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wb-progress-ring[b-wfnvyh5z3m] {
        animation-duration: 1.6s;
    }
}
/* /Components/Shared/ThemeSelector.razor.rz.scp.css */
.theme-selector[b-mb7gqovk4f] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.theme-selector[b-mb7gqovk4f]::after {
    content: "";
    position: absolute;
    right: 0.9rem;
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid var(--wb-text-subtle, #64748B);
    border-bottom: 2px solid var(--wb-text-subtle, #64748B);
    pointer-events: none;
    transform: translateY(-20%) rotate(45deg);
}

.theme-selector-label[b-mb7gqovk4f] {
    color: var(--wb-text-subtle, #64748B);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.theme-selector-select[b-mb7gqovk4f] {
    width: 15.5rem;
    min-height: 44px;
    padding: 0 2.5rem 0 0.75rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    appearance: none;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: var(--wb-input-bg, #FFFFFF);
    background-image: none;
    color: var(--wb-text-muted, #475569);
    color-scheme: inherit;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.theme-selector-select:hover[b-mb7gqovk4f] {
    background-color: var(--wb-surface-hover, #F8FAFF);
    border-color: var(--wb-blue-border, #BFDBFE);
}

.theme-selector-select:focus[b-mb7gqovk4f],
.theme-selector-select:focus-visible[b-mb7gqovk4f] {
    background-color: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
    border-color: var(--wb-focus-border, #93C5FD);
}

.theme-selector-select:focus-visible[b-mb7gqovk4f] {
    outline: 2px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.theme-selector-select option[b-mb7gqovk4f] {
    background-color: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

@media (max-width: 767px) {
    .theme-selector-label[b-mb7gqovk4f] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .theme-selector-select[b-mb7gqovk4f] {
        width: 14.5rem;
    }
}

@media (max-width: 479px) {
    .theme-selector[b-mb7gqovk4f] {
        width: 100%;
        justify-content: flex-end;
    }

    .theme-selector-label[b-mb7gqovk4f] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: nowrap;
    }

    .theme-selector-select[b-mb7gqovk4f] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
}
/* /Components/Shared/UiStyleSelector.razor.rz.scp.css */
.ui-style-selector[b-x1bcmnj3cg] {
    position: relative;
    display: flex;
    align-items: center;
}

.ui-style-selector-label[b-x1bcmnj3cg] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.ui-style-selector[b-x1bcmnj3cg]::after {
    content: "";
    position: absolute;
    right: 0.85rem;
    width: 0.4rem;
    height: 0.4rem;
    border-right: 2px solid var(--wb-text-subtle, #64748B);
    border-bottom: 2px solid var(--wb-text-subtle, #64748B);
    pointer-events: none;
    transform: translateY(-20%) rotate(45deg);
}

.ui-style-selector-select[b-x1bcmnj3cg] {
    width: 8.5rem;
    min-height: 44px;
    padding: 0 2.25rem 0 0.75rem;
    border: 1px solid var(--wb-border, #CBD5E1);
    appearance: none;
    -webkit-appearance: none;
    border-radius: var(--wb-ui-control-radius, 12px);
    background-color: var(--wb-input-bg, #FFFFFF);
    background-image: none;
    color: var(--wb-text-muted, #475569);
    color-scheme: inherit;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.ui-style-selector-select:hover[b-x1bcmnj3cg] {
    background-color: var(--wb-surface-hover, #F8FAFF);
    border-color: var(--wb-blue-border, #BFDBFE);
}

.ui-style-selector-select:focus[b-x1bcmnj3cg],
.ui-style-selector-select:focus-visible[b-x1bcmnj3cg] {
    background-color: var(--wb-input-bg, #FFFFFF);
    color: var(--wb-text, #0F172A);
    border-color: var(--wb-focus-border, #93C5FD);
}

.ui-style-selector-select:focus-visible[b-x1bcmnj3cg] {
    outline: 2px solid var(--wb-focus, #7C3AED);
    outline-offset: 2px;
}

.ui-style-selector-select option[b-x1bcmnj3cg] {
    background-color: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

@media (max-width: 479px) {
    .ui-style-selector[b-x1bcmnj3cg] {
        width: 100%;
        justify-content: flex-end;
        gap: 0.5rem;
    }

    .ui-style-selector-label[b-x1bcmnj3cg] {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        clip-path: none;
        color: var(--wb-text-subtle, #64748B);
        font-size: 0.8rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .ui-style-selector-select[b-x1bcmnj3cg] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
}
/* /Components/Shared/UnexpectedErrorModal.razor.rz.scp.css */
.unexpected-error-backdrop[b-rt4fgyaea3] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: var(--wb-overlay, rgba(15, 23, 42, 0.45));
}

.unexpected-error-dialog[b-rt4fgyaea3] {
    position: relative;
    width: min(100%, 520px);
    padding: 28px;
    border: 1px solid var(--wb-border, #CBD5E1);
    border-radius: 18px;
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
    box-shadow: var(--wb-shadow-md, 0 10px 30px rgba(15, 23, 42, 0.10));
}

.unexpected-error-dialog h2[b-rt4fgyaea3] {
    margin: 12px 0 8px;
    font-size: 1.35rem;
}

.unexpected-error-dialog p[b-rt4fgyaea3] {
    margin: 0;
    color: var(--wb-text-muted, #475569);
    line-height: 1.65;
}

.unexpected-error-icon[b-rt4fgyaea3] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--wb-danger-bg, #FEF2F2);
    color: var(--wb-danger, #B91C1C);
    font-size: 1.25rem;
    font-weight: 800;
}

.unexpected-error-close[b-rt4fgyaea3] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--wb-text-muted, #475569);
    cursor: pointer;
}

.unexpected-error-close:hover[b-rt4fgyaea3],
.unexpected-error-close:focus-visible[b-rt4fgyaea3] {
    background: var(--wb-surface-hover, #F8FAFF);
}

.unexpected-error-id[b-rt4fgyaea3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 18px !important;
    padding: 12px;
    border-radius: 10px;
    background: var(--wb-surface-subtle, #F4F6FF);
}

.unexpected-error-id code[b-rt4fgyaea3] {
    color: var(--wb-text, #0F172A);
    font-weight: 700;
}

.unexpected-error-actions[b-rt4fgyaea3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.unexpected-error-actions button[b-rt4fgyaea3] {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
}

.unexpected-error-primary[b-rt4fgyaea3] {
    border: 1px solid var(--wb-primary, #4F46E5);
    background: var(--wb-primary, #4F46E5);
    color: var(--wb-on-primary, #FFFFFF);
}

.unexpected-error-secondary[b-rt4fgyaea3] {
    border: 1px solid var(--wb-border, #CBD5E1);
    background: var(--wb-surface, #FFFFFF);
    color: var(--wb-text, #0F172A);
}

@media (max-width: 520px) {
    .unexpected-error-dialog[b-rt4fgyaea3] {
        padding: 24px 18px 18px;
    }

    .unexpected-error-actions[b-rt4fgyaea3] {
        display: grid;
    }

    .unexpected-error-actions button[b-rt4fgyaea3] {
        width: 100%;
    }
}
/* /Components/Study/GuestStudyPanel.razor.rz.scp.css */
.study-session-page[b-f34a9tmcrq] {
    display: grid;
    width: min(100%, 900px);
    min-width: 0;
    gap: 1rem;
    margin: 0 auto;
}

.study-session-header[b-f34a9tmcrq] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.study-session-header h1[b-f34a9tmcrq],
.study-completed-card h1[b-f34a9tmcrq] {
    margin: 0;
    color: var(--wb-text);
    font-size: clamp(1.65rem, 5vw, 2.4rem);
}

.study-session-eyebrow[b-f34a9tmcrq] {
    margin: 0 0 0.35rem;
    color: var(--wb-primary);
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.study-score[b-f34a9tmcrq] {
    display: grid;
    min-width: 7.5rem;
    gap: 0.2rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    text-align: right;
}

.study-score span[b-f34a9tmcrq] {
    color: var(--wb-text-secondary);
    font-size: 0.78rem;
}

.study-score strong[b-f34a9tmcrq] {
    color: var(--wb-text);
    font-size: 1.25rem;
}

.study-progress[b-f34a9tmcrq] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.study-progress-text[b-f34a9tmcrq] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 1rem;
    color: var(--wb-text-secondary);
}

.study-progress progress[b-f34a9tmcrq] {
    width: 100%;
    height: 0.8rem;
    accent-color: var(--wb-primary);
}

.study-feedback[b-f34a9tmcrq],
.study-status-panel[b-f34a9tmcrq] {
    padding: 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-surface);
    color: var(--wb-text);
    line-height: 1.6;
}

.study-feedback[b-f34a9tmcrq] {
    border-color: var(--wb-danger);
}

.study-card[b-f34a9tmcrq],
.study-completed-card[b-f34a9tmcrq] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: clamp(1rem, 4vw, 2rem);
    border: 1px solid var(--wb-border);
    border-radius: 18px;
    background: var(--wb-surface);
    box-shadow: var(--wb-shadow-sm);
}

.study-card-face[b-f34a9tmcrq] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
    min-height: 12rem;
    align-content: center;
    justify-items: center;
    padding: clamp(1rem, 5vw, 2.25rem);
    border: 1px solid var(--wb-border);
    border-radius: 14px;
    background: var(--wb-bg);
    text-align: center;
}

.study-card-answer[b-f34a9tmcrq] {
    border-color: var(--wb-primary);
}

.study-card-label[b-f34a9tmcrq] {
    color: var(--wb-text-secondary);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.study-card-main-text[b-f34a9tmcrq] {
    max-width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
    font-size: clamp(1.35rem, 6vw, 2.2rem);
    line-height: 1.45;
    white-space: pre-wrap;
}

.study-card-image[b-f34a9tmcrq] {
    display: block;
    width: auto;
    max-width: min(100%, 36rem);
    max-height: 22rem;
    border-radius: 12px;
    object-fit: contain;
}

.study-card-support[b-f34a9tmcrq] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.35rem;
    text-align: left;
}

.study-card-support h2[b-f34a9tmcrq] {
    margin: 0;
    color: var(--wb-text-secondary);
    font-size: 0.9rem;
}

.study-card-support p[b-f34a9tmcrq] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--wb-text);
    line-height: 1.7;
    white-space: pre-wrap;
}

.study-answer-hint[b-f34a9tmcrq],
.study-saving-status[b-f34a9tmcrq],
.study-completed-card p[b-f34a9tmcrq],
.study-completed-count[b-f34a9tmcrq] {
    margin: 0;
    color: var(--wb-text-secondary);
    line-height: 1.6;
}

.study-evaluation[b-f34a9tmcrq] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.study-evaluation legend[b-f34a9tmcrq] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.study-session-actions[b-f34a9tmcrq] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.study-primary-button[b-f34a9tmcrq],
.study-secondary-button[b-f34a9tmcrq],
.study-evaluation-button[b-f34a9tmcrq] {
    display: inline-flex;
    min-width: 9rem;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 11px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 800;
    line-height: 1.35;
    cursor: pointer;
}

.study-primary-button[b-f34a9tmcrq] {
    border: 1px solid var(--wb-primary);
    background: var(--wb-primary);
    color: var(--wb-on-primary);
}

.study-secondary-button[b-f34a9tmcrq] {
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    color: var(--wb-text-secondary);
}

.study-evaluation-button[b-f34a9tmcrq] {
    border: 1px solid var(--wb-border);
    background: var(--wb-bg);
    color: var(--wb-text);
}

.study-evaluation .study-secondary-button[b-f34a9tmcrq] {
    grid-column: 1 / -1;
}

.study-primary-button:focus-visible[b-f34a9tmcrq],
.study-secondary-button:focus-visible[b-f34a9tmcrq],
.study-evaluation-button:focus-visible[b-f34a9tmcrq] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-primary-button:disabled[b-f34a9tmcrq],
.study-secondary-button:disabled[b-f34a9tmcrq],
.study-evaluation-button:disabled[b-f34a9tmcrq] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 640px) {
    .study-session-header[b-f34a9tmcrq],
    .study-progress-text[b-f34a9tmcrq] {
        display: grid;
    }

    .study-score[b-f34a9tmcrq] {
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    .study-evaluation[b-f34a9tmcrq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-evaluation .study-secondary-button[b-f34a9tmcrq] {
        grid-column: auto;
    }

    .study-session-actions[b-f34a9tmcrq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .study-primary-button[b-f34a9tmcrq],
    .study-secondary-button[b-f34a9tmcrq],
    .study-evaluation-button[b-f34a9tmcrq] {
        width: 100%;
    }
}

.study-quiz-options[b-f34a9tmcrq] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.study-quiz-options legend[b-f34a9tmcrq] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.study-quiz-option[b-f34a9tmcrq] {
    min-width: 0;
    min-height: 52px;
    padding: 0.8rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 11px;
    background: var(--wb-bg);
    color: var(--wb-text);
    font: inherit;
    font-weight: 700;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.study-quiz-option:focus-visible[b-f34a9tmcrq] {
    outline: 3px solid var(--wb-focus);
    outline-offset: 3px;
}

.study-quiz-option:disabled[b-f34a9tmcrq] {
    cursor: default;
    opacity: 1;
}

.study-quiz-option-correct[b-f34a9tmcrq] {
    border-color: var(--wb-success);
}

.study-quiz-option-incorrect[b-f34a9tmcrq] {
    border-color: var(--wb-danger);
}

.study-quiz-feedback[b-f34a9tmcrq],
.study-quiz-score[b-f34a9tmcrq] {
    margin: 0;
    color: var(--wb-text);
    line-height: 1.6;
}

.study-quiz-feedback[b-f34a9tmcrq] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--wb-border);
    border-radius: 12px;
    background: var(--wb-bg);
}

.study-quiz-feedback p[b-f34a9tmcrq] {
    margin: 0;
}

@media (max-width: 640px) {
    .study-quiz-options[b-f34a9tmcrq] {
        grid-template-columns: minmax(0, 1fr);
    }
}