/* /Features/Auth/AccountPage.razor.rz.scp.css */
.account[b-v0j4kjx543] { display: flex; flex-direction: column; gap: var(--space-md); }
.account h2[b-v0j4kjx543] { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--fs-body-lg); }
.email[b-v0j4kjx543] { font-weight: 700; direction: ltr; }
.note[b-v0j4kjx543], .form-note[b-v0j4kjx543] { padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); background: var(--surface-container); font-size: var(--fs-body-sm); line-height: 26px; }
.row-actions[b-v0j4kjx543] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
/* /Features/Auth/ForgotPasswordPage.razor.rz.scp.css */
.auth[b-ot9irorq54] { display: flex; flex-direction: column; gap: var(--space-md); }
.form-note[b-ot9irorq54] { padding: var(--space-md); border-radius: var(--radius-card); background: var(--surface-container); font-size: var(--fs-body-sm); line-height: 26px; }
.links[b-ot9irorq54] { display: flex; flex-direction: column; align-items: center; }
.links a[b-ot9irorq54] { min-height: var(--tap-min); display: inline-flex; align-items: center; font-size: var(--fs-label-md); }
/* /Features/Auth/GoogleSignIn.razor.rz.scp.css */
.or[b-2tzeilbe6k] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--on-surface-variant);
    font-size: var(--fs-label-sm);
}
.or[b-2tzeilbe6k]::before, .or[b-2tzeilbe6k]::after { content: ""; flex: 1; height: 1px; background: var(--outline-variant); }

.google-btn[b-2tzeilbe6k] {
    min-height: 52px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border-radius: var(--radius-card);
    border: 1px solid var(--outline-variant);
    background: var(--surface-lowest);
    color: var(--on-surface);
    font-size: var(--fs-label-md);
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--motion);
}
.google-btn:hover[b-2tzeilbe6k] { background: var(--surface-container); }
.google-btn[disabled][b-2tzeilbe6k] { opacity: 0.5; cursor: not-allowed; }
/* /Features/Auth/LoginPage.razor.rz.scp.css */
.auth[b-ghxdvyiwux] { display: flex; flex-direction: column; gap: var(--space-md); }
.links[b-ghxdvyiwux] { display: flex; flex-direction: column; align-items: center; gap: 0; }
.links a[b-ghxdvyiwux] { min-height: var(--tap-min); display: inline-flex; align-items: center; font-size: var(--fs-label-md); }
/* /Features/Auth/RegisterPage.razor.rz.scp.css */
.auth[b-zpdc8667sj] { display: flex; flex-direction: column; gap: var(--space-md); }
.links[b-zpdc8667sj] { display: flex; flex-direction: column; align-items: center; }
.links a[b-zpdc8667sj] { min-height: var(--tap-min); display: inline-flex; align-items: center; font-size: var(--fs-label-md); }
/* /Features/Auth/VerifyEmailPage.razor.rz.scp.css */
.verify[b-gd7nwmoqtx] { display: flex; flex-direction: column; gap: var(--space-md); }
.resend[b-gd7nwmoqtx], .wrong[b-gd7nwmoqtx] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); text-align: center; }
.wrong[b-gd7nwmoqtx] { align-items: center; }
/* /Features/Exercises/ExercisePage.razor.rz.scp.css */
.exercise[b-kk2k6xfjrj] { display: flex; flex-direction: column; gap: var(--space-md); }

.ex-head[b-kk2k6xfjrj] { display: flex; flex-direction: column; gap: var(--space-xs); }

.ex-art[b-kk2k6xfjrj] { width: 6.5rem; aspect-ratio: 4 / 4.8; margin-inline: auto; margin-block-end: var(--space-sm); }

.ex-kicker[b-kk2k6xfjrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--primary);
    font-size: var(--fs-label-sm);
    font-weight: 600;
}

.ex-sub[b-kk2k6xfjrj] { color: var(--on-surface-variant); font-size: var(--fs-body-md); }
.ex-intro[b-kk2k6xfjrj] { color: var(--on-surface-variant); font-size: var(--fs-body-md); line-height: 30px; }

.gentle-link[b-kk2k6xfjrj] { font-size: var(--fs-body-sm); min-height: var(--tap-min); display: inline-flex; align-items: center; }

.alt-pick[b-kk2k6xfjrj] { display: flex; flex-direction: column; gap: var(--space-sm); }
.alt-title[b-kk2k6xfjrj] { font-size: var(--fs-label-md); font-weight: 600; color: var(--on-surface); }

.q-card[b-kk2k6xfjrj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-sheet);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 50%, transparent);
}

.q-text[b-kk2k6xfjrj] { font-size: var(--fs-body-lg); line-height: 32px; font-weight: 600; }

.q-options[b-kk2k6xfjrj] { display: flex; flex-direction: column; gap: var(--space-xs); }

.q-chips[b-kk2k6xfjrj] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); }
.chip-label[b-kk2k6xfjrj] { font-size: var(--fs-label-sm); color: var(--on-surface-variant); }

.q-skip[b-kk2k6xfjrj] { display: flex; }

.ex-actions[b-kk2k6xfjrj] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); text-align: center; margin-block-start: var(--space-sm); }
.ex-submit[b-kk2k6xfjrj] { width: 100%; }

.privacy-line[b-kk2k6xfjrj] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
    color: var(--on-surface-variant);
    font-size: var(--fs-label-sm);
}

/* پیام پایانی */
.end[b-kk2k6xfjrj] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-md); padding-block-start: var(--space-lg); text-align: center; }

.end[b-kk2k6xfjrj]  .end-art { width: 9rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }

.end-card[b-kk2k6xfjrj] {
    padding: var(--space-lg);
    border-radius: var(--radius-sheet);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 50%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    font-size: var(--fs-headline-md);
    line-height: 36px;
    font-weight: 500;
}

.saved-note[b-kk2k6xfjrj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    color: var(--on-surface-variant);
    font-size: var(--fs-label-sm);
}

.end-actions[b-kk2k6xfjrj] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); }
.end-btn[b-kk2k6xfjrj] { width: 100%; }
/* /Features/Exercises/ExercisesPage.razor.rz.scp.css */
.ex-list[b-umsjtsum0q] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }

.ex-row[b-umsjtsum0q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 50%, transparent);
}

.ex-row--done[b-umsjtsum0q] { background: var(--surface-container); }

.ex-row-main[b-umsjtsum0q] { display: flex; flex-direction: column; gap: 2px; }
.ex-row-main h2[b-umsjtsum0q] { font-size: var(--fs-body-lg); }
.ex-row-main .label-sm[b-umsjtsum0q] { display: inline-flex; align-items: center; gap: 0.25rem; }

.ex-row-actions[b-umsjtsum0q] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); }

.btn-compact[b-umsjtsum0q] { min-height: var(--tap-min); padding-inline: var(--space-md); }

.done-tick[b-umsjtsum0q] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-pill);
    background: var(--tile-600);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ex-cat[b-umsjtsum0q] { font-size: var(--fs-body-lg); margin-block: var(--space-md) var(--space-xs); }
/* /Features/Help/HelpPage.razor.rz.scp.css */
.help[b-hdehsg9rkc] { display: flex; flex-direction: column; gap: var(--space-md); }

.urgent[b-hdehsg9rkc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-sheet);
    background: var(--surface-low);
    border: 1px solid var(--primary-container);
}

.sec[b-hdehsg9rkc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 50%, transparent);
}

.sec--first[b-hdehsg9rkc] { border-color: var(--primary-container); }
.sec h2[b-hdehsg9rkc] { font-size: var(--fs-body-lg); }
.sec p[b-hdehsg9rkc] { font-size: var(--fs-body-md); line-height: 30px; color: var(--on-surface-variant); }

.phones[b-hdehsg9rkc] { display: flex; flex-direction: column; gap: var(--space-xs); }

/* شماره‌ی تلفن لمس‌پذیر است و مستقیم شماره‌گیری می‌کند */
.phone[b-hdehsg9rkc] {
    min-height: var(--tap-min);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    border-radius: var(--radius-md);
    background: var(--surface-container);
    color: var(--on-surface);
}
.phone:hover[b-hdehsg9rkc] { background: var(--surface-high); text-decoration: none; }

.phone-icon[b-hdehsg9rkc] { width: 2rem; height: 2rem; border-radius: var(--radius-pill); background: var(--primary-soft); color: var(--primary); display: inline-flex; align-items: center; justify-content: center; }
.phone-label[b-hdehsg9rkc] { flex: 1; font-size: var(--fs-body-md); }
.phone-number[b-hdehsg9rkc] { font-weight: 700; color: var(--primary); direction: ltr; }

/* دایره‌ی نفس: حرکت خیلی کند و ملایم؛ با «کاهش حرکت» فقط متن می‌ماند */
.breathe[b-hdehsg9rkc] { align-items: center; text-align: center; }
.breath-circle[b-hdehsg9rkc] {
    width: 7rem;
    height: 7rem;
    border-radius: var(--radius-pill);
    background: radial-gradient(circle, var(--primary-fixed), var(--secondary-container));
    opacity: 0.85;
    animation: breathe-b-hdehsg9rkc 10s ease-in-out infinite;
}

@keyframes breathe-b-hdehsg9rkc {
    0%, 100% { transform: scale(0.72); }
    40% { transform: scale(1); }
    60% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .breath-circle[b-hdehsg9rkc] { animation: none; transform: scale(0.9); }
}
/* /Features/Home/HomePage.razor.rz.scp.css */
.tomorrow[b-4y9mb4webr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    color: var(--on-surface-variant);
    font-size: var(--fs-label-md);
    margin-block-start: calc(var(--space-sm) * -1);
}

.top-chip[b-4y9mb4webr] { display: flex; justify-content: center; }
/* /Features/Home/JournalTeaser.razor.rz.scp.css */
/* دفترچه = کاغذ خط‌دار با حاشیه‌ی شمعدانی. تنها جایی در خانه که «مال توست» و از جنس کاغذ است */
.jt[b-1vwb14l5bl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    padding-inline-start: 3.75rem;
}

.jt-head[b-1vwb14l5bl] { display: flex; align-items: center; gap: var(--space-sm); }

.jt-icon[b-1vwb14l5bl] {
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-pill);
    background: var(--saffron-100);
    color: var(--saffron-700);
    --icon-tint: var(--saffron-500);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.jt-titles[b-1vwb14l5bl] { flex: 1; display: flex; flex-direction: column; }
.jt-titles h2[b-1vwb14l5bl] { font-size: var(--fs-body-lg); }

.jt-add[b-1vwb14l5bl] {
    flex: none;
    width: var(--tap-min);
    height: var(--tap-min);
    border-radius: var(--radius-pill);
    background: var(--tile-600);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px -8px color-mix(in srgb, var(--tile-700) 70%, transparent);
}
.jt-add:hover[b-1vwb14l5bl] { background: var(--tile-700); text-decoration: none; }

.jt-text[b-1vwb14l5bl] { font-size: var(--fs-body-md); line-height: var(--rule); color: var(--on-surface-variant); }

.jt-prompt[b-1vwb14l5bl] {
    min-height: var(--tap-min);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    flex-wrap: wrap;
    color: var(--yours-ink);
}
.jt-prompt:hover[b-1vwb14l5bl] { text-decoration: none; }
.jt-prompt:hover .jt-start[b-1vwb14l5bl] { text-decoration: underline; text-underline-offset: 4px; }

.jt-prompt-text[b-1vwb14l5bl] { font-size: var(--fs-hand); line-height: var(--rule); color: var(--ink-soft); }
.jt-start[b-1vwb14l5bl] { color: var(--tile-600); font-weight: 700; font-size: var(--fs-label-md); }
/* /Features/Home/MapSection.razor.rz.scp.css */
.map-sec[b-sqgfxv6jjc] { display: flex; flex-direction: column; gap: var(--space-sm); }

.map-head[b-sqgfxv6jjc] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.map-head h2[b-sqgfxv6jjc] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--fs-headline-md); }
.map-head h2[b-sqgfxv6jjc]  .icon { color: var(--primary); --icon-tint: var(--tile-500); }

.map-sub[b-sqgfxv6jjc] { font-size: var(--fs-body-sm); }

/* مه: هنوز شکل نگرفته. پیش‌نمایش «نمونه» پشتِ مه است و با مُهر «نمونه» علامت خورده */
.map-frame[b-sqgfxv6jjc] { position: relative; overflow: hidden; border-radius: var(--radius-sheet); padding: var(--space-md); min-height: 11rem; }

.map-blur[b-sqgfxv6jjc] { display: flex; flex-direction: column; gap: var(--space-sm); filter: blur(3px); opacity: 0.55; user-select: none; pointer-events: none; }

.map-item[b-sqgfxv6jjc] { padding: var(--space-md); border-radius: var(--radius-md); background: var(--paper); font-size: var(--fs-body-sm); color: var(--on-surface-variant); }

.map-overlay[b-sqgfxv6jjc] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: var(--space-md);
    text-align: center;
    background: radial-gradient(80% 70% at 50% 50%, color-mix(in srgb, var(--fog-100) 92%, transparent), color-mix(in srgb, var(--fog-100) 60%, transparent));
}

.map-overlay-icon[b-sqgfxv6jjc] {
    width: 3rem;
    height: 3.5rem;
    border-radius: 50% 50% 0.75rem 0.75rem / 42% 42% 0.75rem 0.75rem;
    background: var(--paper);
    border: 2px solid var(--saffron-500);
    color: var(--ink-soft);
    --icon-tint: var(--saffron-500);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.map-overlay h3[b-sqgfxv6jjc] { font-size: var(--fs-body-lg); }
.map-overlay p[b-sqgfxv6jjc] { font-size: var(--fs-body-sm); color: var(--on-surface-variant); max-width: 20rem; }

.map-real[b-sqgfxv6jjc] { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-lg); border-style: solid; border-color: transparent; background: var(--surface-low); }
.stage-title[b-sqgfxv6jjc] { font-weight: 800; color: var(--on-surface); font-size: var(--fs-body-lg); }

.obs-list[b-sqgfxv6jjc] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }
/* هر مشاهده یک رنگ شناسه از پالت حس‌ها (--tint)، فقط یک نوار باریک کنار کارت؛ رنگ حکم نمی‌دهد */
.obs[b-sqgfxv6jjc] {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    background: var(--paper);
    border-inline-start: 5px solid var(--tint, var(--feel-5));
    font-size: var(--fs-body-md);
    line-height: 28px;
}

.map-outro[b-sqgfxv6jjc] { font-size: var(--fs-body-sm); }
.map-open[b-sqgfxv6jjc] { width: 100%; }
/* /Features/Home/PreviousExercises.razor.rz.scp.css */
.prev[b-ct90czufkx] { display: flex; flex-direction: column; gap: var(--space-xs); }
.prev h3[b-ct90czufkx] { font-size: var(--fs-label-md); color: var(--on-surface-variant); font-weight: 600; }
.prev ul[b-ct90czufkx] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-xs); }

.prev a[b-ct90czufkx] {
    min-height: var(--tap-min);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding-inline: var(--space-md);
    border-radius: var(--radius-pill);
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-size: var(--fs-label-md);
}
.prev a:hover[b-ct90czufkx] { background: var(--surface-high); text-decoration: none; }
/* /Features/Home/ReflectionCard.razor.rz.scp.css */
.refl[b-98pwo3mbbm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-lg);
    border-radius: var(--radius-sheet);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 45%, transparent);
    box-shadow: var(--shadow-whisper);
}

.refl--closed[b-98pwo3mbbm] { background: var(--surface-container); box-shadow: none; }

.refl-icon[b-98pwo3mbbm] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-pill);
    background: var(--tertiary-container);
    color: var(--tertiary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.refl-body[b-98pwo3mbbm] { display: flex; flex-direction: column; gap: 2px; }
.refl-body h2[b-98pwo3mbbm] { font-size: var(--fs-headline-md); }
.refl-btn[b-98pwo3mbbm] { width: 100%; }
/* /Features/Home/ReflectionPage.razor.rz.scp.css */
.refl[b-o01ef0maki] { display: flex; flex-direction: column; gap: var(--space-md); }

.lines[b-o01ef0maki] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }
.line[b-o01ef0maki] { padding: var(--space-md); border-radius: var(--radius-md); background: var(--surface-low); font-size: var(--fs-body-lg); line-height: 32px; }

.invite[b-o01ef0maki] { display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-md); border-radius: var(--radius-card); background: var(--surface-container); }
.invite ul[b-o01ef0maki] { margin: 0; padding-inline-start: 1.25rem; }
.invite li[b-o01ef0maki] { line-height: 30px; }

.map-hint[b-o01ef0maki] { color: var(--on-surface-variant); font-size: var(--fs-body-md); }

.refl-actions[b-o01ef0maki] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); text-align: center; }

.refl-end[b-o01ef0maki] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-md); padding-block-start: var(--space-lg); text-align: center; }
.refl-end[b-o01ef0maki]  .refl-art { width: 8rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }
.refl-end-card[b-o01ef0maki] { padding: var(--space-lg); border-radius: var(--radius-sheet); background: var(--surface-low); font-size: var(--fs-headline-md); line-height: 36px; white-space: pre-line; }
/* /Features/Home/StoryTeaser.razor.rz.scp.css */
.story-sec[b-a0skbhxbnm] { display: flex; flex-direction: column; gap: var(--space-sm); }

/* شیشه = حرف دیگران؛ کارتِ داستان همیشه کمی دورتر و سردتر از چیزهای خودت است */
.story-card[b-a0skbhxbnm] { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-sheet); }
.story-card--emphasis[b-a0skbhxbnm] { box-shadow: var(--shadow-float); }

.story-top[b-a0skbhxbnm] { display: flex; align-items: flex-end; gap: var(--space-md); padding: var(--space-lg) var(--space-lg) 0; }

.story-art[b-a0skbhxbnm] { flex: none; width: 6.75rem; aspect-ratio: 4 / 4.7; box-shadow: 0 0 0 4px color-mix(in srgb, var(--paper) 70%, transparent); }
.story-art[b-a0skbhxbnm]  .vignette { height: 100%; }

.story-who[b-a0skbhxbnm] { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding-block-end: 0.25rem; min-width: 0; }
.story-narrator[b-a0skbhxbnm] { font-size: calc(var(--fs-hand-lg) * 0.9); font-weight: 700; line-height: 1.5; color: var(--aubergine-600); }
.story-time[b-a0skbhxbnm] { display: inline-flex; align-items: center; gap: 0.25rem; }

.story-new[b-a0skbhxbnm] {
    padding: 0 0.75rem;
    margin-block-end: 0.375rem;
    border-radius: var(--radius-pill);
    background: var(--saffron-200);
    color: var(--on-secondary-container);
    font-size: var(--fs-label-sm);
    font-weight: 700;
}

.story-body[b-a0skbhxbnm] { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-md) var(--space-lg) var(--space-lg); }
.story-body h3[b-a0skbhxbnm] { font-size: var(--fs-headline-md); }

.story-excerpt[b-a0skbhxbnm] { font-size: 1.0625rem; line-height: 2; color: var(--aubergine-600); }

.story-topic[b-a0skbhxbnm] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--fs-label-sm); color: var(--on-surface-variant); }
.hash[b-a0skbhxbnm] { color: var(--saffron-700); font-weight: 800; }

.story-cta[b-a0skbhxbnm] { width: 100%; }

.story-read[b-a0skbhxbnm] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0 0.75rem; margin-block-end: 0.375rem; border-radius: var(--radius-pill); background: var(--tile-100); color: var(--tile-700); font-size: var(--fs-label-sm); font-weight: 700; }
.story-reacted[b-a0skbhxbnm] { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--geranium-600); --icon-tint: var(--geranium-500); font-size: var(--fs-label-md); font-weight: 700; }
/* /Features/Home/TodayExerciseCard.razor.rz.scp.css */
/* تمرین امروز: زعفرانی = «امروز و تو». یک ریبون کوچک بالای کارت مثل نوار صفحه‌ی تقویم */
.today[b-25q5gkae8n] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    border-radius: var(--radius-sheet);
    background: linear-gradient(165deg, var(--saffron-100), var(--paper) 62%);
    border: 1px solid color-mix(in srgb, var(--saffron-500) 38%, transparent);
    box-shadow: var(--shadow-whisper);
}

.today-ribbon[b-25q5gkae8n] {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 1.75rem;
    width: 1.25rem;
    height: 2.25rem;
    background: var(--saffron-500);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%);
}

.today--muted[b-25q5gkae8n], .today--done[b-25q5gkae8n], .today--skipped[b-25q5gkae8n] { background: color-mix(in srgb, var(--forming) 80%, transparent); box-shadow: none; border-color: color-mix(in srgb, var(--outline-variant) 70%, transparent); }
.today--muted .today-ribbon[b-25q5gkae8n], .today--done .today-ribbon[b-25q5gkae8n], .today--skipped .today-ribbon[b-25q5gkae8n] { display: none; }

.today-top[b-25q5gkae8n] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); padding-inline-end: 2.5rem; }

.today-label[b-25q5gkae8n] { display: inline-flex; align-items: center; gap: var(--space-xs); color: var(--saffron-700); font-size: var(--fs-label-sm); font-weight: 700; --icon-tint: var(--saffron-500); }

.today-badge[b-25q5gkae8n] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-pill);
    background: var(--saffron-200);
    color: var(--saffron-700);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.today-time[b-25q5gkae8n] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.625rem;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--paper) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--saffron-500) 30%, transparent);
    color: var(--on-surface-variant);
    font-size: var(--fs-label-sm);
}

.today-body[b-25q5gkae8n] { position: relative; display: flex; flex-direction: column; gap: 0.375rem; }
.today-body h2[b-25q5gkae8n] { font-size: var(--fs-headline-lg-mobile); line-height: 1.6; font-weight: 800; }
.today-body p[b-25q5gkae8n] { color: var(--on-surface-variant); font-size: var(--fs-body-md); line-height: 28px; }

.today-actions[b-25q5gkae8n] { position: relative; display: flex; gap: var(--space-sm); }
.today-btn[b-25q5gkae8n] { position: relative; width: 100%; }

.today-hint[b-25q5gkae8n] { position: relative; color: var(--on-surface-variant); font-size: var(--fs-body-sm); text-align: center; }

.today-done[b-25q5gkae8n] {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-md);
    background: var(--tile-100);
    font-size: var(--fs-label-md);
}

.tick[b-25q5gkae8n] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-pill);
    background: var(--tile-600);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.today-link[b-25q5gkae8n] { margin-inline-start: auto; font-weight: 600; min-height: var(--tap-min); display: inline-flex; align-items: center; }

.today-actions[b-25q5gkae8n] { align-items: stretch; }
.today-actions .today-btn[b-25q5gkae8n] { flex: 2; width: auto; }
.today-later[b-25q5gkae8n] { flex: 1; padding-inline: 1rem; }
.today-note[b-25q5gkae8n] { position: relative; color: var(--on-surface-variant); font-size: var(--fs-label-sm); text-align: center; line-height: 22px; }
.today-done[b-25q5gkae8n] { flex-direction: column; align-items: stretch; gap: var(--space-xs); }
.done-title[b-25q5gkae8n] { display: inline-flex; align-items: center; gap: var(--space-xs); font-weight: 800; font-size: var(--fs-body-lg); }
.today-done p[b-25q5gkae8n] { font-size: var(--fs-body-sm); line-height: 24px; color: var(--on-surface-variant); }
.today-done .today-link[b-25q5gkae8n] { margin-inline-start: 0; }

.today-time[b-25q5gkae8n] { white-space: nowrap; }
.today-top[b-25q5gkae8n] { flex-wrap: wrap; row-gap: var(--space-xs); }
/* /Features/Journal/JournalEntryCard.razor.rz.scp.css */
/* هر نوشته یک تکه کاغذ است؛ حاشیه‌ی رنگی نشان می‌دهد نوشته از کجا آمده:
   بی‌رنگ = آزاد · فیروزه‌ای = پاسخ تمرین · بادمجانی = واکنش به داستانِ کس دیگر */
.jcard[b-exe9r2panl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md) var(--space-md) var(--space-md) var(--space-md);
    border-inline-start: 5px solid var(--paper-line);
    transition: transform var(--motion-quick), box-shadow var(--motion);
}

.jcard:hover[b-exe9r2panl] { text-decoration: none; transform: translateY(-1px); }

.jcard--exercise[b-exe9r2panl] { border-inline-start-color: var(--tile-500); }
.jcard--story[b-exe9r2panl] { border-inline-start-color: var(--aubergine-600); }

.jcard-top[b-exe9r2panl] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.jcard-label[b-exe9r2panl] { font-size: var(--fs-label-sm); color: var(--ink-soft); font-weight: 600; }
.jcard-date[b-exe9r2panl] { font-size: var(--fs-label-sm); color: var(--ink-soft); }

.jcard-preview[b-exe9r2panl] {
    font-size: var(--fs-hand);
    line-height: 2.05;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;
}

.jcard-extras[b-exe9r2panl] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.jcard-mood[b-exe9r2panl] { padding: 0.125rem 0.75rem; border-radius: var(--radius-pill); background: var(--tint, var(--feel-5)); color: var(--on-feel); font-size: var(--fs-label-sm); font-weight: 600; }
.jcard-thumb[b-exe9r2panl] { width: 3rem; height: 3rem; object-fit: cover; border-radius: var(--radius-sm); border: 2px solid var(--paper); box-shadow: var(--shadow-bar); }
/* /Features/Journal/JournalEntryPage.razor.rz.scp.css */
.detail[b-voiebk0x38] { display: flex; flex-direction: column; gap: var(--space-md); }

.detail-head[b-voiebk0x38] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); color: var(--on-surface-variant); font-size: var(--fs-label-sm); }
.detail-mood[b-voiebk0x38] { padding: 0.125rem 0.75rem; border-radius: var(--radius-pill); background: var(--surface-container); }

.body-text[b-voiebk0x38] { white-space: pre-wrap; font-size: var(--fs-reading); line-height: 2; }

.qa[b-voiebk0x38] { display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-md); border-radius: var(--radius-card); background: var(--surface-low); }
.qa-q[b-voiebk0x38] { font-size: var(--fs-body-md); color: var(--on-surface-variant); font-weight: 500; line-height: 28px; }
.qa-a[b-voiebk0x38] { font-size: var(--fs-body-lg); line-height: 32px; font-weight: 500; }
.qa-free[b-voiebk0x38] { white-space: pre-wrap; font-weight: 400; }
.qa-link[b-voiebk0x38] { font-size: var(--fs-label-md); }

.photo[b-voiebk0x38] { margin: 0; display: flex; flex-direction: column; gap: var(--space-xs); }
.photo img[b-voiebk0x38] { width: 100%; border-radius: var(--radius-card); }
.photo figcaption[b-voiebk0x38] { color: var(--on-surface-variant); font-size: var(--fs-label-md); }

.detail-actions[b-voiebk0x38] { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.detail-actions > *[b-voiebk0x38] { flex: 1; }
/* /Features/Journal/JournalPage.razor.rz.scp.css */
.jhead[b-hqi1749ze0] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-sm); }
.jnew[b-hqi1749ze0] { min-height: var(--tap-min); padding-inline: var(--space-md); flex: none; }

.search[b-hqi1749ze0] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-height: 3rem;
    padding-inline: var(--space-md);
    border-radius: var(--radius-pill);
    background: var(--surface-container);
    color: var(--on-surface-variant);
}
.search:focus-within[b-hqi1749ze0] { box-shadow: var(--focus-ring); }

.search-input[b-hqi1749ze0] {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--on-surface);
    font-family: inherit;
    font-size: var(--fs-body-md);
    min-width: 0;
}

.filters[b-hqi1749ze0] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }

.jlist[b-hqi1749ze0] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-md); }

.center[b-hqi1749ze0] { text-align: center; }
.empty-actions[b-hqi1749ze0] { display: flex; flex-direction: column; gap: var(--space-xs); width: 100%; max-width: 20rem; }

.map-link[b-hqi1749ze0] { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; min-height: var(--tap-min); font-size: var(--fs-label-md); }
/* /Features/Journal/JournalWritePage.razor.rz.scp.css */
.write[b-dodamclf8v] { display: flex; flex-direction: column; gap: var(--space-md); }

.write-head[b-dodamclf8v] { display: flex; flex-direction: column; gap: var(--space-xs); }
.kicker[b-dodamclf8v] { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--primary); font-size: var(--fs-label-sm); font-weight: 600; }

.mood[b-dodamclf8v] { display: flex; flex-direction: column; gap: var(--space-xs); }
.mood h2[b-dodamclf8v] { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--fs-label-md); color: var(--on-surface-variant); font-weight: 600; }
.optional[b-dodamclf8v] { font-weight: 400; opacity: 0.85; }
.mood-chips[b-dodamclf8v] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }

.write-actions[b-dodamclf8v] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); text-align: center; }
.write-actions .btn-primary-soft[b-dodamclf8v] { width: 100%; }

.honest[b-dodamclf8v] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; color: var(--on-surface-variant); font-size: var(--fs-label-sm); text-align: center; }

.saved[b-dodamclf8v] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-md); padding-block-start: var(--space-lg); text-align: center; }
.saved[b-dodamclf8v]  .saved-art { width: 8rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }
.saved-card[b-dodamclf8v] { padding: var(--space-lg); border-radius: var(--radius-sheet); background: var(--surface-low); font-size: var(--fs-headline-md); display: flex; flex-direction: column; gap: 0.25rem; }
.saved-card .muted[b-dodamclf8v] { font-size: var(--fs-body-md); }

.write-card[b-dodamclf8v] { display: flex; flex-direction: column; gap: var(--space-md); }

.lock-offer[b-dodamclf8v] { display: flex; flex-direction: column; gap: var(--space-sm); text-align: start; }
.lock-offer h2[b-dodamclf8v] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--fs-body-lg); --icon-tint: var(--saffron-500); }
.lock-offer-actions[b-dodamclf8v] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
/* /Features/Journal/PhotoPicker.razor.rz.scp.css */
.photos[b-yeyajtpdmg] { display: flex; flex-direction: column; gap: var(--space-sm); }

.photo-list[b-yeyajtpdmg] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }

.photo-item[b-yeyajtpdmg] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm);
    border-radius: var(--radius-card);
    background: var(--surface-container);
}

.photo-item img[b-yeyajtpdmg] { width: 100%; max-height: 16rem; object-fit: cover; border-radius: var(--radius-md); }

.photo-caption[b-yeyajtpdmg] {
    width: 100%;
    min-height: var(--tap-min);
    border: 0;
    border-radius: var(--radius-md);
    background: var(--surface-lowest);
    color: var(--on-surface);
    padding-inline: var(--space-sm);
    font-family: inherit;
    font-size: var(--fs-body-sm);
}

.photo-remove[b-yeyajtpdmg] {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    width: var(--tap-min);
    height: var(--tap-min);
    border: 0;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--surface) 85%, transparent);
    color: var(--on-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.photo-add[b-yeyajtpdmg] {
    position: relative;
    min-height: var(--tap-min);
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-card);
    border: 1px dashed var(--outline-variant);
    color: var(--on-surface-variant);
    font-size: var(--fs-label-md);
    cursor: pointer;
}
.photo-add:hover[b-yeyajtpdmg] { background: var(--surface-container); }
.photo-add small[b-yeyajtpdmg] { font-size: var(--fs-label-sm); opacity: 0.85; }

.photo-add[b-yeyajtpdmg]  .photo-input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
/* /Features/Map/MapPage.razor.rz.scp.css */
.map[b-we9wfnfe0f] { display: flex; flex-direction: column; gap: var(--space-md); }
.map h1[b-we9wfnfe0f] { display: inline-flex; align-items: center; gap: 0.5rem; }
.map h1[b-we9wfnfe0f]  .icon { color: var(--secondary); }

.real[b-we9wfnfe0f] { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-lg); border-radius: var(--radius-sheet); background: var(--surface-low); }
.stage[b-we9wfnfe0f] { font-weight: 700; color: var(--primary); font-size: var(--fs-body-lg); }

.obs-list[b-we9wfnfe0f] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }
.obs[b-we9wfnfe0f] { display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-md); border-radius: var(--radius-md); background: var(--surface-container); font-size: var(--fs-body-md); line-height: 28px; }
.obs-actions[b-we9wfnfe0f] { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); }
.obs-actions .btn-quiet[b-we9wfnfe0f] { font-size: var(--fs-label-sm); }

.outro[b-we9wfnfe0f] { font-size: var(--fs-body-sm); }
.center[b-we9wfnfe0f] { text-align: center; }
/* /Features/Onboarding/AgeBandPage.razor.rz.scp.css */
.age[b-j2qj4r7svu] { display: flex; flex-direction: column; gap: var(--space-md); }

.age-art[b-j2qj4r7svu] { width: 7rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }

.age-head[b-j2qj4r7svu] { display: flex; flex-direction: column; gap: var(--space-xs); }
.age-head h1[b-j2qj4r7svu] { font-size: var(--fs-headline-lg-mobile); }
.age-head p[b-j2qj4r7svu] { font-size: var(--fs-body-md); }

.age-choices[b-j2qj4r7svu] { display: flex; flex-direction: column; gap: var(--space-sm); }

.age-actions[b-j2qj4r7svu] { margin-block-start: var(--space-sm); }
.age-actions .btn-primary-soft[b-j2qj4r7svu] { width: 100%; }
/* /Features/Onboarding/EntryChoicePage.razor.rz.scp.css */
.entry[b-vxu2lgs0id] { display: flex; flex-direction: column; gap: var(--space-md); }

.entry-head[b-vxu2lgs0id] { display: flex; flex-direction: column; gap: var(--space-xs); }

.entry-kicker[b-vxu2lgs0id] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--primary);
    font-size: var(--fs-label-sm);
    font-weight: 600;
}

.entry-choices[b-vxu2lgs0id] { display: flex; flex-direction: column; gap: var(--space-sm); }

.entry-actions[b-vxu2lgs0id] { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xs); text-align: center; margin-block-start: var(--space-sm); }
.entry-actions .btn-primary-soft[b-vxu2lgs0id] { width: 100%; }
/* /Features/Onboarding/Welcome.razor.rz.scp.css */
.welcome[b-mn7by4yz2x] { display: flex; flex-direction: column; gap: var(--space-md); }

.welcome-copy[b-mn7by4yz2x] { display: flex; flex-direction: column; gap: var(--space-xs); }
.welcome-copy h1[b-mn7by4yz2x] { font-size: calc(26px * var(--text-scale)); line-height: 1.55; text-wrap: balance; }
.welcome-copy p[b-mn7by4yz2x] { color: var(--on-surface-variant); font-size: var(--fs-body-md); }

.welcome-points[b-mn7by4yz2x] { display: flex; flex-direction: column; gap: var(--space-sm); }

.welcome-actions[b-mn7by4yz2x] { display: flex; flex-direction: column; gap: var(--space-xs); align-items: stretch; text-align: center; margin-block-start: var(--space-sm); }
/* /Features/Settings/ContactPage.razor.rz.scp.css */
.contact[b-esolwzph36] { display: flex; flex-direction: column; gap: var(--space-md); }

.field[b-esolwzph36] { display: flex; flex-direction: column; gap: var(--space-xs); font-size: var(--fs-label-md); color: var(--on-surface-variant); }
.field-input[b-esolwzph36] {
    min-height: 3rem;
    padding-inline: var(--space-md);
    border-radius: var(--radius-card);
    border: 1px solid var(--outline-variant);
    background: var(--surface-lowest);
    color: var(--on-surface);
    font-family: inherit;
    font-size: var(--fs-body-md);
    text-align: start;
}
.field-input:focus[b-esolwzph36] { outline: 0; box-shadow: var(--focus-ring); border-color: var(--primary-container); }

.error[b-esolwzph36] { color: var(--on-surface); background: var(--surface-container); padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); font-size: var(--fs-body-sm); }
.urgent-line[b-esolwzph36] { text-align: center; color: var(--on-surface-variant); font-size: var(--fs-label-md); }

.sent[b-esolwzph36] { display: flex; flex-direction: column; gap: var(--space-md); align-items: stretch; text-align: center; padding-block-start: var(--space-lg); }
.sent[b-esolwzph36]  .sent-art { width: 8rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }
.sent-card[b-esolwzph36] { padding: var(--space-lg); border-radius: var(--radius-sheet); background: var(--surface-low); font-size: var(--fs-headline-md); }
/* /Features/Settings/LockPage.razor.rz.scp.css */
.lockpage[b-uv7xo65gk1] { display: flex; flex-direction: column; align-items: center; gap: var(--space-md); text-align: center; padding-block-start: var(--space-lg); }
.lockpage h1[b-uv7xo65gk1] { font-size: var(--fs-headline-md); }
.lp-seal[b-uv7xo65gk1] { color: var(--saffron-700); --icon-tint: var(--saffron-500); }
.lp-card[b-uv7xo65gk1] { padding: var(--space-md); border-radius: var(--radius-card); background: var(--saffron-100); max-width: 22rem; line-height: 28px; }
.lp-msg[b-uv7xo65gk1] { min-height: 1.75rem; color: var(--on-surface-variant); font-size: var(--fs-body-sm); }
.lockpage .btn-primary-soft[b-uv7xo65gk1], .lockpage .btn-ghost[b-uv7xo65gk1] { width: 100%; max-width: 22rem; }
/* /Features/Settings/ParentsPage.razor.rz.scp.css */
.parents[b-1n2edfwq3n] { display: flex; flex-direction: column; gap: var(--space-lg); }
.parents-art[b-1n2edfwq3n] { width: 8rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }
.parents-head[b-1n2edfwq3n] { display: flex; flex-direction: column; gap: var(--space-sm); }
.parents-head p[b-1n2edfwq3n] { color: var(--on-surface-variant); line-height: 30px; }

.parents-sec[b-1n2edfwq3n] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xs); padding-block-start: var(--space-md); border-block-start: 1px dashed var(--outline-variant); }
.parents-sec h2[b-1n2edfwq3n] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--fs-body-lg); --icon-tint: var(--tile-500); }
.parents-sec h2[b-1n2edfwq3n]  .icon { color: var(--primary); }
.parents-sec p[b-1n2edfwq3n] { line-height: 30px; }

.parents-contact .btn-primary-soft[b-1n2edfwq3n] { width: 100%; margin-block-start: var(--space-xs); }
/* /Features/Settings/PrivacyPage.razor.rz.scp.css */
.privacy[b-mm9wachyuw] { display: flex; flex-direction: column; gap: var(--space-md); }

.privacy section[b-mm9wachyuw] { display: flex; flex-direction: column; gap: var(--space-xs); }
.privacy h2[b-mm9wachyuw] { font-size: var(--fs-body-lg); }
.privacy section p[b-mm9wachyuw] { font-size: var(--fs-body-md); line-height: 30px; }
/* /Features/Settings/SettingsPage.razor.rz.scp.css */
.settings[b-emqo110q95] { display: flex; flex-direction: column; gap: var(--space-lg); }

.group[b-emqo110q95] { display: flex; flex-direction: column; gap: var(--space-xs); }

/* عنوان کوچک خاکستری بالای هر گروه (لیست گروه‌بندی‌شده‌ی تورفته) */
.group-title[b-emqo110q95] { font-size: var(--fs-label-sm); font-weight: 600; color: var(--on-surface-variant); padding-inline: var(--space-xs); }

.row-card[b-emqo110q95] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 45%, transparent);
    font-size: var(--fs-body-md);
    line-height: 28px;
}

.row-label[b-emqo110q95] { display: inline-flex; align-items: center; gap: var(--space-xs); font-weight: 600; }
.row-actions[b-emqo110q95] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.btn-compact[b-emqo110q95] { min-height: var(--tap-min); padding-inline: var(--space-md); }

.row-link[b-emqo110q95] {
    min-height: var(--tap-min);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 45%, transparent);
    color: var(--on-surface);
}
.row-link span[b-emqo110q95] { flex: 1; }
.row-link:hover[b-emqo110q95] { background: var(--surface-container); text-decoration: none; }

/* کنترل بخش‌بندی‌شده (Segmented Control) */
.seg[b-emqo110q95] { display: flex; padding: 3px; border-radius: var(--radius-pill); background: var(--surface-container); }
.seg-item[b-emqo110q95] {
    flex: 1;
    min-height: 2.5rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--on-surface-variant);
    font-size: var(--fs-label-md);
    cursor: pointer;
    transition: background-color var(--motion), color var(--motion);
}
.seg-item--on[b-emqo110q95] { background: var(--surface-lowest); color: var(--primary); font-weight: 600; box-shadow: var(--shadow-bar); }

.switch-row[b-emqo110q95] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); cursor: pointer; }
.switch-text[b-emqo110q95] { display: flex; flex-direction: column; gap: 0.25rem; }
.switch-text small[b-emqo110q95] { color: var(--on-surface-variant); font-size: var(--fs-label-sm); line-height: 22px; }
.switch[b-emqo110q95] { flex: none; width: 3rem; height: 1.75rem; accent-color: var(--secondary); cursor: pointer; }
/* /Features/Settings/TermsPage.razor.rz.scp.css */
.terms[b-ruc22fzxu1] { display: flex; flex-direction: column; gap: var(--space-md); }
.terms-note[b-ruc22fzxu1] { display: flex; gap: var(--space-sm); align-items: flex-start; padding: var(--space-md); border-radius: var(--radius-card); background: var(--saffron-100); line-height: 28px; --icon-tint: var(--saffron-500); }
.terms-body[b-ruc22fzxu1] { display: flex; flex-direction: column; gap: var(--space-sm); line-height: 30px; }
.terms-body section[b-ruc22fzxu1] { display: flex; flex-direction: column; gap: var(--space-xs); }
.terms-body h2[b-ruc22fzxu1] { font-size: var(--fs-body-lg); }
.terms-updated[b-ruc22fzxu1] { font-size: var(--fs-label-sm); }
/* /Features/Settings/WipePage.razor.rz.scp.css */
.wipe[b-4up9c2z1yl] { display: flex; flex-direction: column; gap: var(--space-md); align-items: stretch; text-align: center; padding-block-start: var(--space-lg); }
.wipe[b-4up9c2z1yl]  .wipe-art { width: 8rem; aspect-ratio: 4 / 4.8; margin-inline: auto; }
/* /Features/Stories/SharePage.razor.rz.scp.css */
.share[b-2zq234g5a6] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-md); padding-block-start: var(--space-lg); }
.share-art[b-2zq234g5a6] { width: 9rem; aspect-ratio: 4 / 4.8; }
.share h1[b-2zq234g5a6] { font-size: var(--fs-headline-lg-mobile); }
.share p[b-2zq234g5a6] { max-width: 24rem; }
.share .btn-primary-soft[b-2zq234g5a6] { width: 100%; max-width: 22rem; }
/* /Features/Stories/StoriesPage.razor.rz.scp.css */
.lib[b-gdrqlftzpa] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-sm); }

.lib-card[b-gdrqlftzpa] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);
    border-radius: var(--radius-card);
    color: var(--on-surface);
    min-height: 5.5rem;
}
.lib-card:hover[b-gdrqlftzpa] { text-decoration: none; box-shadow: var(--shadow-float); }

.lib-art[b-gdrqlftzpa] {
    flex: none;
    width: 3.75rem;
    aspect-ratio: 4 / 4.8;
}

.lib-body[b-gdrqlftzpa] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lib-title[b-gdrqlftzpa] { font-size: var(--fs-body-lg); font-weight: 600; line-height: 28px; }
.lib-meta[b-gdrqlftzpa] { display: inline-flex; align-items: center; gap: 0.375rem; flex-wrap: wrap; color: var(--on-surface-variant); font-size: var(--fs-label-sm); }
.pin[b-gdrqlftzpa] { display: inline-flex; align-items: center; gap: 0.25rem; color: var(--primary); }

.hidden-box[b-gdrqlftzpa] { padding: var(--space-sm) var(--space-md); border-radius: var(--radius-card); background: var(--surface-low); }
.hidden-box summary[b-gdrqlftzpa] { cursor: pointer; min-height: var(--tap-min); display: flex; align-items: center; color: var(--on-surface-variant); }
.hidden-row[b-gdrqlftzpa] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); color: var(--on-surface-variant); }

.calm[b-gdrqlftzpa] { text-align: center; color: var(--on-surface-variant); font-size: var(--fs-label-md); }
.help-line[b-gdrqlftzpa] { text-align: center; font-size: var(--fs-label-md); }
/* /Features/Stories/StoryPage.razor.rz.scp.css */
/* نشانگر خواندن: یک رشته‌ی زعفرانی بالای صفحه، بدون عدد */
.read-progress[b-eiur06uzr2] {
    position: fixed;
    inset-inline: 0;
    inset-block-start: calc(4.25rem + var(--safe-top));
    z-index: 49;
    height: 3px;
    background: transparent;
}

.read-progress span[b-eiur06uzr2] {
    display: block;
    height: 100%;
    background: var(--saffron-500);
    opacity: 0.8;
    border-start-end-radius: 3px;
    border-end-end-radius: 3px;
    transition: width 120ms linear;
}

.story[b-eiur06uzr2] { display: flex; flex-direction: column; gap: var(--space-lg); }

.story-head[b-eiur06uzr2] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-sm); }
.story-head h1[b-eiur06uzr2] { font-size: var(--fs-headline-lg-mobile); }

.story-art[b-eiur06uzr2] { width: 8.25rem; aspect-ratio: 4 / 4.8; margin-block-end: var(--space-xs); box-shadow: 0 0 0 5px color-mix(in srgb, var(--paper) 72%, transparent), 0 0 0 6px var(--paper-line); }
.story-art[b-eiur06uzr2]  .vignette { height: 100%; }

.updated-note[b-eiur06uzr2] { color: var(--on-surface-variant); font-size: var(--fs-label-sm); }

/* راوی با دست‌خط خودش امضا می‌کند: «روایت نیلوفر». اطلاعات خشک (سن و شهر) با وزیرمتن کنارش */
.narrator[b-eiur06uzr2] { display: flex; flex-direction: column; align-items: center; gap: 0; color: var(--on-surface-variant); }
.narrator-name[b-eiur06uzr2] { font-size: var(--fs-hand-lg); font-weight: 700; line-height: 1.5; color: var(--aubergine-600); }
.narrator-meta[b-eiur06uzr2] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--fs-label-sm); line-height: 22px; }

.topic-chip[b-eiur06uzr2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.875rem;
    border-radius: var(--radius-pill);
    background: var(--aubergine-100);
    color: var(--on-tertiary-container);
    font-size: var(--fs-label-sm);
}
.hash[b-eiur06uzr2] { color: var(--saffron-700); font-weight: 800; }

/* متن داستان: وزیرمتن، توکن reading، عرض محدود؛ خواندنِ بلند نباید با دست‌خط خسته شود */
.story-text[b-eiur06uzr2] {
    max-width: var(--reading-measure);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-size: var(--fs-reading);
    line-height: 2.05;
}

.story-end[b-eiur06uzr2] { display: flex; flex-direction: column; gap: var(--space-md); margin-block-start: var(--space-md); }

/* پایان داستان: جعبه‌ای نیست؛ فقط خط‌چین‌هایی که بخش‌ها را از هم جدا می‌کند، تا پایان، یک «کارت دیگر» نباشد */
.end-block[b-eiur06uzr2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding-block-start: var(--space-md);
    border-block-start: 1px dashed var(--outline-variant);
}

.end-block h2[b-eiur06uzr2] { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--fs-body-lg); }
.end-block h2[b-eiur06uzr2]  .icon { color: var(--primary); --icon-tint: var(--tile-500); }

.reaction-row[b-eiur06uzr2] { display: flex; flex-wrap: wrap; gap: var(--space-xs); }

.reaction[b-eiur06uzr2] {
    min-height: var(--tap-min);
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding-inline: var(--space-md);
    border-radius: var(--radius-pill);
    border: 1px solid var(--outline-variant);
    background: color-mix(in srgb, var(--paper) 45%, transparent);
    color: var(--on-surface);
    font-size: var(--fs-label-md);
    cursor: pointer;
    transition: background-color var(--motion), border-color var(--motion);
}
.reaction:hover[b-eiur06uzr2] { background: var(--surface-container); }
/* شمعدانی: تنها جایی که این رنگ می‌آید. حسِ «این شبیه من بود» */
.reaction--on[b-eiur06uzr2] { background: var(--geranium-100); border-color: var(--geranium-500); color: var(--geranium-600); font-weight: 700; --icon-tint: var(--geranium-500); }

.note[b-eiur06uzr2] { display: inline-flex; align-items: center; }

.previous[b-eiur06uzr2] { display: flex; flex-direction: column; gap: 0.25rem; padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); background: var(--forming); }
.previous-text[b-eiur06uzr2] { font-family: var(--font-hand); font-size: var(--fs-hand); line-height: 1.9; color: var(--yours-ink); }

.reflective-q[b-eiur06uzr2] { font-size: var(--fs-body-md); line-height: 30px; }

.source-note[b-eiur06uzr2] { color: var(--on-surface-variant); font-size: var(--fs-label-sm); text-align: center; }

.library-actions[b-eiur06uzr2] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); }
.btn-compact[b-eiur06uzr2] { min-height: var(--tap-min); padding-inline: var(--space-md); }

.calm-help[b-eiur06uzr2] { text-align: center; font-size: var(--fs-label-md); min-height: var(--tap-min); display: inline-flex; align-items: center; justify-content: center; }

.after-card[b-eiur06uzr2] {
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--forming);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
    font-size: var(--fs-body-md);
}

.final-btn[b-eiur06uzr2] { width: 100%; }

.back-line[b-eiur06uzr2] { text-align: center; margin-block-start: var(--space-md); }

.story-kickers[b-eiur06uzr2] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); }
.story-kickers[b-eiur06uzr2]  .kicker { align-self: auto; }

.narrator[b-eiur06uzr2] { flex-direction: row; align-items: center; gap: var(--space-sm); padding: 0.375rem 1rem 0.375rem 0.5rem; padding-inline: 0.5rem 1rem; border-radius: var(--radius-pill); background: var(--others); border: 1px solid var(--others-edge); }
.narrator-avatar[b-eiur06uzr2] { width: 2.5rem; height: 2.5rem; border-radius: var(--radius-pill); background: var(--aubergine-100); color: var(--aubergine-600); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-hand); font-size: 1.375rem; font-weight: 700; }
.narrator-text[b-eiur06uzr2] { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.4; }

.story-source[b-eiur06uzr2] { color: var(--on-surface-variant); font-size: var(--fs-label-sm); line-height: 22px; max-width: 24rem; }

/* ── گوشه‌های ویرایشیِ متن (Stitch _8) ── */
.story-head[b-eiur06uzr2] { align-items: flex-start; text-align: start; }
.story-kickers[b-eiur06uzr2] { justify-content: flex-start; }
.narrator[b-eiur06uzr2] { align-items: flex-start; border-radius: var(--radius-card); padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm); padding-inline: var(--space-sm) var(--space-md); width: 100%; }
.narrator-line[b-eiur06uzr2] { display: inline; }
.narrator-meta[b-eiur06uzr2] { color: var(--on-surface-variant); font-size: var(--fs-label-md); }

.dialogue[b-eiur06uzr2] { padding-inline-start: var(--space-md); border-inline-start: 3px solid var(--outline-variant); color: var(--on-surface-variant); }
.dialogue b[b-eiur06uzr2] { color: var(--on-surface); font-weight: 700; }

.social[b-eiur06uzr2] { display: flex; flex-direction: column; gap: 0.25rem; padding: var(--space-md); border-radius: var(--radius-card); background: var(--others); border: 1px solid var(--others-edge); font-size: var(--fs-body-md); line-height: 28px; }
.social-head[b-eiur06uzr2] { display: inline-flex; align-items: center; gap: 0.375rem; font-weight: 700; --icon-tint: var(--geranium-500); color: var(--geranium-600); }
.social p:not(.social-head)[b-eiur06uzr2] { color: var(--on-surface-variant); }

.turn[b-eiur06uzr2] { margin: var(--space-xs) 0; padding: var(--space-md) var(--space-lg); border-radius: var(--radius-md); background: color-mix(in srgb, var(--saffron-100) 80%, transparent); border-inline-start: 4px solid var(--saffron-500); font-size: var(--fs-hand-lg); font-weight: 700; line-height: 2; color: var(--yours-ink); }

.ribbon[b-eiur06uzr2] { display: flex; align-items: center; gap: var(--space-sm); color: var(--ink-faint); --icon-tint: var(--tile-500); }
.ribbon span[b-eiur06uzr2] { flex: 1; height: 1px; background: var(--outline-variant); }

.reaction-col[b-eiur06uzr2] { display: flex; flex-direction: column; gap: var(--space-xs); }
.reaction-col .reaction[b-eiur06uzr2] { justify-content: flex-start; width: 100%; padding-block: 0.5rem; }
.reaction-feedback[b-eiur06uzr2] { color: var(--tile-700); font-size: var(--fs-label-md); font-weight: 600; }

.reflect-head[b-eiur06uzr2] { display: flex; align-items: flex-start; gap: var(--space-sm); }
.reflect-head h2[b-eiur06uzr2] { font-size: var(--fs-body-lg); }
.reflect-icon[b-eiur06uzr2] { flex: none; width: 2.5rem; height: 2.5rem; border-radius: var(--radius-md); background: var(--saffron-100); color: var(--saffron-700); --icon-tint: var(--saffron-500); display: inline-flex; align-items: center; justify-content: center; }
.reflect-foot[b-eiur06uzr2] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); flex-wrap: wrap; }
.reflect-foot .btn-primary-soft[b-eiur06uzr2] { min-height: 48px; }

.narrator-name[b-eiur06uzr2] { font-size: var(--fs-hand); }
.turn[b-eiur06uzr2] { font-size: var(--fs-hand); font-weight: 700; line-height: 2; }
/* /Layout/AdminLayout.razor.rz.scp.css */
.adm-bar[b-b7j36ju9mt] {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 50;
    height: 3.5rem;
    padding-inline: var(--margin);
    padding-block-start: var(--safe-top);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--glass);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-block-end: 1px solid var(--outline-variant);
}

.adm-brand[b-b7j36ju9mt] { font-weight: 800; color: var(--on-surface); text-decoration: none; }
.adm-user[b-b7j36ju9mt] { display: inline-flex; align-items: center; gap: var(--space-sm); font-size: var(--fs-label-md); color: var(--on-surface-variant); }
/* /Layout/MainLayout.razor.rz.scp.css */
.offline-strip[b-76h2vacv52] { margin-block-end: var(--space-md); }
/* /Shared/AppBar.razor.rz.scp.css */
/* نوار بالا: شیشه‌ی کم‌رنگ که در مه محو می‌شود؛ هیچ خط جداکننده‌ی تندی ندارد */
.appbar[b-2msy1p0k5c] {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 50;
    padding-block-start: var(--safe-top);
    background: linear-gradient(to bottom, color-mix(in srgb, var(--surface) 92%, transparent) 55%, transparent);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    -webkit-mask-image: linear-gradient(to bottom, #000 75%, transparent);
    mask-image: linear-gradient(to bottom, #000 75%, transparent);
}

.appbar-inner[b-2msy1p0k5c] {
    height: 4.25rem;
    max-width: var(--measure);
    margin-inline: auto;
    padding-inline: var(--margin);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.brand[b-2msy1p0k5c] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--on-surface);
    text-decoration: none;
}
.brand:hover[b-2msy1p0k5c] { text-decoration: none; }

.brand-mark[b-2msy1p0k5c] { display: inline-flex; align-items: flex-end; }

.brand-name[b-2msy1p0k5c] {
    font-size: var(--fs-headline-md);
    line-height: 32px;
    font-weight: 800;
}

.appbar-title[b-2msy1p0k5c] {
    position: absolute;
    inset-inline: 0;
    margin-inline: auto;
    width: fit-content;
    font-size: var(--fs-headline-md);
    font-weight: 800;
    color: var(--on-surface);
    pointer-events: none;
}

.appbar-end[b-2msy1p0k5c] { display: flex; align-items: center; gap: var(--space-xs); }

.appbar-btn[b-2msy1p0k5c] {
    width: var(--tap-min);
    height: var(--tap-min);
    border-radius: var(--radius-pill);
    border: 0;
    background: transparent;
    color: var(--on-surface-variant);
    --icon-tint: var(--saffron-500);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color var(--motion), color var(--motion);
}

.appbar-btn:hover[b-2msy1p0k5c] { background: var(--surface-container); color: var(--on-surface); text-decoration: none; }
.appbar-btn--ghost[b-2msy1p0k5c] { cursor: default; pointer-events: none; }
/* /Shared/AuraArch.razor.rz.scp.css */
.aura[b-hebqkb557t] { margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-md); }

.aura-frame[b-hebqkb557t] {
    width: min(100%, 17.5rem);
    aspect-ratio: 4 / 4.6;
    box-shadow: var(--shadow-float), 0 0 0 6px color-mix(in srgb, var(--paper) 78%, transparent), 0 0 0 7px var(--paper-line);
    animation: breathe var(--breath);
    transform-origin: 50% 100%;
}

.aura-frame[b-hebqkb557t]  .aura-art { height: 100%; }

/* مه: هرچه --clarity بزرگ‌تر، محوتر. حداکثر مه ۲٫۵ پیکسل محو است تا تصویر هیچ‌وقت خراب نشان داده نشود. */
.aura-fog[b-hebqkb557t] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(calc((1 - var(--clarity)) * 2.5px));
    backdrop-filter: blur(calc((1 - var(--clarity)) * 2.5px));
    background:
        linear-gradient(to top, color-mix(in srgb, var(--fog-100) calc((1 - var(--clarity)) * 55%), transparent), transparent 85%),
        radial-gradient(70% 40% at 30% 70%, color-mix(in srgb, var(--paper) calc((1 - var(--clarity)) * 30%), transparent), transparent);
}

.aura-text[b-hebqkb557t] { text-align: center; display: flex; flex-direction: column; gap: var(--space-xs); max-width: 24rem; }
/* /Shared/BottomNav.razor.rz.scp.css */
/* کپسول شناور: چهار جا، یک نگاه. فقط تبِ فعال اسمش را می‌گوید (بقیه آیکون‌اند و برای صفحه‌خوان برچسب دارند).
   شناور است چون محتوا زیرش ادامه دارد؛ مثل یک جزیره‌ی کوچک روی مه. */
.bottomnav[b-bacedz09wu] {
    position: fixed;
    inset-block-end: calc(0.875rem + var(--safe-bottom));
    inset-inline: 0;
    z-index: 50;
    display: flex;
    justify-content: center;
    padding-inline: var(--margin);
    pointer-events: none;
}

.bottomnav-inner[b-bacedz09wu] {
    pointer-events: auto;
    width: min(100%, 22rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.125rem;
    padding: 0.375rem;
    border-radius: var(--radius-pill);
    background: var(--glass);
    border: 1px solid var(--others-edge);
    box-shadow: var(--shadow-float);
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
}

.nav-item[b-bacedz09wu] {
    min-width: var(--tap-min);
    min-height: var(--tap-min);
    height: 3rem;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding-inline: 0.875rem;
    color: var(--on-surface-variant);
    text-decoration: none;
    border-radius: var(--radius-pill);
    transition: color var(--motion), background-color var(--motion);
}

.nav-item:hover[b-bacedz09wu] { color: var(--on-surface); text-decoration: none; }

.nav-item--active[b-bacedz09wu] {
    padding-inline: 1.125rem;
    color: var(--tile-700);
    background: var(--tile-100);
    --icon-tint: var(--tile-500);
    font-weight: 700;
}

.nav-label[b-bacedz09wu] {
    font-size: var(--fs-label-md);
    line-height: 20px;
    font-weight: inherit;
    white-space: nowrap;
}

.nav-item:not(.nav-item--active) .nav-label[b-bacedz09wu] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
/* /Shared/Chip.razor.rz.scp.css */
.chip[b-ct7gr8r5qy] {
    min-height: var(--tap-min);
    padding: var(--space-xs) var(--space-md);
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border-radius: var(--radius-pill);
    border: 1px solid transparent;
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-size: var(--fs-label-md);
    line-height: 22px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--motion), border-color var(--motion), color var(--motion);
}

.chip:hover[b-ct7gr8r5qy] { background: var(--surface-high); }

.chip--selected[b-ct7gr8r5qy] {
    background: var(--primary-soft);
    border-color: var(--primary-container);
    color: var(--primary);
    font-weight: 600;
}

.chip-suffix[b-ct7gr8r5qy] { font-size: var(--fs-label-sm); opacity: 0.85; }
/* /Shared/ChoiceRow.razor.rz.scp.css */
.choice[b-8msu4hd5t0] {
    width: 100%;
    min-height: var(--tap-min);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 75%, transparent);
    background: color-mix(in srgb, var(--paper) 55%, transparent);
    color: var(--on-surface);
    text-align: start;
    cursor: pointer;
    transition: background-color var(--motion), border-color var(--motion), box-shadow var(--motion);
}

.choice:hover[b-8msu4hd5t0] { background: var(--surface-container); }

.choice--compact[b-8msu4hd5t0] { padding: var(--space-sm) var(--space-md); }

.choice--selected[b-8msu4hd5t0] {
    background: var(--tile-100);
    border-color: var(--tile-500);
}

.choice-icon[b-8msu4hd5t0] {
    flex: none;
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.choice-icon--sage[b-8msu4hd5t0] { background: var(--tile-100); color: var(--tile-700); --icon-tint: var(--tile-500); }
.choice-icon--rose[b-8msu4hd5t0] { background: var(--geranium-100); color: var(--geranium-600); --icon-tint: var(--geranium-500); }
.choice-icon--lavender[b-8msu4hd5t0] { background: var(--aubergine-100); color: var(--aubergine-600); --icon-tint: var(--aubergine-600); }

.choice-body[b-8msu4hd5t0] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.choice-title[b-8msu4hd5t0] {
    font-size: var(--fs-body-md);
    line-height: 26px;
    font-weight: 600;
}

.choice-desc[b-8msu4hd5t0] {
    font-size: var(--fs-body-sm);
    line-height: 22px;
    color: var(--on-surface-variant);
}

/* نشانه‌ی دایره‌ای؛ با انتخاب، مثل شکفتن آرام رنگ مریم‌گلی پر می‌شود */
.choice-mark[b-8msu4hd5t0] {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-pill);
    border: 2px solid var(--outline-variant);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background-color var(--motion), border-color var(--motion), transform var(--motion);
}

.choice--selected .choice-mark[b-8msu4hd5t0] {
    background: var(--tile-600);
    border-color: var(--tile-600);
    transform: scale(1.05);
}
/* /Shared/CompletionCard.razor.rz.scp.css */
.done[b-py6iv4b8b5] {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-lg);
    border-radius: var(--radius-sheet);
    background: linear-gradient(165deg, var(--saffron-100), color-mix(in srgb, var(--paper) 80%, transparent) 70%);
    border: 1px solid color-mix(in srgb, var(--saffron-500) 34%, transparent);
    box-shadow: var(--shadow-whisper);
}

.done-head[b-py6iv4b8b5] { display: flex; align-items: center; gap: var(--space-sm); }
.done-head h2[b-py6iv4b8b5] { font-size: var(--fs-headline-md); font-weight: 800; }

/* مُهر: همان نشانه‌ی «ثبت شد»؛ با چرخشِ ملایم می‌نشیند */
.done-seal[b-py6iv4b8b5] {
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-pill);
    border: 2px dashed var(--saffron-500);
    background: color-mix(in srgb, var(--saffron-500) 20%, transparent);
    color: var(--saffron-700);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-6deg);
    animation: stamp-in-b-py6iv4b8b5 420ms var(--ease) both;
}

.done-quote[b-py6iv4b8b5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--paper) 88%, transparent);
    border-inline-start: 4px solid var(--saffron-500);
    font-size: var(--fs-body-md);
    line-height: 28px;
}

.done-next[b-py6iv4b8b5] { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--on-surface-variant); font-size: var(--fs-label-md); line-height: 24px; }
.done-next b[b-py6iv4b8b5] { color: var(--on-surface); }

@keyframes stamp-in-b-py6iv4b8b5 {
    0% { transform: scale(1.7) rotate(-24deg); opacity: 0; }
    60% { transform: scale(0.92) rotate(-4deg); opacity: 1; }
    100% { transform: scale(1) rotate(-6deg); }
}
/* /Shared/ConfirmDialog.razor.rz.scp.css */
.dialog-backdrop[b-bdzgea9f3i] {
    position: fixed;
    inset: 0;
    z-index: 600;
    background: color-mix(in srgb, var(--on-surface) 38%, transparent);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    animation: fade-in-b-bdzgea9f3i var(--motion) both;
}

.dialog-sheet[b-bdzgea9f3i] {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 601;
    max-width: var(--measure);
    margin-inline: auto;
    padding: var(--space-md) var(--margin) calc(var(--margin) + var(--safe-bottom));
    background: var(--surface);
    border-start-start-radius: var(--radius-sheet);
    border-start-end-radius: var(--radius-sheet);
    box-shadow: var(--shadow-whisper);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    animation: sheet-in-b-bdzgea9f3i var(--motion) both;
}

.dialog-handle[b-bdzgea9f3i] {
    align-self: center;
    width: 2.5rem;
    height: 4px;
    border-radius: 4px;
    background: var(--outline-variant);
    margin-block-end: var(--space-xs);
}

.dialog-title[b-bdzgea9f3i] { font-size: var(--fs-headline-md); }

.dialog-text[b-bdzgea9f3i] {
    color: var(--on-surface-variant);
    font-size: var(--fs-body-md);
    line-height: 28px;
}

.dialog-actions[b-bdzgea9f3i] { display: flex; flex-direction: column; gap: var(--space-sm); margin-block-start: var(--space-sm); }
.dialog-btn[b-bdzgea9f3i] { width: 100%; }

@keyframes fade-in-b-bdzgea9f3i { from { opacity: 0; } to { opacity: 1; } }
@keyframes sheet-in-b-bdzgea9f3i { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
/* /Shared/EmptyState.razor.rz.scp.css */
.empty[b-u0yimb77gg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-md);
}

.empty-art[b-u0yimb77gg] { width: 8.5rem; aspect-ratio: 4 / 4.9; margin-block-end: var(--space-sm); box-shadow: 0 0 0 5px color-mix(in srgb, var(--paper) 75%, transparent), 0 0 0 6px var(--paper-line); }
.empty-art[b-u0yimb77gg]  .vignette { height: 100%; }

.empty-title[b-u0yimb77gg] { font-size: var(--fs-headline-md); }
.empty-title2[b-u0yimb77gg] { color: var(--on-surface); font-size: var(--fs-body-lg); line-height: 32px; }
.empty-hint[b-u0yimb77gg] { color: var(--on-surface-variant); font-size: var(--fs-body-sm); line-height: 24px; }
/* /Shared/KickerChip.razor.rz.scp.css */
.kicker[b-1t7jhpob6y] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.875rem;
    border-radius: var(--radius-pill);
    font-size: var(--fs-label-sm);
    font-weight: 700;
    line-height: 22px;
}

.kicker--tile[b-1t7jhpob6y] { background: var(--tile-100); color: var(--tile-700); --icon-tint: var(--tile-500); }
.kicker--saffron[b-1t7jhpob6y] { background: var(--saffron-100); color: var(--saffron-700); --icon-tint: var(--saffron-500); }
.kicker--aubergine[b-1t7jhpob6y] { background: var(--aubergine-100); color: var(--on-tertiary-container); --icon-tint: var(--aubergine-600); }
.kicker--fog[b-1t7jhpob6y] { background: var(--forming); color: var(--on-surface-variant); }
/* /Shared/LockScreen.razor.rz.scp.css */
.lock[b-sjxxn9qjno] {
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    padding-block: calc(var(--space-lg) + var(--safe-top)) calc(var(--space-lg) + var(--safe-bottom));
    text-align: center;
    background:
        radial-gradient(120% 40rem at 50% -6rem, color-mix(in srgb, var(--wash-a) 90%, transparent), transparent 72%),
        var(--surface);
    overflow-y: auto;
}

.lock-seal[b-sjxxn9qjno] { color: var(--saffron-700); --icon-tint: var(--saffron-500); }
.lock h1[b-sjxxn9qjno] { font-size: var(--fs-headline-md); }
.lock-note[b-sjxxn9qjno] { max-width: 20rem; padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); background: var(--saffron-100); color: var(--on-surface); font-size: var(--fs-body-sm); line-height: 24px; }
.lock-msg[b-sjxxn9qjno] { min-height: 1.75rem; color: var(--on-surface-variant); font-size: var(--fs-body-sm); }
/* /Shared/OfflineNote.razor.rz.scp.css */
.offline-note[b-2oa9tgc6e4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-container);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 55%, transparent);
}

.offline-icon[b-2oa9tgc6e4] {
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-pill);
    background: var(--surface-highest);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.offline-text[b-2oa9tgc6e4] { flex: 1; min-width: 12rem; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-body-sm); line-height: 22px; color: var(--on-surface-variant); }
.offline-text strong[b-2oa9tgc6e4] { color: var(--on-surface); font-size: var(--fs-body-md); }
/* /Shared/PillarRow.razor.rz.scp.css */
.pillar[b-98jljdbz6x] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: color-mix(in srgb, var(--paper) 62%, transparent);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 70%, transparent);
}

.pillar-icon[b-98jljdbz6x] {
    flex: none;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pillar-icon--tile[b-98jljdbz6x] { background: var(--tile-100); color: var(--tile-700); --icon-tint: var(--tile-500); }
.pillar-icon--saffron[b-98jljdbz6x] { background: var(--saffron-100); color: var(--saffron-700); --icon-tint: var(--saffron-500); }
.pillar-icon--aubergine[b-98jljdbz6x] { background: var(--aubergine-100); color: var(--aubergine-600); --icon-tint: var(--aubergine-600); }

.pillar-body[b-98jljdbz6x] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pillar-body h3[b-98jljdbz6x] { font-size: var(--fs-body-md); line-height: 26px; }
.pillar-body p[b-98jljdbz6x] { color: var(--on-surface-variant); font-size: var(--fs-body-sm); line-height: 24px; }
/* /Shared/PinPad.razor.rz.scp.css */
.pin[b-f5snyp7rb4] { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); outline: none; }

.pin-dots[b-f5snyp7rb4] { display: flex; gap: var(--space-md); }
.pin-dot[b-f5snyp7rb4] { width: 1rem; height: 1rem; border-radius: var(--radius-pill); border: 2px solid var(--outline); transition: background-color var(--motion-quick), border-color var(--motion-quick); }
.pin-dot--on[b-f5snyp7rb4] { background: var(--tile-600); border-color: var(--tile-600); }
.pin-dots--shake[b-f5snyp7rb4] { animation: pin-shake-b-f5snyp7rb4 360ms var(--ease); }

.pin-keys[b-f5snyp7rb4] { display: grid; grid-template-columns: repeat(3, 4.25rem); gap: var(--space-sm) var(--space-md); direction: ltr; }

.pin-key[b-f5snyp7rb4] {
    height: 4.25rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--outline-variant);
    background: color-mix(in srgb, var(--paper) 55%, transparent);
    color: var(--on-surface);
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--motion-quick), transform var(--motion-quick);
}
.pin-key:hover:not([disabled])[b-f5snyp7rb4] { background: var(--surface-container); }
.pin-key:active:not([disabled])[b-f5snyp7rb4] { transform: scale(0.95); }
.pin-key[disabled][b-f5snyp7rb4] { opacity: 0.45; cursor: not-allowed; }
.pin-key--back[b-f5snyp7rb4] { border-color: transparent; background: transparent; }

@keyframes pin-shake-b-f5snyp7rb4 { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
/* /Shared/SafetyCard.razor.rz.scp.css */
.safety-card[b-ivvdg66q65] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-card);
    background: var(--surface-low);
    border: 1px solid var(--primary-container);
}

.safety-icon[b-ivvdg66q65] {
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-pill);
    background: var(--primary-fixed);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.safety-body[b-ivvdg66q65] { flex: 1; display: flex; flex-direction: column; gap: var(--space-xs); font-size: var(--fs-body-md); line-height: 28px; }

.safety-link[b-ivvdg66q65] { font-weight: 600; min-height: var(--tap-min); display: inline-flex; align-items: center; }

.safety-close[b-ivvdg66q65] {
    flex: none;
    width: var(--tap-min);
    height: var(--tap-min);
    margin: -0.5rem;
    border: 0;
    background: transparent;
    color: var(--on-surface-variant);
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.safety-quiet[b-ivvdg66q65] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-min);
    font-size: var(--fs-label-sm);
    color: var(--on-surface-variant);
    opacity: 0.8;
}
/* /Shared/SceneHero.razor.rz.scp.css */
.scene[b-mnr2mx6qtb] {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 8;
    border-radius: var(--radius-sheet);
    box-shadow: var(--shadow-whisper), 0 0 0 1px var(--paper-line);
}

.scene[b-mnr2mx6qtb]  .scene-art { position: absolute; inset: 0; width: 100%; height: 100%; }

.scene--fade[b-mnr2mx6qtb]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, color-mix(in srgb, var(--surface) 85%, transparent), transparent 55%);
    pointer-events: none;
}

.scene-badge[b-mnr2mx6qtb] {
    position: absolute;
    z-index: 1;
    inset-block-end: 0.75rem;
    inset-inline-end: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.875rem;
    border-radius: var(--radius-pill);
    font-size: var(--fs-label-sm);
    font-weight: 700;
    color: var(--on-surface);
    --icon-tint: var(--saffron-500);
}

.scene-badge--wide[b-mnr2mx6qtb] { inset-inline: 0.75rem; justify-content: center; text-align: center; background: color-mix(in srgb, var(--ink) 58%, transparent); border-color: transparent; color: #fff; font-family: var(--font-hand); font-size: 0.9375rem; line-height: 1.8; font-weight: 400; padding-block: 0.125rem; }
/* /Shared/Skeleton.razor.rz.scp.css */
.skeleton-stack[b-pi0n0fmxc6] { display: flex; flex-direction: column; gap: 0.75rem; padding-block: var(--space-sm); }

.skeleton-line[b-pi0n0fmxc6] {
    display: block;
    height: 0.9rem;
    border-radius: 0.5rem;
    background: var(--surface-high);
    animation: skeleton-fade-b-pi0n0fmxc6 1.6s ease-in-out infinite;
}

.skeleton-line:nth-child(2)[b-pi0n0fmxc6] { animation-delay: 0.2s; }
.skeleton-line:nth-child(3)[b-pi0n0fmxc6] { animation-delay: 0.4s; }

@keyframes skeleton-fade-b-pi0n0fmxc6 { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }
/* /Shared/ToastHost.razor.rz.scp.css */
.toast-region[b-89fzobzzx2] {
    position: fixed;
    inset-inline: 0;
    inset-block-end: calc(5.5rem + var(--safe-bottom));
    z-index: 80;
    display: flex;
    justify-content: center;
    pointer-events: none;
    padding-inline: var(--margin);
}

.toast-pill[b-89fzobzzx2] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 1.125rem 0.5rem 0.5rem;
    padding-inline: 0.5rem 1.125rem;
    min-height: var(--tap-min);
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: var(--fog-50);
    font-size: var(--fs-label-md);
    box-shadow: var(--shadow-float);
    animation: toast-in-b-89fzobzzx2 var(--motion) both;
}

/* مُهرِ «ثبت شد»: تنها حرکت پاسخ‌گوی اپ؛ مثل کوبیده شدن مُهر پست، یک بار می‌چرخد و می‌نشیند */
.toast-stamp[b-89fzobzzx2] {
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--radius-pill);
    border: 2px dashed var(--saffron-500);
    background: color-mix(in srgb, var(--saffron-500) 22%, transparent);
    color: var(--saffron-500);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    animation: stamp-in-b-89fzobzzx2 420ms var(--ease) both;
}

@keyframes toast-in-b-89fzobzzx2 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@keyframes stamp-in-b-89fzobzzx2 {
    0% { transform: scale(1.7) rotate(-24deg); opacity: 0; }
    60% { transform: scale(0.92) rotate(-4deg); opacity: 1; }
    100% { transform: scale(1) rotate(-6deg); }
}
/* /Shared/Vignette.razor.rz.scp.css */
.vignette[b-z82vp8veuo] { display: block; width: 100%; height: auto; }
/* /Shared/WritingDesk.razor.rz.scp.css */
/* میز نوشتن = کاغذ خط‌دار؛ خودِ تو با دست‌خط می‌نویسی. کاغذ و خط‌ها از surfaces.css می‌آیند */
.desk[b-9by97tabbu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md) var(--space-md) var(--space-sm);
    padding-inline-start: 3.75rem;
    transition: box-shadow var(--motion), border-color var(--motion);
    cursor: text;
}

/* تمرکز: بدون هاله‌ی روشن؛ لبه‌ی کاغذ کمی زعفرانی می‌شود، مثل نور چراغ مطالعه */
.desk:focus-within[b-9by97tabbu] {
    border-color: var(--saffron-500);
    box-shadow: var(--shadow-paper), 0 0 0 5px color-mix(in srgb, var(--saffron-500) 22%, transparent);
}

.desk-heading[b-9by97tabbu] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--saffron-700);
    font-size: var(--fs-label-sm);
    font-weight: 700;
    line-height: var(--rule);
}

.desk-field[b-9by97tabbu] {
    width: 100%;
    border: 0;
    outline: 0;
    resize: vertical;
    background: transparent;
    color: var(--yours-ink);
    font-size: var(--fs-hand);
    line-height: var(--rule);
    min-height: calc(var(--rule) * 4);
    padding: 0;
}

.desk-field[b-9by97tabbu]::placeholder { color: var(--ink-faint); opacity: 0.9; }

.desk-foot[b-9by97tabbu] { line-height: var(--rule); }

.desk-top[b-9by97tabbu] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
.desk-badge[b-9by97tabbu] {
    white-space: nowrap;
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.625rem;
    border-radius: var(--radius-pill);
    background: var(--saffron-100);
    color: var(--saffron-700);
    --icon-tint: var(--saffron-500);
    font-size: var(--fs-label-sm);
    font-weight: 700;
    line-height: 22px;
}
.desk-date[b-9by97tabbu] { color: var(--ink-soft); font-size: var(--fs-label-sm); line-height: var(--rule); }