.nodns-locket-friends-page { background:#fff; }
/* Keep inline icons independent of global SVG and flex sizing rules. */
.lf-main svg { display:inline-block; width:20px; height:20px; flex:0 0 auto; vertical-align:middle; }
.lf-main .lf-phone-card span svg { width:38px; height:38px; stroke-width:1.6; }
.lf-main .lf-detail-button { display:flex; align-items:center; justify-content:center; text-decoration:none; }
.lf-main :is(a,button,input,select):focus-visible { outline:3px solid #db2777; outline-offset:4px; }
.lf-profile-page { min-height:80vh; padding:12px 20px 64px; background:linear-gradient(150deg,#fff7fb,#f8fafc); }
.lf-profile-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; max-width:800px; margin:0 auto 20px; }
.lf-public-profile { max-width:800px; margin:auto; overflow:hidden; border:1px solid #f1dce6; border-radius:24px; background:#fff; text-align:center; box-shadow:0 16px 50px #4820390d; }
.lf-public-cover { height:260px; background:linear-gradient(125deg,#fce7f3,#fbcfe8,#ddd6fe); }
.lf-public-cover picture,.lf-public-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.lf-public-body { padding:0 32px 40px; }
.lf-public-avatar { position:relative; display:grid; place-items:center; width:112px; height:112px; margin:-56px auto 18px; border:5px solid #fff; border-radius:50%; color:#be185d; background:#fce7f3; overflow:hidden; box-shadow:0 4px 18px #48203914; }
.lf-public-avatar img { width:100%; height:100%; object-fit:cover; }
.lf-public-avatar svg { width:44px; height:44px; }
.lf-public-profile h1 { margin:12px 0 6px; font-size:clamp(24px,4vw,34px); color:var(--lf-profile-name,#351824); overflow-wrap:anywhere; }
.lf-public-username { margin:0; color:#a4778c; overflow-wrap:anywhere; }
.lf-public-bio { max-width:560px; margin:22px auto; line-height:1.8; color:var(--lf-profile-bio,#694858); overflow-wrap:anywhere; }
.lf-public-stats { display:flex; justify-content:center; gap:0; margin:24px 0; color:#785e6b; }
.lf-public-stats span { padding:0 22px; font-size:13px; border-right:1px solid #eedde5; }
.lf-public-stats span:last-child { border:0; }
.lf-public-stats strong { display:block; margin-bottom:6px; font-size:22px; color:var(--lf-profile-name,#351824); }
.lf-public-profile { position:relative; isolation:isolate; }
.lf-public-cover { height:var(--lf-cover-height,280px); }
.lf-public-cover img { object-position:center var(--lf-cover-position,50%); }
.lf-public-body { padding-top:calc(var(--lf-profile-padding,160px) - 80px); }
.lf-public-meta { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:16px 0; }
.lf-public-actions button { font:inherit; cursor:pointer; }
.lf-public-actions button[aria-pressed="true"] { color:#fff; background:#be185d; }
.lf-public-actions button:disabled { opacity:.6; cursor:wait; }
.lf-public-body .lf-comments { text-align:left; margin-top:24px; }
.lf-public-body .lf-comments textarea { display:block; width:100%; min-height:100px; margin:10px 0; padding:12px; border:1px solid #ead0dc; border-radius:12px; font:inherit; }
.lf-cover-full .lf-public-cover { position:absolute; inset:0; height:100%; z-index:-1; opacity:.25; }
.lf-cover-full .lf-public-avatar { margin-top:0; }
@media(max-width:720px) { .lf-public-cover img { object-position:center var(--lf-mobile-position,50%); } }
@media(max-width:720px) { .lf-profile-page { padding:100px 12px 40px; }.lf-public-cover { height:200px; }.lf-public-body { padding:0 18px 28px; }.lf-public-stats span { padding:0 14px; }.lf-profile-toolbar a { min-height:44px; font-size:12px; padding:0 12px; } }
.lf-main { overflow:hidden; color:#321723; font-family:"Plus Jakarta Sans",sans-serif; }
.lf-main * { box-sizing:border-box; }
.lf-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr); min-height:640px; padding:clamp(76px,8vw,118px) max(24px,calc((100vw - 1220px)/2)); align-items:center; gap:clamp(36px,7vw,90px); background:radial-gradient(circle at 85% 25%,rgba(251,207,232,.72),transparent 26rem),linear-gradient(145deg,#fff 0%,#fff7fb 54%,#fff0f7 100%); }
.lf-hero::before { content:""; position:absolute; inset:auto auto 9% 3%; width:190px; height:190px; opacity:.4; background-image:radial-gradient(#ec4899 1.5px,transparent 1.5px); background-size:18px 18px; mask-image:linear-gradient(to bottom,transparent,#000); }
.lf-hero-copy,.lf-hero-art { position:relative; z-index:1; }
.lf-eyebrow,.lf-section-kicker { display:inline-flex; align-items:center; gap:8px; color:#be185d; font-size:.76rem; font-weight:900; letter-spacing:.14em; }
.lf-eyebrow { padding:9px 13px; border:1px solid #f4bfd7; border-radius:999px; background:#fff; box-shadow:0 8px 25px rgba(190,24,93,.08); }
.lf-eyebrow svg { width:16px; }
.lf-hero h1 { max-width:770px; margin:24px 0 20px; font-size:clamp(3rem,6vw,5.4rem); line-height:1.01; letter-spacing:-.065em; color:#3c192a; }
.lf-hero h1 span { color:#db2777; }
.lf-hero-copy>p { max-width:680px; margin:0; color:#725465; font-size:clamp(1rem,1.5vw,1.14rem); line-height:1.8; }
.lf-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.lf-primary-button,.lf-secondary-button { display:inline-flex; min-height:52px; padding:0 20px; align-items:center; justify-content:center; gap:9px; border-radius:14px; font-size:.88rem; font-weight:850; text-decoration:none; transition:.22s ease; }
.lf-primary-button { color:#fff; background:linear-gradient(135deg,#db2777,#9d174d); box-shadow:0 13px 26px rgba(190,24,93,.24); }
.lf-secondary-button { color:#831843; background:#fff; border:1px solid #f1c1d6; }
.lf-primary-button:hover,.lf-secondary-button:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(131,24,67,.17); }
.lf-primary-button svg,.lf-secondary-button svg { width:18px; }
.lf-hero-notes { display:flex; flex-wrap:wrap; gap:18px; margin-top:25px; color:#765c69; font-size:.76rem; font-weight:750; }
.lf-hero-notes span { display:inline-flex; align-items:center; gap:6px; }
.lf-hero-notes svg { width:15px; color:#db2777; }
.lf-hero-art { min-height:440px; perspective:900px; }
.lf-phone-card { position:absolute; display:flex; width:220px; height:350px; padding:32px 24px; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:8px solid #3d172a; border-radius:42px; color:#fff; background:linear-gradient(160deg,#f472b6,#be185d); box-shadow:0 35px 70px rgba(76,18,46,.27); }
.lf-phone-card::before { content:""; position:absolute; top:9px; width:68px; height:18px; border-radius:20px; background:#3d172a; }
.lf-phone-card span { display:grid; width:86px; height:86px; margin-bottom:22px; place-items:center; color:#be185d; background:#fff; border-radius:50%; font-size:2.5rem; box-shadow:0 15px 30px rgba(105,15,60,.19); }
.lf-phone-card strong { font-size:1.3rem; line-height:1.4; }
.lf-phone-card.one { top:68px; left:3%; transform:rotate(-9deg); background:linear-gradient(160deg,#f9a8d4,#db2777); }
.lf-phone-card.two { top:10px; right:2%; transform:rotate(9deg) translateZ(20px); }
.lf-floating-heart,.lf-floating-star { position:absolute; z-index:4; color:#db2777; filter:drop-shadow(0 8px 8px rgba(190,24,93,.18)); }
.lf-floating-heart { font-size:3.8rem; }.lf-floating-heart.heart-one { top:0; left:35%; transform:rotate(-15deg); }.lf-floating-heart.heart-two { right:0; bottom:25px; font-size:4.8rem; transform:rotate(12deg); }.lf-floating-star { left:40%; bottom:15px; font-size:2.6rem; }
.lf-directory { max-width:1280px; padding:clamp(68px,8vw,108px) 24px; margin:auto; }
.lf-directory-head { display:flex; align-items:end; justify-content:space-between; gap:30px; }
.lf-directory-head h2 { margin:12px 0 8px; font-size:clamp(2rem,4vw,3.15rem); line-height:1.15; letter-spacing:-.045em; }
.lf-directory-head p { max-width:720px; margin:0; color:#765c69; line-height:1.7; }
.lf-result-count { flex:none; padding:9px 13px; color:#9d174d; background:#fff1f7; border:1px solid #f3c6d9; border-radius:999px; font-size:.78rem; font-weight:800; }
.lf-filters { display:flex; gap:10px; padding:10px; margin:32px 0; background:#fff8fb; border:1px solid #f2cede; border-radius:18px; box-shadow:0 15px 34px rgba(131,24,67,.07); }
.lf-search-field { display:flex; min-width:240px; flex:1; align-items:center; gap:10px; padding:0 14px; background:#fff; border:1px solid #efd5e2; border-radius:12px; }
.lf-search-field svg { width:18px; color:#be185d; }.lf-search-field input { width:100%; min-height:46px; color:#321723; background:transparent; border:0; outline:0; font:inherit; }
.lf-select-field select { min-height:48px; max-width:205px; padding:0 40px 0 14px; color:#4e3040; background:#fff; border:1px solid #efd5e2; border-radius:12px; font:inherit; font-weight:700; }.lf-location-field select { max-width:190px; }
.lf-filters button,.lf-filters>a { min-height:48px; padding:0 19px; border-radius:12px; font:inherit; font-size:.82rem; font-weight:850; cursor:pointer; }
.lf-filters button { color:#fff; background:#be185d; border:0; }.lf-filters>a { display:flex; align-items:center; color:#9d174d; text-decoration:none; border:1px solid #efd5e2; background:#fff; }
.lf-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.lf-card { overflow:hidden; min-width:0; background:var(--lf-profile-bg,#fff); border:1px solid #efd5e2; border-radius:24px; box-shadow:0 13px 35px rgba(81,24,51,.08); opacity:0; transform:translateY(18px); transition:transform .35s ease var(--lf-delay,0ms),opacity .35s ease var(--lf-delay,0ms),box-shadow .25s ease,border-color .25s ease; }
.lf-card.is-visible { opacity:1; transform:none; }.lf-card:hover { transform:translateY(-5px); border-color:#ec9fc2; box-shadow:0 22px 48px rgba(113,24,66,.14); }
.lf-card.is-gold { border-color:#f1b8cf; box-shadow:0 16px 40px rgba(190,24,93,.13); }
.lf-cover { position:relative; height:112px; background:linear-gradient(135deg,#fde4ef,#f8bbd5 48%,#ec4899); background-size:cover; background-position:center var(--lf-cover-y,50%); }
.lf-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 35%,rgba(67,18,41,.2)); }.lf-card:not(.has-cover) .lf-cover::before { content:"♡  ·  ✦  ·  ♡"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(157,23,77,.25); font-size:1.5rem; letter-spacing:.2em; }
.lf-card-number { position:absolute; z-index:2; left:15px; top:14px; color:rgba(76,30,51,.58); font-size:.7rem; font-weight:900; letter-spacing:.1em; }
.lf-card-badges { position:absolute; z-index:2; top:12px; right:12px; display:flex; gap:6px; }
.lf-gold-badge,.lf-premium-badge { display:inline-flex; height:26px; padding:0 9px; align-items:center; gap:4px; color:#fff; background:rgba(90,28,56,.84); border:1px solid rgba(255,255,255,.52); border-radius:999px; font-size:.63rem; font-weight:900; letter-spacing:.06em; backdrop-filter:blur(8px); }
.lf-gold-badge { color:#6b3d00; background:#fff1b6; }.lf-gold-badge svg { width:13px; }
.lf-card-body { position:relative; padding:0 20px 21px; }.lf-avatar { position:relative; display:grid; width:72px; height:72px; margin-top:-38px; place-items:center; color:#fff; background:linear-gradient(145deg,#ec4899,#9d174d); background-position:center; background-size:cover; border:5px solid #fff; border-radius:22px; box-shadow:0 9px 22px rgba(131,24,67,.2); font-size:1.55rem; font-weight:900; }.lf-avatar.has-image { background-color:#fce7f3; }.lf-avatar i { position:absolute; right:-3px; bottom:-3px; width:16px; height:16px; background:#22c55e; border:3px solid #fff; border-radius:50%; }
.lf-identity { margin-top:12px; }.lf-identity h3 { overflow:hidden; margin:0; color:var(--lf-name,#321723); font-size:1.18rem; text-overflow:ellipsis; white-space:nowrap; }.lf-identity p { margin:4px 0 0; color:var(--lf-social,#be185d); font-size:.8rem; font-weight:750; }
.lf-bio { display:-webkit-box; min-height:46px; margin:14px 0; overflow:hidden; color:var(--lf-bio,#694858); font-size:.82rem; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.lf-meta { display:flex; min-height:62px; margin:14px 0; align-content:flex-start; flex-wrap:wrap; gap:7px; }.lf-meta span { display:inline-flex; padding:6px 8px; align-items:center; gap:5px; color:#765064; background:#fff3f8; border-radius:8px; font-size:.67rem; font-weight:750; }.lf-meta svg { width:12px; }
.lf-add-button { display:flex; min-height:44px; align-items:center; justify-content:center; gap:8px; color:#fff; background:linear-gradient(135deg,#db2777,#9d174d); border-radius:12px; text-decoration:none; font-size:.79rem; font-weight:850; }.lf-add-button svg { width:16px; transition:transform .2s; }.lf-add-button:hover svg { transform:translateX(3px); }.lf-add-button.is-disabled { color:#896c7a; background:#f5e9ef; cursor:not-allowed; }
.lf-empty { padding:70px 25px; text-align:center; color:#765c69; background:#fff8fb; border:1px dashed #eab8ce; border-radius:24px; }.lf-empty>span { color:#db2777; font-size:3.5rem; }.lf-empty h3 { margin:8px 0; color:#3d1b2a; font-size:1.4rem; }.lf-empty a { display:inline-flex; padding:11px 16px; margin-top:10px; color:#fff; background:#be185d; border-radius:10px; text-decoration:none; font-weight:800; }
.lf-join-banner { display:flex; max-width:1232px; padding:clamp(30px,5vw,52px); margin:0 auto 100px; align-items:center; justify-content:space-between; gap:30px; color:#fff; background:linear-gradient(125deg,#9d174d,#db2777 65%,#f472b6); border-radius:28px; box-shadow:0 25px 60px rgba(131,24,67,.22); }.lf-join-banner>div>span { font-size:2.5rem; }.lf-join-banner h2 { margin:5px 0 8px; font-size:clamp(1.6rem,3vw,2.5rem); }.lf-join-banner p { max-width:740px; margin:0; color:#ffeaf3; line-height:1.7; }.lf-join-banner>a { display:inline-flex; min-height:50px; padding:0 18px; flex:none; align-items:center; gap:8px; color:#831843; background:#fff; border-radius:13px; text-decoration:none; font-weight:900; }.lf-join-banner svg { width:18px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:1000px) { .lf-hero { grid-template-columns:1fr; padding-top:70px; text-align:center; }.lf-hero-copy>p { margin-inline:auto; }.lf-hero-actions,.lf-hero-notes { justify-content:center; }.lf-hero-art { width:min(100%,520px); margin:auto; }.lf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .lf-hero { min-height:auto; padding:58px 18px 45px; }.lf-hero h1 { font-size:clamp(2.5rem,13vw,4rem); }.lf-hero-art { min-height:320px; }.lf-phone-card { width:166px; height:265px; padding:20px 14px; border-width:6px; border-radius:32px; }.lf-phone-card span { width:62px; height:62px; font-size:1.8rem; }.lf-phone-card strong { font-size:1rem; }.lf-directory { padding:62px 15px; }.lf-directory-head { align-items:flex-start; flex-direction:column; gap:14px; }.lf-filters { align-items:stretch; flex-direction:column; }.lf-search-field { min-width:0; }.lf-select-field select,.lf-filters button,.lf-filters>a { width:100%; }.lf-filters>a { justify-content:center; }.lf-grid { grid-template-columns:1fr; }.lf-join-banner { margin:0 15px 70px; align-items:flex-start; flex-direction:column; border-radius:22px; }.lf-join-banner>a { width:100%; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .lf-card { opacity:1; transform:none; transition:none; } }

.lf-filters{flex-wrap:wrap}.lf-age-field{display:flex;min-height:48px;padding:0 10px;align-items:center;gap:6px;color:#765064;background:#fff;border:1px solid #efd5e2;border-radius:12px;font-size:.7rem;font-weight:800}.lf-age-field input{width:58px;min-height:38px;padding:0 3px;color:#4e3040;background:transparent;border:0;outline:0;font:inherit}.lf-age-field i{font-style:normal}.lf-interest-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.lf-interest-chips span{padding:5px 8px;color:#8f2455;background:#fff0f6;border:1px solid #f4cadc;border-radius:999px;font-size:.61rem;font-weight:750}.lf-social-stats{display:flex;margin:12px 0;align-items:center;gap:12px;color:var(--lf-social,#8a6878);font-size:.7rem}.lf-like-button{min-height:34px;padding:0 10px;color:#9d174d;background:#fff5f9;border:1px solid #efc6d8;border-radius:10px;font:inherit;font-weight:850;cursor:pointer}.lf-like-button.is-liked{color:#fff;background:#db2777;border-color:#db2777}.lf-like-button:disabled{opacity:.6;cursor:wait}.lf-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.lf-card-actions .lf-add-button{padding:0 10px}.lf-detail-button{min-height:44px;color:#9d174d;background:#fff;border:1px solid #eabbd0;border-radius:12px;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}
body.lf-modal-open{overflow:hidden}.lf-modal[hidden]{display:none}.lf-modal{position:fixed;z-index:10000;inset:0;display:grid;padding:20px;place-items:center}.lf-modal-backdrop{position:absolute;inset:0;background:rgba(47,13,30,.7);border:0;backdrop-filter:blur(6px)}.lf-modal-panel{position:relative;width:min(100%,720px);max-height:min(90vh,850px);overflow:auto;color:#321723;background:#fff;border-radius:26px;box-shadow:0 35px 90px rgba(42,9,25,.4)}.lf-modal-close{position:absolute;z-index:4;top:14px;right:14px;display:grid;width:38px;height:38px;place-items:center;color:#fff;background:rgba(55,17,36,.72);border:1px solid #fff5;border-radius:50%;font-size:1.5rem;cursor:pointer}.lf-modal-loading{padding:80px 25px;text-align:center;color:#765c69}.lf-modal-cover{position:relative;height:190px;background:linear-gradient(135deg,#fde4ef,#f8bbd5 48%,#ec4899);background-position:center;background-size:cover}.lf-modal-avatar{position:absolute;left:28px;bottom:-42px;display:grid;width:96px;height:96px;place-items:center;color:#fff;background:linear-gradient(145deg,#f472b6,#9d174d);background-position:center;background-size:cover;border:5px solid #fff;border-radius:28px;box-shadow:0 12px 30px rgba(131,24,67,.2);font-size:2rem;font-weight:900}.lf-modal-body{padding:56px 30px 30px}.lf-modal-body h2{margin:8px 0 2px;font-size:1.8rem}.lf-modal-username{margin:0;color:#be185d;font-weight:800}.lf-modal-bio{padding:15px;margin:18px 0;color:#694858;background:#fff7fa;border-radius:14px;line-height:1.7}.lf-modal-meta{display:flex;flex-wrap:wrap;gap:7px}.lf-modal-meta span{padding:7px 9px;color:#765064;background:#fff3f8;border-radius:9px;font-size:.68rem;font-weight:750}.lf-modal-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:20px 0}.lf-modal-actions .lf-like-button{min-width:75px}.lf-comments{padding-top:20px;border-top:1px solid #f0d5e1}.lf-comments h3{margin:0 0 14px}.lf-comment-list{display:grid;gap:9px;max-height:260px;overflow:auto}.lf-comment-list article{padding:12px 14px;background:#fff8fb;border:1px solid #f2d7e3;border-radius:12px}.lf-comment-list article>div{display:flex;justify-content:space-between;gap:12px}.lf-comment-list strong{font-size:.75rem}.lf-comment-list time{color:#947684;font-size:.6rem}.lf-comment-list p{margin:7px 0 0;color:#654452;font-size:.74rem;line-height:1.55}.lf-comment-empty,.lf-login-note{color:#806473;font-size:.74rem}.lf-comments form{display:grid;gap:8px;margin-top:14px}.lf-comments textarea{min-height:90px;padding:12px;resize:vertical;color:#321723;background:#fff;border:1px solid #e9c8d7;border-radius:11px;font:inherit;font-size:.76rem}.lf-comments form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lf-comments form small{color:#8d7180;font-size:.62rem}.lf-comments form button{min-height:38px;padding:0 14px;flex:none;color:#fff;background:#be185d;border:0;border-radius:10px;font-weight:850;cursor:pointer}
@media(max-width:720px){.lf-select-field select{max-width:none}.lf-age-field{width:100%}.lf-age-field input{flex:1;width:auto}.lf-card-actions{grid-template-columns:1fr}.lf-modal{padding:0}.lf-modal-panel{width:100%;height:100%;max-height:none;border-radius:0}.lf-modal-cover{height:155px}.lf-modal-body{padding:54px 18px 24px}.lf-comments form>div{align-items:stretch;flex-direction:column}.lf-comments form button{width:100%}}
.lf-modal-panel{background:var(--lf-modal-bg,#fff)}.lf-modal-body h2{color:var(--lf-modal-name,#321723)}.lf-modal-bio{color:var(--lf-modal-bio,#694858)}.lf-modal-actions,.lf-modal-username{color:var(--lf-modal-social,#be185d)}
.lf-card .lf-like-button:not(.is-liked){color:var(--lf-social,#9d174d)}.lf-modal-actions .lf-like-button:not(.is-liked){color:var(--lf-modal-social,#9d174d)}

/* Community refresh: scoped so account and public profile styling stays intact. */
[data-friend-community] { background:#fbf9fb; }
[data-friend-community] svg { stroke-width:1.75; }
[data-friend-community] .lf-hero { min-height:510px; padding-top:64px; padding-bottom:64px; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:40px; background:radial-gradient(ellipse at 85% 30%,#fce7f3,transparent 55%),#fff; border-bottom:1px solid #f1e6ed; }
[data-friend-community] .lf-hero h1 { font-size:clamp(2.4rem,4.4vw,4rem); line-height:1.14; letter-spacing:-.045em; }
[data-friend-community] .lf-hero-copy>p { max-width:600px; font-size:1rem; }
[data-friend-community] .lf-eyebrow { font-size:.65rem; letter-spacing:.1em; box-shadow:none; }
[data-friend-community] .lf-hero-art { min-height:350px; }
[data-friend-community] .lf-phone-card { width:175px; height:275px; padding:22px 16px; border-width:5px; border-color:#513345; border-radius:30px; box-shadow:0 20px 45px #70214926; }
[data-friend-community] .lf-phone-card::before { width:52px; height:12px; background:#513345; }
[data-friend-community] .lf-phone-card span { width:66px; height:66px; border-radius:20px; }
[data-friend-community] .lf-phone-card strong { font-size:1rem; }
[data-friend-community] .lf-phone-card.one { top:58px; left:0; }
[data-friend-community] .lf-phone-card.two { top:12px; right:0; }
[data-friend-community] .lf-floating-heart,[data-friend-community] .lf-floating-star { display:grid; place-items:center; width:44px; height:44px; background:#fff; border:1px solid #f1dce6; border-radius:14px; filter:none; box-shadow:0 8px 24px #70214912; }
[data-friend-community] .lf-floating-heart svg,[data-friend-community] .lf-floating-star svg { width:23px; height:23px; }
[data-friend-community] .lf-directory { padding-top:56px; padding-bottom:56px; scroll-margin-top:100px; }
[data-friend-community] .lf-directory-head h2 { font-size:clamp(1.6rem,3vw,2.25rem); letter-spacing:-.035em; }
[data-friend-community] .lf-directory-head p { font-size:.85rem; line-height:1.7; }
[data-friend-community] .lf-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:18px; margin:26px 0; background:#fff; border-color:#eee3ea; box-shadow:0 4px 20px #48203905; }
[data-friend-community] .lf-search-field { grid-column:span 2; min-width:0; }
[data-friend-community] .lf-filters label { min-width:0; }
[data-friend-community] .lf-select-field select { width:100%; max-width:none; min-width:0; font-size:.8rem; }
[data-friend-community] .lf-age-field { width:auto; min-width:0; justify-content:space-between; }
[data-friend-community] .lf-age-field input { width:45px; min-width:0; }
[data-friend-community] .lf-filters button,[data-friend-community] .lf-filters>a { display:flex; align-items:center; justify-content:center; }
[data-friend-community] .lf-card { display:flex; flex-direction:column; opacity:1; transform:none; border-color:#eee1e9; border-radius:20px; box-shadow:0 4px 18px #48203906; }
[data-friend-community] .lf-cover { height:120px; background:linear-gradient(120deg,#f8edf3,#eadfeb); }
[data-friend-community] .lf-card:not(.has-cover) .lf-cover::before { content:""; inset:15px -30px auto auto; width:150px; height:150px; border:24px solid #ffffff50; border-radius:50%; }
[data-friend-community] .lf-card-body { display:flex; flex:1; flex-direction:column; padding:0 20px 20px; }
[data-friend-community] .lf-avatar { width:76px; height:76px; border-radius:24px; box-shadow:0 4px 15px #48203912; }
[data-friend-community] .lf-avatar i { display:none; }
[data-friend-community] .lf-bio { line-height:1.7; }
[data-friend-community] .lf-social-stats { margin-top:auto; padding-top:16px; gap:16px; }
[data-friend-community] .lf-social-stats span,[data-friend-community] .lf-like-button { display:inline-flex; align-items:center; gap:6px; }
[data-friend-community] .lf-social-stats svg { width:17px; height:17px; }
[data-friend-community] .lf-like-button.is-liked svg { fill:currentColor; }
[data-friend-community] .lf-card-actions { grid-template-columns:1fr 1fr; }
[data-friend-community] .lf-card-actions a,[data-friend-community] .lf-card-actions button { min-height:44px; font-size:.75rem; }
[data-friend-community] .lf-join-banner { border-radius:24px; box-shadow:none; }
[data-friend-community] .lf-join-banner>div>span { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#ffffff20; }
[data-friend-community] .lf-join-banner>div>span svg { width:25px; height:25px; }
@media(max-width:1000px) {
    [data-friend-community] .lf-hero { grid-template-columns:1fr; min-height:0; padding:48px 24px; }
    [data-friend-community] .lf-hero-art { display:none; }
    [data-friend-community] .lf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
    [data-friend-community] .lf-hero { padding:36px 18px; }
    [data-friend-community] .lf-hero h1 { font-size:2.25rem; }
    [data-friend-community] .lf-hero-actions { flex-direction:column; }
    [data-friend-community] .lf-hero-actions a { width:100%; }
    [data-friend-community] .lf-hero-notes { gap:10px 14px; font-size:.7rem; }
    [data-friend-community] .lf-directory { padding:36px 16px; }
    [data-friend-community] .lf-directory-head { align-items:flex-start; flex-direction:column; gap:12px; }
    [data-friend-community] .lf-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:10px; }
    [data-friend-community] .lf-search-field,[data-friend-community] .lf-age-field { grid-column:1 / -1; }
    [data-friend-community] .lf-filters select { padding-left:10px; padding-right:24px; }
    [data-friend-community] .lf-grid { grid-template-columns:1fr; gap:18px; }
    [data-friend-community] .lf-join-banner { margin:0 16px 36px; padding:26px 20px; }
}
@media(prefers-reduced-motion:reduce) {
    [data-friend-community] *,[data-friend-community] *::before { animation:none!important; transition:none!important; }
}

/* Public bio profile — isolated from the community cards and account editor. */
.lf-modal-comment-head { display:grid!important; grid-template-columns:36px minmax(0,1fr) auto; align-items:center!important; }
.lf-modal-comment-avatar { display:grid; width:36px; height:36px; overflow:hidden; place-items:center; color:#fff; background:linear-gradient(145deg,#ec4899,#9d174d); border-radius:11px; text-decoration:none; font-size:.72rem; font-weight:900; }
.lf-modal-comment-avatar img { width:100%; height:100%; object-fit:cover; }
.lf-modal-comment-identity { display:grid!important; min-width:0; justify-content:initial!important; gap:1px!important; }
.lf-modal-comment-identity :is(a,strong) { overflow:hidden; color:#4b2738; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; font-weight:900; }
.lf-modal-comment-identity small { overflow:hidden; color:#be185d; text-overflow:ellipsis; white-space:nowrap; font-size:.55rem; }
.lf-modal .lf-comment-list article.is-reply { margin-left:34px; border-left:2px solid #efc6d8; }
.lf-login-note[hidden] { display:none; }
html.lf-editor-open { overflow:hidden; }
.lf-bio-page { background:#f7f5f6; }
[data-public-profile].lf-profile-page { min-height:100vh; padding:0; overflow:visible; color:#2d2027; background:#f7f5f6; }
[data-public-profile] button,[data-public-profile] input,[data-public-profile] textarea { font:inherit; }
[data-public-profile] button { cursor:pointer; }
[data-public-profile] button:disabled { cursor:not-allowed; opacity:.55; }
[data-public-profile] .lf-bio-shell { position:relative; isolation:isolate; min-height:100vh; overflow:hidden; background:var(--lf-profile-bg,#fff); transition:background .2s ease; }
[data-public-profile] .lf-bio-cover { position:relative; z-index:0; width:100%; height:var(--lf-cover-height,280px); overflow:visible; background:linear-gradient(135deg,#fff0f7 0%,#f9a8d4 50%,#db2777 100%); -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--lf-cover-blend-height,92px)),transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--lf-cover-blend-height,92px)),transparent 100%); transition:height .2s ease,background .2s ease; }
[data-public-profile] .lf-bio-cover>span { position:absolute; inset:0; display:block; overflow:hidden; background-image:var(--lf-desktop-cover-image,none); background-repeat:no-repeat; background-position:center var(--lf-cover-position,50%); transition:background .2s ease,opacity .2s ease; }
/* Fade the cover itself so the one real Bio background underneath is revealed without a seam. */
[data-public-profile] .lf-cover-blend-off .lf-bio-cover { -webkit-mask-image:none; mask-image:none; }
[data-public-profile] .lf-bio-cover-blur { inset:-22px!important; background-size:cover; filter:blur(16px) saturate(.92); opacity:var(--lf-cover-image-blur-opacity,.08); transform:scale(1.05); }
[data-public-profile] .lf-bio-cover-image { z-index:1; background-size:contain; filter:drop-shadow(0 4px 20px #32101f26); }
[data-public-profile] .lf-bio-cover.has-image::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(90deg,#4d18310a,transparent 18%,transparent 82%,#4d18310a); -webkit-mask-image:linear-gradient(to bottom,#000,transparent 94%); mask-image:linear-gradient(to bottom,#000,transparent 94%); }
[data-public-profile] .lf-bio-cover:not(.has-image)::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 18% 22%,#fff8 0 4%,transparent 4.4%),radial-gradient(circle at 82% 36%,#fff6 0 5%,transparent 5.4%),linear-gradient(125deg,transparent 0 42%,#fff2 43% 46%,transparent 47%); }
[data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover { position:absolute; z-index:-1; inset:0; width:100%; height:100%; opacity:.24; filter:saturate(.85); }
[data-public-profile] .lf-bio-shell.lf-cover-full:not(.lf-cover-blend-off) .lf-bio-cover { -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--lf-cover-full-blend-start,61%),transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 var(--lf-cover-full-blend-start,61%),transparent 100%); }
[data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover>span { -webkit-mask-image:none; mask-image:none; }
[data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover-blur { inset:-40px!important; opacity:1; filter:blur(26px) saturate(.82); }
[data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover-image { display:none; }
[data-public-profile] .lf-bio-toolbar { position:absolute; z-index:5; top:20px; left:clamp(16px,3vw,42px); right:clamp(16px,3vw,42px); display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
[data-public-profile] .lf-bio-toolbar>div { display:flex; align-items:center; gap:10px; }
[data-public-profile] .lf-bio-toolbar :is(a,button) { pointer-events:auto; }
[data-public-profile] .lf-bio-icon-button,[data-public-profile] .lf-bio-settings-button { display:inline-flex; height:46px; align-items:center; justify-content:center; gap:8px; color:#402534; background:#fffffff2; border:1px solid #ffffffbf; border-radius:14px; box-shadow:0 8px 26px #4d183126; backdrop-filter:blur(12px); text-decoration:none; font-size:.78rem; font-weight:850; transition:transform .2s ease,box-shadow .2s ease; }
[data-public-profile] .lf-bio-icon-button { width:46px; padding:0; }
[data-public-profile] .lf-bio-settings-button { padding:0 17px; }
[data-public-profile] .lf-bio-icon-button:hover,[data-public-profile] .lf-bio-settings-button:hover { transform:translateY(-2px); box-shadow:0 12px 32px #4d183135; }
[data-public-profile] .lf-bio-toolbar svg { width:19px; height:19px; }
[data-public-profile] .lf-live-preview-bar { position:fixed; z-index:20; left:50%; bottom:22px; display:flex; width:min(calc(100% - 28px),780px); min-height:72px; padding:11px 12px 11px 16px; align-items:center; justify-content:space-between; gap:16px; color:#fff; background:#321723ee; border:1px solid #ffffff26; border-radius:18px; box-shadow:0 20px 50px #3217234d; backdrop-filter:blur(16px); transform:translateX(-50%); }
[data-public-profile] .lf-live-preview-bar[hidden] { display:none; }
[data-public-profile] .lf-live-preview-bar>div { display:flex; align-items:center; gap:10px; }
[data-public-profile] .lf-live-preview-bar>div:first-child>svg { width:22px; height:22px; color:#f9a8d4; }
[data-public-profile] .lf-live-preview-bar span { display:grid; gap:2px; text-align:left; }
[data-public-profile] .lf-live-preview-bar strong { font-size:.75rem; }
[data-public-profile] .lf-live-preview-bar small { color:#dec8d2; font-size:.6rem; }
[data-public-profile] .lf-live-preview-bar button { display:inline-flex; min-height:42px; padding:0 13px; align-items:center; justify-content:center; gap:6px; color:#fff; background:#ffffff12; border:1px solid #ffffff24; border-radius:11px; font-size:.65rem; font-weight:850; }
[data-public-profile] .lf-live-preview-bar button:hover { background:#ffffff20; }
[data-public-profile] .lf-live-preview-bar button svg { width:16px; height:16px; }
[data-public-profile] .lf-live-preview-bar .lf-live-preview-save { color:#5c1837; background:#fff; border-color:#fff; }
[data-public-profile] .lf-bio-content { position:relative; z-index:4; width:min(100% - 32px,var(--lf-content-width,920px)); padding:max(calc(var(--lf-avatar-size,132px) / 2 + 18px),calc(var(--lf-profile-padding,160px) - 45px)) clamp(18px,4vw,44px) 74px; margin:0 auto; text-align:center; transition:width .2s ease,padding .2s ease; }
[data-public-profile] .lf-cover-full .lf-bio-content { padding-top:max(calc(var(--lf-avatar-size,132px) / 2 + 18px),calc(var(--lf-profile-padding,160px) - 45px)); }
[data-public-profile] .lf-gold-frame-on .lf-bio-content,[data-public-profile] .lf-gold-frame-on.lf-cover-full .lf-bio-content { padding-top:max(calc(var(--lf-avatar-size,132px) / 2 + 44px),calc(var(--lf-profile-padding,160px) - 45px)); }
[data-public-profile] .lf-public-avatar { position:absolute; top:calc(var(--lf-avatar-size,132px) / -2); left:50%; display:grid; width:var(--lf-avatar-size,132px); height:var(--lf-avatar-size,132px); margin:0; place-items:center; overflow:visible; color:#fff; background:linear-gradient(145deg,#f472b6,#9d174d); border:6px solid #fff; border-radius:50%; box-shadow:0 16px 40px #5b1c3826; font-size:2.65rem; font-weight:900; transform:translateX(-50%); transition:width .2s ease,height .2s ease,top .2s ease; }
[data-public-profile] .lf-cover-full .lf-public-avatar { position:relative; top:auto; left:auto; margin:0 auto 20px; transform:none; }
[data-public-profile] .lf-public-avatar>img:not(.lf-gold-avatar-frame) { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
[data-public-profile] .lf-public-avatar span { display:grid; width:100%; height:100%; place-items:center; }
[data-public-profile] .lf-public-avatar [hidden] { display:none; }
[data-public-profile] .lf-public-avatar .lf-gold-avatar-frame { position:absolute; z-index:3; display:none; width:138%; height:138%; max-width:none; inset:50% auto auto 50%; pointer-events:none; object-fit:contain; transform:translate(-50%,-50%); filter:drop-shadow(0 6px 10px #7b521f33); }
[data-public-profile] .lf-gold-frame-on .lf-public-avatar .lf-gold-avatar-frame { display:block; }
[data-public-profile] .lf-profile-premium { position:relative; top:-15px; display:inline-flex; padding:6px 10px; margin-bottom:3px; align-items:center; gap:6px; color:#8a5411; background:#fff0c2; border:1px solid #efd18a; border-radius:999px; font-size:.62rem; font-weight:900; letter-spacing:.09em; }
[data-public-profile] .lf-profile-premium svg { width:15px; height:15px; }
[data-public-profile] .lf-bio-content h1 { max-width:760px; margin:-18px auto 4px; color:var(--lf-profile-name,#351824); font-size:clamp(2rem,5vw,3.2rem); line-height:1.12; letter-spacing:-.045em; overflow-wrap:anywhere; }
[data-public-profile] .lf-align-left .lf-bio-content { text-align:left; }
[data-public-profile] .lf-align-left .lf-public-avatar { left:clamp(72px,10vw,130px); }
[data-public-profile] .lf-align-left :is(.lf-bio-content h1,.lf-public-bio,.lf-profile-details-panel,.lf-public-stats,.lf-comments) { margin-left:0; margin-right:0; }
[data-public-profile] .lf-align-left :is(.lf-bio-primary-actions,.lf-public-actions,.lf-public-meta) { justify-content:flex-start; }
[data-public-profile] .lf-public-username { margin:0; color:color-mix(in srgb,var(--lf-profile-name,#351824) 58%,#fff); font-size:.92rem; font-weight:750; overflow-wrap:anywhere; }
[data-public-profile] .lf-private-notice { display:inline-flex; padding:8px 12px; margin:14px 0 0; align-items:center; gap:7px; color:#80521c; background:#fff4d7; border-radius:10px; font-size:.72rem; font-weight:800; }
[data-public-profile] .lf-private-notice svg { width:16px; height:16px; }
[data-public-profile] .lf-public-bio { max-width:720px; min-height:1.7em; margin:22px auto; color:var(--lf-profile-bio,#694858); font-size:clamp(.92rem,2vw,1.06rem); line-height:1.8; overflow-wrap:anywhere; white-space:pre-line; }
[data-public-profile] .lf-public-meta { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:14px 0; }
[data-public-profile] .lf-profile-details-panel { position:relative; width:min(100%,800px); padding:22px; margin:28px auto 18px; overflow:hidden; background:linear-gradient(145deg,#ffffffd9,#ffffffa8); border:1px solid #ffffffeb; border-radius:24px; box-shadow:0 18px 50px #4d183112,inset 0 1px #fff; backdrop-filter:blur(16px); }
[data-public-profile] .lf-profile-details-panel::before { content:""; position:absolute; width:180px; height:180px; top:-115px; right:-65px; background:var(--lf-profile-social,#9d174d); border-radius:50%; filter:blur(45px); opacity:.12; pointer-events:none; }
[data-public-profile] .lf-profile-details-heading { position:relative; display:flex; margin:0 2px 16px; align-items:end; justify-content:space-between; gap:16px; text-align:left; }
[data-public-profile] .lf-profile-details-heading span { color:var(--lf-profile-social,#9d174d); font-size:.55rem; font-weight:950; letter-spacing:.16em; }
[data-public-profile] .lf-profile-details-heading h2 { margin:3px 0 0; color:var(--lf-profile-name,#351824); font-size:1.18rem; letter-spacing:-.025em; }
[data-public-profile] .lf-profile-details { position:relative; display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; }
[data-public-profile] .lf-profile-detail { position:relative; display:flex; min-width:0; min-height:76px; padding:13px 14px; align-items:center; gap:11px; overflow:hidden; text-align:left; background:linear-gradient(145deg,#fff,#fff9fc); border:1px solid color-mix(in srgb,var(--lf-profile-social,#9d174d) 13%,#fff); border-radius:16px; box-shadow:0 9px 24px #4d18310d; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
[data-public-profile] .lf-profile-detail::after { content:""; position:absolute; top:0; left:14px; right:14px; height:2px; background:linear-gradient(90deg,transparent,var(--lf-profile-social,#9d174d),transparent); opacity:.38; }
[data-public-profile] .lf-profile-detail:hover { border-color:color-mix(in srgb,var(--lf-profile-social,#9d174d) 25%,#fff); box-shadow:0 13px 30px #4d183117; transform:translateY(-2px); }
[data-public-profile] .lf-profile-detail>span { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; color:#fff; background:linear-gradient(145deg,color-mix(in srgb,var(--lf-profile-social,#9d174d) 72%,#fff),var(--lf-profile-social,#9d174d)); border-radius:13px; box-shadow:0 8px 18px color-mix(in srgb,var(--lf-profile-social,#9d174d) 20%,transparent); }
[data-public-profile] .lf-profile-detail svg { width:18px; height:18px; }
[data-public-profile] .lf-profile-detail p { min-width:0; margin:0; }
[data-public-profile] .lf-profile-detail small,[data-public-profile] .lf-profile-detail strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-public-profile] .lf-profile-detail small { margin-bottom:4px; color:color-mix(in srgb,var(--lf-profile-bio,#694858) 66%,#fff); font-size:.54rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
[data-public-profile] .lf-profile-detail strong { color:color-mix(in srgb,var(--lf-profile-bio,#694858) 88%,#000); font-size:.74rem; }
[data-public-profile] .lf-interest-chips span { padding:8px 11px; color:var(--lf-profile-social,#9d174d); background:#fff6fa; border:1px solid #f4d5e3; border-radius:999px; box-shadow:0 3px 10px #4d18310a; font-size:.69rem; font-weight:750; }
[data-public-profile] .lf-public-stats { display:flex; width:min(100%,560px); padding:22px 0; margin:26px auto; justify-content:center; color:var(--lf-profile-bio,#694858); border-top:1px solid #7b52621f; border-bottom:1px solid #7b52621f; }
[data-public-profile] .lf-public-stats span { min-width:0; flex:1; padding:0 16px; border-right:1px solid #7b52621f; font-size:.72rem; }
[data-public-profile] .lf-public-stats span:last-child { border:0; }
[data-public-profile] .lf-public-stats strong { display:block; margin-bottom:5px; color:var(--lf-profile-name,#351824); font-size:1.45rem; line-height:1; }
[data-public-profile] .lf-bio-primary-actions,[data-public-profile] .lf-public-actions { display:flex; width:min(100%,600px); margin:0 auto; justify-content:center; gap:11px; }
[data-public-profile] .lf-bio-primary-actions { margin-top:22px; }
[data-public-profile] .lf-public-actions { margin-top:11px; }
[data-public-profile] :is(.lf-bio-primary-actions,.lf-public-actions) :is(a,button) { display:inline-flex; min-height:48px; flex:1; padding:0 18px; align-items:center; justify-content:center; gap:8px; border-radius:14px; text-decoration:none; font-size:.76rem; font-weight:850; }
[data-public-profile] .lf-primary-button { color:#fff; background:var(--lf-profile-social,#9d174d); border:1px solid transparent; box-shadow:0 12px 25px color-mix(in srgb,var(--lf-profile-social,#9d174d) 24%,transparent); }
[data-public-profile] .lf-secondary-button { color:var(--lf-profile-social,#9d174d); background:#ffffffc7; border:1px solid color-mix(in srgb,var(--lf-profile-social,#9d174d) 22%,#fff); }
[data-public-profile] .lf-secondary-button[aria-pressed="true"] { color:#fff; background:var(--lf-profile-social,#9d174d); }
[data-public-profile] :is(.lf-primary-button,.lf-secondary-button) svg { width:18px; height:18px; }
[data-public-profile] .lf-profile-status { min-height:20px; margin:12px auto 0; color:var(--lf-profile-social,#9d174d); font-size:.72rem; font-weight:750; }
[data-public-profile] .lf-comments { position:relative; width:min(100%,800px); padding:clamp(22px,4vw,36px); margin:46px auto 0; overflow:hidden; text-align:left; background:color-mix(in srgb,var(--lf-comment-card,#fff) 91%,transparent); border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 12%,#fff); border-radius:28px; box-shadow:0 24px 75px #4d183116,0 1px 0 #fff inset; backdrop-filter:blur(16px); }
[data-public-profile] .lf-comments::before { content:""; position:absolute; top:-90px; right:-65px; width:230px; height:230px; pointer-events:none; background:radial-gradient(circle,color-mix(in srgb,var(--lf-comment-accent,#9d174d) 13%,transparent),transparent 68%); }
[data-public-profile] .lf-comments-heading { position:relative; display:flex; padding-bottom:22px; margin-bottom:22px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 11%,transparent); }
[data-public-profile] .lf-comments-heading-main { display:flex; min-width:0; align-items:center; gap:13px; }
[data-public-profile] .lf-comments-heading-main>b { display:grid; width:46px; height:46px; flex:0 0 46px; place-items:center; color:#fff; background:linear-gradient(145deg,color-mix(in srgb,var(--lf-comment-accent,#9d174d) 72%,#fff),var(--lf-comment-accent,#9d174d)); border-radius:15px; box-shadow:0 10px 24px color-mix(in srgb,var(--lf-comment-accent,#9d174d) 22%,transparent); }
[data-public-profile] .lf-comments-heading-main>b svg { width:21px; height:21px; }
[data-public-profile] .lf-comments-heading span { color:var(--lf-comment-accent,#9d174d); font-size:.56rem; font-weight:900; letter-spacing:.14em; }
[data-public-profile] .lf-comments-heading h2 { margin:3px 0 0; color:var(--lf-profile-name,#351824); font-size:1.55rem; letter-spacing:-.025em; }
[data-public-profile] .lf-comments-heading p { margin:5px 0 0; color:var(--lf-profile-bio,#694858); font-size:.65rem; }
[data-public-profile] .lf-comments-count { display:grid; min-width:70px; padding:9px 12px; flex:0 0 auto; justify-items:center; color:var(--lf-comment-accent,#9d174d); background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 8%,#fff); border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 12%,transparent); border-radius:14px; }
[data-public-profile] .lf-comments-count strong { font-size:.9rem; line-height:1; }
[data-public-profile] .lf-comments-count small { margin-top:4px; color:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 65%,#76616b); font-size:.5rem; font-weight:800; }
[data-public-profile] .lf-comment-list { position:relative; display:grid; max-height:none; gap:16px; overflow:visible; }
[data-public-profile] .lf-comment-thread { display:grid; gap:11px; }
[data-public-profile] .lf-comment-card { position:relative; padding:17px 19px; background:var(--lf-comment-card,#fff); border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 12%,#e9e1e5); border-radius:19px; box-shadow:0 9px 28px color-mix(in srgb,var(--lf-comment-accent,#9d174d) 7%,transparent); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
[data-public-profile] .lf-comment-card:hover { border-color:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 23%,#e9e1e5); box-shadow:0 13px 34px color-mix(in srgb,var(--lf-comment-accent,#9d174d) 11%,transparent); transform:translateY(-1px); }
[data-public-profile] .lf-comment-author-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; }
[data-public-profile] .lf-comment-avatar { display:grid; width:42px; height:42px; overflow:hidden; place-items:center; color:#fff; background:linear-gradient(145deg,var(--lf-comment-accent,#d9468f),color-mix(in srgb,var(--lf-comment-accent,#9d174d) 72%,#32101f)); border:2px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 18%,#fff); border-radius:13px; text-decoration:none; font-size:.84rem; font-weight:900; }
[data-public-profile] .lf-comment-avatar img { width:100%; height:100%; object-fit:cover; }
[data-public-profile] .lf-comment-identity { display:grid; min-width:0; gap:2px; }
[data-public-profile] .lf-comment-identity :is(a,strong) { overflow:hidden; color:#4b2738; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; font-weight:900; }
[data-public-profile] .lf-comment-identity a:hover { color:var(--lf-comment-accent,#9d174d); text-decoration:underline; }
[data-public-profile] .lf-comment-identity small { overflow:hidden; color:var(--lf-comment-accent,#9d174d); text-overflow:ellipsis; white-space:nowrap; font-size:.57rem; font-weight:750; }
[data-public-profile] .lf-comment-card time { padding:5px 8px; color:#927685; background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 5%,#faf8f9); border-radius:8px; font-size:.56rem; font-weight:800; white-space:nowrap; }
[data-public-profile] .lf-comment-card>p { margin:13px 0 0; color:#654b59; font-size:.76rem; line-height:1.75; overflow-wrap:anywhere; }
[data-public-profile] .lf-comment-reply-button { display:inline-flex; min-height:30px; padding:0 9px; margin:10px 0 -3px -3px; align-items:center; gap:5px; color:var(--lf-comment-accent,#9d174d); background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 6%,transparent); border:0; border-radius:9px; font-size:.61rem; font-weight:850; }
[data-public-profile] .lf-comment-reply-button:hover { background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 11%,transparent); }
[data-public-profile] .lf-comment-reply-button svg { width:14px; height:14px; }
[data-public-profile] .lf-comment-replies { position:relative; display:grid; gap:9px; padding-left:46px; }
[data-public-profile] .lf-comment-replies::before { content:""; position:absolute; top:-5px; bottom:12px; left:21px; width:2px; background:linear-gradient(to bottom,color-mix(in srgb,var(--lf-comment-accent,#9d174d) 26%,transparent),color-mix(in srgb,var(--lf-comment-accent,#9d174d) 7%,transparent)); border-radius:99px; }
[data-public-profile] .lf-comment-card.is-reply { position:relative; padding:14px 16px; background:color-mix(in srgb,var(--lf-comment-card,#fff) 93%,var(--lf-comment-accent,#9d174d)); }
[data-public-profile] .lf-comment-card.is-reply::before { content:""; position:absolute; top:25px; left:-25px; width:25px; height:14px; border-bottom:2px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 19%,transparent); border-left:2px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 19%,transparent); border-radius:0 0 0 9px; }
[data-public-profile] .lf-comment-card.is-reply .lf-comment-avatar { width:36px; height:36px; border-radius:11px; }
[data-public-profile] .lf-comment-card.is-reply .lf-comment-author-row { grid-template-columns:36px minmax(0,1fr) auto; }
[data-public-profile] .lf-comment-style-outline .lf-comments { background:transparent; border-color:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 22%,transparent); box-shadow:none; backdrop-filter:none; }
[data-public-profile] .lf-comment-style-outline .lf-comment-card { background:transparent; border-color:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 24%,transparent); border-radius:10px; box-shadow:none; }
[data-public-profile] .lf-comment-style-glass .lf-comments,[data-public-profile] .lf-comment-style-glass .lf-comment-card { background:color-mix(in srgb,var(--lf-comment-card,#fff) 62%,transparent); border-color:#ffffff8c; box-shadow:0 18px 50px #32101f14; backdrop-filter:blur(18px) saturate(1.15); }
[data-public-profile] .lf-comment-empty { padding:28px 20px; margin:0; color:#876c79; background:color-mix(in srgb,var(--lf-comment-card,#fff) 88%,transparent); border:1px dashed color-mix(in srgb,var(--lf-comment-accent,#9d174d) 20%,transparent); border-radius:16px; text-align:center; font-size:.76rem; }
[data-public-profile] .lf-comments form { position:relative; padding:19px; margin-top:24px; background:color-mix(in srgb,var(--lf-comment-card,#fff) 88%,transparent); border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 14%,#eee); border-radius:19px; box-shadow:0 8px 26px color-mix(in srgb,var(--lf-comment-accent,#9d174d) 5%,transparent); }
[data-public-profile] .lf-comment-compose-heading { display:flex; margin:0 0 10px!important; align-items:center; justify-content:space-between; gap:12px; }
[data-public-profile] .lf-comment-compose-heading>div { display:grid!important; margin:0!important; gap:2px; }
[data-public-profile] .lf-comment-compose-heading strong { color:#4f2a3b; font-size:.75rem; }
[data-public-profile] .lf-comment-compose-heading small { color:#9a7c8b; font-size:.58rem; }
[data-public-profile] .lf-comment-compose-heading button { min-height:32px!important; padding:0 10px!important; color:var(--lf-comment-accent,#9d174d); background:transparent; border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 20%,#fff); border-radius:9px!important; }
[data-public-profile] .lf-comments textarea { display:block; width:100%; min-height:100px; padding:13px 14px; resize:vertical; color:#402534; background:#fff; border:1px solid #e9ceda; border-radius:13px; outline:0; }
[data-public-profile] .lf-comments textarea:focus { border-color:var(--lf-profile-social,#9d174d); box-shadow:0 0 0 3px color-mix(in srgb,var(--lf-profile-social,#9d174d) 12%,transparent); }
[data-public-profile] .lf-comments form>div { display:flex; margin-top:10px; align-items:center; justify-content:space-between; gap:15px; }
[data-public-profile] .lf-comments form small { color:#9a7c8b; font-size:.62rem; }
[data-public-profile] .lf-comments form button { min-height:42px; padding:0 16px; flex:none; border-radius:11px; font-size:.7rem; }
[data-public-profile] .lf-comment-login { display:inline-flex; min-height:44px; padding:0 16px; margin-top:18px; align-items:center; justify-content:center; border-radius:12px; text-decoration:none; font-size:.72rem; font-weight:850; }
[data-public-profile] .lf-comment-profile-required { padding:18px; margin-top:20px; color:#735868; background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 6%,#fff); border:1px dashed color-mix(in srgb,var(--lf-comment-accent,#9d174d) 24%,#fff); border-radius:16px; text-align:center; }
[data-public-profile] .lf-comment-profile-required strong { color:#4f2a3b; font-size:.78rem; }
[data-public-profile] .lf-comment-profile-required p { margin:6px 0 13px; font-size:.66rem; line-height:1.6; }
[data-public-profile] .lf-comment-profile-required a { display:inline-flex; min-height:40px; padding:0 14px; align-items:center; justify-content:center; border-radius:11px; text-decoration:none; font-size:.66rem; font-weight:850; }
[data-public-profile] .lf-profile-missing { width:min(100% - 32px,650px); padding:50px 30px; margin:45px auto; text-align:center; background:#fff; border:1px solid #f0dbe5; border-radius:26px; box-shadow:0 20px 60px #4d18310f; }
[data-public-profile] .lf-profile-missing>span { display:grid; width:68px; height:68px; margin:0 auto 18px; place-items:center; color:#be185d; background:#fff0f7; border-radius:20px; }
[data-public-profile] .lf-profile-missing>span svg { width:30px; height:30px; }
[data-public-profile] .lf-profile-missing h1 { margin:0 0 9px; }
[data-public-profile] .lf-profile-missing p { color:#806473; }
[data-public-profile] .lf-profile-missing a { display:inline-flex; min-height:46px; padding:0 17px; margin-top:13px; align-items:center; gap:7px; border-radius:12px; text-decoration:none; }

/* Owner bio settings drawer. */
.lf-bio-editor[hidden] { display:none; }
.lf-bio-editor { position:fixed; z-index:12000; inset:0; }
.lf-bio-editor-backdrop { position:absolute; inset:0; width:100%; background:#24131c99; border:0; opacity:0; backdrop-filter:blur(3px); transition:opacity .22s ease; }
.lf-bio-editor-panel { position:absolute; inset:0 auto 0 0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(620px,100%); color:#34242c; background:#f8f7f7; box-shadow:25px 0 80px #1e0b1547; transform:translateX(-102%); transition:transform .24s ease; }
.lf-bio-editor.is-open .lf-bio-editor-backdrop { opacity:1; }
.lf-bio-editor.is-open .lf-bio-editor-panel { transform:none; }
.lf-bio-editor-panel>header { display:flex; padding:22px 25px; align-items:flex-start; justify-content:space-between; gap:20px; background:#fff; border-bottom:1px solid #e9e2e5; }
.lf-bio-editor-panel>header span { color:#be185d; font-size:.58rem; font-weight:900; letter-spacing:.13em; }
.lf-bio-editor-panel>header h2 { margin:3px 0 4px; font-size:1.55rem; letter-spacing:-.035em; }
.lf-bio-editor-panel>header p { max-width:460px; margin:0; color:#88737d; font-size:.67rem; line-height:1.55; }
.lf-bio-editor-panel>header>button { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; color:#432c37; background:#f7f3f5; border:1px solid #e8dfe3; border-radius:12px; }
.lf-bio-editor-panel>header>button svg { width:20px; height:20px; }
.lf-bio-editor-body { padding:20px; overflow-y:auto; overscroll-behavior:contain; }
.lf-bio-editor-section { padding:22px; margin-bottom:16px; background:#fff; border:1px solid #e9e1e5; border-radius:18px; box-shadow:0 8px 26px #3e192a0a; }
.lf-bio-editor-heading { display:flex; margin-bottom:20px; align-items:flex-start; gap:11px; }
.lf-bio-editor-heading>b { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; color:#fff; background:linear-gradient(145deg,#ec4899,#9d174d); border-radius:10px; font-size:.7rem; }
.lf-bio-editor-heading h3 { margin:1px 0 3px; font-size:.92rem; text-transform:uppercase; }
.lf-bio-editor-heading p { margin:0; color:#927d87; font-size:.64rem; line-height:1.5; }
.lf-bio-avatar-editor { display:flex; align-items:center; gap:20px; }
.lf-bio-avatar-preview { display:grid; width:105px; height:105px; flex:0 0 105px; place-items:center; color:#fff; overflow:hidden; background:linear-gradient(145deg,#f472b6,#9d174d); background-position:center; background-size:cover; border:4px solid #fff; border-radius:50%; box-shadow:0 9px 25px #5b1c3824; font-size:2rem; font-weight:900; }
.lf-bio-avatar-preview span[hidden] { display:none; }
.lf-bio-avatar-editor>div:last-child { display:grid; justify-items:start; gap:9px; }
.lf-editor-line-button { display:inline-flex; min-height:40px; padding:0 13px; align-items:center; gap:7px; color:#552d40; background:#fff; border:1px solid #ddcbd3; border-radius:10px; font-size:.68rem; font-weight:850; }
.lf-editor-line-button svg { width:17px; height:17px; color:#be185d; }
.lf-editor-remove { display:flex; align-items:center; gap:6px; color:#9a657b; font-size:.62rem; font-weight:750; cursor:pointer; }
.lf-editor-remove input { accent-color:#be185d; }
.lf-editor-field { display:grid; gap:7px; margin-bottom:17px; color:#553746; font-size:.7rem; font-weight:850; }
.lf-editor-field>input,.lf-editor-field>textarea { width:100%; min-width:0; padding:12px 13px; color:#34242c; background:#fbfafb; border:1px solid #ded2d8; border-radius:11px; outline:0; font-weight:650; }
.lf-editor-field>input { min-height:45px; }
.lf-editor-field>textarea { resize:vertical; line-height:1.6; }
.lf-editor-field>input:focus,.lf-editor-field>textarea:focus { background:#fff; border-color:#cf5c8e; box-shadow:0 0 0 3px #db277714; }
.lf-editor-field small { color:#9b8790; font-size:.58rem; font-weight:600; line-height:1.5; }
.lf-editor-field small b { color:#be185d; }
.lf-editor-url { padding:12px 13px; color:#917581; background:#f3f0f1; border:1px solid #e3dadd; border-radius:11px; overflow-wrap:anywhere; font-size:.68rem; font-weight:650; }
.lf-editor-url strong { color:#543040; }
.lf-editor-fieldset { padding:15px; margin:5px 0 0; background:#fcfafb; border:1px solid #e6dce1; border-radius:13px; }
.lf-editor-fieldset legend { padding:0 7px; color:#513542; font-size:.7rem; font-weight:900; }
.lf-editor-fieldset>a { display:inline-block; margin-top:10px; color:#a51855; font-size:.62rem; font-weight:850; }
.lf-editor-color-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.lf-editor-color-grid label { display:grid; padding:10px 6px; place-items:center; gap:6px; color:#79616c; background:#fff; border:1px solid #eadfe4; border-radius:10px; text-align:center; font-size:.57rem; font-weight:750; }
.lf-editor-color-grid input[type="color"] { width:45px; height:35px; padding:2px; background:#fff; border:1px solid #d9c6cf; border-radius:8px; cursor:pointer; }
.lf-editor-cover-row { display:grid; grid-template-columns:105px minmax(0,1fr); gap:13px; padding:13px; margin-bottom:11px; background:#fbfafb; border:1px solid #e7dde2; border-radius:13px; }
.lf-editor-cover-preview { display:grid; width:105px; height:78px; grid-row:span 2; place-items:center; color:#b34474; background:linear-gradient(135deg,#fff0f7,#f7c7dc); background-position:center; background-size:cover; border:1px solid #e4c4d2; border-radius:10px; overflow:hidden; }
.lf-editor-cover-preview svg { width:25px; height:25px; }
.lf-editor-cover-row>div:nth-child(2)>strong,.lf-editor-cover-row>div:nth-child(2)>small { display:block; }
.lf-editor-cover-row>div:nth-child(2)>strong { font-size:.7rem; }
.lf-editor-cover-row>div:nth-child(2)>small { margin:3px 0 8px; color:#9a858f; font-size:.56rem; }
.lf-editor-cover-row>div:nth-child(2)>div { display:flex; align-items:center; gap:9px; }
.lf-editor-cover-row button { min-height:31px; padding:0 10px; color:#fff; background:#a91e5a; border:0; border-radius:8px; font-size:.59rem; font-weight:850; }
.lf-editor-cover-row>div label { display:flex; align-items:center; gap:4px; color:#98637a; font-size:.57rem; font-weight:750; }
.lf-editor-cover-row input { accent-color:#be185d; }
.lf-editor-cover-position { display:grid; grid-column:2; gap:4px; }
.lf-editor-cover-position>span { display:flex; justify-content:space-between; color:#856d78; font-size:.56rem; font-weight:750; }
.lf-editor-cover-position input { width:100%; accent-color:#be185d; }
.lf-editor-toggle-row { display:flex; padding:13px; margin:15px 0; align-items:center; gap:11px; background:#fbfafb; border:1px solid #e7dde2; border-radius:12px; }
.lf-editor-toggle-row strong,.lf-editor-toggle-row small { display:block; }
.lf-editor-toggle-row strong { font-size:.68rem; }
.lf-editor-toggle-row small { margin-top:3px; color:#9b858f; font-size:.56rem; }
.lf-editor-gold-frame { width:44px; height:44px; flex:0 0 44px; object-fit:contain; filter:drop-shadow(0 4px 6px #8a5d1d2b); }
.lf-editor-switch { position:relative; width:43px; height:24px; flex:0 0 43px; }
.lf-editor-switch input[type="checkbox"] { position:absolute; opacity:0; }
.lf-editor-switch span { position:absolute; inset:0; background:#cfc4c9; border-radius:999px; transition:.2s; }
.lf-editor-switch span::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; background:#fff; border-radius:50%; box-shadow:0 2px 6px #0002; transition:.2s; }
.lf-editor-switch input:focus-visible+span { outline:3px solid #db2777; outline-offset:3px; }
.lf-editor-switch input:checked+span { background:#be185d; }
.lf-editor-switch input:checked+span::after { transform:translateX(19px); }
.lf-editor-range-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:15px; }
.lf-editor-range-grid label { display:grid; padding:11px; gap:8px; background:#fbfafb; border:1px solid #e7dde2; border-radius:11px; }
.lf-editor-range-grid span { display:flex; justify-content:space-between; color:#674c59; font-size:.57rem; font-weight:800; }
.lf-editor-range-grid output { color:#be185d; }
.lf-editor-range-grid input { width:100%; accent-color:#be185d; }
.lf-editor-tabs { display:flex; gap:8px; margin-bottom:12px; }
.lf-editor-tabs label { cursor:pointer; }
.lf-editor-tabs input { position:absolute; opacity:0; }
.lf-editor-tabs span { display:block; padding:7px 11px; color:#826975; background:#f2edef; border:1px solid #e3d8dd; border-radius:8px; font-size:.59rem; font-weight:800; }
.lf-editor-tabs input:focus-visible+span { outline:3px solid #db2777; outline-offset:3px; }
.lf-editor-tabs input:checked+span { color:#fff; background:#a91e5a; border-color:#a91e5a; }
.lf-bio-editor .is-locked { position:relative; opacity:.72; }
.lf-bio-editor .is-locked input,.lf-bio-editor .is-locked button { cursor:not-allowed; }
.lf-gold-studio { border-color:#ead39b; background:linear-gradient(155deg,#fff 0%,#fffcf3 100%); box-shadow:0 14px 38px #8b641314; }
.lf-gold-studio>.lf-bio-editor-heading>b { color:#4b3510; background:linear-gradient(145deg,#ffe69b,#c78a16); box-shadow:0 7px 16px #a56e1930; }
.lf-gold-status { display:flex; padding:14px; margin:-3px 0 17px; align-items:center; gap:11px; color:#5e4520; background:linear-gradient(135deg,#fff8dd,#fffdf7); border:1px solid #ead39b; border-radius:14px; box-shadow:inset 0 1px #fff; }
.lf-gold-status>span { display:grid; width:39px; height:39px; flex:0 0 39px; place-items:center; color:#704a0c; background:linear-gradient(145deg,#ffe798,#e5ad35); border-radius:12px; box-shadow:0 8px 17px #b57a2029; }
.lf-gold-status>span svg { width:19px; height:19px; }
.lf-gold-status>div { min-width:0; flex:1; }
.lf-gold-status strong,.lf-gold-status small { display:block; }
.lf-gold-status strong { font-size:.7rem; }
.lf-gold-status small { margin-top:3px; color:#8c7552; font-size:.55rem; line-height:1.45; }
.lf-gold-status em,.lf-gold-status>a { flex:none; padding:6px 8px; color:#62420d; background:#ffe9a7; border:1px solid #e5c362; border-radius:999px; font-size:.53rem; font-style:normal; font-weight:950; letter-spacing:.08em; text-decoration:none; }
.lf-gold-status:not(.is-active)>span { color:#8b6e3f; background:#f4ead0; box-shadow:none; }
.lf-gold-presets { margin-bottom:18px; background:#fffdf8; border-color:#ead9ac; }
.lf-gold-presets>p { margin:0 0 11px; color:#8c795d; font-size:.56rem; line-height:1.5; }
.lf-gold-presets>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.lf-gold-presets button { display:grid; min-width:0; padding:7px; place-items:center; gap:6px; color:#624c2c; background:#fff; border:1px solid #eadfc4; border-radius:10px; font-size:.53rem; font-weight:850; }
.lf-gold-presets button:hover:not(:disabled) { border-color:#d6ad4b; box-shadow:0 7px 16px #85611b14; transform:translateY(-1px); }
.lf-gold-presets button[aria-pressed="true"] { border-color:#c48a19; box-shadow:0 0 0 2px #e9b9492b; }
.lf-gold-presets i { width:100%; height:25px; background:linear-gradient(135deg,var(--preset-a),var(--preset-b)); border:1px solid #0000000b; border-radius:7px; box-shadow:inset 0 1px #fff9; }
.lf-gold-presets span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lf-editor-subheading { display:flex; margin:18px 2px 10px; align-items:center; gap:9px; }
.lf-editor-subheading>span { display:grid; width:31px; height:31px; flex:0 0 31px; place-items:center; color:#8c6317; background:#fff4cf; border-radius:9px; }
.lf-editor-subheading svg { width:16px; height:16px; }
.lf-editor-subheading strong,.lf-editor-subheading small { display:block; }
.lf-editor-subheading strong { color:#4f3b20; font-size:.66rem; }
.lf-editor-subheading small { margin-top:2px; color:#917e63; font-size:.53rem; line-height:1.4; }
.lf-gold-layouts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:11px; }
.lf-gold-layouts button { min-width:0; padding:10px 8px; color:#654d29; background:#fffdf8; border:1px solid #ead9ac; border-radius:11px; text-align:left; }
.lf-gold-layouts button:hover:not(:disabled) { border-color:#d6ad4b; box-shadow:0 7px 16px #85611b14; transform:translateY(-1px); }
.lf-gold-layouts button[aria-pressed="true"] { color:#513607; background:#fff4cf; border-color:#c48a19; box-shadow:0 0 0 2px #e9b94924; }
.lf-gold-layouts strong,.lf-gold-layouts small { display:block; }
.lf-gold-layouts strong { font-size:.61rem; }
.lf-gold-layouts small { margin-top:3px; color:#927d5d; font-size:.49rem; line-height:1.35; }
.lf-layout-alignment { padding-bottom:4px; margin:12px 0; border-color:#ead9ac; background:#fffdf8; }
.lf-cover-blend-control { margin:18px 0; overflow:hidden; border-color:#e5c979; background:linear-gradient(145deg,#fffdf7,#fff8df); box-shadow:0 10px 26px #8c64120f; }
.lf-cover-blend-control>p { margin:0 0 12px; color:#806d50; font-size:.58rem; line-height:1.55; }
.lf-cover-blend-preview { position:relative; height:104px; margin-bottom:12px; overflow:hidden; background:var(--lf-editor-profile-bg,#fff); border:1px solid #e5d4a5; border-radius:12px; box-shadow:inset 0 1px #fff; }
.lf-cover-blend-preview>span { position:absolute; inset:0; background-color:#f7d4e4; background-image:linear-gradient(135deg,#fff0f7,#f9a8d4 52%,#be185d); background-position:center; background-size:cover; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--lf-editor-blend-height,70px)),transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--lf-editor-blend-height,70px)),transparent 100%); }
.lf-cover-blend-preview.is-blend-off>span { -webkit-mask-image:none; mask-image:none; }
.lf-cover-blend-control>label { display:grid; padding:11px 12px; gap:9px; background:#fff; border:1px solid #eadfbd; border-radius:11px; }
.lf-cover-blend-control>label>span,.lf-cover-blend-control>label>small { display:flex; align-items:center; justify-content:space-between; }
.lf-cover-blend-control>label>span { color:#5f4827; font-size:.62rem; }
.lf-cover-blend-control output { min-width:44px; padding:4px 7px; color:#704a0c; background:#ffedb5; border-radius:999px; text-align:center; font-size:.58rem; font-weight:950; }
.lf-cover-blend-control input[type="range"] { width:100%; accent-color:#c88b16; cursor:pointer; }
.lf-cover-blend-control>label>small { color:#9a8665; font-size:.5rem; font-weight:750; }
.lf-cover-blend-control>label>small b { font-weight:750; }
.lf-cover-blend-control.is-locked input[type="range"] { cursor:not-allowed; }
.lf-comment-designer { margin:14px 0; border-color:#ead9ac; background:#fffdf8; }
.lf-comment-designer>p { margin:0 0 11px; color:#8f7b5c; font-size:.56rem; line-height:1.55; }
.lf-comment-designer .lf-editor-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:10px; }
.lf-comment-designer .lf-editor-color-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lf-gold-colors { border-color:#ead9ac; background:#fffdf8; }
.lf-bio-editor-panel>footer { display:grid; grid-template-columns:.8fr 1.1fr 1.35fr; gap:8px; padding:14px 20px; background:#fff; border-top:1px solid #e8e0e4; box-shadow:0 -8px 24px #3d172a0a; }
.lf-bio-editor-panel>footer button { display:flex; min-height:48px; align-items:center; justify-content:center; gap:7px; border-radius:12px; font-size:.72rem; font-weight:900; }
.lf-editor-cancel { color:#745a67; background:#f7f3f5; border:1px solid #e4d9de; }
.lf-editor-preview { color:#8f1a50; background:#fff2f8; border:1px solid #f0c9db; }
.lf-editor-preview svg { width:17px; height:17px; }
.lf-editor-save { color:#fff; background:linear-gradient(135deg,#dc2777,#9d174d); border:0; box-shadow:0 10px 22px #9d174d2b; }
.lf-editor-save svg { width:17px; height:17px; }

/* Single illustration replaces the old CSS phone cards. */
[data-friend-community] .lf-hero-art { display:flex; align-items:center; justify-content:center; }
[data-friend-community] .lf-hero-art img { display:block; width:min(100%,520px); height:auto; filter:drop-shadow(0 28px 35px #86164d20); }
@media(max-width:1000px) {
    [data-friend-community] .lf-hero-art { display:flex; min-height:0; }
    [data-friend-community] .lf-hero-art img { width:min(100%,480px); }
}
@media(max-width:720px) {
    [data-public-profile].lf-profile-page { padding:0; }
    [data-public-profile] .lf-bio-shell { min-height:100vh; }
    [data-public-profile] .lf-bio-cover,[data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover { position:relative; z-index:0; inset:auto; width:100%; height:min(var(--lf-cover-height,280px),260px); opacity:1; filter:none; background:linear-gradient(135deg,#fff0f7 0%,#f9a8d4 50%,#db2777 100%); }
    [data-public-profile] .lf-bio-cover>span { background-image:var(--lf-mobile-cover-image,var(--lf-desktop-cover-image,none)); background-position:center var(--lf-mobile-position,50%); -webkit-mask-image:none; mask-image:none; }
    [data-public-profile] .lf-bio-cover-blur { display:none!important; }
    [data-public-profile] .lf-bio-shell.lf-cover-full .lf-bio-cover-image { display:block; }
    [data-public-profile] .lf-bio-cover.has-image::after { background:linear-gradient(0deg,#38122212,transparent 30%); }
    [data-public-profile] .lf-bio-toolbar { top:13px; left:12px; right:12px; }
    [data-public-profile] .lf-bio-settings-button { height:42px; padding:0 12px; font-size:.68rem; }
    [data-public-profile] .lf-bio-icon-button { width:42px; height:42px; }
    [data-public-profile] .lf-bio-content,[data-public-profile] .lf-cover-full .lf-bio-content { width:min(100% - 20px,var(--lf-content-width,920px)); padding:0 10px 48px; }
    [data-public-profile] .lf-public-avatar,[data-public-profile] .lf-align-left .lf-public-avatar { position:relative; top:auto; left:auto; width:min(var(--lf-avatar-size,112px),136px); height:min(var(--lf-avatar-size,112px),136px); margin:calc(min(var(--lf-avatar-size,112px),136px) / -2) auto 10px; border-width:5px; transform:none; }
    [data-public-profile] .lf-cover-full .lf-public-avatar { margin:calc(min(var(--lf-avatar-size,112px),136px) / -2) auto 10px; }
    [data-public-profile] .lf-gold-frame-on .lf-public-avatar,[data-public-profile] .lf-gold-frame-on.lf-cover-full .lf-public-avatar { margin-bottom:24px; }
    [data-public-profile] .lf-profile-premium { top:0; }
    [data-public-profile] .lf-bio-content h1 { margin-top:0; font-size:2rem; }
    [data-public-profile] .lf-align-left .lf-bio-content { text-align:center; }
    [data-public-profile] .lf-align-left :is(.lf-bio-content h1,.lf-public-bio,.lf-profile-details-panel,.lf-public-stats,.lf-comments) { margin-left:auto; margin-right:auto; }
    [data-public-profile] .lf-align-left :is(.lf-bio-primary-actions,.lf-public-actions,.lf-public-meta) { justify-content:center; }
    [data-public-profile] .lf-public-bio { margin:17px auto; font-size:.88rem; }
    [data-public-profile] .lf-profile-details-panel { padding:15px; margin:21px auto 15px; border-radius:19px; }
    [data-public-profile] .lf-profile-details-heading { margin-bottom:12px; }
    [data-public-profile] .lf-profile-details-heading h2 { font-size:1rem; }
    [data-public-profile] .lf-profile-details { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
    [data-public-profile] .lf-profile-detail { min-height:64px; padding:10px; gap:9px; border-radius:14px; }
    [data-public-profile] .lf-profile-detail.is-wide { grid-column:span 2; }
    [data-public-profile] .lf-profile-detail>span { width:34px; height:34px; flex-basis:34px; border-radius:10px; }
    [data-public-profile] .lf-public-stats { margin:21px auto; }
    [data-public-profile] .lf-public-stats span { padding:0 8px; font-size:.62rem; }
    [data-public-profile] .lf-public-stats strong { font-size:1.2rem; }
    [data-public-profile] .lf-bio-primary-actions,[data-public-profile] .lf-public-actions { flex-direction:column; }
    [data-public-profile] .lf-comments { padding:20px 15px; margin-top:30px; border-radius:21px; }
    [data-public-profile] .lf-comments-heading { align-items:flex-start; gap:10px; }
    [data-public-profile] .lf-comments-heading-main { align-items:flex-start; gap:10px; }
    [data-public-profile] .lf-comments-heading-main>b { width:40px; height:40px; flex-basis:40px; border-radius:12px; }
    [data-public-profile] .lf-comments-heading h2 { font-size:1.28rem; }
    [data-public-profile] .lf-comments-heading p { line-height:1.5; }
    [data-public-profile] .lf-comments-count { min-width:58px; padding:8px; }
    [data-public-profile] .lf-comment-card { padding:15px; }
    [data-public-profile] .lf-comments form>div { align-items:stretch; flex-direction:column; }
    [data-public-profile] .lf-comments form button { width:100%; }
    [data-public-profile] .lf-comment-author-row,[data-public-profile] .lf-comment-card.is-reply .lf-comment-author-row { grid-template-columns:38px minmax(0,1fr); gap:9px; }
    [data-public-profile] .lf-comment-card time { grid-column:2; white-space:normal; }
    [data-public-profile] .lf-comment-avatar,[data-public-profile] .lf-comment-card.is-reply .lf-comment-avatar { width:38px; height:38px; border-radius:11px; }
    [data-public-profile] .lf-comment-replies { padding-left:25px; }
    [data-public-profile] .lf-comment-replies::before { left:10px; }
    [data-public-profile] .lf-comment-card.is-reply::before { left:-15px; width:15px; }
    .lf-bio-editor-panel { width:100%; }
    .lf-bio-editor-panel>header { padding:17px 16px; }
    .lf-bio-editor-panel>header h2 { font-size:1.3rem; }
    .lf-bio-editor-body { padding:12px; }
    .lf-bio-editor-section { padding:17px 14px; border-radius:15px; }
    .lf-editor-color-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lf-editor-range-grid { grid-template-columns:1fr; }
    .lf-gold-presets>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lf-gold-layouts { grid-template-columns:1fr; }
    .lf-bio-editor-panel>footer { padding:11px 12px; }
    [data-friend-community] .lf-hero-art img { width:min(100%,390px); }
}
@media(max-width:430px) {
    [data-public-profile] .lf-bio-settings-button { font-size:0; width:42px; padding:0; }
    [data-public-profile] .lf-bio-settings-button svg { margin:0; }
    [data-public-profile] .lf-live-preview-bar { bottom:10px; padding:10px; align-items:stretch; flex-direction:column; gap:8px; border-radius:15px; }
    [data-public-profile] .lf-live-preview-bar>div:last-child { display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; }
    [data-public-profile] .lf-live-preview-bar button { min-height:40px; padding:0 7px; font-size:.55rem; }
    [data-public-profile] .lf-profile-detail small { font-size:.49rem; }
    [data-public-profile] .lf-profile-detail strong { font-size:.64rem; }
    .lf-bio-avatar-editor { align-items:flex-start; flex-direction:column; }
    .lf-editor-cover-row { grid-template-columns:90px minmax(0,1fr); }
    .lf-editor-cover-preview { width:90px; height:72px; }
    .lf-editor-color-grid { gap:6px; }
    .lf-editor-color-grid label { padding:8px 3px; font-size:.52rem; }
    .lf-bio-editor-panel>footer { grid-template-columns:.7fr 1fr 1.15fr; gap:6px; }
    .lf-bio-editor-panel>footer button { padding:0 7px; font-size:.61rem; }
}
@media(prefers-reduced-motion:reduce) {
    [data-public-profile] *,[data-public-profile] *::before,.lf-bio-editor *,.lf-bio-editor *::before { scroll-behavior:auto!important; transition:none!important; }
}

/* 2026 Bio Community & Gold Studio refinement. */
[data-friend-community] { background:#fbfafb; }
[data-friend-community] .lf-hero { min-height:680px; overflow:hidden; background:radial-gradient(circle at 82% 18%,#f9a8d45c,transparent 27rem),radial-gradient(circle at 4% 88%,#f5d0fe4d,transparent 23rem),linear-gradient(145deg,#fff 0%,#fff9fc 52%,#fdf2f8 100%); border-bottom:1px solid #f1e5eb; }
[data-friend-community] .lf-hero::after { content:""; position:absolute; top:10%; right:7%; width:320px; height:320px; border:1px solid #eaa9c733; border-radius:50%; box-shadow:0 0 0 70px #fce7f326,0 0 0 140px #fdf2f81f; pointer-events:none; }
[data-friend-community] .lf-hero-copy { max-width:760px; }
[data-friend-community] .lf-hero h1 { max-width:800px; font-size:clamp(3.2rem,6.3vw,5.8rem); }
[data-friend-community] .lf-hero h1 span { color:transparent; background:linear-gradient(100deg,#be185d,#ec4899 55%,#9333ea); -webkit-background-clip:text; background-clip:text; }
[data-friend-community] .lf-hero-metrics { display:flex; width:min(100%,650px); padding:18px 0 0; margin-top:28px; border-top:1px solid #eadde4; }
[data-friend-community] .lf-hero-metrics span { display:grid; min-width:0; padding:0 clamp(14px,3vw,30px); flex:1; gap:4px; border-right:1px solid #eadde4; }
[data-friend-community] .lf-hero-metrics span:first-child { padding-left:0; }
[data-friend-community] .lf-hero-metrics span:last-child { border:0; }
[data-friend-community] .lf-hero-metrics strong { color:#351824; font-size:1.35rem; letter-spacing:-.04em; }
[data-friend-community] .lf-hero-metrics small { color:#917383; font-size:.63rem; font-weight:750; }
[data-friend-community] .lf-hero-art { position:relative; z-index:2; min-height:530px; }
[data-friend-community] .lf-hero-showcase { position:relative; display:grid; width:min(100%,510px); aspect-ratio:1/1.02; place-items:center; background:linear-gradient(145deg,#ffffffd9,#fff5fac7); border:1px solid #ffffffeb; border-radius:42px; box-shadow:0 35px 90px #641c3e20,inset 0 1px #fff; backdrop-filter:blur(16px); transform:rotate(1.5deg); }
[data-friend-community] .lf-hero-showcase::before { content:""; position:absolute; inset:20px; border:1px solid #eccfdd; border-radius:29px; }
[data-friend-community] .lf-hero-showcase>img { position:relative; z-index:1; width:min(92%,470px); max-height:470px; object-fit:contain; filter:drop-shadow(0 24px 30px #86164d24); transform:rotate(-1.5deg); }
[data-friend-community] .lf-showcase-label { position:absolute; z-index:3; top:25px; left:28px; display:flex; padding:9px 12px; align-items:center; gap:7px; color:#6b4054; background:#ffffffed; border:1px solid #ecdbe3; border-radius:999px; box-shadow:0 8px 25px #5b1c380d; font-size:.62rem; font-weight:850; }
[data-friend-community] .lf-showcase-label i { width:7px; height:7px; background:#22c55e; border-radius:50%; box-shadow:0 0 0 4px #22c55e1f; }
[data-friend-community] .lf-showcase-card { position:absolute; z-index:4; display:flex; min-width:175px; padding:12px 14px; align-items:center; gap:10px; color:#4b2738; background:#fffffff2; border:1px solid #eddce4; border-radius:16px; box-shadow:0 16px 35px #5b1c3817; backdrop-filter:blur(12px); transform:rotate(-1.5deg); }
[data-friend-community] .lf-showcase-card.one { left:-30px; bottom:90px; }
[data-friend-community] .lf-showcase-card.two { right:-25px; top:105px; }
[data-friend-community] .lf-showcase-card>svg { width:22px; height:22px; padding:5px; box-sizing:content-box; color:#be185d; background:#fff0f7; border-radius:10px; }
[data-friend-community] .lf-showcase-card strong,[data-friend-community] .lf-showcase-card small { display:block; }
[data-friend-community] .lf-showcase-card strong { font-size:.68rem; }
[data-friend-community] .lf-showcase-card small { margin-top:2px; color:#9a7b8b; font-size:.53rem; }
[data-friend-community] .lf-directory { max-width:1320px; }
[data-friend-community] .lf-filters { position:relative; padding:20px; border-radius:22px; box-shadow:0 18px 55px #4d18310b; }
[data-friend-community] .lf-filters::before { content:"BỘ LỌC KHÁM PHÁ"; position:absolute; top:-9px; left:20px; padding:2px 8px; color:#9d174d; background:#fbfafb; font-size:.5rem; font-weight:950; letter-spacing:.12em; }
[data-friend-community] .lf-filter-heading { display:none; }
[data-friend-community] .lf-filter-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-friend-community] .lf-age-field>.lf-filter-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; }
[data-friend-community] .lf-age-inputs { display:flex; min-width:0; align-items:center; gap:6px; }
[data-friend-community] .lf-filter-actions { display:contents; }
[data-friend-community] .lf-filter-actions button svg { display:none; }
[data-friend-community] .lf-action-label-mobile { display:none; }
[data-friend-community] .lf-grid { gap:24px; }
[data-friend-community] .lf-card { position:relative; border-color:#e9dfe5; border-radius:25px; box-shadow:0 13px 38px #4d18310b; }
[data-friend-community] .lf-card::after { content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none; box-shadow:inset 0 1px #fff; }
[data-friend-community] .lf-card:hover { transform:translateY(-7px); box-shadow:0 26px 60px #6d1d421a; }
[data-friend-community] .lf-card.is-gold { border-color:#e4c269; box-shadow:0 15px 44px #9a6b1817; }
[data-friend-community] .lf-card.is-gold::before { content:"GOLD BIO"; position:absolute; z-index:3; top:14px; left:15px; padding:5px 8px; color:#5a3b08; background:linear-gradient(135deg,#fff1b4,#e9b949); border:1px solid #fff3c4; border-radius:999px; box-shadow:0 6px 16px #76500d20; font-size:.48rem; font-weight:950; letter-spacing:.1em; }
[data-friend-community] .lf-cover { height:142px; }
[data-friend-community] .lf-card-body { position:relative; z-index:1; padding:0 22px 22px; }
[data-friend-community] .lf-avatar { width:82px; height:82px; margin-top:-41px; border:5px solid #fff; border-radius:26px; box-shadow:0 12px 28px #4d18311c; }
[data-friend-community] .lf-identity h3 { font-size:1.08rem; }
[data-friend-community] .lf-detail-button { color:#69213f; background:#fff; border-color:#dfbecd; }
[data-friend-community] .lf-add-button { box-shadow:0 9px 20px #9d174d20; }
[data-friend-community] .lf-community-values { display:grid; width:min(calc(100% - 48px),1272px); grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 auto 38px; }
[data-friend-community] .lf-community-values article { display:flex; padding:24px; align-items:flex-start; gap:14px; background:#fff; border:1px solid #eee2e8; border-radius:20px; box-shadow:0 12px 35px #4d183108; }
[data-friend-community] .lf-community-values article>span { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; color:#be185d; background:#fff0f7; border-radius:13px; }
[data-friend-community] .lf-community-values svg { width:20px; height:20px; }
[data-friend-community] .lf-community-values strong { color:#422331; font-size:.82rem; }
[data-friend-community] .lf-community-values p { margin:6px 0 0; color:#896d7a; font-size:.66rem; line-height:1.65; }
[data-friend-community] .lf-join-banner { position:relative; overflow:hidden; background:radial-gradient(circle at 84% 20%,#ffffff24,transparent 18rem),linear-gradient(120deg,#351824,#831843 58%,#be185d); box-shadow:0 25px 65px #4d183124; }

.lf-bio-editor-backdrop { background:#120a0fa8; backdrop-filter:blur(8px); }
.lf-bio-editor-panel { width:min(660px,100%); background:#f6f3f4; box-shadow:30px 0 100px #13070d66; }
.lf-bio-editor-panel>header { color:#fff; background:radial-gradient(circle at 85% 0,#be185d4a,transparent 14rem),linear-gradient(135deg,#24121b,#3e1729); border-bottom-color:#ffffff12; }
.lf-bio-editor-panel>header span { color:#f5cf74; }
.lf-bio-editor-panel>header p { color:#d4bdc8; }
.lf-bio-editor-panel>header>button { color:#fff; background:#ffffff12; border-color:#ffffff1c; }
.lf-gold-studio { border-color:#dbc175; background:linear-gradient(155deg,#fff 0%,#fffaf0 100%); box-shadow:0 18px 48px #6f4c1017; }
.lf-studio-toolbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.lf-studio-toolbar button { display:flex; min-width:0; min-height:68px; padding:10px; align-items:center; gap:8px; color:#5c4930; background:#fff; border:1px solid #e5d7b1; border-radius:12px; text-align:left; transition:.2s ease; }
.lf-studio-toolbar button:hover:not(:disabled) { border-color:#c9992c; box-shadow:0 9px 22px #79561317; transform:translateY(-2px); }
.lf-studio-toolbar button.is-primary { color:#fff; background:linear-gradient(140deg,#3b2a11,#9b6814); border-color:#8d631b; box-shadow:0 10px 24px #68470e28; }
.lf-studio-toolbar>button>svg { width:19px; height:19px; flex:0 0 19px; }
.lf-studio-toolbar strong,.lf-studio-toolbar small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lf-studio-toolbar strong { font-size:.6rem; }
.lf-studio-toolbar small { margin-top:3px; color:#9a8768; font-size:.46rem; }
.lf-studio-toolbar .is-primary small { color:#eadbb9; }
.lf-studio-draft { display:flex; min-height:30px; padding:6px 10px; margin:0 0 15px; align-items:center; gap:8px; color:#637060; background:#f5faf4; border:1px solid #dce9da; border-radius:9px; font-size:.53rem; font-weight:800; }
.lf-studio-draft i { width:7px; height:7px; flex:0 0 7px; background:#22a35a; border-radius:50%; box-shadow:0 0 0 4px #22a35a17; }
.lf-studio-draft.has-changes { color:#7a5413; background:#fff9e9; border-color:#ead8a7; }
.lf-studio-draft.has-changes i { background:#e59b18; box-shadow:0 0 0 4px #e59b181a; }

@media(max-width:1000px) {
    [data-friend-community] .lf-hero-metrics { width:100%; }
    [data-friend-community] .lf-community-values { grid-template-columns:1fr; }
}
@media(max-width:720px) {
    [data-friend-community] .lf-hero { padding-top:45px; padding-bottom:45px; }
    [data-friend-community] .lf-hero-metrics strong { font-size:1.05rem; }
    [data-friend-community] .lf-hero-metrics small { font-size:.54rem; }
    [data-friend-community] .lf-community-values { width:calc(100% - 32px); }
    [data-friend-community] .lf-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; margin:26px 0 30px; padding:18px 14px 14px; background:linear-gradient(155deg,#fff 0%,#fff8fb 100%); border:1px solid #efd9e4; border-radius:24px; box-shadow:0 18px 45px #5e183715; }
    [data-friend-community] .lf-filters::before { display:none; }
    [data-friend-community] .lf-filter-heading { display:flex; grid-column:1 / -1; padding:0 2px 5px; align-items:center; gap:11px; }
    [data-friend-community] .lf-filter-heading>span { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; color:#fff; background:linear-gradient(145deg,#db2777,#9d174d); border-radius:13px; box-shadow:0 8px 18px #be185d35; }
    [data-friend-community] .lf-filter-heading svg { width:18px; height:18px; }
    [data-friend-community] .lf-filter-heading div { display:grid; min-width:0; gap:3px; }
    [data-friend-community] .lf-filter-heading strong { color:#432231; font-size:.86rem; letter-spacing:-.015em; }
    [data-friend-community] .lf-filter-heading small { color:#967385; font-size:.6rem; line-height:1.4; }
    [data-friend-community] .lf-filters label { position:relative; display:flex; min-width:0; padding:20px 11px 6px; flex-direction:column; align-items:stretch; gap:0; background:#fff; border:1px solid #ead7e1; border-radius:14px; box-shadow:0 3px 12px #57203a08; transition:border-color .2s ease,box-shadow .2s ease; }
    [data-friend-community] .lf-filters label:focus-within { border-color:#d85891; box-shadow:0 0 0 3px #db277714; }
    [data-friend-community] .lf-filter-label { position:absolute; z-index:1; top:7px; left:11px; width:auto; height:auto; padding:0; margin:0; overflow:visible; clip:auto; color:#9b7185; white-space:nowrap; font-size:.48rem; font-weight:850; letter-spacing:.035em; line-height:1; }
    [data-friend-community] .lf-age-field>.lf-filter-label { position:absolute; top:7px; left:11px; }
    [data-friend-community] .lf-search-field { grid-column:1 / -1; min-width:0; min-height:58px; padding:20px 12px 5px 40px!important; flex-direction:row!important; align-items:center!important; }
    [data-friend-community] .lf-search-field>.lf-filter-label { left:40px; }
    [data-friend-community] .lf-search-field>svg { position:absolute; left:13px; bottom:11px; width:18px; height:18px; color:#be185d; }
    [data-friend-community] .lf-search-field input { min-width:0; min-height:32px; padding:0; font-size:.76rem; }
    [data-friend-community] .lf-search-field input::placeholder { color:#b096a3; opacity:1; }
    [data-friend-community] .lf-select-field select { width:100%; min-width:0; min-height:32px; max-width:none; padding:0 22px 0 0; color:#4e3040; background-color:transparent; border:0; border-radius:0; outline:0; font-size:.67rem; font-weight:800; text-overflow:ellipsis; }
    [data-friend-community] .lf-location-field,[data-friend-community] .lf-interest-field { grid-column:1 / -1; }
    [data-friend-community] .lf-location-field select,[data-friend-community] .lf-interest-field select { font-size:.72rem; }
    [data-friend-community] .lf-age-field { grid-column:1 / -1; width:auto; min-height:60px; padding-top:22px; }
    [data-friend-community] .lf-age-inputs { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:center; }
    [data-friend-community] .lf-age-field input { width:100%; min-width:0; min-height:30px; padding:0 7px; color:#4e3040; background:#fff8fb; border:1px solid #f0dce6; border-radius:8px; outline:0; text-align:center; font-size:.68rem; font-weight:800; }
    [data-friend-community] .lf-age-field i { color:#c19aaa; font-style:normal; }
    [data-friend-community] .lf-filter-actions { display:grid; grid-column:1 / -1; grid-template-columns:1fr auto; gap:8px; padding-top:2px; }
    [data-friend-community] .lf-filter-actions button,[data-friend-community] .lf-filter-actions>a { min-height:48px; padding:0 16px; border-radius:14px; font-size:.68rem; font-weight:900; }
    [data-friend-community] .lf-filter-actions button { display:flex; gap:8px; color:#fff; background:linear-gradient(135deg,#d92573,#a51250); box-shadow:0 10px 22px #be185d30; }
    [data-friend-community] .lf-filter-actions button svg { display:block; width:16px; height:16px; }
    [data-friend-community] .lf-filter-actions>a { color:#8f365d; background:#fff; border-color:#ead3de; }
    [data-friend-community] .lf-action-label-desktop { display:none; }
    [data-friend-community] .lf-action-label-mobile { display:inline; }
    .lf-studio-toolbar { grid-template-columns:1fr; }
    .lf-studio-toolbar button { min-height:58px; }
}
@media(max-width:430px) {
    [data-friend-community] .lf-hero-metrics span { padding:0 8px; }
    [data-friend-community] .lf-hero-metrics small { line-height:1.35; }
}

/* Conversation composer: scoped to public Bio, preserving Gold accent colors. */
[data-public-profile] .lf-comments{padding:28px;border-radius:24px;box-shadow:0 16px 48px #32101f0a}
[data-public-profile] .lf-comment-card{padding:20px;border-radius:18px;transition:box-shadow .2s}
[data-public-profile] .lf-comment-card:hover{box-shadow:0 8px 24px #32101f0a}
[data-public-profile] .lf-comment-card p{line-height:1.8;overflow-wrap:anywhere}
[data-public-profile] .lf-comment-visibility{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:18px 0;border:0;min-width:0}
[data-public-profile] .lf-comment-visibility legend{margin-bottom:10px;font-size:.75rem;font-weight:700;color:#694858}
[data-public-profile] .lf-comment-visibility label{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #e9dce3;border-radius:14px;cursor:pointer;background:#fff;min-width:0}
[data-public-profile] .lf-comment-visibility label:has(input:checked){border-color:var(--lf-comment-accent,#9d174d);background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 6%,white)}
[data-public-profile] .lf-comment-visibility label:has(input:disabled){opacity:.5;cursor:not-allowed}
[data-public-profile] .lf-comment-visibility input{accent-color:var(--lf-comment-accent,#9d174d);flex-shrink:0}
[data-public-profile] .lf-comment-visibility strong,[data-public-profile] .lf-comment-visibility small{display:block;line-height:1.5}
[data-public-profile] .lf-comment-visibility strong{font-size:.78rem;color:#442d39}
[data-public-profile] .lf-comment-visibility small{font-size:.68rem;color:#806774;margin-top:3px}
[data-public-profile] .lf-comment-input-label{font-size:.78rem;font-weight:700;color:#694858}
[data-public-profile] .lf-comments textarea{resize:vertical;line-height:1.7;min-height:130px}
[data-public-profile] .lf-comments textarea:focus-visible{outline:2px solid var(--lf-comment-accent,#9d174d);outline-offset:3px}
[data-public-profile] .lf-comment-security{font-size:.68rem;line-height:1.65;color:#806774;margin:14px 0 0;padding-top:12px;border-top:1px solid #eadfe5}
[data-public-profile] .lf-comment-feedback{font-size:.78rem;line-height:1.7;color:var(--lf-comment-accent,#9d174d);overflow-wrap:anywhere}
[data-public-profile] .lf-comment-feedback:empty{display:none}
@media(max-width:600px){[data-public-profile] .lf-comments{padding:18px;border-radius:20px}[data-public-profile] .lf-comment-visibility{grid-template-columns:1fr}[data-public-profile] .lf-comment-card{padding:15px}[data-public-profile] .lf-comments form{padding:14px}}

/* Bio conversation: spacious composer and explicit identity choices. */
[data-public-profile] .lf-comments[hidden] { display:none!important; }
[data-public-profile] .lf-comments { background:#fff; border:1px solid #eadfe5; box-shadow:0 12px 40px #32101f08; }
[data-public-profile] .lf-comments-heading { padding-bottom:20px; border-bottom:1px solid #f0e8ed; }
[data-public-profile] .lf-comment-list { gap:16px; padding:20px 0; }
[data-public-profile] .lf-comment-card { background:#fff; border:1px solid #eee5ea; box-shadow:0 3px 12px #32101f04; }
[data-public-profile] .lf-comment-card p { font-size:.88rem; }
[data-public-profile] .lf-comment-empty { display:grid; justify-items:center; gap:10px; padding:28px 16px; margin:0; text-align:center; background:#faf8fa; border:1px dashed #e6dbe2; border-radius:18px; }
[data-public-profile] .lf-comment-empty>svg { width:32px; height:32px; color:var(--lf-comment-accent,#9d174d); }
[data-public-profile] .lf-comment-empty strong { color:#493440; font-size:.9rem; }
[data-public-profile] .lf-comment-empty p { margin:0; color:#806774; font-size:.8rem; line-height:1.7; }
[data-public-profile] .lf-comments form { gap:12px; padding:24px; margin-top:4px; background:#faf8fa; border:1px solid #eee5ea; border-radius:20px; box-shadow:none; }
[data-public-profile] .lf-comment-compose-heading { align-items:center; }
[data-public-profile] .lf-comment-compose-heading strong { color:#352531; font-size:1rem; }
[data-public-profile] .lf-comment-compose-heading small { display:block; margin-top:5px; font-size:.78rem; line-height:1.6; }
[data-public-profile] .lf-comment-visibility { margin:8px 0; gap:12px; }
[data-public-profile] .lf-comment-visibility legend { font-size:.8rem; margin-bottom:12px; }
[data-public-profile] .lf-comment-visibility label { position:relative; padding:16px 36px 16px 14px; gap:12px; transition:border-color .2s,background .2s; }
[data-public-profile] .lf-comment-visibility input { position:absolute; right:12px; width:16px; height:16px; margin:0; }
[data-public-profile] .lf-comment-mode-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; color:#806774; background:#f3edf1; }
[data-public-profile] .lf-comment-visibility label:has(input:checked) .lf-comment-mode-icon { color:var(--lf-comment-accent,#9d174d); background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 12%,white); }
[data-public-profile] .lf-comment-visibility strong { font-size:.85rem; }
[data-public-profile] .lf-comment-visibility small { font-size:.72rem; font-weight:400; }
[data-public-profile] .lf-comments textarea { min-height:145px; margin:0; padding:16px; border:1px solid #e4d8e0; border-radius:14px; font-size:.88rem; background:#fff; }
[data-public-profile] .lf-comments form .lf-comment-privacy { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:8px; padding:12px; background:#f0ebef; border-radius:12px; }
[data-public-profile] .lf-comment-privacy svg { width:16px; height:16px; margin-top:2px; color:#806774; }
[data-public-profile] .lf-comment-privacy small { font-size:.73rem; line-height:1.7; color:#695560; }
[data-public-profile] .is-anonymous .lf-comment-privacy { background:#edf2fa; }
[data-public-profile] .is-anonymous .lf-comment-privacy :is(svg,small) { color:#435d80; }
[data-public-profile] .lf-comments form .lf-comment-compose-footer { display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-top:4px; }
[data-public-profile] .lf-comment-compose-footer small { font-size:.75rem; font-variant-numeric:tabular-nums; }
[data-public-profile] .lf-comment-compose-footer button { width:auto; min-height:46px; padding:0 20px; border-radius:12px; }
[data-public-profile] .lf-comments form button:disabled { opacity:.6; cursor:wait; }
[data-public-profile] .lf-comment-security { margin:0; font-size:.72rem; }
@media(max-width:600px) {
    [data-public-profile] .lf-comments { padding:16px; }
    [data-public-profile] .lf-comments form { padding:16px; }
    [data-public-profile] .lf-comment-compose-heading { flex-direction:row; }
    [data-public-profile] .lf-comment-visibility { grid-template-columns:1fr; gap:8px; }
    [data-public-profile] .lf-comment-visibility label { min-height:76px; }
    [data-public-profile] .lf-comment-compose-footer button { padding:0 14px; font-size:.8rem; }
}

/* Gold themes share the owner's palette, including dark custom backgrounds. */
[data-public-profile] .lf-comments { background:var(--lf-comment-card,#fff); color:var(--lf-comment-text,#493440); }
[data-public-profile] .lf-comments :is(h2,p,strong,small,time,.lf-comment-input-label,legend,.lf-comment-identity a) { color:var(--lf-comment-text,#493440); }
[data-public-profile] .lf-comments :is(.lf-comment-card,form,.lf-comment-empty,.lf-comment-visibility label) { background:color-mix(in srgb,var(--lf-comment-card,#fff) 94%,var(--lf-comment-accent,#9d174d)); border-color:color-mix(in srgb,var(--lf-comment-text,#493440) 16%,transparent); }
[data-public-profile] .lf-comments textarea { background:var(--lf-comment-card,#fff); color:var(--lf-comment-text,#493440); border-color:color-mix(in srgb,var(--lf-comment-text,#493440) 24%,transparent); }
[data-public-profile] .lf-comments textarea::placeholder { color:color-mix(in srgb,var(--lf-comment-text,#493440) 65%,transparent); }
[data-public-profile] .lf-comments .lf-comment-privacy { background:color-mix(in srgb,var(--lf-comment-card,#fff) 90%,var(--lf-comment-accent,#9d174d)); }
[data-public-profile] .lf-comment-style-outline .lf-comment-card { background:var(--lf-comment-card,#fff); border-radius:8px; box-shadow:none; border-color:var(--lf-comment-accent,#9d174d); }
[data-public-profile] .lf-comment-style-glass :is(.lf-comments,.lf-comment-card,form) { background:color-mix(in srgb,var(--lf-comment-card,#fff) 72%,transparent); backdrop-filter:blur(18px); border-color:color-mix(in srgb,var(--lf-comment-text,#493440) 16%,transparent); }
[data-public-profile] .lf-comment-style-bubble .lf-comment-card { border-radius:24px 24px 24px 5px; border:0; background:color-mix(in srgb,var(--lf-comment-card,#fff) 88%,var(--lf-comment-accent,#9d174d)); }
[data-public-profile] .lf-comment-style-bubble .lf-comment-card.is-reply { border-radius:24px 24px 5px 24px; }
[data-public-profile] .lf-comment-style-timeline .lf-comment-thread { position:relative; border-left:2px solid var(--lf-comment-accent,#9d174d); padding-left:18px; margin-left:8px; }
[data-public-profile] .lf-comment-style-timeline .lf-comment-thread::before { content:""; position:absolute; left:-6px; top:24px; width:10px; height:10px; border-radius:50%; background:var(--lf-comment-accent,#9d174d); }
[data-public-profile] .lf-comment-style-timeline .lf-comment-card { border:0; border-bottom:1px solid color-mix(in srgb,var(--lf-comment-text,#493440) 16%,transparent); border-radius:0; background:transparent; box-shadow:none; }

/* Conversation Studio: editorial gallery, not the old thumbnail radio grid. */
.lf-bio-editor-panel .lf-conversation-studio { min-width:0; margin:24px 0; padding:22px; border:1px solid #e2e5ed; border-radius:22px; background:#f6f7fb; }
.lf-conversation-studio legend { padding:0 8px; color:#38415b; font-size:.82rem; font-weight:800; }
.lf-cs-intro { padding-bottom:22px; }
.lf-cs-premium { display:inline-flex; align-items:center; gap:6px; color:#986a22; font-size:.62rem; font-weight:850; letter-spacing:.14em; }
.lf-cs-premium svg { width:15px; height:15px; }
.lf-cs-intro h3 { margin:12px 0 8px; color:#20283c; font-size:1.35rem; line-height:1.4; letter-spacing:-.035em; }
.lf-cs-intro p { margin:0; color:#737b8f; font-size:.79rem; line-height:1.8; }
.lf-cs-section-title { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin-bottom:14px; }
.lf-cs-section-title>span { color:#525c75; font-size:.61rem; font-weight:850; letter-spacing:.12em; }
.lf-cs-section-title>small { color:#858da0; font-size:.64rem; }
.lf-cs-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.lf-cs-template { position:relative; display:flex; min-width:0; flex-direction:column; padding:8px 8px 14px; background:#fff; border:2px solid transparent; border-radius:18px; box-shadow:0 3px 12px #20283c08; cursor:pointer; transition:border-color .18s,box-shadow .18s,transform .18s; }
.lf-cs-template:hover { transform:translateY(-2px); box-shadow:0 8px 22px #20283c12; }
.lf-cs-template:has(input:checked) { border-color:#5767d9; box-shadow:0 0 0 3px #5767d914; }
.lf-cs-template:has(input:focus-visible) { outline:3px solid #5767d9; outline-offset:3px; }
.lf-cs-template:has(input:disabled) { cursor:not-allowed; }
.lf-cs-template>input { position:absolute; width:1px; height:1px; opacity:0; }
.lf-cs-scene { display:block; min-height:204px; padding:14px 12px; overflow:hidden; border:1px solid #242d4010; border-radius:12px; color:var(--studio-text,#493440); background:color-mix(in srgb,var(--studio-bg,#fff) 90%,var(--studio-accent,#9d174d)); }
.lf-cs-scene-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.lf-cs-scene-top>b { font-size:.69rem; }
.lf-cs-scene-top>span { font-size:.55rem; opacity:.55; }
.lf-cs-message { position:relative; display:flex; gap:7px; padding:10px; background:var(--studio-bg,#fff); border-radius:11px; box-shadow:0 3px 10px #20283c09; }
.lf-cs-avatar { display:grid; place-items:center; width:24px; height:24px; flex:0 0 24px; color:var(--studio-accent,#9d174d); background:color-mix(in srgb,var(--studio-accent,#9d174d) 16%,var(--studio-bg,#fff)); border-radius:8px; font-size:.56rem; font-weight:850; }
.lf-cs-message-body { display:grid; min-width:0; gap:6px; flex:1; }
.lf-cs-message-body>b { display:flex; justify-content:space-between; align-items:center; gap:4px; font-size:.59rem; }
.lf-cs-message-body small { font-size:.44rem; font-weight:400; opacity:.6; }
.lf-cs-message-body>span { font-size:.59rem; line-height:1.5; }
.lf-cs-message-body>em { color:var(--studio-accent,#9d174d); font-size:.49rem; font-style:normal; }
.lf-cs-message-reply { margin:8px 0 0 20px; padding:9px; }
.lf-cs-mini-compose { display:flex; align-items:center; justify-content:space-between; padding:9px 10px; margin-top:12px; border:1px solid color-mix(in srgb,var(--studio-text,#493440) 15%,transparent); border-radius:9px; font-size:.53rem; }
.lf-cs-mini-compose>b { display:grid; place-items:center; width:19px; height:19px; color:#fff; background:var(--studio-accent,#9d174d); border-radius:6px; }
.lf-cs-template-info { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px 8px 0; }
.lf-cs-template-info>span:first-child { display:grid; gap:4px; }
.lf-cs-template-info small { color:#8b91a3; font-size:.56rem; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.lf-cs-template-info strong { color:#293149; font-size:.86rem; }
.lf-cs-selection { display:grid; width:23px; height:23px; place-items:center; border:1px solid #dbe0ea; border-radius:50%; color:transparent; }
.lf-cs-selection svg { width:13px; height:13px; }
.lf-cs-template:has(input:checked) .lf-cs-selection { color:#fff; border-color:#5767d9; background:#5767d9; }
.lf-cs-description { padding:8px 8px 0; color:#798195; font-size:.69rem; line-height:1.7; }
.scene-outline { background:var(--studio-bg,#fff); }
.scene-outline .lf-cs-message { border:1px solid color-mix(in srgb,var(--studio-accent,#9d174d) 45%,transparent); border-radius:4px; box-shadow:none; }
.scene-outline .lf-cs-avatar { border-radius:50%; }
.scene-glass { background:radial-gradient(at 0% 0%,color-mix(in srgb,var(--studio-accent,#9d174d) 32%,transparent),transparent 70%),linear-gradient(140deg,var(--studio-bg,#fff),#dce7f8); }
.scene-glass .lf-cs-message { background:color-mix(in srgb,var(--studio-bg,#fff) 65%,transparent); border:1px solid #ffffff80; box-shadow:0 6px 14px #20283c0d; backdrop-filter:blur(8px); }
.scene-bubble .lf-cs-message { border-radius:14px 14px 14px 3px; background:color-mix(in srgb,var(--studio-accent,#9d174d) 13%,var(--studio-bg,#fff)); box-shadow:none; }
.scene-bubble .lf-cs-message-reply { border-radius:14px 14px 3px 14px; background:var(--studio-bg,#fff); }
.scene-timeline .lf-cs-message { margin-left:5px; padding-left:12px; border-left:2px solid var(--studio-accent,#9d174d); border-radius:0; background:transparent; box-shadow:none; }
.scene-timeline .lf-cs-message::before { content:""; position:absolute; left:-4px; top:15px; width:6px; height:6px; border-radius:50%; background:var(--studio-accent,#9d174d); }
.scene-timeline .lf-cs-message-reply { margin-top:0; }
.lf-cs-current { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:13px 0 20px; color:#5767a3; font-size:.72rem; }
.lf-cs-current>svg { width:15px; height:15px; }
.lf-cs-current>small { margin-left:auto; color:#8b91a3; font-size:.61rem; }
.lf-cs-customize { padding:18px 0; border-top:1px solid #e2e5ed; }
.lf-cs-palette { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.lf-cs-color { display:flex; align-items:center; min-width:0; gap:8px; padding:10px; border:1px solid #e4e7ef; border-radius:12px; background:#fff; cursor:pointer; }
.lf-cs-color input { width:30px; height:34px; flex:0 0 30px; padding:0; border:0; background:none; cursor:pointer; }
.lf-cs-color input::-webkit-color-swatch-wrapper { padding:3px; }
.lf-cs-color input::-webkit-color-swatch { border:1px solid #20283c15; border-radius:8px; }
.lf-cs-color>span { display:grid; min-width:0; gap:4px; }
.lf-cs-color strong { color:#424b64; font-size:.65rem; }
.lf-cs-color small { color:#8b91a3; font-size:.55rem; font-variant-numeric:tabular-nums; }
.lf-cs-color>svg { width:12px; height:12px; margin-left:auto; color:#969caf; }
.lf-cs-availability { position:relative; display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #e4e7ef; border-radius:14px; background:#fff; cursor:pointer; }
.lf-cs-availability-icon { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; color:#5767d9; background:#eef0fc; border-radius:11px; }
.lf-cs-availability-icon svg { width:18px; height:18px; }
.lf-cs-availability-copy { flex:1; }
.lf-cs-availability-copy strong { display:block; color:#343d55; font-size:.79rem; }
.lf-cs-availability-copy small { display:block; margin-top:5px; color:#858da0; font-size:.67rem; line-height:1.7; }
.lf-cs-availability>input { position:absolute; right:16px; width:40px; height:24px; opacity:0; }
.lf-cs-switch { position:relative; width:40px; height:24px; flex:0 0 40px; background:#dbe0ea; border-radius:20px; transition:background .2s; }
.lf-cs-switch::after { content:""; position:absolute; left:3px; top:3px; width:18px; height:18px; background:#fff; border-radius:50%; box-shadow:0 1px 4px #20283c20; transition:transform .2s; }
.lf-cs-availability:has(input:checked) .lf-cs-switch { background:#5767d9; }
.lf-cs-availability:has(input:checked) .lf-cs-switch::after { transform:translateX(16px); }
.lf-cs-availability:has(input:focus-visible) .lf-cs-switch { outline:3px solid #5767d960; outline-offset:3px; }
.lf-conversation-studio.is-locked :is(.lf-cs-gallery,.lf-cs-palette,.lf-cs-availability) { opacity:.65; }
.lf-cs-upgrade { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:16px; padding:13px; color:#986a22; background:#fff6e3; border-radius:12px; text-decoration:none; font-size:.76rem; font-weight:800; }
@media(max-width:600px) {
    .lf-bio-editor-panel .lf-conversation-studio { padding:16px; }
    .lf-cs-intro h3 { font-size:1.16rem; }
    .lf-cs-gallery { grid-template-columns:1fr; }
    .lf-cs-scene { padding:16px; }
    .lf-cs-message-body :is(b,span) { font-size:.72rem; }
    .lf-cs-message-body small { font-size:.56rem; }
    .lf-cs-palette { grid-template-columns:1fr; }
    .lf-cs-color { padding:12px; }
    .lf-cs-color strong { font-size:.76rem; }
    .lf-cs-color small { font-size:.65rem; }
    .lf-cs-current>small { width:100%; margin-left:22px; }
    .lf-cs-availability { padding:12px; gap:9px; }
}
@media(prefers-reduced-motion:reduce) { .lf-cs-template,.lf-cs-switch,.lf-cs-switch::after { transition:none; } }

/* Mythic conversation collections: left-aligned social layouts with engraved corners. */
[data-public-profile] .lf-bio-shell { --lf-engraving:url('comment-ornaments/dragon.svg'); }
[data-public-profile] .lf-comment-style-outline { --lf-engraving:url('comment-ornaments/phoenix.svg'); }
[data-public-profile] .lf-comment-style-glass { --lf-engraving:url('comment-ornaments/tiger.svg'); }
[data-public-profile] .lf-comment-style-bubble { --lf-engraving:url('comment-ornaments/serpent.svg'); }
[data-public-profile] .lf-comment-style-timeline { --lf-engraving:none; }
[data-public-profile] .lf-bio-content .lf-comments { width:100%; margin:32px 0 0; padding:24px; text-align:left; border-radius:20px; border:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 30%,#ddd); box-shadow:0 8px 28px #24182608; backdrop-filter:none; }
[data-public-profile] .lf-comments::before { inset:6px 6px auto auto; width:94px; height:70px; background:var(--lf-engraving) center/contain no-repeat; opacity:.65; }
[data-public-profile] .lf-comments::after { content:""; position:absolute; left:6px; bottom:6px; width:70px; height:52px; background:var(--lf-engraving) center/contain no-repeat; transform:rotate(180deg); opacity:.3; pointer-events:none; }
[data-public-profile] .lf-comments-heading { padding-right:62px; margin-bottom:0; gap:12px; }
[data-public-profile] .lf-comments :is(.lf-comment-card,.lf-comment-identity,.lf-comment-compose-heading,.lf-comment-visibility,.lf-comment-security,.lf-comment-feedback) { text-align:left; }
[data-public-profile] .lf-comments .lf-comment-card>p { width:auto; max-width:none; margin:8px 0 0 53px; text-align:left; font-size:.86rem; line-height:1.75; }
[data-public-profile] .lf-comment-card .lf-comment-identity :is(a,strong,small) { text-align:left; }
[data-public-profile] .lf-comments .lf-comment-author-row { display:grid; justify-content:initial; grid-template-columns:40px minmax(0,1fr) auto; align-items:start; gap:13px; }
[data-public-profile] .lf-comments .lf-comment-avatar { width:40px; height:40px; border-radius:50%; }
[data-public-profile] .lf-comments .lf-comment-card time { background:none; padding:2px 0; font-size:.65rem; }
[data-public-profile] .lf-comments .lf-comment-reply-button { margin:10px 0 0 53px; background:none; font-size:.72rem; padding:0; }
[data-public-profile] .lf-comments .lf-comment-card { padding:16px; box-shadow:none; transform:none; }
[data-public-profile] .lf-comments .lf-comment-list { padding:18px 0; gap:18px; }
[data-public-profile] .lf-comments .lf-comment-replies { margin-top:0; padding-left:40px; }
[data-public-profile] .lf-comments .lf-comment-empty { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:20px; text-align:left; gap:10px; }
[data-public-profile] .lf-comments .lf-comment-empty p { width:100%; margin:0; text-align:left; }
[data-public-profile] .lf-comments form { position:relative; z-index:1; padding:18px; margin-top:0; border-radius:16px; }
[data-public-profile] .lf-comments .lf-comment-compose-heading>div { text-align:left; }
[data-public-profile] .lf-comments .lf-comment-compose-heading :is(strong,small) { margin-left:0; margin-right:0; }
[data-public-profile] .lf-comment-style-soft .lf-comment-card { border:0; background:color-mix(in srgb,var(--lf-comment-card,#fff) 94%,var(--lf-comment-accent,#9d174d)); border-radius:18px; }
[data-public-profile] .lf-comment-style-soft .lf-comments { border-style:double; border-width:3px; }
[data-public-profile] .lf-comment-style-outline .lf-comments { background:var(--lf-comment-card,#fff); border-top:3px solid #b98a43; }
[data-public-profile] .lf-comment-style-outline .lf-comments .lf-comment-card { background:transparent; border:0; border-radius:0; padding:12px 0; }
[data-public-profile] .lf-comment-style-outline .lf-comment-list { border-bottom:1px solid color-mix(in srgb,var(--lf-comment-text,#493440) 12%,transparent); }
[data-public-profile] .lf-comment-style-glass .lf-comments { border-left:3px solid #b98a43; background:color-mix(in srgb,var(--lf-comment-card,#fff) 88%,transparent); backdrop-filter:blur(12px); }
[data-public-profile] .lf-comment-style-glass .lf-comments .lf-comment-card { border-radius:8px; border-width:0 0 1px; background:color-mix(in srgb,var(--lf-comment-card,#fff) 70%,transparent); }
[data-public-profile] .lf-comment-style-bubble .lf-comments .lf-comment-card { background:transparent; border:0; padding:8px 0; }
[data-public-profile] .lf-comment-style-bubble .lf-comments .lf-comment-card>p { display:table; padding:12px 16px; background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 12%,var(--lf-comment-card,#fff)); border-radius:0 18px 18px 18px; }
[data-public-profile] .lf-comment-style-bubble .lf-comments .lf-comment-card.is-reply>p { background:color-mix(in srgb,var(--lf-comment-accent,#9d174d) 6%,var(--lf-comment-card,#fff)); border-radius:18px 0 18px 18px; }
[data-public-profile] .lf-comment-style-timeline .lf-comments { border-top:2px solid var(--lf-comment-accent,#9d174d); }
[data-public-profile] .lf-comment-style-timeline .lf-comments::before { content:"✦"; color:#b98a43; font-size:45px; text-align:center; opacity:.5; }
[data-public-profile] .lf-comment-style-timeline .lf-comments .lf-comment-thread { padding-left:12px; border-left:1px solid color-mix(in srgb,var(--lf-comment-accent,#9d174d) 30%,transparent); }
[data-public-profile] .lf-comment-style-timeline .lf-comments .lf-comment-card { border:0; background:none; padding:12px 0; }
.lf-cs-scene { position:relative; text-align:left; }
.lf-cs-scene::after { content:""; position:absolute; right:4px; top:4px; width:48px; height:35px; background:url('/assets/comment-ornaments/dragon.svg') center/contain no-repeat; opacity:.7; pointer-events:none; }
.scene-outline::after { background-image:url('/assets/comment-ornaments/phoenix.svg'); }
.scene-glass::after { background-image:url('/assets/comment-ornaments/tiger.svg'); }
.scene-bubble::after { background-image:url('/assets/comment-ornaments/serpent.svg'); }
.scene-timeline::after { content:"✦"; background:none; font-size:26px; color:#b98a43; text-align:center; }
.lf-cs-scene-top { padding-right:38px; }
.scene-outline .lf-cs-message { background:none; border:0; padding-left:0; }
.scene-glass .lf-cs-message { border-radius:5px; border-width:0 0 1px; }
.scene-bubble .lf-cs-message { background:none; padding-left:0; }
.scene-bubble .lf-cs-message-body>span { padding:8px; background:color-mix(in srgb,var(--studio-accent,#9d174d) 12%,var(--studio-bg,#fff)); border-radius:0 12px 12px 12px; }
@media(max-width:600px) {
    [data-public-profile] .lf-bio-content .lf-comments { padding:16px; margin:24px 0 0; }
    [data-public-profile] .lf-comments-heading { padding-right:35px; }
    [data-public-profile] .lf-comments::before { width:58px; height:44px; opacity:.45; }
    [data-public-profile] .lf-comments .lf-comment-author-row { grid-template-columns:34px minmax(0,1fr); gap:9px; }
    [data-public-profile] .lf-comments .lf-comment-avatar { width:34px; height:34px; }
    [data-public-profile] .lf-comments .lf-comment-card time { grid-column:2; font-size:.6rem; margin-top:-5px; }
    [data-public-profile] .lf-comments .lf-comment-card>p { margin-left:43px; }
    [data-public-profile] .lf-comments .lf-comment-reply-button { margin-left:43px; }
    [data-public-profile] .lf-comments .lf-comment-replies { padding-left:18px; }
    [data-public-profile] .lf-comments form { padding:14px; }
}

/* Community directory redesign: compact hero, polished cards and server pagination. */
[data-friend-community] {
    --lf-community-ink:#351824;
    --lf-community-muted:#795f6c;
    --lf-community-pink:#c51f68;
    --lf-community-line:#ecdee6;
    background:linear-gradient(180deg,#fff 0,#fcfafb 34rem,#fff 100%);
}
[data-friend-community] .lf-hero {
    min-height:560px;
    padding-top:clamp(54px,6vw,78px);
    padding-bottom:clamp(54px,6vw,78px);
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);
    gap:clamp(36px,5vw,68px);
    background:radial-gradient(circle at 88% 20%,#f9a8d447,transparent 23rem),radial-gradient(circle at 7% 90%,#fce7f35c,transparent 21rem),linear-gradient(145deg,#fff 0%,#fffafd 56%,#fdf2f8 100%);
}
[data-friend-community] .lf-hero-copy { max-width:700px; }
[data-friend-community] .lf-hero h1 {
    max-width:670px;
    margin:20px 0 17px;
    color:var(--lf-community-ink);
    font-size:clamp(2.3rem,3.8vw,3.65rem);
    line-height:1.08;
    letter-spacing:-.055em;
}
[data-friend-community] .lf-hero-copy>p { max-width:610px; font-size:.95rem; line-height:1.75; }
[data-friend-community] .lf-hero-actions { margin-top:25px; }
[data-friend-community] .lf-primary-button,[data-friend-community] .lf-secondary-button { min-height:48px; border-radius:13px; font-size:.8rem; }
[data-friend-community] .lf-hero-notes { margin-top:20px; }
[data-friend-community] .lf-hero-metrics { width:min(100%,590px); padding-top:15px; margin-top:23px; }
[data-friend-community] .lf-hero-metrics strong { font-size:1.2rem; }
[data-friend-community] .lf-hero-art { min-height:410px; }
[data-friend-community] .lf-hero-showcase { width:min(100%,410px); border-radius:34px; box-shadow:0 28px 75px #641c3e1c,inset 0 1px #fff; }
[data-friend-community] .lf-hero-showcase::before { inset:16px; border-radius:24px; }
[data-friend-community] .lf-hero-showcase>img { width:min(88%,370px); max-height:370px; }
[data-friend-community] .lf-showcase-card { min-width:158px; padding:10px 12px; }
[data-friend-community] .lf-showcase-card.one { left:-22px; bottom:70px; }
[data-friend-community] .lf-showcase-card.two { right:-18px; top:85px; }
[data-friend-community] .lf-directory { max-width:1270px; padding-top:64px; padding-bottom:68px; }
[data-friend-community] .lf-directory-head h2 { margin-top:9px; font-size:clamp(1.65rem,2.8vw,2.35rem); }
[data-friend-community] .lf-result-count { color:#861640; background:#fff; box-shadow:0 6px 22px #4d18310a; }
[data-friend-community] .lf-filters { margin:27px 0 34px; }
[data-friend-community] .lf-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
[data-friend-community] .lf-card {
    isolation:isolate;
    overflow:hidden;
    min-height:100%;
    border:1px solid var(--lf-community-line);
    border-radius:24px;
    background:var(--lf-profile-bg,#fff);
    box-shadow:0 12px 34px #4d18310c;
}
[data-friend-community] .lf-card:hover { border-color:#dfb6ca; transform:translateY(-5px); box-shadow:0 22px 52px #68183d17; }
[data-friend-community] .lf-card::after { z-index:5; box-shadow:inset 0 1px #ffffffd6; }
[data-friend-community] .lf-card.is-gold {
    padding:2px;
    border:0;
    background:#c18a17;
    box-shadow:0 15px 42px #9a6b1826,0 0 0 1px #f8dc83;
}
[data-friend-community] .lf-card.is-gold::before {
    content:"";
    position:absolute;
    z-index:0;
    inset:-85%;
    padding:0;
    background:conic-gradient(from 0deg,#6e4300,#ffd86a 12%,#fff7c2 23%,#be7d08 38%,#ffdf72 52%,#7a4800 67%,#fff1a3 82%,#d39413 92%,#6e4300);
    border:0;
    border-radius:0;
    box-shadow:none;
    animation:lf-gold-border-chase 3.2s linear infinite;
}
[data-friend-community] .lf-card.is-gold .lf-cover { z-index:1; border-radius:22px 22px 0 0; }
[data-friend-community] .lf-card.is-gold .lf-card-body { border-radius:0 0 22px 22px; background:var(--lf-profile-bg,#fff); }
[data-friend-community] .lf-cover { height:132px; }
[data-friend-community] .lf-card-body { padding:0 21px 21px; }
[data-friend-community] .lf-avatar { width:78px; height:78px; margin-top:-39px; border-radius:23px; }
[data-friend-community] .lf-identity { min-width:0; }
[data-friend-community] .lf-identity h3,[data-friend-community] .lf-identity p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-friend-community] .lf-identity h3 { font-size:1.02rem; }
[data-friend-community] .lf-bio { min-height:43px; margin:12px 0; font-size:.76rem; }
[data-friend-community] .lf-meta { min-height:58px; margin:12px 0; }
[data-friend-community] .lf-meta span { max-width:100%; overflow-wrap:anywhere; }
[data-friend-community] .lf-interest-chips span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-friend-community] .lf-gold-badge { color:#513100; background:linear-gradient(135deg,#fff9cf,#f1c34e); border-color:#fff8ce; box-shadow:0 5px 16px #76500d26; }
[data-friend-community] .lf-pagination { display:grid; grid-template-columns:1fr auto 1fr; margin:38px auto 0; align-items:center; gap:16px; }
[data-friend-community] .lf-page-numbers { display:flex; align-items:center; justify-content:center; gap:7px; }
[data-friend-community] .lf-pagination a { display:inline-flex; min-width:42px; min-height:42px; padding:0 12px; align-items:center; justify-content:center; gap:7px; color:#684052; background:#fff; border:1px solid #ead9e2; border-radius:12px; box-shadow:0 6px 18px #4d183108; text-decoration:none; font-size:.74rem; font-weight:850; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
[data-friend-community] .lf-pagination a:hover { border-color:#d98eaf; transform:translateY(-2px); box-shadow:0 10px 24px #68183d12; }
[data-friend-community] .lf-pagination a.is-current { color:#fff; background:linear-gradient(135deg,#d72876,#9d174d); border-color:#b51c5d; box-shadow:0 9px 22px #be185d30; }
[data-friend-community] .lf-page-direction:first-child { justify-self:start; }
[data-friend-community] .lf-page-direction:last-child { justify-self:end; }
[data-friend-community] .lf-page-direction svg { width:16px; height:16px; }
[data-friend-community] .lf-pagination a.is-disabled { opacity:.42; pointer-events:none; box-shadow:none; }
[data-friend-community] .lf-page-gap { min-width:24px; color:#9f8391; text-align:center; }
[data-friend-community] .lf-pagination-summary { margin:12px 0 0; color:#917383; text-align:center; font-size:.66rem; font-weight:700; }
@keyframes lf-gold-border-chase { to { transform:rotate(1turn); } }
@media(max-width:1000px) {
    [data-friend-community] .lf-hero { grid-template-columns:minmax(0,1fr); min-height:0; padding:48px 24px; }
    [data-friend-community] .lf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
    [data-friend-community] .lf-hero { padding:38px 18px 42px; text-align:left; }
    [data-friend-community] .lf-hero h1 { max-width:520px; font-size:clamp(2.05rem,10.2vw,3.05rem); line-height:1.1; }
    [data-friend-community] .lf-hero-copy>p { margin:0; font-size:.86rem; line-height:1.68; }
    [data-friend-community] .lf-hero-actions,[data-friend-community] .lf-hero-notes { justify-content:flex-start; }
    [data-friend-community] .lf-directory { padding:44px 16px 52px; }
    [data-friend-community] .lf-grid { grid-template-columns:1fr; gap:19px; }
    [data-friend-community] .lf-pagination { grid-template-columns:auto 1fr auto; gap:8px; }
    [data-friend-community] .lf-page-direction { width:42px; padding:0; }
    [data-friend-community] .lf-page-direction span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
    [data-friend-community] .lf-page-numbers { gap:5px; }
    [data-friend-community] .lf-pagination a { min-width:38px; min-height:40px; padding:0 9px; border-radius:11px; }
}
@media(max-width:430px) {
    [data-friend-community] .lf-hero h1 { font-size:2rem; letter-spacing:-.045em; }
    [data-friend-community] .lf-hero-metrics span { padding:0 7px; }
    [data-friend-community] .lf-page-numbers a:not(.is-current):not(:first-of-type):not(:last-of-type) { display:none; }
    [data-friend-community] .lf-page-gap { display:none; }
}
@media(prefers-reduced-motion:reduce) {
    [data-friend-community] .lf-card.is-gold::before { animation:none; }
}

/* SIEUTHICODE public Bio integration. The profile portion above intentionally
   mirrors the supplied LocketPro source; these rules isolate it from the main
   application theme and style the local-only links/content/editor fields. */
.stc-public-bio-page .lf-main { width:100%; max-width:none; margin:0; padding:0; }
.stc-public-bio-page .lf-main svg { display:inline-block; width:20px; height:20px; flex:0 0 auto; vertical-align:middle; }
.stc-public-bio-page [hidden] { display:none!important; }
.stc-public-bio-page :is(a,button,input,textarea,select):focus-visible { outline:3px solid color-mix(in srgb,var(--lf-profile-social,#9d174d) 55%,#fff); outline-offset:3px; }
.stc-public-bio-page .lf-primary-button { color:var(--lf-button-text,#fff); background:var(--lf-button-bg,var(--lf-profile-social,#9d174d)); }
.stc-public-bio-page .lf-primary-button:hover { color:var(--lf-button-text,#fff); filter:brightness(.94); }
.stc-public-bio-page .lf-flash { position:fixed; z-index:80; top:18px; left:50%; max-width:min(90vw,560px); padding:13px 18px; color:#fff; background:#26734d; border-radius:14px; box-shadow:0 16px 40px #32101f30; transform:translateX(-50%); font-size:.82rem; font-weight:800; }
.stc-public-bio-page .lf-flash.error { background:#a6294a; }

.stc-public-bio-page .lf-gold-avatar-frame { position:absolute; inset:-4px; display:none; place-items:center; pointer-events:none; color:#8b5a04; border:3px solid #f1bd3e; border-radius:50%; box-shadow:0 0 0 3px #fff7cf,0 8px 28px #8f641a33; font-size:20px; }
.stc-public-bio-page .lf-gold-frame-on .lf-gold-avatar-frame { display:grid; }
.stc-public-bio-page .lf-gold-frame-on .lf-public-avatar { overflow:visible; }
.stc-public-bio-page .lf-gold-frame-on .lf-public-avatar>img { border-radius:50%; }

.stc-public-bio-page .lf-profile-links { display:grid; width:min(100%,680px); margin:25px auto; gap:11px; }
.stc-public-bio-page .lf-profile-links a { display:grid; grid-template-columns:22px minmax(0,1fr) 20px; min-height:58px; padding:12px 18px; align-items:center; gap:12px; color:var(--lf-button-text,#fff); background:var(--lf-button-bg,var(--lf-profile-social,#9d174d)); border:1px solid #ffffff38; border-radius:17px; box-shadow:0 10px 28px color-mix(in srgb,var(--lf-button-bg,#9d174d) 22%,transparent); text-align:left; text-decoration:none; font-size:.84rem; font-weight:850; transition:transform .2s ease,filter .2s ease; }
.stc-public-bio-page .lf-profile-links a:hover { color:var(--lf-button-text,#fff); filter:brightness(.95); transform:translateY(-2px); }
.stc-public-bio-page .lf-profile-links a span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stc-public-bio-page .lf-profile-links a svg:last-child { width:17px; height:17px; justify-self:end; }
.stc-public-bio-page .lf-align-left .lf-profile-links { margin-left:0; }

.stc-public-bio-page .lf-comment-delete { position:absolute; right:12px; bottom:11px; display:grid; width:30px; height:30px; padding:0; place-items:center; color:#a14d68; background:#fff2f6; border:0; border-radius:9px; }
.stc-public-bio-page .lf-comment-delete svg { width:14px; height:14px; }
.stc-public-bio-page .lf-comment-delete:hover { color:#fff; background:#a6294a; }
.stc-public-bio-page .lf-comment-card>p { padding-right:34px; overflow-wrap:anywhere; }
.stc-public-bio-page .lf-comment-feedback:not(:empty) { display:block; }

html.lf-editor-open { overflow:hidden; }
.stc-public-bio-page .lf-bio-editor-panel :is(input,textarea,select) { color:#382632; }
.stc-public-bio-page .lf-bio-editor-panel select { width:100%; min-height:45px; padding:0 12px; border:1px solid #e2d7dd; border-radius:10px; background:#fff; font:inherit; font-size:.74rem; }
.stc-public-bio-page .lf-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.stc-public-bio-page .lf-cover-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.stc-public-bio-page .lf-cover-editor-grid>div { display:grid; justify-items:start; gap:9px; }
.stc-public-bio-page .lf-cover-preview { width:100%; height:130px; background:linear-gradient(135deg,#fff0f7,#f9a8d4,#be185d) center/cover no-repeat; border:1px solid #e6d7df; border-radius:14px; box-shadow:inset 0 1px #fff; }
.stc-public-bio-page .lf-cover-preview.is-mobile { background-position:center var(--lf-mobile-position,50%); }
.stc-public-bio-page .lf-editor-check { display:flex; padding:11px 0; align-items:center; gap:9px; color:#604956; font-size:.7rem; font-weight:750; }
.stc-public-bio-page .lf-editor-check input { width:17px; height:17px; accent-color:#9d174d; }

.stc-public-bio-page .lf-link-editor { display:grid; margin:0 0 12px; gap:10px; }
.stc-public-bio-page .lf-link-row { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) 42px; gap:8px; }
.stc-public-bio-page .lf-link-row input { min-width:0; min-height:44px; padding:0 11px; border:1px solid #e2d7dd; border-radius:10px; font:inherit; font-size:.7rem; }
.stc-public-bio-page .lf-link-row button { display:grid; place-items:center; color:#9a4d69; background:#fff2f7; border:1px solid #f0d4e0; border-radius:10px; }
.stc-public-bio-page .lf-link-row button svg { width:16px; height:16px; }
.stc-public-bio-page .lf-studio-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.stc-public-bio-page .lf-studio-actions button { display:flex; min-height:40px; padding:0 13px; align-items:center; gap:6px; color:#7c3153; background:#fff4f8; border:1px solid #ebcbd9; border-radius:11px; font-size:.68rem; font-weight:850; }
.stc-public-bio-page .lf-studio-actions button:last-child { color:#513607; background:#fff7dc; border-color:#ead08b; }
.stc-public-bio-page .lf-studio-actions svg { width:15px; height:15px; }
.stc-public-bio-page .lf-comment-style-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin-bottom:14px; }
.stc-public-bio-page .lf-comment-style-grid label { position:relative; cursor:pointer; }
.stc-public-bio-page .lf-comment-style-grid input { position:absolute; opacity:0; }
.stc-public-bio-page .lf-comment-style-grid span { display:grid; min-height:60px; padding:10px 7px; place-content:center; gap:4px; color:#66515d; background:#fff; border:1px solid #e6dbe1; border-radius:11px; text-align:center; }
.stc-public-bio-page .lf-comment-style-grid small { color:#98828e; font-size:.52rem; }
.stc-public-bio-page .lf-comment-style-grid input:checked+span { color:#9d174d; background:#fff1f7; border-color:#ce709a; box-shadow:0 0 0 2px #d95d9418; }
.stc-public-bio-page .lf-studio-draft { display:flex; padding:12px; margin:15px 0 0; align-items:center; gap:8px; color:#427057; background:#f0f8f3; border-radius:11px; font-size:.68rem; font-weight:750; }
.stc-public-bio-page .lf-studio-draft.has-changes { color:#8b611c; background:#fff7df; }
.stc-public-bio-page .lf-studio-draft svg { width:16px; height:16px; }

.lf-legacy-content { width:min(1180px,calc(100% - 32px)); padding:56px 0 80px; margin:auto; color:#321723; font-family:"Plus Jakarta Sans",sans-serif; }
.lf-content-section+ .lf-content-section { margin-top:56px; }
.lf-content-heading { margin-bottom:22px; }
.lf-content-heading span { color:#b42362; font-size:.64rem; font-weight:900; letter-spacing:.18em; }
.lf-content-heading h2 { margin:7px 0 0; color:#321723; font-size:clamp(1.45rem,3vw,2rem); letter-spacing:-.035em; }
.lf-content-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.lf-content-card { min-width:0; overflow:hidden; background:#fff; border:1px solid #eadfe5; border-radius:18px; box-shadow:0 8px 28px #32101f08; }
.lf-content-card.hidden { display:none; }
.lf-content-image { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#f4edf1; }
.lf-content-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.lf-content-card:hover .lf-content-image img { transform:scale(1.03); }
.lf-content-image span { position:absolute; left:10px; top:10px; padding:5px 8px; color:#fff; background:#9d174de6; border-radius:8px; font-size:.58rem; font-weight:850; }
.lf-content-card>div { padding:15px; }
.lf-content-card h3 { margin:0; font-size:.88rem; line-height:1.55; }
.lf-content-card h3 a { color:#422531; text-decoration:none; }
.lf-content-card p { display:-webkit-box; margin:9px 0 0; overflow:hidden; color:#8b6879; font-size:.72rem; line-height:1.65; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.lf-show-more { display:block; min-height:44px; padding:0 18px; margin:24px auto 0; color:#9d174d; background:#fff; border:1px solid #e1bdcd; border-radius:12px; font-size:.74rem; font-weight:850; cursor:pointer; }

@media(max-width:900px) { .lf-content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) {
    .stc-public-bio-page .lf-main,[data-public-profile].lf-profile-page,[data-public-profile] .lf-bio-shell { width:100%; max-width:100%; overflow-x:hidden; }
    [data-public-profile] .lf-bio-content,[data-public-profile] .lf-cover-full .lf-bio-content { width:100%!important; max-width:100%!important; padding-left:20px!important; padding-right:20px!important; }
    [data-public-profile] .lf-bio-content>* { max-width:100%; }
    [data-public-profile] .lf-profile-details-panel,[data-public-profile] .lf-public-stats,[data-public-profile] .lf-comments,[data-public-profile] .lf-profile-links { width:100%; min-width:0; }
    [data-public-profile] .lf-profile-details-heading { align-items:flex-start; }
    [data-public-profile] .lf-profile-details-heading h2 { max-width:55%; text-align:right; overflow-wrap:anywhere; }
    [data-public-profile] .lf-profile-details { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
    [data-public-profile] .lf-profile-detail { min-width:0; }
    [data-public-profile] .lf-profile-detail p,[data-public-profile] .lf-profile-detail strong { min-width:0; overflow-wrap:anywhere; }
    [data-public-profile] .lf-public-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
    [data-public-profile] .lf-public-stats span { width:auto; min-width:0; padding:0 5px!important; }
    [data-public-profile] .lf-comments-heading { padding-right:36px; }
    .stc-public-bio-page .lf-profile-links { margin:20px auto; }
    .stc-public-bio-page .lf-profile-links a { min-height:54px; border-radius:15px; }
    .stc-public-bio-page .lf-link-row { grid-template-columns:minmax(0,1fr) 40px; }
    .stc-public-bio-page .lf-link-row input:first-child { grid-column:1/-1; }
    .stc-public-bio-page .lf-editor-grid,.stc-public-bio-page .lf-cover-editor-grid { grid-template-columns:1fr; }
    .stc-public-bio-page .lf-comment-style-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .stc-public-bio-page .lf-bio-editor-panel>footer { grid-template-columns:1fr 1fr; }
    .stc-public-bio-page .lf-editor-cancel { display:none!important; }
    .lf-legacy-content { width:min(100% - 24px,1180px); padding-top:42px; }
}
@media(max-width:520px) {
    [data-public-profile] .lf-profile-details { grid-template-columns:1fr; }
    [data-public-profile] .lf-profile-details-heading h2 { max-width:58%; }
    [data-public-profile] .lf-comments-heading-main { min-width:0; }
    [data-public-profile] .lf-comments-heading h2 { font-size:1.18rem; }
    .lf-content-grid { grid-template-columns:1fr; }.lf-content-card { border-radius:16px; }
}
@media(prefers-reduced-motion:reduce) { .stc-public-bio-page * { scroll-behavior:auto!important; }.stc-public-bio-page .lf-profile-links a,.lf-content-image img { transition:none; } }

.stc-public-bio-page [data-public-profile] .lf-bio-shell .lf-bio-cover { background:linear-gradient(135deg,#dcfce7,#86efac,#15803d); }
.stc-public-bio-page .lf-cover-preview { background-color:#dcfce7; background-image:linear-gradient(135deg,#dcfce7,#86efac,#15803d); border-color:#bbdfc5; }
.stc-public-bio-page [data-bio-legacy][hidden],
.stc-public-bio-page [data-bio-products][hidden],
.stc-public-bio-page [data-bio-news][hidden] { display:none!important; }

/* Editorial cards inspired by open-source card layouts, without UI dependencies. */
.stc-public-bio-page [data-bio-legacy] { display:flex; flex-direction:column; gap:36px; }
.stc-public-bio-page [data-bio-legacy] .lf-content-section { margin:0; min-width:0; }
.stc-public-bio-page [data-section-order="news-first"] [data-bio-news] { order:-1; }
.stc-public-bio-page [data-bio-legacy] .lf-content-heading { display:block; margin:0 0 20px; padding:0 0 16px; border-bottom:1px solid #cbd5e180; }
.stc-public-bio-page [data-bio-legacy] .lf-content-heading>span { display:inline-block; padding:5px 9px; border-radius:6px; background:#ecfdf5; color:#166534; font-size:10px; font-weight:700; letter-spacing:.08em; }
.stc-public-bio-page [data-bio-legacy] .lf-content-heading h2 { margin:10px 0 0; color:#172b24; font-size:clamp(20px,2vw,26px); font-weight:700; }
.stc-public-bio-page [data-bio-legacy] .lf-content-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:20px; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card { min-width:0; overflow:hidden; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 3px 12px #0f172a06; transition:box-shadow .2s,border-color .2s; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card:hover { border-color:#94b8a6; box-shadow:0 10px 24px #0f172a12; }
.stc-public-bio-page [data-bio-legacy] .lf-content-image { display:block; position:relative; aspect-ratio:16/10; height:auto; overflow:hidden; background:#f1f5f9; }
.stc-public-bio-page [data-bio-legacy] .lf-content-image img { width:100%; height:100%; object-fit:cover; }
.stc-public-bio-page [data-bio-legacy] .lf-content-image>span { position:absolute; left:12px; top:12px; bottom:auto; padding:5px 9px; border-radius:7px; background:#fffffff0; color:#334155; font-size:11px; box-shadow:0 2px 6px #0000000a; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card>div { padding:18px; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card h3 { margin:0; font-size:16px; font-weight:600; line-height:1.55; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card h3 a { color:#1e293b; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-decoration:none; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card a:focus-visible { outline:3px solid #15803d; outline-offset:-3px; }
.stc-public-bio-page [data-bio-legacy] .product-item p { margin:14px 0 0; padding-top:12px; border-top:1px solid #f1f5f9; color:#15803d; font-size:18px; font-weight:700; }
.stc-public-bio-page [data-bio-legacy] .news-item p { margin:10px 0 0; color:#64748b; font-size:13px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.stc-public-bio-page [data-bio-legacy] .lf-show-more { display:block; margin:22px auto 0; padding:11px 20px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#334155; font-size:13px; font-weight:600; }
.stc-public-bio-page [data-product-layout="list"] [data-bio-products] .lf-content-grid,
.stc-public-bio-page [data-news-layout="list"] [data-bio-news] .lf-content-grid { grid-template-columns:1fr; }
.stc-public-bio-page [data-product-layout="list"] .product-item,
.stc-public-bio-page [data-news-layout="list"] .news-item { display:grid; grid-template-columns:minmax(120px,30%) minmax(0,1fr); align-items:center; }
.stc-public-bio-page [data-product-layout="list"] .product-item .lf-content-image,
.stc-public-bio-page [data-news-layout="list"] .news-item .lf-content-image { height:100%; min-height:140px; }
.stc-public-bio-page [data-bio-legacy] .lf-content-card.hidden,
.stc-public-bio-page [data-bio-legacy] .lf-show-more[hidden] { display:none; }
@media(max-width:520px) {
    .stc-public-bio-page [data-bio-legacy] .lf-content-grid { gap:14px; }
    .stc-public-bio-page [data-bio-legacy] .lf-content-card>div { padding:14px; }
    .stc-public-bio-page [data-product-layout="list"] .product-item,
    .stc-public-bio-page [data-news-layout="list"] .news-item { grid-template-columns:100px minmax(0,1fr); }
    .stc-public-bio-page [data-bio-legacy] .lf-content-card h3 { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .stc-public-bio-page [data-bio-legacy] .lf-content-card { transition:none; } }

/* Body-level preview controls must not depend on the profile ancestor. */
.stc-public-bio-page .lf-live-preview-bar { position:fixed; z-index:99990; inset:auto 16px max(16px,env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; width:auto; max-width:780px; min-height:72px; margin:0 auto; padding:14px; box-sizing:border-box; transform:none; border:1px solid #ffffff30; border-radius:16px; background:#132c23; color:#fff; box-shadow:0 12px 40px #0004; font-family:Arial,"Segoe UI",sans-serif; }
.stc-public-bio-page .lf-live-preview-bar[hidden] { display:none!important; }
.stc-public-bio-page .lf-live-preview-bar>div { display:flex; align-items:center; gap:10px; }
.stc-public-bio-page .lf-live-preview-bar span { display:grid; gap:4px; }
.stc-public-bio-page .lf-live-preview-bar strong { font-size:14px; line-height:1.5; }
.stc-public-bio-page .lf-live-preview-bar small { font-size:12px; line-height:1.5; color:#d1e5db; }
.stc-public-bio-page .lf-live-preview-bar svg { width:20px; height:20px; flex-shrink:0; }
.stc-public-bio-page .lf-live-preview-bar button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:10px 12px; border:1px solid #ffffff40; border-radius:10px; background:#ffffff12; color:#fff; font:600 13px/1.4 Arial,"Segoe UI",sans-serif; cursor:pointer; }
.stc-public-bio-page .lf-live-preview-bar .lf-live-preview-save { background:#dcfce7; color:#14532d; }
.stc-public-bio-page .lf-live-preview-bar button:focus-visible { outline:3px solid #86efac; outline-offset:3px; }
.stc-public-bio-page.lf-preview-active { padding-bottom:180px; }
.stc-public-bio-page [data-public-profile] .lf-bio-cover { pointer-events:none; }
.stc-public-bio-page [data-public-profile] .lf-bio-toolbar { z-index:10; }
.stc-public-bio-page :is(.lf-main,.lf-bio-editor,.lf-legacy-content,.lf-live-preview-bar) :is(h1,h2,h3,h4,p,label,legend,span,small,strong,b,button,input,textarea,select,option,a) { font-family:Arial,"Segoe UI",sans-serif!important; letter-spacing:normal; }
.stc-public-bio-page .lf-bio-editor :is(label,legend,input,textarea,select) { font-size:14px; line-height:1.6; }
@media(max-width:600px) {
    .stc-public-bio-page .lf-live-preview-bar { left:10px; right:10px; bottom:max(10px,env(safe-area-inset-bottom)); gap:10px; }
    .stc-public-bio-page .lf-live-preview-bar>div:last-child { display:grid; grid-template-columns:1fr 1fr 1fr; width:100%; gap:6px; }
    .stc-public-bio-page .lf-live-preview-bar button { padding:8px 6px; font-size:12px; }
}

/* Vietnamese-safe typography and consistent public content surfaces. */
.stc-public-bio-page .lf-main,
.stc-public-bio-page .lf-legacy-content,
.stc-public-bio-page .lf-bio-editor { font-family:Arial,"Segoe UI",sans-serif; }
.stc-public-bio-page .lf-main :is(h1,h2,h3,p,button,input,textarea,select),
.stc-public-bio-page .lf-legacy-content :is(h2,h3,p,button) { font-family:inherit; letter-spacing:normal; }
.stc-public-bio-page [data-public-profile] .lf-public-bio { max-width:680px; padding:20px 24px; border:1px solid rgba(22,101,52,.12); border-radius:18px; background:rgba(255,255,255,.65); font-size:16px; line-height:1.85; font-weight:400; overflow-wrap:anywhere; }
.stc-public-bio-page .lf-legacy-content { padding:32px clamp(16px,3vw,36px); border-radius:24px; margin-top:20px; box-sizing:border-box; }
.stc-public-bio-page .lf-content-heading h2 { line-height:1.45; overflow-wrap:anywhere; }
.stc-public-bio-page .lf-profile-status:empty { display:none; }
@media(max-width:520px) { .stc-public-bio-page [data-public-profile] .lf-public-bio { padding:16px; font-size:15px; } }

/* Bio uses the shared site shell; keep its theme inside the profile card. */
.stc-bio-content { min-width:0; }
.stc-public-bio-page .lf-bio-shell { border-radius:24px; overflow:hidden; min-height:0; }
.stc-public-bio-page .lf-public-stats { display:flex; justify-content:center; }
.stc-public-bio-page .lf-legacy-content { width:100%; max-width:100%; }
@media(max-width:767px) { .stc-public-bio-page .lf-bio-shell { border-radius:16px; } }

/* Shared-layout Bio: contain only the card, never the site navigation. */
.stc-public-bio-page [data-public-profile].lf-profile-page { min-height:0; background:transparent; }
.stc-public-bio-page [data-public-profile] .lf-bio-shell { min-height:0; border:1px solid #d5e9dc; box-shadow:0 12px 32px #153c2a0c; }
.stc-public-bio-page [data-public-profile] .lf-bio-cover:not(.has-image) { background:linear-gradient(135deg,#dcfce7,#86efac,#15803d); }
.stc-public-bio-page [data-public-profile] .lf-public-avatar { background:linear-gradient(145deg,#4ade80,#166534); }
.stc-public-bio-page [data-public-profile] .lf-public-bio { color:var(--lf-profile-bio,#166534); }
.stc-public-bio-page [data-public-profile] .lf-public-stats { display:flex; width:auto; }
.stc-public-bio-page .lf-profile-links { grid-template-columns:repeat(auto-fit,minmax(104px,140px)); justify-content:center; gap:14px; }
.stc-public-bio-page .lf-align-left .lf-profile-links { justify-content:start; }
.stc-public-bio-page .lf-profile-links a { position:relative; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; aspect-ratio:1; min-width:0; min-height:0; padding:16px 10px; gap:12px; border-radius:20px; text-align:center; font-size:14px; font-weight:600; line-height:1.45; box-shadow:0 6px 16px #102a1814,inset 0 1px 0 #ffffff30; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.stc-public-bio-page .lf-profile-links a:hover { transform:translateY(-4px); box-shadow:0 12px 24px #102a1826,inset 0 1px 0 #ffffff30; }
.stc-public-bio-page .lf-profile-links a:focus-visible { outline:3px solid var(--lf-profile-name,#166534); outline-offset:4px; }
.stc-public-bio-page .lf-profile-links a span { max-width:100%; white-space:normal; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.stc-public-bio-page .lf-profile-links .fa-brands { font-size:34px; line-height:1; text-align:center; }
.stc-public-bio-page .lf-profile-links a>svg:first-child { width:32px; height:32px; }
.stc-public-bio-page .lf-profile-links a>svg:last-child { display:none; }
@media(max-width:520px) {
    .stc-public-bio-page .lf-profile-links { grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:10px; }
    .stc-public-bio-page .lf-profile-links a { max-width:140px; justify-self:center; padding:12px 8px; border-radius:16px; font-size:13px; gap:10px; }
    .stc-public-bio-page .lf-profile-links .fa-brands { font-size:30px; }
}
/* Compact neutral tiles: brand icons remain readable before hover. */
.stc-public-bio-page .lf-profile-links { grid-template-columns:repeat(auto-fit,88px); gap:12px; }
.stc-public-bio-page .lf-profile-links a { width:88px; height:88px; padding:10px 6px; gap:8px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; color:#334155; font-size:12px; font-weight:600; box-shadow:0 2px 6px #0f172a08; }
.stc-public-bio-page .lf-profile-links a:hover,
.stc-public-bio-page .lf-profile-links a:focus-visible { background:#f8fafc; color:#0f172a; border-color:#cbd5e1; filter:none; transform:translateY(-2px); box-shadow:0 5px 12px #0f172a12; }
.stc-public-bio-page .lf-profile-links a>.fa-brands { display:inline-block; opacity:1; visibility:visible; font-size:26px; line-height:1; color:#334155; }
.stc-public-bio-page .lf-profile-links a>.fa-youtube { color:#e62117; }
.stc-public-bio-page .lf-profile-links a>.fa-facebook { color:#1877f2; }
.stc-public-bio-page .lf-profile-links a>.fa-instagram { color:#c13584; }
.stc-public-bio-page .lf-profile-links a>.fa-tiktok,
.stc-public-bio-page .lf-profile-links a>.fa-github { color:#18181b; }
.stc-public-bio-page .lf-profile-links a>.fa-telegram { color:#087eae; }
.stc-public-bio-page .lf-profile-links a>.fa-discord { color:#5865f2; }
.stc-public-bio-page .lf-profile-links a>.fa-linkedin { color:#0a66c2; }
.stc-public-bio-page .lf-profile-links a>svg:first-child { width:26px; height:26px; color:#475569; }
@media(max-width:520px) {
    .stc-public-bio-page .lf-profile-links { grid-template-columns:repeat(auto-fit,80px); gap:10px; }
    .stc-public-bio-page .lf-profile-links a { width:80px; height:80px; border-radius:14px; }
}
@media(prefers-reduced-motion:reduce) { .stc-public-bio-page .lf-profile-links a:hover { transform:none; } }
.stc-public-bio-page .lf-bio-editor { z-index:100000; font-family:Arial,"Segoe UI",sans-serif; }
.stc-public-bio-page .lf-bio-editor * { box-sizing:border-box; }
.stc-public-bio-page .lf-bio-editor svg { width:20px; height:20px; flex-shrink:0; }
.stc-public-bio-page .lf-bio-editor-panel { height:100%; height:100dvh; max-width:100vw; margin:0; }
.stc-public-bio-page .lf-bio-editor-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.stc-public-bio-page .lf-bio-editor-panel>header { position:static; width:auto; height:auto; }
.stc-public-bio-page .lf-bio-editor-panel>header span { color:#15803d; }
.stc-public-bio-page .lf-bio-editor-panel>footer { padding-bottom:max(14px,env(safe-area-inset-bottom)); }
.stc-public-bio-page .lf-link-row { display:grid; grid-template-columns:38px minmax(0,1fr) 40px; gap:10px; padding:14px; border:1px solid #dbe7df; border-radius:14px; background:#fff; }
.stc-public-bio-page .lf-link-row .lf-link-icon-preview { grid-column:1; grid-row:1; display:grid; place-items:center; width:38px; height:42px; border-radius:10px; background:#f0fdf4; color:#166534; font-size:23px; }
.stc-public-bio-page .lf-link-row select { grid-column:2; grid-row:1; min-width:0; }
.stc-public-bio-page .lf-link-row input { grid-column:1 / -1; width:100%; min-width:0; min-height:44px; }
.stc-public-bio-page .lf-link-row button { grid-column:3; grid-row:1; }
.stc-public-bio-page .lf-bio-editor-panel input:focus,.stc-public-bio-page .lf-bio-editor-panel textarea:focus,.stc-public-bio-page .lf-bio-editor-panel select:focus { border-color:#15803d; outline-color:#15803d; }
.stc-public-bio-page .lf-editor-save { background:#15803d; color:#fff; }
@media(max-width:720px) {
    .stc-public-bio-page [data-public-profile] .lf-bio-content { padding-bottom:28px; }
    .stc-public-bio-page .lf-bio-editor-panel>header { gap:10px; }
    .stc-public-bio-page .lf-bio-editor-panel>footer button { min-width:0; white-space:normal; }
}