:root{--fc-page:#f7f3ee;--fc-surface:#fff;--fc-ink:#151515;--fc-on-ink:#fff;--fc-muted:#84796c;--fc-line:#e2d8cb;--fc-soft:#efe9df;color-scheme:light}
html[data-fc-theme="dark"]{--fc-page:#151719;--fc-surface:#202326;--fc-ink:#f5f1eb;--fc-on-ink:#151515;--fc-muted:#b9b0a5;--fc-line:#3a3b3d;--fc-soft:#2c2d30;color-scheme:dark}
body.live-app{background:var(--fc-page);color:var(--fc-ink)}
.live-app .live-header,.live-app .live-nav,.live-app dialog{background:var(--fc-page);color:var(--fc-ink);border-color:var(--fc-line)}
.live-app .auth-card,.live-app .post-card,.live-app .composer-trigger,.live-app .settings-card,.live-app .voice-card,.live-app .video-card{background:var(--fc-surface);border-color:var(--fc-line);color:var(--fc-ink)}
.live-app input:not([type=checkbox],[type=radio],[type=file]),.live-app textarea,.live-app select{background:var(--fc-surface);border:1px solid var(--fc-line);color:var(--fc-ink)}
.live-app .appearance-picker{width:100%;min-height:46px;border-radius:11px;padding:10px 12px;font:inherit;margin-top:8px}
.live-app .page-heading p,.live-app .post-byline small,.live-app .help-text,.live-app .settings-card p,.live-app .reaction,.live-app .entry-foot,.live-app .entry-copy p,.live-app .welcome p,.live-app .feeling-hint{color:var(--fc-muted)}
.live-app .filter,.live-app .quiet,.live-app .audience-option>span,.live-app .post-context button,.live-app .attachment-tabs{border-color:var(--fc-line);color:var(--fc-ink)}
.live-app .filter.active,.live-app .audience-option input:checked+span{background:var(--fc-ink);color:var(--fc-on-ink);border-color:var(--fc-ink)}
.live-app .primary{background:#9e61ee;color:#151515}
.live-app .feeling-picker,.live-app .voice-recorder,.live-app blockquote{background:var(--fc-soft);color:var(--fc-ink);border-color:var(--fc-line)}
.live-app .feeling-options label>span,.live-app .comment-list,.live-app .post-context{border-color:var(--fc-line)}
.live-app .comment-dialog .comment-list{max-height:40dvh;overscroll-behavior:contain}
.live-app .comment-compose{position:sticky;bottom:-28px;padding:15px 0 12px;background:var(--fc-page);border-top:1px solid var(--fc-line)}
.live-app .comment-compose textarea{margin-bottom:10px;min-height:72px}
.live-app .comment-compose button{min-height:44px}
.live-app .comment-count{font-size:11px;color:var(--fc-muted);text-align:right}
.live-app .reaction.liked{color:#9e61ee}
.live-app .club-tile{color:#151515}
.live-app .live-header,.live-app .live-nav,.live-app .post-card,.live-app .settings-card,.live-app dialog,body.live-app{transition:background-color .25s,color .25s,border-color .25s}
@media(prefers-reduced-motion:reduce){.live-app *{transition:none!important}}

.live-app .comment-dialog .dialog-heading{margin-bottom:12px}.live-app .comment-dialog .eyebrow{display:none}.live-app .comment-dialog .dialog-heading h2{font-size:24px}.live-app .comment-post{font-size:12px;color:var(--fc-muted);padding:12px 0}.live-app .comment-post summary{cursor:pointer}.live-app .comment small{display:block;color:var(--fc-muted);font-size:10px;margin-top:7px}.live-app .comment-list .comment{align-items:flex-start;gap:12px;padding:6px 0}.live-app .comment-list .avatar{flex-shrink:0;width:36px;height:36px}
@media(max-width:700px){.live-app dialog.comment-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;height:min(78dvh,720px);max-height:85dvh;border-radius:24px 24px 0 0;padding:24px 20px calc(14px + env(safe-area-inset-bottom))}.live-app .comment-dialog .comment-list{flex:1;min-height:0;max-height:none;overflow:auto}.live-app .comment-dialog .comment-compose{flex-shrink:0;bottom:auto;padding-bottom:0}.live-app .comment-post[open]{max-height:25dvh;overflow:auto;flex-shrink:0}}

.live-app .post-context button.active,.live-app .composer-trigger>svg{background:var(--fc-soft);color:var(--fc-ink)}.live-app .attachment-tabs button[aria-pressed="true"]{background:var(--fc-ink);color:var(--fc-on-ink);border-color:var(--fc-ink)}.live-app .feeling-options input:checked+span{background:var(--fc-soft);color:var(--fc-ink)}.live-app .avatar{color:#151515}