:root {
    color-scheme: light;
    --streampixie-icon-background: #17143d;
    --streampixie-background-start: #ede9fe;
    --streampixie-background-end: #f8f7ff;
    --streampixie-primary: #6d4aff;
    --streampixie-primary-rgb: 109, 74, 255;
    --streampixie-accent: #8ba7ff;
    --streampixie-pink: #d58cff;
    --bs-primary: var(--streampixie-primary);
    --bs-primary-rgb: var(--streampixie-primary-rgb);
    --bs-link-color: #5938dd;
    --bs-link-hover-color: #4528b8;
}
[data-bs-theme='dark'] {
    color-scheme: dark;
    --streampixie-background-start: #29215c;
    --streampixie-background-end: var(--streampixie-icon-background);
    --bs-link-color: #ad9bff;
    --bs-link-hover-color: #c9beff;
}
body { display: flex; min-height: 100vh; flex-direction: column; background: radial-gradient(circle at top, var(--streampixie-background-start) 0, var(--streampixie-background-end) 42rem); }
.site-main { flex: 1 0 auto; }
.site-footer { flex: 0 0 auto; border-top: 1px solid rgba(var(--streampixie-primary-rgb), .13); background: rgba(var(--bs-body-bg-rgb), .45); }
.legal-links a { color: var(--bs-secondary-color); text-decoration: none; }
.legal-links a:hover, .legal-links a:focus-visible { color: var(--bs-link-hover-color); text-decoration: underline; }
.app-header { position: relative; z-index: 1030; }
.streampixie-logo-navbar { display: block; width: 2rem; height: 2rem; object-fit: contain; }
.btn-primary { --bs-btn-bg: #6d4aff; --bs-btn-border-color: #6d4aff; --bs-btn-hover-bg: #5b3be0; --bs-btn-hover-border-color: #5b3be0; --bs-btn-active-bg: #4e31c9; --bs-btn-active-border-color: #4e31c9; }
.btn-outline-primary { --bs-btn-color: #6745ed; --bs-btn-border-color: #7a5af5; --bs-btn-hover-bg: #6d4aff; --bs-btn-hover-border-color: #6d4aff; --bs-btn-active-bg: #5b3be0; --bs-btn-active-border-color: #5b3be0; }
[data-bs-theme='dark'] .btn-outline-primary { --bs-btn-color: #b9aaff; --bs-btn-border-color: #8f77f5; }
.theme-toggle { width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; }
.theme-icon-dark,
[data-bs-theme='dark'] .theme-icon-light { display: none; }
[data-bs-theme='dark'] .theme-icon-dark { display: inline-block; }
.content-card { width: 100%; max-width: 44rem; margin-inline: auto; }
.auth-page { position: relative; min-height: calc(100vh - 4.1rem); overflow: hidden; background: radial-gradient(circle at 12% 15%, rgba(213, 140, 255, .18), transparent 25rem), radial-gradient(circle at 90% 82%, rgba(139, 167, 255, .2), transparent 30rem); }
.auth-page > .alert { width: min(68rem, calc(100% - 2rem)); margin: 1rem auto 0; }
.auth-shell { position: relative; z-index: 1; }
.auth-layout { display: grid; width: 100%; max-width: 68rem; margin-inline: auto; align-items: stretch; gap: clamp(1.25rem, 3vw, 2.25rem); }
.auth-brand-panel, .auth-card { border: 1px solid rgba(var(--streampixie-primary-rgb), .18); box-shadow: 0 1.5rem 4rem rgba(41, 27, 105, .12); }
.auth-brand-panel { position: relative; display: grid; grid-template-columns: minmax(7.5rem, 10rem) minmax(0, 1fr); align-items: center; gap: clamp(1rem, 3vw, 2rem); min-width: 0; padding: clamp(1.25rem, 4vw, 2.25rem); overflow: hidden; border-radius: 1.5rem; background: radial-gradient(circle at 18% 20%, rgba(213, 140, 255, .3), transparent 45%), linear-gradient(145deg, rgba(var(--streampixie-primary-rgb), .14), rgba(139, 167, 255, .08)), color-mix(in srgb, var(--bs-body-bg) 90%, transparent); backdrop-filter: blur(16px); }
.auth-brand-panel::after { position: absolute; right: -4rem; bottom: -6rem; width: 15rem; height: 15rem; border-radius: 50%; background: rgba(var(--streampixie-primary-rgb), .11); filter: blur(30px); content: ''; pointer-events: none; }
.auth-hero-picture { position: relative; z-index: 1; align-self: end; }
.auth-hero-art { display: block; width: 100%; max-height: 13rem; object-fit: contain; object-position: bottom center; filter: drop-shadow(0 .9rem 1.4rem rgba(44, 30, 112, .22)); }
.auth-brand-copy { position: relative; z-index: 1; min-width: 0; }
.auth-brand-copy p:last-child { line-height: 1.65; }
.auth-sparkle { position: absolute; z-index: 2; width: .75rem; height: .75rem; background: var(--streampixie-accent); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); opacity: .8; }
.auth-sparkle-one { top: 1.5rem; left: 2rem; }
.auth-sparkle-two { top: 2.25rem; left: 4rem; width: .45rem; height: .45rem; background: var(--streampixie-pink); }
.auth-card { align-self: center; overflow: hidden; border-radius: 1.5rem; background: color-mix(in srgb, var(--bs-body-bg) 94%, transparent); backdrop-filter: blur(18px); }
.auth-icon { display: inline-flex; width: 3.25rem; height: 3.25rem; align-items: center; justify-content: center; border-radius: 1rem; background: linear-gradient(145deg, #7655ff, #9978ff); color: #fff; font-size: 1.2rem; box-shadow: 0 .75rem 1.6rem rgba(var(--streampixie-primary-rgb), .26); }
.auth-intro { line-height: 1.65; }
.auth-secondary-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.auth-secondary-actions .btn { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; white-space: normal; }
.auth-footer { padding-top: 1.25rem; border-top: 1px solid var(--bs-border-color); }
.linked-account-provider-icon { flex: 0 0 3.25rem; width: 3.25rem; height: 3.25rem; }
.min-w-0 { min-width: 0; }
.integration-card, .integration-server-card { border-color: rgba(var(--streampixie-primary-rgb), .18); box-shadow: 0 1rem 2.5rem rgba(41, 27, 105, .07); }
.integration-provider-icon, .discord-guild-icon { display: inline-flex; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(var(--streampixie-primary-rgb), .22); border-radius: 1rem; background: rgba(var(--streampixie-primary-rgb), .1); color: var(--streampixie-primary); font-size: 1.5rem; }
.discord-guild-icon img { width: 100%; height: 100%; object-fit: cover; }
.discord-guild-icon-lg { flex-basis: 4.5rem; width: 4.5rem; height: 4.5rem; }
.integration-account-choice { cursor: pointer; background: var(--bs-body-bg); transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.integration-account-choice:hover { border-color: rgba(var(--streampixie-primary-rgb), .55) !important; }
.integration-account-choice:has(.form-check-input:checked) { border-color: var(--streampixie-primary) !important; background: rgba(var(--streampixie-primary-rgb), .07); box-shadow: 0 0 0 .15rem rgba(var(--streampixie-primary-rgb), .1); }
.role-choice-card { border: 1px solid var(--bs-border-color); background: var(--bs-body-bg); cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.role-choice-card:hover { border-color: rgba(var(--streampixie-primary-rgb), .55); background: rgba(var(--streampixie-primary-rgb), .04); }
.role-choice-card:has(.form-check-input:checked) { border-color: var(--streampixie-primary); background: rgba(var(--streampixie-primary-rgb), .08); box-shadow: 0 0 0 .15rem rgba(var(--streampixie-primary-rgb), .12); }
.role-choice-card:has(.form-check-input:disabled) { cursor: default; }
.widget-stage { min-height: 16rem; border: 1px dashed var(--bs-border-color); border-radius: 1rem; background: rgba(0, 0, 0, .18); }
.table > :not(caption) > * > * { vertical-align: middle; }
.widget-preview-frame { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: repeating-conic-gradient(#334155 0 25%, #1e293b 0 50%) 50% / 24px 24px; }
.widget-preview-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.widget-preview-frame--compact { border-radius: .625rem; }
.widget-preview-tools { border-color: color-mix(in srgb, var(--bs-border-color) 78%, var(--streampixie-primary) 22%); }
.widget-preview-slot-select { width: auto; max-width: 13rem; }
.widget-range-control .form-range { display: block; width: 100%; }
.widget-range-value { min-width: 3.75rem; font-variant-numeric: tabular-nums; }
.widget-collection-card { border-color: color-mix(in srgb, var(--bs-border-color) 78%, var(--streampixie-primary) 22%); }
.connected-widget-card { border-color: color-mix(in srgb, var(--bs-border-color) 82%, var(--streampixie-primary) 18%); }
.connected-widget-metadata dt, .connected-widget-metadata dd { overflow-wrap: anywhere; }
.live-collection-form { width: 100%; }
.live-collection-frame { position: relative; min-height: 5rem; }
.live-collection-loading { position: absolute; z-index: 5; top: 1rem; left: 50%; display: none; align-items: center; gap: .6rem; padding: .65rem 1rem; border: 1px solid var(--bs-border-color); border-radius: 999px; background: color-mix(in srgb, var(--bs-body-bg) 92%, transparent); box-shadow: 0 .65rem 1.5rem rgba(41, 27, 105, .12); color: var(--bs-body-color); transform: translateX(-50%); backdrop-filter: blur(12px); }
.live-collection-frame[busy] .live-collection-loading { display: flex; }
.live-collection-content { transition: opacity 120ms ease; }
.live-collection-frame[busy] .live-collection-content { opacity: .48; pointer-events: none; }
.widget-card-actions .btn { display: inline-flex; align-items: center; justify-content: center; }
.widget-config-scroll { scrollbar-gutter: stable; }
.widget-color-control .clr-field { display: block; width: 100%; }
.widget-color-control .clr-field input { width: 100%; padding-right: 3rem; font-family: var(--bs-font-monospace); }
.widget-color-control .clr-field button { width: 2.5rem; border-left: 1px solid var(--bs-border-color); border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0; pointer-events: auto; }
.font-awesome-icon-preview { display: inline-flex; flex: 0 0 3.25rem; width: 3.25rem; height: 3.25rem; align-items: center; justify-content: center; border: 1px solid rgba(var(--streampixie-primary-rgb), .25); border-radius: 1rem; background: rgba(var(--streampixie-primary-rgb), .1); color: var(--streampixie-primary); font-size: 1.5rem; }
.font-awesome-icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); gap: .75rem; }
.font-awesome-icon-choice { display: flex; min-height: 6.5rem; flex-direction: column; align-items: center; justify-content: center; gap: .65rem; padding: .75rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: var(--bs-body-bg); color: var(--bs-body-color); text-align: center; overflow-wrap: anywhere; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.font-awesome-icon-choice i { color: var(--streampixie-primary); font-size: 1.5rem; }
.font-awesome-icon-choice span { font-size: .75rem; line-height: 1.2; }
.font-awesome-icon-choice:hover, .font-awesome-icon-choice:focus-visible { border-color: rgba(var(--streampixie-primary-rgb), .65); background: rgba(var(--streampixie-primary-rgb), .06); }
.font-awesome-icon-choice.is-selected { border-color: var(--streampixie-primary); box-shadow: 0 0 0 .2rem rgba(var(--streampixie-primary-rgb), .14); }
.font-awesome-icon-picker-dialog .modal-content { height: min(42rem, calc(100dvh - 1rem)); }
.font-awesome-icon-picker-modal .modal-body { display: flex; min-height: 0; flex-direction: column; overflow: hidden; }
.font-awesome-icon-results-region { position: relative; display: flex; min-height: 12rem; flex: 1 1 auto; flex-direction: column; overflow: hidden; }
.font-awesome-icon-results { min-height: 0; flex: 1 1 auto; overflow-y: auto; padding: .25rem; scrollbar-gutter: stable; }
.font-awesome-icon-results-region.is-loading .font-awesome-icon-results,
.font-awesome-icon-results-region.is-loading [data-icon-picker-pagination] { pointer-events: none; }
.font-awesome-icon-loading { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; border-radius: .75rem; background: color-mix(in srgb, var(--bs-body-bg) 78%, transparent); backdrop-filter: blur(2px); }
.font-awesome-icon-loading[hidden] { display: none; }
.message-inbox-card { overflow: hidden; border-color: color-mix(in srgb, var(--bs-border-color) 78%, var(--streampixie-primary) 22%); box-shadow: 0 .85rem 2.25rem rgba(41, 27, 105, .07); }
.message-inbox-card__icon { display: inline-flex; flex: 0 0 3.75rem; width: 3.75rem; height: 3.75rem; align-items: center; justify-content: center; border: 1px solid rgba(var(--streampixie-primary-rgb), .23); border-radius: 1.1rem; background: linear-gradient(145deg, rgba(var(--streampixie-primary-rgb), .16), rgba(213, 140, 255, .1)); color: var(--streampixie-primary); font-size: 1.65rem; }
.message-inbox-card__latest { min-height: 8.25rem; padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .85rem; background: color-mix(in srgb, var(--bs-tertiary-bg) 72%, transparent); }
.message-inbox-card__excerpt { display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.message-inbox-card .card-footer .btn { display: inline-flex; align-items: center; justify-content: center; }
.message-inbox-card [data-copy-status]:empty { display: none; }
.message-inbox-message { min-width: 18rem; max-width: 52rem; overflow-wrap: anywhere; white-space: normal; }
.card[data-widget-error-target].is-invalid { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--bs-form-invalid-border-color) 24%, transparent); }
.local-time--compact { white-space: pre-line; }
.email-preview-stage { position: relative; width: 100%; min-height: 30rem; aspect-ratio: 4 / 3; background: var(--bs-tertiary-bg); }
.email-preview-stage[data-email-preview-stage="dark"] { background: #100c28; }
.email-preview-stage[data-email-preview-stage="light"] { background: #f5f7fa; }
.email-preview-loading { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; }
.email-preview-loading[hidden] { display: none; }
.email-preview-frame { opacity: 0; transition: opacity 150ms ease-in; }
.email-preview-frame.is-ready { opacity: 1; }
.email-plain-text-preview { min-height: 30rem; max-height: 46rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--bs-body-color); background: var(--bs-tertiary-bg); }
.clr-picker { z-index: 1090; font-family: var(--bs-body-font-family); }
.clr-picker.clr-dark { border: 1px solid var(--bs-border-color); background-color: var(--bs-tertiary-bg); }
.clr-picker input.clr-color { font-family: var(--bs-font-monospace); }
.home-public { overflow: hidden; }
.home-hero { position: relative; background: radial-gradient(circle at 72% 28%, rgba(139, 167, 255, .32), transparent 30rem), linear-gradient(145deg, rgba(109, 74, 255, .13), rgba(213, 140, 255, .08) 48%, transparent 76%); }
.home-hero::after { position: absolute; inset: auto -10% -12rem 35%; height: 20rem; border-radius: 50%; background: rgba(109, 74, 255, .1); filter: blur(80px); content: ''; pointer-events: none; }
.py-lg-6 { padding-top: 6rem; padding-bottom: 6rem; }
.home-eyebrow { color: #6545dd; font-size: .78rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.home-eyebrow-mark { display: inline-flex; width: 1.35rem; margin-right: .7rem; align-items: center; justify-content: center; vertical-align: -.08em; letter-spacing: 0; }
[data-bs-theme='dark'] .home-eyebrow { color: #b8a8ff; }
.home-hero-title { max-width: 12ch; letter-spacing: -.045em; line-height: .98; }
.home-hero-copy { max-width: 38rem; color: var(--bs-secondary-color); line-height: 1.7; }
.home-proof span { padding: .45rem .7rem; border: 1px solid rgba(var(--streampixie-primary-rgb), .18); border-radius: 999px; background: rgba(var(--bs-body-bg-rgb), .62); color: var(--bs-secondary-color); font-size: .82rem; backdrop-filter: blur(10px); }
.home-proof i { color: var(--streampixie-primary); }
.home-hero-art-wrap { position: relative; display: inline-block; }
.home-hero-art-wrap::before { position: absolute; z-index: -1; inset: 14% 8%; border-radius: 50%; background: radial-gradient(circle, rgba(118, 86, 255, .34), transparent 70%); filter: blur(25px); content: ''; }
.home-hero-art { display: block; width: min(30rem, 86vw); height: auto; margin-inline: auto; filter: drop-shadow(0 1.5rem 2rem rgba(44, 30, 112, .22)); }
.home-sparkle { position: absolute; width: .8rem; height: .8rem; background: var(--streampixie-accent); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); opacity: .75; }
.home-sparkle-one { bottom: 32%; left: 5%; }
.home-sparkle-two { right: 6%; bottom: 15%; width: 1.2rem; height: 1.2rem; background: var(--streampixie-pink); }
.home-section-heading { max-width: 42rem; }
.home-feature-card, .home-beyond-card, .home-cta, .dashboard-panel, .dashboard-stat, .dashboard-welcome { border: 1px solid rgba(var(--streampixie-primary-rgb), .15); background: color-mix(in srgb, var(--bs-body-bg) 88%, transparent); box-shadow: 0 1.25rem 3rem rgba(41, 27, 105, .08); backdrop-filter: blur(14px); }
.home-feature-card { padding: 2rem; border-radius: 1.25rem; }
.home-feature-icon, .home-beyond-icon, .dashboard-stat-icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 1rem; background: linear-gradient(145deg, #7655ff, #9978ff); color: #fff; box-shadow: 0 .65rem 1.5rem rgba(109, 74, 255, .25); }
.home-beyond-card { max-width: 58rem; margin-inline: auto; padding: 2rem; border-radius: 1.5rem; }
.home-cta { position: relative; max-width: 60rem; margin-inline: auto; padding: clamp(2.5rem, 7vw, 5rem); overflow: hidden; border-radius: 2rem; background: radial-gradient(circle at top right, rgba(213, 140, 255, .25), transparent 45%), color-mix(in srgb, var(--bs-body-bg) 88%, transparent); }
.home-cta p { max-width: 35rem; }
.home-cta-sparkle { position: absolute; top: 1.5rem; right: 2rem; color: var(--streampixie-pink); font-size: 1.25rem; transform: rotate(16deg); }
.legal-document-header { max-width: 72rem; overflow: hidden; border-color: rgba(var(--streampixie-primary-rgb), .18); background: radial-gradient(circle at top right, rgba(213, 140, 255, .2), transparent 42%), color-mix(in srgb, var(--bs-body-bg) 92%, transparent); }
.legal-document-logo { display: block; width: 6rem; height: 6rem; object-fit: contain; filter: drop-shadow(0 .75rem 1.2rem rgba(44, 30, 112, .18)); }
.legal-document-layout { display: grid; max-width: 72rem; margin-inline: auto; gap: 1.5rem; align-items: start; }
.legal-document-nav { border-color: rgba(var(--streampixie-primary-rgb), .15); }
.legal-document-nav .nav-link { color: var(--bs-secondary-color); }
.legal-document-nav .nav-link:hover, .legal-document-nav .nav-link:focus-visible { color: var(--bs-link-hover-color); background: rgba(var(--streampixie-primary-rgb), .07); }
.legal-document { min-width: 0; border-color: rgba(var(--streampixie-primary-rgb), .18); }
.legal-document section { scroll-margin-top: 1rem; margin-bottom: 2.5rem; }
.legal-document h2 { margin-bottom: 1rem; font-size: 1.35rem; }
.legal-document h3 { margin-top: 1.25rem; font-size: 1.05rem; }
.legal-document p, .legal-document li { line-height: 1.75; }
.legal-document li + li { margin-top: .45rem; }
.dashboard-welcome { display: grid; grid-template-columns: minmax(6.5rem, 9rem) minmax(0, 1fr); align-items: center; gap: clamp(1.25rem, 3vw, 2.25rem); padding: clamp(1.5rem, 4vw, 2.5rem); overflow: hidden; border-radius: 1.5rem; background: radial-gradient(circle at top right, rgba(139, 167, 255, .22), transparent 45%), color-mix(in srgb, var(--bs-body-bg) 91%, transparent); }
.dashboard-welcome-art img { display: block; width: clamp(6.5rem, 10vw, 9rem); height: auto; margin-inline: auto; filter: drop-shadow(0 .85rem 1.25rem rgba(44, 30, 112, .2)); }
.dashboard-welcome-body { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 2rem; }
.dashboard-welcome-copy { min-width: 0; }
.dashboard-welcome-actions { flex: 0 0 auto; }
.dashboard-stat { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: 1rem; }
.dashboard-stat-icon { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; border-radius: .85rem; }
.dashboard-stat-value, .dashboard-stat-label { display: block; }
.dashboard-stat-value { font-size: 1.55rem; line-height: 1.1; }
.dashboard-stat-label { margin-top: .2rem; color: var(--bs-secondary-color); font-size: .82rem; }
.dashboard-panel { overflow: hidden; border-radius: 1.25rem; }
.dashboard-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem 1.25rem 1rem; border-bottom: 1px solid var(--bs-border-color); }
.dashboard-list .list-group-item { padding: 1rem 1.25rem; background: transparent; border-color: var(--bs-border-color); }
.dashboard-message { padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .9rem; background: rgba(var(--bs-tertiary-bg-rgb), .55); overflow-wrap: anywhere; }
.dashboard-message:hover { border-color: rgba(var(--streampixie-primary-rgb), .45); background: rgba(var(--streampixie-primary-rgb), .06); }
.dashboard-empty { display: flex; min-height: 13rem; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; padding: 2rem; color: var(--bs-secondary-color); text-align: center; }
.dashboard-empty > i { color: rgba(var(--streampixie-primary-rgb), .7); font-size: 2rem; }
@media (min-width: 992px) {
    .auth-layout { grid-template-columns: minmax(0, 1.02fr) minmax(25rem, .98fr); }
    .auth-brand-panel { display: flex; min-height: 39rem; flex-direction: column; justify-content: flex-end; padding: 3rem; }
    .auth-hero-picture { display: flex; flex: 1 1 auto; align-items: flex-end; justify-content: center; }
    .auth-hero-art { width: min(22rem, 100%); max-height: 25rem; }
    .auth-brand-copy { margin-top: 1.5rem; }
    .auth-sparkle-one { top: 2.5rem; left: 3rem; }
    .auth-sparkle-two { top: 4.15rem; left: 5.2rem; }
    .home-sparkle-one { top: 10%; bottom: auto; left: 54%; }
    .home-sparkle-two { top: 18%; right: 3%; bottom: auto; }
    .widget-editor-preview { position: sticky; top: 1rem; }
    .widget-config-scroll { max-height: calc(100vh - 7rem); overflow-y: auto; padding-right: .4rem; }
    .legal-document-layout { grid-template-columns: 15rem minmax(0, 1fr); }
    .legal-document-nav { position: sticky; top: 1rem; }
}
@media (min-width: 576px) {
    .font-awesome-icon-picker-dialog .modal-content { height: min(42rem, calc(100dvh - 3.5rem)); }
}
@media (max-width: 991.98px) {
    .py-lg-6 { padding-top: 3rem; padding-bottom: 3rem; }
    .home-hero-title { max-width: none; }
    .home-hero-copy { margin-inline: auto; }
    .home-hero-art { width: min(25rem, 82vw); }
}
@media (max-width: 1199.98px) {
    .dashboard-welcome-body { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
}
@media (max-width: 575.98px) {
    .auth-brand-panel { grid-template-columns: 6rem minmax(0, 1fr); }
    .auth-brand-copy h2 { font-size: 1.1rem; }
    .auth-brand-copy p:last-child { display: none; }
    .auth-secondary-actions { grid-template-columns: minmax(0, 1fr); }
    .dashboard-welcome { grid-template-columns: minmax(0, 1fr); }
}