.community-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 32px;border:1px solid #d7e5d8;background:linear-gradient(120deg,#e5eedb,#faf9ee);border-radius:24px;margin-bottom:20px;color:#183f32}.community-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.06}.community-hero p{max-width:38ch}.community-private{font-size:.8rem;font-weight:700;color:#48684f}.community-orbits{position:relative;min-width:170px;height:165px;border:1px dashed #9caf8b;border-radius:50%}.community-orbits span{display:grid;place-items:center;position:absolute;border-radius:50%;width:68px;height:68px;background:#254e3b;color:#fff;font-weight:800;box-shadow:0 8px 20px #29472e15}.community-orbits span:first-child{top:45px;left:50px}.community-orbits span:nth-child(2){right:-12px;top:0;background:#d8e999;color:#274b36;width:49px;height:49px;font-size:1.8rem}.community-orbits span:last-child{bottom:0;left:-13px;background:#eed9b6;color:#6f4a29;width:54px;height:54px;font-size:1.6rem}.community-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr);gap:20px;align-items:start}.community-layout>div,.community-layout aside{min-width:0}.community-profile-card{text-align:center}.community-avatar{display:grid;place-items:center;margin:0 auto 10px;width:57px;height:57px;border-radius:50%;background:#e5edca;color:#204c38;font-weight:850;font-size:1.2rem}.community-invite{border-top:1px solid #e4eadf;margin-top:20px;padding-top:18px;text-align:left}.community-invite input{font-family:ui-monospace,monospace;letter-spacing:.07em;width:100%}.community-layout textarea{resize:vertical;min-height:100px;width:100%}.community-card-heading,.community-feed-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.community-feed-heading{align-items:center;margin:0 0 15px}.community-lock,.community-count{border-radius:50px;background:#ecf0e7;color:#3e664b;font-size:.78rem;padding:6px 10px;font-weight:750;white-space:nowrap}.community-prompts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.community-prompts button{padding:7px 10px;font-size:.8rem}.community-compose details{border-top:1px solid #e3e9e0;padding:14px 0}.community-audience{border:1px solid #dce5d7;border-radius:12px;margin:12px 0 18px;padding:14px}.community-audience legend{font-weight:750;font-size:.9rem;padding:0 6px}.community-audience p{margin:0 0 10px}.community-checks{display:grid;gap:9px}.community-checks label{display:flex;align-items:start;gap:9px;line-height:1.4;font-size:.9rem}.community-checks input{accent-color:#2e6844;margin-top:4px}.community-person{padding:13px 0;border-top:1px solid #e4eade;overflow-wrap:anywhere}.community-person:first-child{border-top:0}.community-person small{display:block;color:#6c7c6e;margin:3px 0 8px}.community-person button{font-size:.8rem;padding:7px 9px}.community-note{padding:8px 13px;font-size:.85rem;color:#49604a}.community-note p{margin:5px 0}.community-post{padding:22px}.community-post-head{display:flex;gap:10px;align-items:center}.community-post-head .community-avatar{margin:0;width:42px;height:42px;font-size:.9rem;flex-shrink:0}.community-post-head p{margin:2px 0;font-size:.77rem;color:#6b7b70}.community-post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;line-height:1.55}.community-post-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.community-post-metrics span{background:#f0f4e9;border-radius:8px;padding:10px;font-size:.83rem;color:#365841}.community-post-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.community-post-actions button{padding:6px 10px;font-size:.84rem}.community-post-actions button[aria-pressed=true]{background:#e2eccd;border-color:#739359}.community-post-tools{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;margin:12px 0}.community-link{border:0;background:transparent;text-decoration:underline;padding:3px 0;color:#4d6c5c;font:inherit}.community-comments{border-top:1px solid #e3eadf;padding-top:12px}.community-comment{padding:9px 11px;margin:7px 0;background:#f4f6ef;border-radius:10px;font-size:.86rem;overflow-wrap:anywhere}.community-comment p{white-space:pre-wrap;margin:3px 0 5px}.community-comment small{font-size:.72rem;color:#6a7c6b}.community-comment-form{display:flex;gap:8px;align-items:end;margin-top:12px}.community-comment-form label{flex:1;margin:0}.community-comment-form input{width:100%;min-width:0}.community-comment-form button{padding:10px;font-size:.84rem}.community-empty{padding:32px;text-align:center;border:1px dashed #bdcdb4;border-radius:18px;background:#fbfcf7;color:#4b654a}.community-empty h3{font-size:1.2rem}.community-culture{display:flex;align-items:center;justify-content:center;gap:15px;padding:26px;color:#69805c}.community-culture>span{font-size:2.5rem}.community-culture p{font-size:.92rem;line-height:1.6;margin:0}.community-demo-pill{font-size:.7rem;background:#f7e8bb;padding:4px 7px;border-radius:7px;color:#755522}.community-nav-count{margin-left:5px;background:#e8c783;color:#382b14;padding:2px 6px;border-radius:20px;font-size:.7rem}.community-status-error{background:#fff0e6;color:#854d22;padding:12px;border-radius:10px;margin-bottom:14px}#community-status:empty{display:none}#community-status:not(:empty){padding:12px;border-radius:10px;margin-bottom:14px;background:#eaf4e1;color:#315b39}#community-status.community-status-error{background:#fff0e6;color:#854d22}.community-today{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#f2f6e8}.community-today p{margin:4px 0}.community-compose summary{font-weight:700;color:#47634e;cursor:pointer}@media(max-width:700px){.community-layout{grid-template-columns:1fr}.community-layout aside{display:grid;grid-template-columns:1fr}.community-hero{padding:24px 20px}.community-orbits{display:none}.community-comment-form{align-items:stretch;flex-direction:column}.community-today{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:no-preference){.community-hero{animation:community-entry .4s ease-out}@keyframes community-entry{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}
.community-shortcuts{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.community-shortcuts a{font-size:.83rem;font-weight:750;color:#345e42;text-underline-offset:4px}.community-layout [id]{scroll-margin-top:90px}@media(max-width:700px){.community-layout>div{order:0}.community-layout aside{order:1}}
/* Community: a bright, tactile space for real people. */
#community{--ink:#29253c;--purple:#6241a0;--paper:#fffdf7;color:var(--ink)}
#community .community-hero{position:relative;overflow:hidden;background:#f0e8fc;border:1.5px solid var(--ink);border-radius:28px;padding:38px 40px;box-shadow:5px 6px 0 #ded3ee;color:var(--ink);margin-bottom:18px}
#community .community-hero h1{font-size:clamp(2.4rem,4.6vw,4rem);font-weight:850;letter-spacing:-.055em;max-width:15ch;margin:14px 0 18px;line-height:1.02}
#community .community-hero h1 em{font-style:normal;color:var(--purple);text-decoration:underline;text-decoration-color:#ff957d;text-decoration-thickness:6px;text-underline-offset:7px}
#community .community-hero p{font-size:1.05rem;line-height:1.6;max-width:40ch}.community-art{position:relative;flex:0 0 285px;height:265px}.community-art svg{width:100%;height:100%}.community-sticker{position:absolute;padding:9px 14px;border:1.5px solid var(--ink);background:#fffdf7;box-shadow:3px 3px 0 var(--ink);font-size:.86rem;font-weight:800;white-space:nowrap;z-index:1}.sticker-top{top:0;right:-8px;transform:rotate(8deg);background:#ffb59f}.sticker-bottom{bottom:5px;left:5px;transform:rotate(-6deg);background:#fff19a}
.community-values{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:10px 8px 23px;font-size:.86rem;font-weight:750;color:#514162}.community-values span:nth-child(2){color:#914738}
#community .card{border:1px solid #ddd4e7;background:var(--paper);border-radius:21px;box-shadow:0 5px 0 #eee8f140}#community .community-profile-card{background:#fff0e8;border-color:#efd0bd}#community .community-avatar{background:#ddc8fa;border:1.5px solid var(--ink);border-radius:40% 48% 43% 46%;color:#3d285e;box-shadow:3px 3px 0 #ffb59f}#community .community-post:nth-child(even) .community-avatar{background:#ddf598;box-shadow:3px 3px 0 #ddd0f5}
#community .primary{background:#59358a;color:#fff;border:1.5px solid #412663;border-radius:12px;box-shadow:0 3px 0 #342044;font-weight:750}#community .secondary{background:#fffdf9;color:#463457;border:1px solid #cfc0da;border-radius:12px}#community button{transition:transform .15s ease,box-shadow .15s ease}#community button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 0 #dcd0e5}#community button:active:not(:disabled){transform:translateY(1px)}#community button:focus-visible,#community a:focus-visible{outline:3px solid #8055bc;outline-offset:4px}
#community .community-prompts button:nth-child(1){background:#e9f5c4;border-color:#bdcf87}#community .community-prompts button:nth-child(2){background:#fff0b7;border-color:#dfca77}#community .community-prompts button:nth-child(3){background:#ffe3dc;border-color:#dfb0a5}#community .community-compose{border-top:5px solid #9d79c9}#community .community-audience{background:#f6f1fb;border-color:#e0d2ed}#community .community-private{color:#574167}#community .community-shortcuts a{color:#513680}#community .community-checks input{accent-color:#69419c}#community .community-lock,#community .community-count{background:#eee3fa;color:#583b77}
#community .community-post{border-top:4px solid #efb99d}#community .community-post:nth-child(even){border-top-color:#b6c989}#community .community-post-actions{gap:8px}#community .community-post-actions button{display:inline-flex;gap:6px;align-items:center;padding:9px 11px;font-size:1.05rem;background:#fff8ed;border:1px solid #e4d9c8;min-height:40px}.community-reaction-label{font-size:.75rem;font-weight:700}#community .community-post-actions button[aria-pressed=true]{background:#efdcff;border-color:#9a6cbe;box-shadow:0 2px 0 #c7aedc}#community .community-comment{background:#f1eafa;border-radius:3px 14px 14px 14px}#community .community-post-metrics span{background:#eef4da;color:#3f512c}#community .community-feed-heading h2{font-size:1.25rem;letter-spacing:-.025em}#community .community-culture{background:#fff0bd;border:1px solid #e8d68f;border-radius:60% 40% 45% 55% / 28% 52% 48% 72%;margin:28px 0 10px;padding:30px;color:#604b25;transform:rotate(-1deg)}#community .community-culture>span{color:#af5b43}#community .community-empty{background:#faf3ff;border-color:#c6afd9}#community input:focus,#community textarea:focus{outline-color:#8055bc}
@media(max-width:850px){.community-art{flex-basis:210px;height:220px}.community-sticker{font-size:.74rem;padding:7px 10px}#community .community-hero{padding:28px}}
@media(max-width:600px){#community .community-hero{display:block;padding:25px 22px}#community .community-hero h1{font-size:2.65rem}.community-art{width:210px;height:180px;margin:20px auto 0}.sticker-top{top:-3px;right:-14px}.sticker-bottom{bottom:-2px;left:-10px}.community-values{gap:8px;font-size:.75rem;padding-top:4px}.community-reaction-label{font-size:.69rem}#community .community-post-actions button{padding:8px}.community-feed-heading{align-items:flex-start}#community .community-post{padding:19px}}
@media(prefers-reduced-motion:no-preference){.sticker-top{animation:community-wiggle .7s ease-out 1}.community-post-actions button[aria-pressed=true]{animation:community-cheer .35s ease-out 1}@keyframes community-wiggle{0%{transform:rotate(-5deg) scale(.8)}70%{transform:rotate(12deg) scale(1.04)}100%{transform:rotate(8deg)}}@keyframes community-cheer{50%{transform:translateY(-4px) scale(1.08)}}}
@media(prefers-reduced-motion:reduce){#community button{transition:none}}