@charset "utf-8";

.sa-section, .sa-card, .sa-card-header, .sa-card-body, .sa-card-title, .sa-card-sub, .sa-eyebrow, .sa-title, .sa-sub, .sa-chevron, .sa-icon-wrap, .sa-card-text, .sa-blob-gold, .sa-blob-blue { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: none !important; }

#settings-section { width: 100%; background: rgb(240, 242, 245); padding: 36px 24px 64px; box-sizing: border-box; font-family: Inter, -apple-system, sans-serif; }

#settings-section .settings-inner { max-width: 760px; margin: 0px auto; }

#settings-section .settings-eyebrow { display: block; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.7rem; font-weight: 700; color: rgb(160, 174, 192); margin-bottom: 10px; }

#settings-section .settings-heading { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; color: rgb(30, 45, 61); margin: 0px 0px 6px; line-height: 1.1; }

#settings-section .settings-sub { font-size: 0.9rem; color: rgb(160, 174, 192); margin: 0px 0px 36px; }

#settings-section .set-card { background: rgb(255, 255, 255); border-radius: 20px; margin-bottom: 14px; overflow: hidden; cursor: pointer; }

#settings-section .set-card:last-child { margin-bottom: 0px; }

#settings-section .set-card-btn { width: 100%; display: flex; align-items: center; gap: 18px; padding: 22px 24px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: left; box-sizing: border-box; }

#settings-section .set-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }

#settings-section .set-text { flex: 1 1 0%; min-width: 0px; }

#settings-section .set-title { display: block; font-family: Georgia, serif; font-size: 1.05rem; font-weight: 700; color: rgb(30, 45, 61); margin-bottom: 4px; line-height: 1.2; }

#settings-section .set-sub { display: block; font-size: 0.8rem; color: rgb(160, 174, 192); line-height: 1.4; }

#settings-section .set-chevron { font-size: 0.75rem; color: rgb(192, 200, 212); flex-shrink: 0; transition: transform 0.25s; }

#settings-section .set-card.open .set-chevron { transform: rotate(180deg); }

#settings-section .set-body { display: none; padding: 0px 24px 22px 94px; font-size: 0.85rem; color: rgb(107, 122, 141); line-height: 1.65; border-top: 1px solid rgb(240, 242, 245); }

#settings-section .set-card.open .set-body { display: block; }

.sl-log-row { display: flex; align-items: center; gap: 12px; padding: 13px 0px; border-bottom: 1px solid rgb(240, 242, 245); font-size: 0.88rem; color: rgb(30, 45, 61); font-weight: 500; }

.sl-last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.sl-log-icon { font-size: 1.1rem; flex-shrink: 0; width: 24px; text-align: center; }

.sl-log-label { flex: 1 1 0%; }

.sl-log-date { font-size: 0.75rem; color: rgb(160, 174, 192); flex-shrink: 0; }

.sl-cta { display: inline-block; margin-top: 16px; background: rgb(74, 124, 89); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50px; padding: 13px 26px; font-size: 0.88rem; font-weight: 700; cursor: pointer; letter-spacing: 0.01em; transition: background 0.2s; }

.sl-cta:hover { background: rgb(61, 107, 74); }

.mj-row { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0px; border-bottom: 1px solid rgb(240, 242, 245); }

.mj-last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.mj-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: 4px; }

.mj-content { display: flex; flex-direction: column; gap: 3px; flex: 1 1 0%; }

.mj-title { font-size: 0.9rem; font-weight: 700; color: rgb(30, 45, 61); }

.mj-date { font-size: 0.75rem; color: rgb(160, 174, 192); }

.mj-actions { display: flex; gap: 12px; margin-top: 18px; flex-wrap: wrap; }

.mj-btn-primary { background: rgb(74, 124, 89); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50px; padding: 13px 26px; font-size: 0.88rem; font-weight: 700; cursor: pointer; transition: background 0.2s; }

.mj-btn-primary:hover { background: rgb(61, 107, 74); }

.mj-btn-ghost { background: transparent; color: rgb(74, 124, 89); border: 2px solid rgb(200, 216, 224); border-radius: 50px; padding: 13px 26px; font-size: 0.88rem; font-weight: 700; cursor: pointer; transition: border-color 0.2s, color 0.2s; }

.mj-btn-ghost:hover { border-color: rgb(74, 124, 89); }

.fp-members { display: flex; gap: 24px; padding: 8px 0px 20px; flex-wrap: wrap; }

.fp-member { display: flex; flex-direction: column; align-items: center; gap: 6px; }

.fp-avatar { width: 68px; height: 68px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; }

.fp-add { background: transparent; border: 2px dashed rgb(200, 212, 224); color: rgb(160, 174, 192); font-size: 1.6rem; font-weight: 300; cursor: pointer; }

.fp-name { font-size: 0.88rem; font-weight: 700; color: rgb(30, 45, 61); }

.fp-age { font-size: 0.75rem; color: rgb(160, 174, 192); }

.sr-section { margin-bottom: 4px; }

.sr-label { font-size: 0.92rem; font-weight: 700; color: rgb(30, 45, 61); margin: 0px 0px 6px; }

.sr-points { font-size: 0.82rem; color: rgb(107, 122, 141); margin: 0px 0px 10px; }

.sr-bar-wrap { height: 10px; background: rgb(229, 233, 238); border-radius: 999px; overflow: hidden; margin-bottom: 12px; }

.sr-bar { height: 100%; background: rgb(74, 124, 89); border-radius: 999px; transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1); }

.sr-hint { font-size: 0.84rem; font-weight: 600; color: rgb(61, 107, 74); margin: 0px 0px 4px; }

.pref-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 0px; border-bottom: 1px solid rgb(240, 242, 245); cursor: pointer; gap: 16px; }

.pref-last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.pref-info { display: flex; flex-direction: column; gap: 3px; flex: 1 1 0%; }

.pref-title { font-size: 0.9rem; font-weight: 600; color: rgb(30, 45, 61); }

.pref-sub { font-size: 0.75rem; color: rgb(160, 174, 192); }

.pref-toggle { position: relative; flex-shrink: 0; }

.pref-toggle input { position: absolute; opacity: 0; width: 0px; height: 0px; }

.pref-track { display: block; width: 48px; height: 28px; border-radius: 999px; background: rgb(209, 213, 219); position: relative; transition: background 0.25s; }

.pref-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px; transition: transform 0.25s; }

.pref-track.on { background: rgb(74, 124, 89); }

.pref-track.on::after { transform: translateX(20px); }