/* A calmer, more editorial community that keeps the existing tools easy to find. */
#community-root.community-shell{max-width:1240px;padding:4px 0 72px;color:#332d29}
#community-root.community-shell:before{display:block;inset:-12px -22px;border-radius:34px;background:linear-gradient(180deg,#fbf8f2 0%,#fbf8f2ed 44%,#fbf8f2f7 100%),url('/assets/editorial-family-v3.webp') center 7%/cover no-repeat;z-index:-1}
#community-root .community-hero{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto auto;gap:12px 26px;align-items:center;padding:28px 32px;border:1px solid #e9dfd3;border-radius:28px;background:linear-gradient(110deg,#fffdf9 0%,#f4ebdf 100%);box-shadow:0 16px 42px #493a2b0d;color:#342d28}
#community-root .community-hero>div{grid-column:1;grid-row:1}
#community-root .community-hero-art{display:block!important;grid-column:2;grid-row:1/3;width:220px;height:176px;border-radius:90px 90px 28px 28px;object-fit:cover;object-position:center 32%;box-shadow:0 12px 26px #55433020}
#community-root .community-hero h1{max-width:600px;margin:10px 0 8px;font-size:clamp(30px,3.4vw,46px);line-height:1.04;letter-spacing:-1.5px;color:#382b35}
#community-root .community-hero p{max-width:590px;color:#665c58;font-size:14px;line-height:1.65}
#community-root .community-hero .eyebrow{color:#76506a;letter-spacing:.13em}
#community-root .community-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
#community-root .community-hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 15px;border:1px solid transparent;border-radius:13px;font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
#community-root .community-hero-actions button:hover{transform:translateY(-1px)}
#community-root .community-hero-primary{background:#526b49;color:#fff;box-shadow:0 5px 12px #526b4925}
#community-root .community-hero-primary:hover{background:#405b39;box-shadow:0 7px 16px #526b4938}
#community-root .community-hero-secondary{border-color:#e4d9cd!important;background:#fffaf4;color:#55434f}
#community-root .community-hero-secondary:hover{background:#f1e8ef}
#community-root .community-live{grid-column:1;grid-row:2;align-self:start;margin-top:3px;padding:7px 11px;border:1px solid #dce7d4;border-radius:999px;background:#f4f8ef;color:#456040;font-size:11px;font-weight:700}
#community-root .community-live i{background:#62a66a;box-shadow:0 0 0 4px #62a66a24}
#community-root .community-safety-card{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;margin:14px 0;padding:13px 16px;border:1px solid #e8dfd3;border-left:3px solid #8b6a80;border-radius:16px;background:#fffdf9;box-shadow:0 4px 16px #493a2b08;color:#413a37}
#community-root .community-safety-icon{width:36px;height:36px;border-radius:12px;background:#f3ebf1;font-size:19px}
#community-root .community-safety-card strong{font-size:13px}
#community-root .community-safety-card p{margin-top:3px;color:#706763;font-size:11px;line-height:1.45}
#community-root .community-safety-link{min-height:40px;padding:0 12px;border-radius:12px;background:#5b354e;color:#fff!important;font-size:11px}
#community-root .community-discover{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin:14px 0 18px}
#community-root .community-discover article{min-width:0;padding:16px 18px;border:1px solid #e8dfd3;border-radius:19px;box-shadow:0 5px 18px #493a2b08}
#community-root .community-weekly{background:linear-gradient(125deg,#edf1e5,#f7f5ec)}
#community-root .community-weekly:after{right:14px;top:8px;color:#97a58155;font-size:54px}
#community-root .community-topics{background:#fffdf9}
#community-root .community-discover .eyebrow{font-size:9px;letter-spacing:.12em;color:#796579}
#community-root .community-discover h2{margin:7px 0 4px;font-size:17px;line-height:1.25;letter-spacing:-.3px;color:#3d343c}
#community-root .community-discover p{margin:4px 0 0;color:#706763;font-size:11px;line-height:1.5}
#community-root .community-weekly>button{min-height:38px;margin-top:10px;padding:0 14px;border-radius:11px;background:#526b49;color:#fff;font-size:11px;font-weight:750}
#community-root .community-topics>div{gap:6px;margin:10px 0 7px}
#community-root .community-topics button{min-height:34px;padding:6px 10px;border-color:#e5d8e8;background:#f7f1f7;color:#654b63;font-size:10px;font-weight:700}
#community-root .community-mobile-tabs{position:sticky;top:8px;z-index:5;margin:15px 0;padding:5px;border:1px solid #e8dfd3;border-radius:15px;background:#f0e8df;box-shadow:0 5px 14px #493a2b12}
#community-root .community-mobile-tabs button{min-height:42px;border-radius:11px;color:#5c4d56;font-size:12px;font-weight:750}
#community-root .community-mobile-tabs button[aria-pressed=true]{background:#fffdf9;color:#533e51;box-shadow:0 2px 9px #493a2b14}
#community-root .community-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:17px;align-items:start}
#community-root .community-composer,#community-root .community-post,#community-root .community-chat{border-color:#e8dfd4;border-radius:20px;background:#fffefa;box-shadow:0 8px 24px #493a2b0a}
#community-root .community-composer{padding:19px;gap:13px}
#community-root .community-compose-title{color:#463843;font-size:14px}
#community-root .community-composer textarea{min-height:74px;color:#342d29;font-size:14px;line-height:1.65}
#community-root .community-composer textarea::placeholder{color:#9c928c}
#community-root .community-prompts{gap:7px;margin:7px 0 12px}
#community-root .community-prompts button{min-height:36px;border-color:#e5ddd2;background:#f8f4ed;color:#62564c;font-weight:650}
#community-root .community-prompts button:hover{border-color:#b6c5a9;background:#eef3e9;color:#38563f}
#community-root .community-emoji-tools button{width:36px;height:36px;border:1px solid #eee4d9;border-radius:11px;background:#fffaf3}
#community-root .community-compose-footer{padding-top:12px;border-top:1px solid #f0e8df}
#community-root .community-compose-footer .primary-button{min-height:42px;padding:0 17px;border-radius:12px;background:#526b49;color:#fff;font-weight:750}
#community-root .community-feed-toolbar{margin:22px 2px 11px}
#community-root .community-feed-toolbar h2{font-size:19px;letter-spacing:-.4px;color:#3d343a}
#community-root .community-feed-toolbar .text-link{min-height:38px;padding:0 12px;border-radius:11px;background:#f1e9f0;color:#634c60}
#community-root .community-feed-tools{padding:12px;border:1px solid #e8dfd4;border-radius:17px;background:#fffefa}
#community-root .community-filters{gap:6px;margin-bottom:10px}
#community-root .community-filters button{min-height:38px;padding:7px 11px;border-color:#e9dfd3;background:#f8f4ed;color:#62564c;font-size:11px;font-weight:650}
#community-root .community-filters button[aria-pressed=true]{border-color:#5b354e;background:#5b354e;color:#fff}
#community-root #community-feed-search{min-height:44px;border-color:#e7ded4;border-radius:12px;background:#fbf8f3;color:#342d29;font-size:13px}
#community-root .community-sort{color:#706763;font-size:11px}
#community-root .community-sort select{min-height:36px;border:1px solid #e7ded4;border-radius:10px;background:#fffefa;color:#433a36}
#community-root .community-post{padding:20px;margin-bottom:13px;transition:transform .18s ease,box-shadow .18s ease}
#community-root .community-post:hover{transform:translateY(-2px);box-shadow:0 12px 28px #493a2b12}
#community-root .community-post>header .community-avatar{width:42px;height:42px;border:2px solid #fff;box-shadow:0 2px 8px #332b2415}
#community-root .community-post>header strong{color:#40353f;font-size:13px}
#community-root .community-post>header small{color:#8b817b;font-size:10px}
#community-root .community-post-body{margin:14px 0;color:#49413d;font-size:14px;line-height:1.7}
#community-root .community-post-media{max-height:460px;border:1px solid #eee6dc;border-radius:16px;background:#f5f1eb}
#community-root .community-post>footer{align-items:center;gap:8px;border-top:1px solid #f0e9e0}
#community-root .community-post>footer button{min-height:38px;border-radius:11px;font-size:11px}
#community-root .community-like{background:#f8f0f3;color:#83556b}
#community-root .community-like.liked{background:#f4dce7;color:#8b375d}
#community-root .community-save{padding:7px 10px;border:1px solid #e8dfd4;background:#faf7f1;color:#60544b}
#community-root .community-comments{padding-top:10px;border-color:#eee6dc}
#community-root .community-chat{position:sticky;top:14px;padding:16px}
#community-root .community-online,#community-root .community-contacts{padding:14px;margin-bottom:12px;border:1px solid #eee5dc;border-radius:16px;background:#fffdf9}
#community-root .community-online-heading h2,#community-root .community-contacts h2{margin:5px 0 6px;font-size:16px;letter-spacing:-.2px;color:#403641}
#community-root .community-online-heading small,#community-root .community-contacts>p{color:#756b65;font-size:10px;line-height:1.45}
#community-root .community-count{display:grid;place-items:center;min-width:27px;height:27px;background:#eaf0e4;color:#47613e;font-weight:800}
#community-root .community-online-user{padding:9px;border:1px solid #eee7df;border-radius:13px;background:#fff}
#community-root .community-contact.is-accepted{padding:8px 2px}
#community-root .community-contact.is-incoming{border-radius:14px}
#community-root .community-chat-heading{align-items:center;margin:12px 2px 8px}
#community-root .community-chat-heading h2{margin:5px 0;font-size:16px;color:#403641}
#community-root .community-user{padding:10px 7px;border-radius:13px}
#community-root .community-user:hover{background:#f4f0e9}
#community-root .community-messages{min-height:160px;border:1px solid #eee5dc;border-radius:15px;background:#fbf8f3}
#community-root .community-message p{border:1px solid #eee4da;border-radius:15px 15px 15px 5px;background:#fff;color:#493d38}
#community-root .community-message.mine p{border-color:#d7e2ce;border-radius:15px 15px 5px 15px;background:#eaf1e5;color:#34412f}
#community-root .community-message-form textarea{min-height:72px;border:1px solid #e7ded4;border-radius:14px;background:#fbf8f3}
#community-root .community-chat .primary-button{min-height:42px;border-radius:12px;background:#526b49;color:#fff}
#community-root :is(button,a,summary,input,textarea,select):focus-visible{outline:3px solid #7c9b69;outline-offset:2px}
html[data-theme=dark] #community-root.community-shell{color:#f4eee8}
html[data-theme=dark] #community-root.community-shell:before{background:linear-gradient(180deg,#18161bf0 0%,#18161bf5 54%,#18161bf9 100%),url('/assets/editorial-family-v3.webp') center 7%/cover no-repeat}
html[data-theme=dark] #community-root .community-hero{border-color:#564957;background:linear-gradient(110deg,#2b242d,#302b28);color:#f7f0f5}
html[data-theme=dark] #community-root .community-hero-primary{border-color:#6e855f;background:#657c57;color:#fff}
html[data-theme=dark] #community-root .community-hero-primary:hover{background:#789168}
html[data-theme=dark] #community-root .community-hero-secondary{border-color:#594d58!important;background:#39313b;color:#f2e7f1}
html[data-theme=dark] #community-root .community-hero-secondary:hover{background:#4a3b4b}
html[data-theme=dark] #community-root .community-hero h1,html[data-theme=dark] #community-root .community-feed-toolbar h2{color:#f6edf4}
html[data-theme=dark] #community-root .community-hero p{color:#d2c5d0}
html[data-theme=dark] #community-root .community-live{border-color:#496043;background:#273326;color:#d8ebce}
html[data-theme=dark] #community-root .community-safety-card,html[data-theme=dark] #community-root .community-discover article,html[data-theme=dark] #community-root .community-feed-tools,html[data-theme=dark] #community-root .community-online,html[data-theme=dark] #community-root .community-contacts{border-color:#524844;background:#29252a;color:#f0e7ed;box-shadow:none}
html[data-theme=dark] #community-root .community-safety-card p,html[data-theme=dark] #community-root .community-discover p,html[data-theme=dark] #community-root .community-online-heading small,html[data-theme=dark] #community-root .community-contacts>p{color:#cbbfc3}
html[data-theme=dark] #community-root .community-discover h2,html[data-theme=dark] #community-root .community-online-heading h2,html[data-theme=dark] #community-root .community-contacts h2,html[data-theme=dark] #community-root .community-chat-heading h2{color:#f4eaf1}
html[data-theme=dark] #community-root .community-weekly{background:linear-gradient(125deg,#2b352b,#2e3028)}
html[data-theme=dark] #community-root .community-topics button,html[data-theme=dark] #community-root .community-prompts button,html[data-theme=dark] #community-root .community-filters button,html[data-theme=dark] #community-root .community-save{border-color:#5b504d;background:#332d32;color:#ebdfea}
html[data-theme=dark] #community-root .community-filters button[aria-pressed=true]{border-color:#c9a6c1;background:#745a70;color:#fff}
html[data-theme=dark] #community-root .community-composer,html[data-theme=dark] #community-root .community-post,html[data-theme=dark] #community-root .community-chat{border-color:#51484d;background:#252328;color:#f1e9ef;box-shadow:0 8px 24px #0002}
html[data-theme=dark] #community-root .community-compose-title,html[data-theme=dark] #community-root .community-post>header strong{color:#f0e5ed}
html[data-theme=dark] #community-root .community-composer textarea,html[data-theme=dark] #community-root .community-post-body{color:#e8dfe5}
html[data-theme=dark] #community-root #community-feed-search,html[data-theme=dark] #community-root .community-sort select,html[data-theme=dark] #community-root .community-messages,html[data-theme=dark] #community-root .community-message-form textarea{border-color:#51484d;background:#201e23;color:#f1e9ef}
html[data-theme=dark] #community-root .community-online-user{border-color:#51484d;background:#302c31}
html[data-theme=dark] #community-root .community-message p{border-color:#51484d;background:#373239;color:#f4ebf1}
html[data-theme=dark] #community-root .community-message.mine p{border-color:#4c6045;background:#303e2d;color:#edf6e9}
html[data-theme=dark] #community-root .community-mobile-tabs{border-color:#50434c;background:#302a31}
html[data-theme=dark] #community-root .community-mobile-tabs button{color:#e9dfe6}
html[data-theme=dark] #community-root .community-mobile-tabs button[aria-pressed=true]{background:#51414f;color:#fff}
@media(max-width:1100px){#community-root.community-shell{max-width:900px}#community-root .community-layout{grid-template-columns:minmax(0,1fr);gap:14px}#community-root .community-chat{position:static;width:auto}#community-root .community-mobile-tabs{display:flex}#community-root:not([data-panel=chat]) .community-chat{display:none}#community-root[data-panel=chat] .community-feed{display:none}}
@media(max-width:640px){#community-root.community-shell{width:100%;padding:0 0 40px}#community-root.community-shell:before{inset:0;border-radius:0;background:linear-gradient(180deg,#fbf8f2ed,#fbf8f2f9),url('/assets/editorial-family-v3.webp') center top/auto 480px no-repeat}#community-root .community-hero{grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:auto auto;margin:0;padding:22px 17px;border-radius:0 0 22px 22px;gap:10px}#community-root .community-hero>div{grid-column:1;grid-row:1}#community-root .community-hero h1{max-width:275px;font-size:29px;letter-spacing:-.9px}#community-root .community-hero p{grid-column:1/-1;font-size:12px}#community-root .community-hero-art{grid-column:2;grid-row:1/3;width:82px;height:112px;border-radius:42px 42px 17px 17px}#community-root .community-live{grid-column:1/-1;grid-row:3;min-height:32px}#community-root .community-safety-card{grid-template-columns:32px minmax(0,1fr);gap:9px;margin:10px 0;padding:11px;border-radius:14px}#community-root .community-safety-icon{width:32px;height:32px;font-size:16px}#community-root .community-safety-link{grid-column:2;justify-self:start;min-height:34px;padding:0 10px;font-size:10px}#community-root .community-safety-card p{font-size:10px}#community-root .community-moderation-contact{display:none}#community-root .community-discover{grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0}#community-root .community-discover article{padding:13px 14px;border-radius:15px}#community-root .community-discover h2{font-size:15px}#community-root .community-weekly>button{margin-top:7px}#community-root .community-topics>div{margin:8px 0 4px}#community-root .community-mobile-tabs{top:4px;margin:10px 0;padding:4px}#community-root .community-layout{margin-top:10px}#community-root .community-composer{grid-template-columns:minmax(0,1fr);padding:14px;border-radius:17px}#community-root .community-composer>.community-avatar{display:none}#community-root .community-composer textarea{min-height:65px;font-size:16px}#community-root .community-prompts{gap:5px;margin-bottom:8px}#community-root .community-prompts button{min-height:40px;padding:7px 9px;font-size:10px}#community-root .community-compose-footer{gap:8px}#community-root .community-compose-footer .primary-button{min-height:42px}#community-root .community-feed-toolbar{margin:17px 2px 9px}#community-root .community-feed-toolbar h2{font-size:17px}#community-root .community-feed-tools{padding:9px;border-radius:14px}#community-root .community-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}#community-root .community-filters button{flex:0 0 auto;min-height:42px}#community-root .community-sort{display:flex;align-items:center;gap:8px;margin:8px 2px}#community-root .community-sort select{min-height:42px}#community-root .community-post{padding:15px 13px;border-radius:17px}#community-root .community-post>footer{flex-wrap:wrap}#community-root .community-post>footer button{min-height:42px}#community-root .community-chat{padding:13px;border-radius:17px}#community-root .community-online-list{display:flex;gap:8px;overflow:auto;padding-bottom:4px}#community-root .community-online-user{flex:0 0 175px}#community-root .community-users{max-height:230px}#community-root .community-conversation{min-width:0}#community-root .community-messages{height:44dvh;min-height:230px;max-height:420px}}
@media(prefers-reduced-motion:reduce){#community-root .community-post{transition:none}#community-root .community-post:hover{transform:none}}
#community-root .community-moderation-contact{display:block!important;font-size:10px!important}
#community-root .chat-profile-trigger{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 9px #49344418;cursor:pointer}
#community-root .chat-profile-trigger img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
#community-root .chat-profile-title{min-width:0;flex:1}
#community-root .chat-profile-title>button{display:block;padding:0;border:0;background:transparent;color:#382c24;font:inherit;font-weight:700;font-size:16px;line-height:1.3;text-align:left;cursor:pointer}
#community-root .chat-profile-title>button:hover{text-decoration:underline;text-underline-offset:3px}
#community-root .community-profile-card{position:relative;display:flex;align-items:center;gap:13px;margin:10px 12px 0;padding:13px 42px 13px 13px;border:1px solid #ead9c6;border-radius:16px;background:linear-gradient(115deg,#fffaf2,#f7eee2);box-shadow:0 5px 18px #45392a0c}
#community-root .community-profile-card[hidden]{display:none}
#community-root .community-profile-card-avatar{width:52px;height:52px;flex:0 0 52px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#ead9c6;box-shadow:0 2px 8px #45392a18}
#community-root .community-profile-card-avatar img{width:100%;height:100%;object-fit:cover}
#community-root .community-profile-card-copy{min-width:0}
#community-root .community-profile-card-copy .eyebrow{font-size:9px;letter-spacing:.12em;color:#80634b}
#community-root .community-profile-card-copy h3{margin:2px 0 3px;font-size:16px;color:#382c24}
#community-root .community-profile-card-copy p{margin:0;color:#65574b;font-size:12px}
#community-root .community-profile-card-copy small{display:block;margin-top:4px;color:#817364;font-size:10px}
#community-root .community-profile-card>button{position:absolute;top:7px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#eee3d5;color:#574532;font-size:19px;cursor:pointer}
html[data-theme=dark] #community-root .chat-profile-title>button{color:#f3f5e7}
html[data-theme=dark] #community-root .community-profile-card{border-color:#536247;background:linear-gradient(115deg,#2d382b,#293129);box-shadow:none}
html[data-theme=dark] #community-root .community-profile-card-copy :is(h3,p,small){color:#e4e8d9}
html[data-theme=dark] #community-root .community-profile-card-copy .eyebrow{color:#c8d5ad}
html[data-theme=dark] #community-root .community-profile-card>button{background:#41513a;color:#f3f5e7}
@media(max-width:640px){#community-root .chat-profile-trigger{width:36px;height:36px;flex-basis:36px}#community-root .community-profile-card{margin:8px 8px 0;padding:11px 38px 11px 11px;border-radius:13px}#community-root .community-profile-card-avatar{width:44px;height:44px;flex-basis:44px}}

#community-root .chat-profile-open{display:grid;place-items:center;width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:0;border:1px solid #ddcddd;border-radius:50%;background:#f8f1f7;color:#694a65;font:700 15px/1 Manrope,sans-serif;cursor:pointer;transition:background .16s ease,transform .16s ease}
#community-root .chat-profile-open:hover{background:#eddfeb;transform:translateY(-1px)}
#community-root .chat-profile-open:focus-visible{outline:3px solid #a8789c;outline-offset:2px}
html[data-theme=dark] #community-root .chat-profile-open{border-color:#625166;background:#3a303d;color:#ecddec}
html[data-theme=dark] #community-root .chat-profile-open:hover{background:#4a3a4c}
@media(max-width:640px){#community-root .chat-profile-open{width:32px;height:32px;min-height:32px;flex-basis:32px;font-size:14px}}

/* Private chat: clear identity, readable bubbles and reliable presence contrast. */
#community-root .chat-room-header{display:flex;align-items:center;gap:11px;margin:0 0 10px;padding:12px;border:1px solid #e8dce5;border-radius:18px;background:linear-gradient(120deg,#f5edf3,#f5f3eb)}
#community-root .community-online-user .community-avatar{position:relative}
#community-root .community-online-user .community-avatar>i{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#29985b;box-shadow:0 0 0 3px #29985b24}
#community-root .chat-room-header .chat-private{display:none}
#community-root .chat-presence{display:flex;align-items:center;gap:7px;margin-top:4px;color:#68606a;font-size:11px}
#community-root .chat-presence:before{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#a29aa1;content:""}
#community-root .chat-presence[data-state=online]:before{background:#29985b;box-shadow:0 0 0 3px #29985b24}
#community-root .chat-presence[data-state=offline]:before{background:#dc5b62;box-shadow:0 0 0 3px #dc5b6224}
#community-root .chat-presence[data-state=unknown]:before{background:#d39a42}
#community-root .community-messages{height:340px;max-height:52vh;min-height:190px;gap:11px;padding:15px 12px;background:radial-gradient(ellipse at top,#f6eff5,#f8f6f1 72%);scroll-behavior:smooth;overscroll-behavior:contain}
#community-root .community-message{width:fit-content;max-width:min(84%,420px);align-self:flex-start}
#community-root .community-message.mine{align-self:flex-end}
#community-root .community-message p{width:fit-content;max-width:100%;padding:10px 13px;border:1px solid #e8dfe7;border-radius:17px 17px 17px 5px;background:#fff;color:#3d3540;font-size:13px;line-height:1.55;box-shadow:0 2px 8px #362a360c}
#community-root .community-message.mine p{border-color:#68435f;border-radius:17px 17px 5px 17px;background:#5b354e;color:#fff;box-shadow:0 3px 10px #5b354e20}
#community-root .chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:18px}
#community-root .chat-message-meta small{margin:2px 5px;color:#807782;font-size:10px}
#community-root .community-message.mine .chat-message-meta small{color:#756b78}
#community-root .chat-day{display:flex;align-items:center;gap:8px;margin:6px 0;color:#807782;font-size:10px}
#community-root .chat-day:before,#community-root .chat-day:after{height:1px;flex:1;background:#e6dfe5;content:""}
#community-root .chat-day span{padding:4px 10px;border:1px solid #e9e1e8;border-radius:999px;background:#fff}
#community-root .chat-welcome{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;min-height:100%;padding:24px 16px;text-align:center}
#community-root .chat-welcome>span{width:100%;font-size:34px}
#community-root .chat-welcome h3{width:100%;margin:0;color:#49374a;font-size:17px}
#community-root .chat-welcome p{width:100%;margin:0 0 5px;color:#756b75;font-size:12px;line-height:1.55}
#community-root .chat-welcome button{min-height:38px;padding:8px 12px;border:1px solid #e3d5e2;border-radius:999px;background:#fff;color:#5b354e;font-size:11px;font-weight:700;cursor:pointer}
#community-root .community-message-form{margin-top:10px;padding:10px;border:1px solid #e6dce5;border-radius:18px;background:#fff}
#community-root .community-message-form textarea{min-height:56px;max-height:140px;padding:10px;border:0;border-radius:10px;background:transparent;color:#332d35;font-size:14px;line-height:1.5}
#community-root .community-message-form textarea::placeholder{color:#918792}
#community-root .chat-composer-tools{display:flex;align-items:center;gap:7px;padding-top:8px;border-top:1px solid #eee8ed}
#community-root .chat-attach,#community-root .chat-emoji-picker>summary{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;min-height:38px;padding:0 10px;border:1px solid #e7dce6;border-radius:12px;background:#faf6fa;color:#5b354e;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
#community-root .chat-emoji-picker>summary::-webkit-details-marker{display:none}
#community-root .chat-emoji-grid{z-index:20;max-width:min(260px,calc(100vw - 48px));padding:9px;border:1px solid #e6dce5;border-radius:15px;background:#fff;box-shadow:0 12px 34px #21182125}
#community-root .chat-emoji-grid button{min-width:38px;min-height:38px;border-radius:10px;background:transparent;font-size:20px;cursor:pointer}
#community-root .chat-emoji-grid button:hover{background:#f4eaf2}
#community-root .chat-counter{margin-left:auto;color:#877d86;font-size:10px;white-space:nowrap}
#community-root .chat-send{min-height:40px;padding:0 15px!important;border:0!important;border-radius:13px!important;background:#5b354e!important;color:white!important;font-size:12px;font-weight:750;white-space:nowrap}
#community-root .chat-send:hover{background:#754968!important}
#community-root .chat-send:disabled{opacity:.58;cursor:wait}
#community-root .chat-composer-hint{display:block;margin:7px 2px 0;color:#817882;font-size:10px;line-height:1.45}
html[data-theme=dark] #community-root .chat-room-header{border-color:#514652;background:linear-gradient(120deg,#332a35,#292c28)}
html[data-theme=dark] #community-root .community-online-user .community-avatar>i{border-color:#302c31;background:#58d28a;box-shadow:0 0 0 3px #58d28a24}
html[data-theme=dark] #community-root .chat-presence{color:#c9becb}
html[data-theme=dark] #community-root .chat-presence[data-state=online]:before{background:#58d28a;box-shadow:0 0 0 3px #58d28a24}
html[data-theme=dark] #community-root .chat-presence[data-state=offline]:before{background:#ff777e;box-shadow:0 0 0 3px #ff777e24}
html[data-theme=dark] #community-root .community-messages{border-color:#514652;background:radial-gradient(ellipse at top,#302733,#211f24 74%)}
html[data-theme=dark] #community-root .community-message p{border-color:#514652!important;background:#39333c!important;color:#f4edf4!important;box-shadow:none!important}
html[data-theme=dark] #community-root .community-message.mine p{border-color:#805d79!important;background:#684763!important;color:#fff!important}
html[data-theme=dark] #community-root .chat-day{color:#c0b3c2}
html[data-theme=dark] #community-root .chat-day:before,html[data-theme=dark] #community-root .chat-day:after{background:#4d4550}
html[data-theme=dark] #community-root .chat-day span{border-color:#4d4550;background:#302a33;color:#e7dce8}
html[data-theme=dark] #community-root .chat-welcome h3{color:#f3e7f2}
html[data-theme=dark] #community-root .chat-welcome p,html[data-theme=dark] #community-root .chat-composer-hint{color:#c2b6c4}
html[data-theme=dark] #community-root .chat-welcome button,html[data-theme=dark] #community-root .chat-attach,html[data-theme=dark] #community-root .chat-emoji-picker>summary{border-color:#5b4c5e;background:#352d38;color:#f2e7f3}
html[data-theme=dark] #community-root .chat-emoji-grid{border-color:#544657;background:#2b272e}
html[data-theme=dark] #community-root .chat-emoji-grid button:hover{background:#463747}
html[data-theme=dark] #community-root .community-message-form{border-color:#504650;background:#29262c}
html[data-theme=dark] #community-root .community-message-form textarea{color:#f5edf5}
html[data-theme=dark] #community-root .chat-composer-tools{border-color:#49414b}
html[data-theme=dark] #community-root .chat-counter{color:#c1b5c4}
@media(max-width:640px){#community-root .chat-room-header{gap:8px;padding:10px;border-radius:15px}#community-root .chat-profile-title>button{font-size:14px}#community-root .chat-profile-title{flex:1 1 80px}#community-root .community-messages{height:clamp(230px,46dvh,470px);max-height:none;padding:12px 8px}#community-root .community-message{max-width:90%}#community-root .chat-composer-tools{gap:5px;flex-wrap:wrap}#community-root .chat-emoji-picker>summary{font-size:0}#community-root .chat-emoji-picker>summary span{display:none}#community-root .chat-counter{font-size:9px}#community-root .chat-send{min-height:42px!important;padding:0 12px!important}#community-root .chat-composer-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){#community-root .community-messages{scroll-behavior:auto}}

/* Mobile community: reduce the long pre-feed stack and make shared media feel immediate. */
#community-root #community-preview:not([hidden]),#community-root .chat-attachment-preview:not([hidden]){display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid #e7ded4;border-radius:16px;background:#f8f3ec}
#community-root #community-preview:not([hidden]){flex-wrap:wrap}
#community-root #community-preview :is(img,video){display:block;width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#e9e1d7}
#community-root .chat-attachment-preview img{width:68px;height:68px;object-fit:cover;border-radius:11px}
#community-root .chat-photo{width:min(100%,320px);max-height:360px;object-fit:contain;background:#f0e9e1}
html[data-theme=dark] #community-root :is(#community-preview,.chat-attachment-preview){background:#29262d;border-color:#514652}
html[data-theme=dark] #community-root #community-preview :is(img,video){background:#1c1a20}
@media(max-width:640px){
 #community-root .community-hero{padding:18px 16px;gap:7px}
 #community-root .community-hero h1{font-size:26px;line-height:1.12}
 #community-root .community-hero p{font-size:12px;line-height:1.5}
 #community-root .community-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}
 #community-root .community-hero-actions button{min-width:0;min-height:44px;padding:7px 9px;border-radius:12px;font-size:11px;text-align:center}
 #community-root .community-safety-card{margin:8px 0;padding:10px;border-radius:13px}
 #community-root .community-discover{display:flex;gap:9px;margin:9px -14px 12px;padding:0 14px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 #community-root .community-discover::-webkit-scrollbar{display:none}
 #community-root .community-discover article{flex:0 0 min(82vw,330px);min-height:130px;scroll-snap-align:start}
 #community-root .community-mobile-tabs{position:sticky;top:4px;z-index:6;margin:10px 0;padding:5px;border:1px solid #e5d9e4;border-radius:16px;background:#f1e9e2;box-shadow:0 6px 18px #382c3512}
 #community-root .community-mobile-tabs button{min-height:46px;border-radius:12px;font-weight:750}
 #community-root .community-mobile-tabs button[aria-pressed=true]{background:#5b354e;color:#fff;box-shadow:0 3px 10px #5b354e30}
 #community-root .community-post-media{width:100%;max-height:min(54vh,440px);object-fit:contain;background:#f0e9e1}
 #community-root .community-post{overflow:hidden}
 #community-root .chat-attachment-preview{width:100%;box-sizing:border-box}
 #community-root .chat-photo{max-width:100%;max-height:300px}
 html[data-theme=dark] #community-root .community-mobile-tabs{background:#27232b;border-color:#514652}
 html[data-theme=dark] #community-root .community-mobile-tabs button{color:#ded4df}
 html[data-theme=dark] #community-root .community-mobile-tabs button[aria-pressed=true]{background:#684763;color:#fff}
}
@media(prefers-reduced-motion:reduce){#community-root .community-hero-actions button{transition:none}}

/* Keep inspiration available without making people scroll past it to reach the feed. */
#community-root details.community-discover{display:block;margin:12px 0 14px;border:1px solid #e8dfd3;border-radius:16px;background:#fffdf9;box-shadow:0 4px 14px #493a2b08}
#community-root .community-discover>summary{display:flex;align-items:center;gap:10px;min-height:49px;padding:6px 15px;cursor:pointer;list-style:none}
#community-root .community-discover>summary::-webkit-details-marker{display:none}
#community-root .community-discover>summary .eyebrow{margin:0;padding:6px 8px;border-radius:99px;background:#edf1e8;color:#506247;font-size:8px;letter-spacing:.1em}
#community-root .community-discover>summary strong{color:#51433f;font-size:12px;font-weight:700}
#community-root .community-discover-chevron{display:grid;place-items:center;width:27px;height:27px;margin-left:auto;border-radius:50%;background:#f5efe7;color:#725a49;font-size:18px;transition:transform .18s ease}
#community-root .community-discover[open] .community-discover-chevron{transform:rotate(180deg)}
#community-root .community-discover-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:0 11px 11px}
#community-root .community-discover-grid article{min-width:0}
#community-root .community-mobile-tabs{margin-top:12px}
html[data-theme=dark] #community-root details.community-discover{border-color:#524844;background:#29252a;box-shadow:none}
html[data-theme=dark] #community-root .community-discover>summary strong{color:#f4eaf1}
html[data-theme=dark] #community-root .community-discover>summary .eyebrow{background:#333b30;color:#d8e6ca}
html[data-theme=dark] #community-root .community-discover-chevron{background:#3b343b;color:#e8dce8}
@media(max-width:640px){
 #community-root details.community-discover{display:block;margin:9px 0 10px}
 #community-root .community-discover>summary{min-height:46px;padding:5px 10px;gap:7px}
 #community-root .community-discover>summary .eyebrow{font-size:7px}
 #community-root .community-discover>summary strong{font-size:11px}
 #community-root .community-discover-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 8px 8px}
 #community-root .community-discover-grid article{padding:12px;border-radius:13px}
 #community-root .community-discover-grid .community-topics{display:none}
 #community-root .community-discover[open] .community-topics{display:block}
}
@media(prefers-reduced-motion:reduce){#community-root .community-discover-chevron{transition:none}}

/* Prevent the editorial photo behind the page from competing with the hero on phones. */
html body #community-root.community-shell{background:#fbf8f2;border-radius:26px}
html body #community-root.community-shell:before{background:radial-gradient(ellipse at 8% 0%,#f1e8dc 0,transparent 36%),linear-gradient(180deg,#fbf8f2,#fbf8f2 72%,#f8f4ee)}
html body #main #community-root .community-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto auto;min-height:0;justify-content:initial;align-items:center;gap:12px 26px;padding:28px 32px;background:linear-gradient(110deg,#fffdf9,#f3ebdf)!important}
html body #community-root .community-hero>div{max-width:100%}
html body #community-root .community-hero-art{display:block!important}
html[data-theme=dark] #community-root.community-shell:before{background:linear-gradient(180deg,#211e23,#211e23 70%,#1c1b20)}
html[data-theme=dark] body #community-root.community-shell{background:#211e23}
html[data-theme=dark] body #main #community-root .community-hero{background:linear-gradient(110deg,#2b242d,#302b28)!important}

/* A more social, colorful feel for the community without losing readability. */
html body #main #community-root .community-hero{border-color:#6e4b65;background:linear-gradient(118deg,#49243f 0%,#70405f 62%,#895b6a 100%)!important;box-shadow:0 14px 32px #512c482b}
html body #main #community-root .community-hero h1{color:#fff8f1!important}
html body #main #community-root .community-hero p{color:#f1dfe9!important}
html body #main #community-root .community-hero .eyebrow{color:#f5c49f!important}
html body #community-root .community-hero-art{border:4px solid #fff5e8;box-shadow:0 12px 26px #2d142f40}
html body #community-root .community-live{border-color:#cfb8ca;background:#fff8f2;color:#533b4c}
html body #community-root .community-live i{background:#53a977;box-shadow:0 0 0 4px #53a97730}
html body #community-root .community-hero-primary{border-color:#f1b59d;background:#f3ad91;color:#49243f;box-shadow:0 5px 14px #25152d35}
html body #community-root .community-hero-primary:hover{background:#ffbea2}
html body #community-root details.community-discover{border-color:#e8d5e3;background:linear-gradient(135deg,#fff9fc,#fbf1f8);box-shadow:0 8px 22px #67405d12}
html body #community-root .community-discover>summary .eyebrow{background:#f7dfd4;color:#8b4f50}
html body #community-root .community-discover>summary strong{color:#56314f}
html body #community-root .community-discover-chevron{background:#f2e0ec;color:#704d67}
html body #community-root .community-weekly{background:linear-gradient(130deg,#f9e3d9,#f4e6f2)!important}
html body #community-root .community-weekly h2{color:#62384f}
html body #community-root .community-weekly>button{background:#8a4b70;color:#fff}
html body #community-root .community-weekly>button:hover{background:#6d3658}
html body #community-root .community-topics button{border-color:#ead2e4;background:#fff8fd;color:#704b68}
html body #community-root .community-topics button:hover{border-color:#d9a9c8;background:#f7e7f1}
html body #community-root .community-composer{border-color:#e4d6e5;background:linear-gradient(150deg,#fffdfd,#faf4fb);box-shadow:0 10px 28px #573a5411}
html body #community-root .community-compose-title{color:#57344e}
html body #community-root .community-emoji-tools button{border-color:#eee0eb;background:#fff8fc;transition:transform .16s ease,background .16s ease}
html body #community-root .community-emoji-tools button:nth-child(2n){background:#fff5e8}
html body #community-root .community-emoji-tools button:hover{transform:translateY(-3px) rotate(-4deg);background:#f6e4f0}
html body #community-root .community-prompts button{border-color:#e9d9e7;background:#f8eff7;color:#684660}
html body #community-root .community-prompts button:nth-child(2){border-color:#f0d7c9;background:#fff3eb;color:#8a514b}
html body #community-root .community-prompts button:nth-child(3){border-color:#e1e8d7;background:#f2f6eb;color:#526244}
html body #community-root .community-compose-footer .primary-button{background:#70405f;color:#fff}
html body #community-root .community-mobile-tabs{border-color:#e4d5e3;background:#f2e7ef}
html body #community-root .community-mobile-tabs button[aria-pressed=true]{background:#70405f;color:#fff}
html body #community-root .community-post{border-color:#e9dfe5;border-top:3px solid #d9a5c5;background:#fffdfc;box-shadow:0 8px 22px #493a2b0b}
html body #community-root .community-post:nth-child(3n+2){border-top-color:#e7a98e}
html body #community-root .community-post:nth-child(3n){border-top-color:#a8bd91}
html body #community-root .community-post>header .community-avatar{border-color:#f2e3ec;background:#f7e9f1}
html body #community-root .community-reaction-picker button{min-width:39px;min-height:39px;border:1px solid #eee3eb;border-radius:13px;background:#fff8fc;transition:transform .16s ease,background .16s ease}
html body #community-root .community-reaction-picker button:hover{transform:translateY(-2px) scale(1.06);background:#f6e6f0}
html body #community-root .community-like{background:#f8eaf1;color:#a4436b}
html body #community-root .community-like.liked{background:#f6d5e4;color:#973655}
html body #community-root .community-save[aria-pressed=true]{border-color:#edcfaa;background:#fff1d9;color:#845721}
html body #community-root .community-feed-tools{border-color:#e8dce7;background:#fffdfd}
html body #community-root .community-filters button[aria-pressed=true]{border-color:#70405f;background:#70405f;color:#fff}
html body #community-root #community-feed-search{border-color:#e8dce7;background:#fbf7fb}
html[data-theme=dark] body #community-root .community-hero-primary{border-color:#e7aa91;background:#dc9b81;color:#2b2024}
html[data-theme=dark] body #community-root .community-live{border-color:#594b59;background:#302a33;color:#f1dbea}
html[data-theme=dark] body #community-root details.community-discover{border-color:#584858;background:#2c2630}
html[data-theme=dark] body #community-root .community-weekly{background:linear-gradient(130deg,#49302e,#422e43)!important}
html[data-theme=dark] body #community-root .community-weekly h2,html[data-theme=dark] body #community-root .community-discover>summary strong{color:#f6e5f0}
html[data-theme=dark] body #community-root .community-weekly>button{background:#b47798;color:#211820}
html[data-theme=dark] body #community-root .community-topics button{border-color:#574656;background:#352c38;color:#eed8e9}
html[data-theme=dark] body #community-root .community-composer{border-color:#514653;background:linear-gradient(150deg,#2c2830,#29252d)}
html[data-theme=dark] body #community-root .community-compose-title{color:#f2e1ee}
html[data-theme=dark] body #community-root .community-prompts button{border-color:#584858;background:#362c39;color:#f0ddec}
html[data-theme=dark] body #community-root .community-prompts button:nth-child(2){border-color:#654943;background:#3d2d2b;color:#f2d3c8}
html[data-theme=dark] body #community-root .community-prompts button:nth-child(3){border-color:#4d5944;background:#2e352b;color:#dcebcf}
html[data-theme=dark] body #community-root .community-post{border-color:#514653;border-top-color:#a96c91;background:#29262d}
html[data-theme=dark] body #community-root .community-post:nth-child(3n+2){border-top-color:#c98770}
html[data-theme=dark] body #community-root .community-post:nth-child(3n){border-top-color:#809568}
html[data-theme=dark] body #community-root .community-reaction-picker button{border-color:#544755;background:#342d37}
html[data-theme=dark] body #community-root .community-feed-tools{border-color:#514653;background:#29262d}
html[data-theme=dark] body #community-root #community-feed-search{border-color:#514653;background:#211f24}
@media(max-width:640px){
 html body #main #community-root .community-hero{grid-template-columns:minmax(0,1fr) 72px;background:linear-gradient(118deg,#49243f,#70405f 70%,#895b6a)!important}
 html body #community-root .community-hero h1{font-size:26px;line-height:1.08}
 html body #community-root .community-hero-art{border-color:#fff5e8}
 html body #community-root .community-hero-primary{background:#f3ad91;color:#49243f}
 html body #community-root .community-live{background:#fff8f2;color:#533b4c}
 html body #community-root .community-discover-grid article{box-shadow:0 4px 12px #5e36500d}
 html body #community-root .community-post{box-shadow:0 5px 16px #493a2b0c}
}
@media(prefers-reduced-motion:reduce){html body #community-root :is(.community-emoji-tools button,.community-reaction-picker button){transition:none}}

#community-root .community-character-picker{position:relative;max-width:100%}
#community-root .community-character-picker>summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 12px;border:1px solid #b78da7;border-radius:12px;background:#f4e9f0;color:#57384d;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
#community-root .community-character-picker>summary::-webkit-details-marker{display:none}
#community-root .community-character-picker[open]>summary{border-radius:12px 12px 0 0}
#community-root .community-character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;position:absolute;z-index:5;top:100%;left:0;width:min(380px,calc(100vw - 54px));padding:9px;border:1px solid #d8bbcd;border-radius:0 14px 14px 14px;background:#fffafc;box-shadow:0 14px 30px #35233830}
#community-root .community-character-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:75px;padding:4px;border-radius:9px;border:1px solid transparent;background:transparent;color:#57384d;cursor:pointer;font-size:11px;text-transform:capitalize}
#community-root .community-character-grid button:hover,#community-root .community-character-grid button:focus-visible{border-color:#b78da7;background:#f4e9f0;outline-offset:2px}
#community-root .community-character-grid img{width:50px;height:50px;max-width:100%;object-fit:cover;border-radius:50%}
html[data-theme=dark] #community-root .community-character-picker>summary{border-color:#936f88;background:#443445;color:#fff0f8}
html[data-theme=dark] #community-root .community-character-grid{border-color:#795b72;background:#302731}
html[data-theme=dark] #community-root .community-character-grid button{color:#fff0f8}
html[data-theme=dark] #community-root .community-character-grid button:hover,html[data-theme=dark] #community-root .community-character-grid button:focus-visible{background:#574058}
@media(max-width:640px){#community-root .community-character-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(260px,calc(100vw - 54px))}}
@media(max-width:640px){
 html body #community-root.community-shell{padding:0 10px 40px;background:#fbf8f2;border-radius:0}
 html body #community-root.community-shell:before{inset:0;background:linear-gradient(180deg,#fbf8f2,#fbf8f2 72%,#f8f4ee);border-radius:0}
 html body #main #community-root .community-hero{grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:auto auto;align-items:start;gap:8px 10px;min-height:0;margin:0 -10px;padding:19px 15px 14px;border:1px solid #6e4b65;border-radius:0 0 21px 21px;background:linear-gradient(118deg,#49243f,#70405f 70%,#895b6a)!important;box-shadow:0 9px 22px #512c4825}
 html body #community-root .community-hero>div{grid-column:1;grid-row:1;max-width:100%!important;min-width:0}
 #community-root .community-hero h1{max-width:100%;margin:8px 0 6px;font-size:25px;line-height:1.08;letter-spacing:-.7px;overflow-wrap:normal}
 #community-root .community-hero p{max-width:100%;margin:0;font-size:11px;line-height:1.45}
 html body #community-root .community-hero-art{grid-column:2;grid-row:1;width:72px;height:96px;border-radius:38px 38px 15px 15px;object-position:center 30%;box-shadow:0 5px 12px #55433018}
 #community-root .community-hero-actions{display:flex;margin-top:10px}
 #community-root .community-hero-primary{width:100%;min-height:40px!important}
 #community-root .community-hero-secondary{display:none!important}
 #community-root .community-live{grid-column:1/-1;grid-row:2;min-height:30px;margin:0;padding:6px 9px}
 html[data-theme=dark] body #community-root.community-shell{background:#211e23}
 html[data-theme=dark] body #community-root.community-shell:before{background:linear-gradient(180deg,#211e23,#211e23 72%,#1c1b20)}
 html[data-theme=dark] body #main #community-root .community-hero{background:linear-gradient(120deg,#2b242d,#302b28)!important}
}