/* /Components/Layout/BrowserAnalyticsConsent.razor.rz.scp.css */
.analytics-choice[b-kzl8mflp9l] {
    position: fixed;
    z-index: 150;
    bottom: calc(var(--nav-h, 72px) + env(safe-area-inset-bottom) + 12px);
    left: 16px;
    right: 16px;
    max-width: 520px;
    padding: 20px;
    border: 1px solid var(--divider);
    border-radius: 20px;
    background: var(--surface);
    color: var(--text);
    box-shadow: var(--shadow);
    max-height: 70dvh;
    overflow-y: auto;
}
.analytics-choice p[b-kzl8mflp9l] { font-size: 13px; line-height: 1.5; }
.choices[b-kzl8mflp9l] { display: flex; flex-wrap: wrap; gap: 10px; }
.choices .btn[b-kzl8mflp9l] { flex: 1; }
/* /Components/Layout/GuestSignInOverlay.razor.rz.scp.css */
.guest-sign-in[b-1vsivppx0h] {
    border: 0;
    padding: 0;
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    border-radius: 24px;
    background: var(--surface);
    color: var(--text);
    overflow-y: auto;
}

.guest-sign-in[b-1vsivppx0h]::backdrop { background: rgb(0 0 0 / 60%); }
.guest-sign-in .auth-card[b-1vsivppx0h] { position: relative; margin: 0; width: 100%; box-sizing: border-box; }
.close-prompt[b-1vsivppx0h] { position: absolute; top: 12px; right: 12px; font-size: 26px; }

.sign-in-intent[b-1vsivppx0h] { color: var(--accent); font-weight: 700; }
/* /Components/Layout/PostCard.razor.rz.scp.css */
.wayasay-confirm-overlay[b-dgsl8pz582] { position:fixed; inset:0; z-index:9999; padding:20px; background:rgba(10,9,23,.66); backdrop-filter:blur(5px); display:flex; align-items:center; justify-content:center; }
.wayasay-confirm-dialog[b-dgsl8pz582] { box-sizing:border-box; width:min(100%,410px); padding:28px; border-radius:22px; background:var(--surface,#fff); color:var(--text,#211a32); border:1px solid var(--border,rgba(120,100,160,.2)); box-shadow:0 24px 70px rgba(0,0,0,.28); text-align:center; }
.wayasay-confirm-icon[b-dgsl8pz582] { width:62px; height:62px; border-radius:50%; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; background:rgba(220,53,69,.11); color:#e04b61; }
.wayasay-confirm-icon .mi[b-dgsl8pz582] { font-size:32px; }
.wayasay-confirm-dialog h2[b-dgsl8pz582] { font-size:1.3rem; margin:0 0 10px; color:inherit; }
.wayasay-confirm-dialog p[b-dgsl8pz582] { font-size:.93rem; line-height:1.55; opacity:.8; margin:0 0 24px; }
.wayasay-confirm-actions[b-dgsl8pz582] { display:flex; gap:10px; }
.wayasay-confirm-actions button[b-dgsl8pz582] { flex:1; border:0; border-radius:12px; padding:12px 10px; font:inherit; font-weight:650; cursor:pointer; }
.wayasay-confirm-cancel[b-dgsl8pz582] { background:var(--surface-2,#eeeaf5); color:var(--text,#211a32); }
.wayasay-confirm-delete[b-dgsl8pz582] { background:#d83b52; color:#fff; }
.wayasay-confirm-actions button:disabled[b-dgsl8pz582] { opacity:.6; cursor:wait; }
.wayasay-confirm-actions button:focus-visible[b-dgsl8pz582] { outline:3px solid #512bd4; outline-offset:3px; }

/* Full-width, evenly spaced actions on feed, profile and post details. */
.post-actions[b-dgsl8pz582] { width:100%; margin:12px 0 0; display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); align-items:center; gap:4px; }
.post-actions button[b-dgsl8pz582] { width:100%; min-width:0; min-height:44px; height:auto; padding:9px 4px; border-radius:13px; display:flex; align-items:center; justify-content:center; gap:6px; color:var(--muted); }
.post-actions button .mi[b-dgsl8pz582] { font-size:23px; }
.post-actions button:focus-visible[b-dgsl8pz582] { outline:2px solid var(--accent); outline-offset:2px; }
.post-actions .love-button.is-loved[b-dgsl8pz582] { color:#e53935; }
@media (max-width:380px) { .post-actions[b-dgsl8pz582] { gap:2px; } .post-actions button[b-dgsl8pz582] { padding:9px 2px; gap:3px; } }

.post-actions button[b-dgsl8pz582] { flex-direction:column; gap:4px; }
.action-icon-row[b-dgsl8pz582] { display:flex; align-items:center; justify-content:center; gap:6px; min-height:24px; }
.action-label[b-dgsl8pz582] { font-size:12px; line-height:1.3; }

.post-head[b-dgsl8pz582] { gap:8px; }
.author-link[b-dgsl8pz582] { flex:1; }
.author-link small[b-dgsl8pz582] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.feed-follow[b-dgsl8pz582] { flex-shrink:0; min-height:36px; padding:6px 12px; border:1px solid var(--accent); border-radius:999px; background:var(--accent); color:white; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.feed-follow:focus-visible[b-dgsl8pz582] { outline:3px solid var(--accent); outline-offset:3px; }
.feed-follow:disabled[b-dgsl8pz582] { cursor:default; }
.feed-follow[aria-busy="true"][b-dgsl8pz582] { opacity:.7; cursor:wait; }
.feed-follow.is-following[b-dgsl8pz582] { background:var(--accent-bg); color:var(--accent); border-color:var(--divider); }

.post-category-tag[b-dgsl8pz582] {
    display: inline-block;
    margin-top: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--accent-bg);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.post-category-tag:focus-visible[b-dgsl8pz582] { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (min-width:781px) {
    .post-category-tag[b-dgsl8pz582] { margin-left:52px; max-width:calc(100% - 52px); }
}

.voice-wave-row[b-dgsl8pz582] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; }
.voice-duration[b-dgsl8pz582] { color:var(--text); font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }

/* Shared card design for feed, post details and profile posts. */
.trial-card[b-dgsl8pz582] { margin:14px 16px; padding:0; border:1px solid var(--divider); border-radius:24px; overflow:hidden; }
.trial-card .post-head[b-dgsl8pz582] { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; padding:16px 18px; border-bottom:1px solid var(--divider); }
.trial-card .author-link[b-dgsl8pz582] { grid-column:1; grid-row:1; }
.trial-card .avatar[b-dgsl8pz582] { border-radius:13px; }
.trial-card .post-category-tag[b-dgsl8pz582] { grid-column:2; grid-row:1; margin:0; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.trial-card .feed-follow[b-dgsl8pz582] { grid-column:1; grid-row:2; justify-self:start; margin-left:52px; min-height:32px; }
.trial-card .post-head > .icon-btn[b-dgsl8pz582] { grid-column:3; grid-row:1; justify-self:end; }
.trial-card .voice-shell[b-dgsl8pz582] { position:relative; margin:0; padding:20px 20px 14px; border-radius:0; background:linear-gradient(180deg,var(--surface-2),var(--surface)); gap:12px; }
.trial-card .voice-wave-row[b-dgsl8pz582] { display:flex; flex-direction:column-reverse; align-items:stretch; gap:6px; min-width:0; }
.voice-clock[b-dgsl8pz582] { align-self:flex-end; display:grid; justify-items:center; gap:5px; width:96px; --clock-progress:0; --clock-angle:0deg; }
.voice-clock-face[b-dgsl8pz582] { width:96px; height:96px; overflow:visible; }
.clock-track[b-dgsl8pz582], .clock-remaining[b-dgsl8pz582] { fill:none; stroke-width:4; }
.clock-track[b-dgsl8pz582] { stroke:var(--divider); }
.clock-remaining[b-dgsl8pz582] { stroke:#512BD4; stroke-dasharray:100; stroke-dashoffset:calc(var(--clock-progress) * 100); transform:rotate(-90deg); transform-origin:50px 50px; }
.clock-tick[b-dgsl8pz582] { stroke:var(--muted); stroke-width:1.5; }
.clock-hand[b-dgsl8pz582] { stroke:var(--text); stroke-width:2.5; stroke-linecap:round; transform:rotate(var(--clock-angle)); transform-origin:50px 50px; }
.clock-hub[b-dgsl8pz582] { fill:var(--text); }
.trial-card .voice-duration[b-dgsl8pz582] { font-size:13px; font-weight:600; line-height:1.3; letter-spacing:.02em; }
@media (max-width:480px) { .voice-clock[b-dgsl8pz582] { width:80px; } .voice-clock-face[b-dgsl8pz582] { width:80px; height:80px; } }
.trial-play[b-dgsl8pz582] { justify-self:center; display:grid; place-items:center; width:80px; height:52px; border:1px solid #666; border-radius:999px; background:#000; color:#fff; cursor:pointer; }
.trial-play .mi[b-dgsl8pz582] { font-size:32px; }
.trial-play:hover[b-dgsl8pz582] { filter:brightness(1.1); }
.trial-play:focus-visible[b-dgsl8pz582] { outline:3px solid var(--accent); outline-offset:4px; }
.trial-play:disabled[b-dgsl8pz582] { opacity:.6; cursor:wait; }
.trial-native-controls[b-dgsl8pz582] { width:100%; min-width:0; text-align:center; color:var(--muted); font-size:11px; }
.trial-controls-toggle[b-dgsl8pz582] { display:block; width:fit-content; min-height:32px; margin:auto; cursor:pointer; padding:4px 10px; border:0; border-radius:6px; background:transparent; color:inherit; font:inherit; }
.trial-controls-toggle:focus-visible[b-dgsl8pz582] { outline:2px solid var(--accent); outline-offset:2px; }
.trial-native-controls audio[b-dgsl8pz582] { margin-top:10px; }
.trial-native-controls:not(.is-open) audio[b-dgsl8pz582] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.feed-audio-error[b-dgsl8pz582] { margin:0; color:var(--danger); font-size:13px; text-align:center; }
.trial-card .post-caption[b-dgsl8pz582] { margin:0; padding:18px 20px; border-top:1px solid var(--divider); font-size:20px; line-height:1.35; font-weight:750; }
.trial-card .post-actions[b-dgsl8pz582] { margin:0; gap:0; border-top:1px solid var(--divider); }
.trial-card .post-actions button[b-dgsl8pz582] { min-height:64px; border-radius:0; padding:10px 4px; }
.trial-card .post-actions button + button[b-dgsl8pz582] { border-left:1px solid var(--divider); }
@media (max-width:480px) {
    .trial-card[b-dgsl8pz582] { border-radius:20px; }
    .trial-card .post-head[b-dgsl8pz582] { padding:14px 12px; gap:8px; }
    .trial-card .post-category-tag[b-dgsl8pz582] { max-width:115px; padding:6px 8px; }
    .trial-card .voice-shell[b-dgsl8pz582] { padding:18px 12px 12px; }
    .trial-card .post-caption[b-dgsl8pz582] { padding:16px; font-size:18px; }
}

/* Keep the complete card easier to scan below the feed header on laptops. */
@media (min-width:781px) and (max-height:850px) {
    .trial-card[b-dgsl8pz582] { margin-top:10px; margin-bottom:10px; }
    .trial-card .post-head[b-dgsl8pz582] { padding:12px 16px; gap:8px; }
    .trial-card .voice-shell[b-dgsl8pz582] { padding:12px 16px 8px; gap:8px; }
    .trial-card .voice-wave-row[b-dgsl8pz582] { flex-direction:row; align-items:center; gap:16px; }
    .trial-card .voice-wave-row[b-dgsl8pz582]  .wave-spotlight { flex:1; min-width:0; }
    .trial-card .voice-clock[b-dgsl8pz582] { flex:0 0 72px; width:72px; align-self:center; gap:3px; }
    .trial-card .voice-clock-face[b-dgsl8pz582] { width:72px; height:72px; }
    .trial-card .trial-play[b-dgsl8pz582] { height:44px; }
    .trial-card .post-caption[b-dgsl8pz582] { padding:12px 16px; font-size:18px; }
    .trial-card .post-actions button[b-dgsl8pz582] { min-height:56px; padding:6px 4px; }
}
/* /Components/Layout/PostUploadStatus.razor.rz.scp.css */
.post-upload-status[b-vnb6xbte3k] { width:min(calc(100% - 32px),640px); margin:16px auto; padding:16px; border:1px solid var(--divider); border-radius:16px; background:var(--surface); color:var(--text); display:grid; gap:12px; overflow-wrap:anywhere; }
.post-upload-status progress[b-vnb6xbte3k] { width:100%; accent-color:var(--accent); }
.post-upload-status small[b-vnb6xbte3k] { color:var(--muted); }
.upload-actions[b-vnb6xbte3k] { display:flex; gap:8px; flex-wrap:wrap; }
/* /Components/Layout/ReplyUploadStatus.razor.rz.scp.css */
.reply-upload-status[b-2isajrlu78] { width:min(calc(100% - 32px),640px); margin:16px auto; padding:16px; border:1px solid var(--divider); border-radius:16px; background:var(--surface); color:var(--text); display:grid; gap:12px; overflow-wrap:anywhere; }
.reply-upload-status progress[b-2isajrlu78] { width:100%; accent-color:var(--accent); }
.reply-upload-status small[b-2isajrlu78] { color:var(--muted); }
.upload-actions[b-2isajrlu78] { display:flex; gap:8px; flex-wrap:wrap; }
/* /Components/Layout/VoiceWaveform.razor.rz.scp.css */
/* Voice waveforms use theme-aware lavender dots and brand-violet bars. */
.wave-dots[b-6vxb4rzjm0], .wave-bars[b-6vxb4rzjm0] { gap:2px; }
.wave-dots[b-6vxb4rzjm0] { color:color-mix(in srgb, var(--accent-2) 78%, var(--surface)); }
.wave-dots i:nth-child(n)[b-6vxb4rzjm0] { height:var(--bar); min-width:1px; max-width:5px; border-radius:0; background:radial-gradient(circle, currentColor 1.8px, transparent 2px) center / 4px 4px no-repeat, radial-gradient(circle, currentColor 1.3px, transparent 1.7px) center / 4px 6px repeat-y; opacity:.8; }
.wave-bars i:nth-child(n)[b-6vxb4rzjm0] { height:var(--bar); min-width:1px; max-width:none; border-radius:999px; background:var(--accent); opacity:.85; }

.wave-spotlight.wave-bars[b-6vxb4rzjm0] { height:190px; gap:4px; }
.wave-spotlight.wave-bars i:nth-child(n)[b-6vxb4rzjm0] { flex:1 1 0; min-width:0; max-width:none; height:var(--bar); border-radius:999px; background:linear-gradient(180deg,var(--accent-2),var(--accent)); opacity:.85; }
/* A decorative purple dot surface fills the same space as the broad bars. */
.wave-spotlight.wave-dots[b-6vxb4rzjm0] { height:190px; color:var(--accent-2); }
.dot-wave-surface[b-6vxb4rzjm0] { display:block; width:100%; height:100%; fill:currentColor; }
.dot-wave-row[b-6vxb4rzjm0] { transform-box:fill-box; transform-origin:center; animation:dot-wave-flow-b-6vxb4rzjm0 850ms ease-in-out infinite alternate; animation-play-state:paused; }
.is-playing .dot-wave-row[b-6vxb4rzjm0] { animation-play-state:running; }
@keyframes dot-wave-flow-b-6vxb4rzjm0 {
    from { transform:translateY(-6px) scaleY(.94); }
    to { transform:translateY(6px) scaleY(1.06); }
}
@media (prefers-reduced-motion:reduce) { .dot-wave-row[b-6vxb4rzjm0] { animation:none; } }
@media (max-width:480px) {
    .wave-spotlight.wave-bars[b-6vxb4rzjm0] { height:150px; gap:3px; }
    .wave-spotlight.wave-dots[b-6vxb4rzjm0] { height:150px; }
}
@media (min-width:781px) and (max-height:850px) {
    .wave-spotlight.wave-bars[b-6vxb4rzjm0], .wave-spotlight.wave-dots[b-6vxb4rzjm0] { height:110px; }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-links[b-kwpowyjrmw] { display:grid; gap:12px; max-width:560px; margin-top:28px; }
.contact-link[b-kwpowyjrmw] { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid var(--divider); border-radius:16px; background:var(--surface); color:var(--text); text-decoration:none; }
.contact-link svg[b-kwpowyjrmw], .contact-email[b-kwpowyjrmw] { width:28px; height:28px; flex-shrink:0; color:var(--accent); }
.contact-email[b-kwpowyjrmw] { font-size:28px; }
.contact-link > span:not(.mi)[b-kwpowyjrmw] { display:grid; gap:4px; min-width:0; }
.contact-link strong[b-kwpowyjrmw] { font-size:15px; }
.contact-link span span[b-kwpowyjrmw] { color:var(--muted); overflow-wrap:anywhere; }
.contact-external[b-kwpowyjrmw] { margin-left:auto; color:var(--muted); font-size:20px; }
.contact-link:hover[b-kwpowyjrmw] { background:var(--accent-bg); border-color:var(--accent); }
.contact-link:focus-visible[b-kwpowyjrmw] { outline:3px solid var(--accent); outline-offset:4px; }
/* /Components/Pages/Create.razor.rz.scp.css */
.post-settings[b-byzyqtoajp] {
    margin: 20px 0 6px;
    padding: 0;
    border: 0;
    min-width: 0;
}

.post-settings legend[b-byzyqtoajp] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.post-setting + .post-setting[b-byzyqtoajp] { margin-top: 22px; }
.post-setting label[b-byzyqtoajp] { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 750; color: var(--text); }
.post-setting label .mi[b-byzyqtoajp] { color: var(--accent); font-size: 21px; }
.setting-hint[b-byzyqtoajp] { margin: 7px 0 10px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.post-setting .custom-category-label[b-byzyqtoajp] { margin: 14px 0 8px; font-size: 13px; }
.post-setting select[b-byzyqtoajp], .post-setting input[b-byzyqtoajp] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid var(--divider);
    border-radius: 12px;
    background: var(--bg);
    color: var(--text);
    font: inherit;
}
.audience-picker select[b-byzyqtoajp] { margin-top: 10px; }
.post-setting :focus-visible[b-byzyqtoajp] { outline: 2px solid var(--accent); outline-offset: 3px; }
.post-settings:disabled[b-byzyqtoajp] { opacity: .7; }
.post-setting select:disabled[b-byzyqtoajp], .post-setting input:disabled[b-byzyqtoajp] { cursor: not-allowed; }
.category-error[b-byzyqtoajp] { margin: 8px 0 0; color: color-mix(in srgb, var(--danger) 80%, var(--text)); font-size: 12px; line-height: 1.6; }
.category-error:empty[b-byzyqtoajp] { display: none; }
/* /Components/Pages/DirectConversation.razor.rz.scp.css */
.private-message[b-bpidzz35er] { padding:16px; margin:16px 0; border:1px solid var(--divider); border-radius:18px; background:var(--surface); max-width:90%; }
.private-message.sent[b-bpidzz35er] { margin-left:auto; background:var(--accent-bg); }
.private-message > small[b-bpidzz35er] { display:block; color:var(--muted); margin:6px 0; }
.private-message audio[b-bpidzz35er] { max-width:100%; }
/* /Components/Pages/DirectMessages.razor.rz.scp.css */
.message-thread[b-nx420vvncw] { display:flex; gap:14px; align-items:center; padding:20px; margin-top:14px; border:1px solid var(--divider); border-radius:18px; background:var(--surface); text-decoration:none; color:var(--text); }
.message-thread > span:not(.mi)[b-nx420vvncw] { display:grid; flex:1; gap:5px; min-width:0; }
.message-thread small[b-nx420vvncw] { color:var(--muted); overflow-wrap:anywhere; }
.message-thread .mi[b-nx420vvncw], .message-thread b[b-nx420vvncw] { color:var(--accent); }
.message-thread:focus-visible[b-nx420vvncw] { outline:3px solid var(--accent); outline-offset:3px; }
/* /Components/Pages/Feed.razor.rz.scp.css */
.voice-post-prompt[b-85t8f4q56t] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 18px 16px;
    padding: 20px;
    border: 1px solid var(--divider);
    border-radius: 22px;
    background: var(--surface);
}

.voice-post-prompt-icon[b-85t8f4q56t] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: var(--accent);
    background: var(--accent-bg);
}

.voice-post-prompt-copy[b-85t8f4q56t] {
    min-width: 0;
}

.voice-post-prompt h2[b-85t8f4q56t] {
    margin: 0 0 6px;
    font-size: 20px;
    color: var(--text);
}

.voice-post-prompt p[b-85t8f4q56t] {
    margin: 0 0 14px;
    color: var(--muted);
}

.voice-post-prompt-actions[b-85t8f4q56t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 480px) {
    .voice-post-prompt[b-85t8f4q56t] {
        gap: 12px;
        padding: 16px;
        margin: 14px 12px;
    }
}

.trending-categories[b-85t8f4q56t] { max-width: 680px; margin: 24px auto; padding: 0 20px; }
.trending-categories h1[b-85t8f4q56t] { font-size: 22px; margin-bottom: 8px; }
.trending-categories p[b-85t8f4q56t] { color: var(--muted); line-height: 1.6; }
.category-chips[b-85t8f4q56t] { display: flex; flex-wrap: wrap; gap: 10px; }
.category-chip[b-85t8f4q56t] { padding: 12px 16px; background: var(--surface); color: var(--text); border: 1px solid var(--divider); border-radius: 16px; text-align: left; cursor: pointer; overflow-wrap: anywhere; max-width: 100%; }
.category-chip strong[b-85t8f4q56t], .category-chip small[b-85t8f4q56t] { display: block; }
.category-chip small[b-85t8f4q56t] { color: var(--muted); margin-top: 5px; }
.category-chip.selected[b-85t8f4q56t] { border-color: var(--accent); background: var(--accent-bg); }
.category-chip:focus-visible[b-85t8f4q56t] { outline: 2px solid var(--accent); outline-offset: 3px; }
.category-filter[b-85t8f4q56t] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 20px; color: var(--accent); }
/* /Components/Pages/Home.razor.rz.scp.css */
.hero-actions .btn:focus-visible[b-z551kph6mx] {
    outline:3px solid var(--accent);
    outline-offset:4px;
}
.hero-actions .btn:active[b-z551kph6mx] { transform:translateY(1px); }
/* /Components/Pages/Login.razor.rz.scp.css */
.sign-in-intent[b-hf02vwjihs] { color: var(--accent); font-weight: 700; }
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notification-page[b-0n00ubqj37]{width:min(100%,680px);min-height:100dvh;margin:0 auto;background:var(--surface);color:var(--text)}
.notification-header[b-0n00ubqj37]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 18px;border-bottom:1px solid var(--divider)}
.notification-heading[b-0n00ubqj37]{display:flex;align-items:center;gap:13px;min-width:0}
.notification-mark-read[b-0n00ubqj37]{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--divider);border-radius:12px;background:var(--accent-bg);color:var(--accent);cursor:pointer}
.notification-mark-read:focus-visible[b-0n00ubqj37]{outline:2px solid var(--accent);outline-offset:2px}
.notification-mark-read:disabled[b-0n00ubqj37]{opacity:.5;cursor:default}
.notification-heading-icon[b-0n00ubqj37]{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:16px;background:var(--accent-bg);color:var(--accent);font-size:26px}
.notification-heading h1[b-0n00ubqj37]{margin:0;font-size:23px;font-weight:800;letter-spacing:-.04em;line-height:1.2}
.notification-heading p[b-0n00ubqj37]{margin:5px 0 0;font-size:12px;color:var(--muted)}
.notification-count[b-0n00ubqj37],.notification-section-badge[b-0n00ubqj37]{border-radius:999px;padding:6px 11px;background:#ffe8ec;color:#c72549;font-size:11px;font-weight:800;white-space:nowrap}
.notification-hero[b-0n00ubqj37]{position:relative;display:flex;align-items:center;gap:18px;overflow:hidden;margin:18px 20px 22px;padding:23px 20px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#512bd4 0%,#7044df 56%,#9b6af3 100%);box-shadow:0 10px 28px rgba(81,43,212,.15)}
.notification-hero[b-0n00ubqj37]::after{content:"";position:absolute;width:170px;height:170px;right:-95px;top:-85px;border:24px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.notification-hero-art[b-0n00ubqj37]{width:57px;height:57px;display:grid;place-items:center;flex:none;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25)}
.notification-hero-art .mi[b-0n00ubqj37]{font-size:30px}
.notification-hero-copy[b-0n00ubqj37]{min-width:0;position:relative;z-index:1}
.notification-hero-eyebrow[b-0n00ubqj37]{font-size:10px;letter-spacing:.14em;font-weight:800;opacity:.8}
.notification-hero h2[b-0n00ubqj37]{margin:6px 0;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.notification-hero p[b-0n00ubqj37]{margin:0;font-size:12px;line-height:1.55;color:rgba(255,255,255,.88)}
.notification-section-title[b-0n00ubqj37]{display:flex;align-items:center;gap:9px;padding:0 22px 12px}
.notification-section-title h2[b-0n00ubqj37]{margin:0;font-size:15px;font-weight:800;letter-spacing:-.02em}
.notification-section-badge[b-0n00ubqj37]{padding:4px 9px}
.notification-list[b-0n00ubqj37]{display:grid;gap:10px;padding:0 20px 30px}
.notification-entry[b-0n00ubqj37]{appearance:none;display:flex;align-items:center;gap:13px;width:100%;padding:16px;border:1px solid var(--divider);border-radius:17px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.notification-entry.unread[b-0n00ubqj37]{background:color-mix(in srgb,var(--accent-bg) 38%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,var(--divider))}
.notification-entry:hover[b-0n00ubqj37]{background:var(--surface-2);transform:translateY(-1px)}
.notification-entry:focus-visible[b-0n00ubqj37]{outline:2px solid var(--accent);outline-offset:2px}
.notification-entry:disabled[b-0n00ubqj37]{opacity:.65;cursor:wait}
.notification-event-icon[b-0n00ubqj37]{width:47px;height:47px;display:grid;place-items:center;flex:none;border-radius:15px;background:var(--accent-bg);color:var(--accent)}
.notification-event-icon .mi[b-0n00ubqj37]{font-size:25px}
.notification-entry-copy[b-0n00ubqj37]{display:grid;gap:6px;flex:1;min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.notification-entry-message strong[b-0n00ubqj37]{font-weight:800}
.notification-entry-meta[b-0n00ubqj37]{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}
.notification-entry-meta .mi[b-0n00ubqj37]{font-size:14px}
.notification-entry-link[b-0n00ubqj37]{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:800}
.notification-entry-link .mi[b-0n00ubqj37]{font-size:14px}
.notification-unread-dot[b-0n00ubqj37]{width:9px;height:9px;flex:none;border-radius:50%;background:#e43f60;box-shadow:0 0 0 4px rgba(228,63,96,.1)}
.notification-chevron[b-0n00ubqj37]{color:var(--muted);font-size:20px;flex:none}
.notification-loading[b-0n00ubqj37]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;color:var(--muted);font-size:13px}
.notification-feedback[b-0n00ubqj37]{display:flex;align-items:center;flex-direction:column;gap:12px;padding:65px 26px;text-align:center}
.notification-feedback-icon[b-0n00ubqj37]{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--accent-bg);color:var(--accent);font-size:38px}
.notification-feedback h2[b-0n00ubqj37]{margin:0;font-size:18px}
.notification-feedback p[b-0n00ubqj37]{max-width:310px;margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--muted)}
@media(min-width:800px){.notification-page[b-0n00ubqj37]{border-left:1px solid var(--divider);border-right:1px solid var(--divider)}}
@media(max-width:480px){.notification-header[b-0n00ubqj37]{padding:16px}.notification-heading h1[b-0n00ubqj37]{font-size:20px}.notification-heading-icon[b-0n00ubqj37]{width:43px;height:43px}.notification-hero[b-0n00ubqj37]{margin:14px 14px 20px;padding:19px 16px;gap:12px}.notification-hero-art[b-0n00ubqj37]{width:48px;height:48px}.notification-hero h2[b-0n00ubqj37]{font-size:15px}.notification-list[b-0n00ubqj37]{padding:0 14px 25px}.notification-section-title[b-0n00ubqj37]{padding:0 16px 12px}.notification-entry[b-0n00ubqj37]{padding:13px;gap:10px}.notification-event-icon[b-0n00ubqj37]{width:42px;height:42px}}
.notification-caption-preview[b-0n00ubqj37] {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* Give Love notifications their own visual identity */
.notification-love .notification-event-icon[b-0n00ubqj37] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.notification-love .notification-entry-link[b-0n00ubqj37] {
    color: #ef4444;
}

.notification-love.unread .notification-unread-dot[b-0n00ubqj37] {
    background: #ef4444;
}
/* /Components/Pages/PostDetails.razor.rz.scp.css */
.shared-post-content[b-2sv8zqagv7] { position: relative; min-height: 340px; }
.comment-card[b-2sv8zqagv7] { grid-template-columns:36px minmax(0,1fr); }
.comment-main[b-2sv8zqagv7] { min-width:0; }
.nested-reply[b-2sv8zqagv7] {
    margin-inline-start:calc(var(--reply-depth) * 24px);
    margin-block:8px;
    padding:14px;
    border-inline-start:3px solid var(--accent);
    border-radius:12px;
    background:var(--accent-bg);
}
@media (max-width:480px) { .nested-reply[b-2sv8zqagv7] { margin-inline-start:calc(var(--reply-depth) * 12px); padding:12px; } }
.reply-mention[b-2sv8zqagv7] { margin:0; color:var(--accent); font-size:13px; overflow-wrap:anywhere; }
.comment-created[b-2sv8zqagv7] { font-size:12px; color:var(--muted); }
.comment-actions[b-2sv8zqagv7] { align-items:center; flex-wrap:wrap; }
.comment-actions > :last-child[b-2sv8zqagv7] { margin-left:auto; }
.comment-actions a[b-2sv8zqagv7] { display:inline-flex; align-items:center; gap:4px; text-decoration:none; }
.shared-post-signin-overlay[b-2sv8zqagv7] {
    position: absolute; inset: 0; z-index: 10;
    display: flex; justify-content: center; align-items: flex-start;
    padding: 58px 16px 24px; box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(14,10,30,.48), rgba(14,10,30,.74));
    backdrop-filter: blur(5px);
    border-radius: 16px;
}
.shared-post-signin-card[b-2sv8zqagv7] {
    width: min(100%, 400px); padding: 30px 26px;
    box-sizing: border-box; border-radius: 22px; text-align: center;
    background: var(--surface, #fff); color: var(--text, #211a32);
    border: 1px solid var(--divider, rgba(120,100,160,.18));
    box-shadow: 0 20px 55px rgba(0,0,0,.24);
}
.shared-post-signin-icon[b-2sv8zqagv7] {
    width: 62px; height: 62px; margin: 0 auto 16px;
    border-radius: 50%; display: grid; place-items: center;
    background: rgba(81,43,212,.12); color: #7953e3;
}
.shared-post-signin-icon .mi[b-2sv8zqagv7] { font-size: 31px; }
.shared-post-signin-card h2[b-2sv8zqagv7] { margin: 0 0 10px; font-size: 1.4rem; color: inherit; }
.shared-post-signin-card p[b-2sv8zqagv7] { margin: 0 0 23px; line-height: 1.55; opacity: .8; }
.shared-post-signin-button[b-2sv8zqagv7] {
    display: block; padding: 13px 18px; border-radius: 12px;
    background: #512bd4; color: #fff !important; font-weight: 700;
    text-decoration: none;
}
.shared-post-signin-button:hover[b-2sv8zqagv7] { background: #4322b4; }
.shared-post-signin-note[b-2sv8zqagv7] { display: block; margin-top: 17px; font-size: .9rem; }
.shared-post-signin-note a[b-2sv8zqagv7] { color: #9675f6; font-weight: 650; }
.voice-audio-locked[b-2sv8zqagv7] { display: flex; align-items: center; gap: 8px; opacity: .65; font-size: .9rem; }
@media (max-width: 480px) {
    .shared-post-signin-overlay[b-2sv8zqagv7] { padding: 36px 12px 20px; }
    .shared-post-signin-card[b-2sv8zqagv7] { padding: 25px 18px; }
}

.comment-duration[b-2sv8zqagv7] { color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.reply-love[b-2sv8zqagv7] { display:inline-flex; align-items:center; gap:5px; min-width:44px; min-height:44px; }
.reply-love.loved[b-2sv8zqagv7] { color:#e53935; }
.reply-love:focus-visible[b-2sv8zqagv7] { outline:2px solid var(--accent); outline-offset:3px; }
.reply-love:disabled[b-2sv8zqagv7] { opacity:.55; cursor:wait; }
.selected-reply[b-2sv8zqagv7] { outline:2px solid var(--accent); outline-offset:3px; }

.comment-profile-avatar[b-2sv8zqagv7] { display:inline-flex; align-self:start; border-radius:50%; }
.comment-profile-name[b-2sv8zqagv7] { color:inherit; text-decoration:none; justify-self:start; }
.comment-profile-name:hover[b-2sv8zqagv7] { color:var(--accent); text-decoration:underline; }
.comment-profile-avatar:focus-visible[b-2sv8zqagv7], .comment-profile-name:focus-visible[b-2sv8zqagv7] { outline:2px solid var(--accent); outline-offset:4px; }

.voice-reply-invite[b-2sv8zqagv7] { margin-bottom:20px; }
.voice-reply-invite p[b-2sv8zqagv7] { margin:0 0 12px; color:var(--muted); font-size:14px; }
.voice-reply-bottom[b-2sv8zqagv7] { margin-top:20px; }
.voice-reply-button[b-2sv8zqagv7] { box-sizing:border-box; }
.voice-reply-button:focus-visible[b-2sv8zqagv7] { outline:2px solid var(--accent); outline-offset:4px; }
@media (max-width:600px) { .voice-reply-button[b-2sv8zqagv7] { width:100%; } }
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-s5ca64iu1j] {
    overflow-wrap: anywhere;
}

.privacy-page a[b-s5ca64iu1j] {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.privacy-page .back-link[b-s5ca64iu1j] {
    text-decoration: none;
}

.privacy-page a:focus-visible[b-s5ca64iu1j] {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
    border-radius: 3px;
}

.privacy-contents[b-s5ca64iu1j] {
    margin: 28px 0;
    padding: 0 20px 16px;
    border: 1px solid var(--divider);
    border-radius: 16px;
    background: var(--surface);
}

.privacy-page ol[b-s5ca64iu1j],
.privacy-page ul[b-s5ca64iu1j] {
    padding-left: 22px;
    color: var(--muted);
    line-height: 1.7;
}

.privacy-page li + li[b-s5ca64iu1j] {
    margin-top: 8px;
}

.privacy-page h2[b-s5ca64iu1j] {
    scroll-margin-top: 24px;
}

.privacy-page h3[b-s5ca64iu1j],
.privacy-purposes dt[b-s5ca64iu1j] {
    margin: 20px 0 7px;
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.privacy-purposes dd[b-s5ca64iu1j],
.privacy-page address[b-s5ca64iu1j] {
    margin: 0;
    font-style: normal;
    line-height: 1.7;
    color: var(--muted);
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-posts[b-hi3nge2dp3]  .trial-card { margin-inline:0; }
/* /Components/Pages/Register.razor.rz.scp.css */
.terms-agreement[b-29seebtdjf] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.terms-agreement input[b-29seebtdjf] {
    width: 20px;
    height: 20px;
    margin: 2px 0 0;
    padding: 0;
    accent-color: var(--accent);
}

.terms-agreement label[b-29seebtdjf] {
    display: block;
    line-height: 1.6;
    cursor: pointer;
}

.terms-agreement a[b-29seebtdjf] {
    color: var(--accent);
    text-decoration: underline;
}
/* /Components/Pages/Rewards.razor.rz.scp.css */
.rewards-page[b-sq9kwxdfqn] { max-width:760px; }
.reward-balance[b-sq9kwxdfqn] { position:relative; padding:28px; border:1px solid var(--divider); border-radius:22px; background:var(--surface); }
.balance-icon[b-sq9kwxdfqn] { display:block; color:var(--accent); font-size:36px; margin-bottom:18px; }
.reward-balance h2[b-sq9kwxdfqn] { margin:0; font-size:15px; color:var(--muted); }
.reward-balance .balance-amount[b-sq9kwxdfqn] { margin:8px 0 12px; font-size:clamp(40px,8vw,56px); font-weight:800; color:var(--text); line-height:1.1; font-variant-numeric:tabular-nums; }
.reward-balance p[b-sq9kwxdfqn], .reward-explanation > p[b-sq9kwxdfqn] { color:var(--muted); line-height:1.6; }
.reward-balance p:last-child[b-sq9kwxdfqn] { margin-bottom:0; }
.reward-explanation[b-sq9kwxdfqn] { margin-top:32px; }
.reward-explanation h2[b-sq9kwxdfqn] { font-size:22px; margin-bottom:10px; }
.earning-options[b-sq9kwxdfqn] { list-style:none; padding:0; margin:24px 0; display:grid; gap:16px; }
.earning-options li[b-sq9kwxdfqn] { display:flex; align-items:flex-start; gap:16px; padding:20px; background:var(--surface); border:1px solid var(--divider); border-radius:16px; }
.earning-options .mi[b-sq9kwxdfqn] { flex-shrink:0; font-size:28px; color:var(--accent); }
.earning-options h3[b-sq9kwxdfqn] { margin:0 0 6px; font-size:16px; }
.earning-options p[b-sq9kwxdfqn] { margin:0; color:var(--muted); line-height:1.5; }
.reward-note[b-sq9kwxdfqn] { font-size:13px; }
.back-link:focus-visible[b-sq9kwxdfqn] { outline:2px solid var(--accent); outline-offset:4px; }
@media (max-width:480px) { .reward-balance[b-sq9kwxdfqn] { padding:22px; } .earning-options li[b-sq9kwxdfqn] { padding:16px; gap:12px; } }
/* /Components/PasswordField.razor.rz.scp.css */
.password-field[b-7wb727dgl6] {
    display: grid;
    gap: 7px;
}

.password-input[b-7wb727dgl6] {
    position: relative;
}

.password-input input[b-7wb727dgl6] {
    padding-right: 56px;
}

.password-input input[b-7wb727dgl6]::-ms-reveal {
    display: none;
}

.password-toggle[b-7wb727dgl6] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 44px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}

.password-toggle:hover[b-7wb727dgl6] {
    color: var(--accent);
    background: var(--accent-bg);
}

.password-toggle:focus-visible[b-7wb727dgl6] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.password-requirements[b-7wb727dgl6] { color:var(--muted); font-size:13px; line-height:1.6; }
.password-requirements ul[b-7wb727dgl6] { margin:4px 0 0; padding-left:20px; }