@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#252039;--muted:#706c82;--purple:#6853e5;--teal:#80eed5;--coral:#ffa995;--line:#e5e1ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:16px/1.6 'DM Sans',sans-serif;background:#f5f3fa;color:var(--ink)}a{color:#5c46c6}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9d89f6;outline-offset:4px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15}h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em}h3{font-size:1.2rem}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:32px 22px;background:#171329;color:#b9b1cc;display:flex;flex-direction:column;z-index:5}.brand img{width:195px}.community-label{letter-spacing:.18em;font-size:.875rem;margin:30px 12px 20px;color:#80eed5}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:none;border:0;color:#c3bdd3;text-align:left;padding:12px 14px;border-radius:10px;font-size:.94rem}.sidebar nav button:hover,.sidebar nav button.active{background:#302647;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #80eed5}.sidebar-bottom{margin-top:auto;display:grid;gap:13px;padding:20px 10px 0}.sidebar-bottom a{color:#c5bce0;text-decoration:none}.sidebar-bottom small{color:#7e7696;font-size:.875rem}main{margin-left:250px;padding:0 40px;max-width:1800px}.topbar{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:12px}.breadcrumbs,.eyebrow{font-size:.875rem;letter-spacing:.12em;font-weight:700}.breadcrumbs{color:#89819c}.topbar>div{display:flex;gap:14px;align-items:center}.topbar button,.feed-tools button{background:none;border:0;color:#5b5271}.pill{border:1px solid #ddd6ef;border-radius:999px;padding:9px 20px;text-decoration:none;font-weight:700}.welcome{border-radius:26px;background:radial-gradient(ellipse at 85% 10%,#493569,transparent 50%),linear-gradient(130deg,#201834,#19162e);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;position:relative;padding:55px 48px}.welcome .eyebrow{color:var(--teal)}h1{font-size:clamp(2.5rem,4vw,4.8rem);letter-spacing:-.055em;margin:20px 0 22px;line-height:1.06}h1 em{font-style:normal;color:var(--teal)}.welcome p{max-width:540px;color:#c5bcd7;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 19px;text-decoration:none;font-weight:700;border:0}.primary{background:var(--purple);color:#fff}.welcome .primary{background:var(--teal);color:#15392f}.outline{border:1px solid #d1c9e3;background:transparent;color:#655680}.welcome .outline{color:#e2d9ee;border-color:#6c5c86}.welcome-foot{margin-top:28px;color:#aa9dbf;font-size:.875rem}.signal-art{position:relative;min-height:330px;display:grid;place-items:center}.signal-core{height:140px;width:140px;border:1px solid #c6b4eb;border-radius:34px;display:grid;place-content:center;text-align:center;font:800 4rem Manrope;background:linear-gradient(135deg,#79659b66,#72ecd233);box-shadow:0 0 65px #8b6fc744;transform:rotate(-8deg);animation:float 6s ease-in-out infinite}.signal-core span{display:block;font:700 .6rem 'DM Sans';letter-spacing:.1em}.orbit{position:absolute;border:1px solid #9e89c350;border-radius:50%;width:280px;height:280px;animation:rotate 25s linear infinite}.orbit:before{content:'';position:absolute;top:24px;left:37px;width:12px;height:12px;background:var(--teal);border-radius:50%;box-shadow:0 0 25px var(--teal)}.orbit.two{width:350px;height:210px;transform:rotate(35deg);animation-direction:reverse}.orbit.two:before{background:var(--coral);box-shadow:0 0 24px var(--coral)}.orbit.three{width:210px;height:340px;animation-duration:40s}.signal-label{position:absolute;font-size:.65rem;letter-spacing:.15em;color:#b6a5d0}.signal-label.top{top:5px;right:12px}.signal-label.bottom{bottom:0;left:28px}.welcome-strips{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 5px}.welcome-strips>div{position:relative;padding-left:45px}.welcome-strips span{position:absolute;left:0;color:#927daf;font:700 1.5rem Manrope}.welcome-strips b{font-size:.94rem}.welcome-strips p{font-size:.875rem;color:var(--muted);margin:5px 0}.visitor{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid var(--line);padding:32px;border-radius:18px;margin:20px 0}.visitor h2{margin:10px 0}.muted,.small{color:var(--muted)}.small{font-size:.875rem}.content-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 22px;gap:20px}.content-heading h2{margin:8px 0}.eyebrow{color:#85719e}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.feed-tools{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem;margin-bottom:14px}.post,.right-panel,.resource-grid article{background:white;border:1px solid var(--line);border-radius:17px;padding:25px}.post{margin-bottom:18px}.post-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--muted)}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ede7fb;color:#6952a3;font-weight:800}.post h3{margin:18px 0 10px}.post-body,.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.post-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.post-actions button,.right-panel button{background:#f3effb;color:#705a96;border:0;border-radius:8px;padding:8px 12px;font-size:.875rem}.post-actions button.liked{background:#d8f6ec;color:#226b52}.right-panel{align-self:start;background:#ebe5f3;position:sticky;top:24px}.right-panel p{font-size:.94rem;color:#766787}.right-panel hr{border:0;border-top:1px solid #d7cce5;margin:25px 0}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.resource-grid article>span{font-size:.875rem;letter-spacing:.1em;color:#9480ac}.resource-grid article p{color:var(--muted)}.guidelines{background:#fff;border-radius:20px;padding:32px}.guidelines li{margin:15px 0}.comments{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment b{font-size:.875rem}.comment-form{display:grid;gap:10px;margin-top:16px}.comment-form textarea{width:100%}.empty{padding:45px;background:#fff;border:1px dashed #c7bddc;border-radius:18px;text-align:center}.empty p{color:var(--muted)}footer{display:flex;gap:22px;flex-wrap:wrap;color:#8c829d;font-size:.875rem;padding:45px 0}footer a{color:#7d6c95}.message{padding:15px;background:#eee5ff;border-radius:12px;margin-bottom:20px}.error{color:#a32f47}dialog{border:1px solid var(--line);border-radius:22px;width:min(600px,calc(100% - 30px));max-height:90vh;padding:32px;color:var(--ink);box-shadow:0 30px 120px #1b0e3d44}dialog::backdrop{background:#20163399;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:none;border:0;font-size:1.6rem;color:#79678c}dialog label{display:grid;gap:7px;margin:16px 0;font-weight:700}input,select,textarea{border:1px solid #d4cbe2;border-radius:9px;padding:12px;background:#fff;color:var(--ink);width:100%}textarea{resize:vertical}fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0}.interest-options{display:flex;gap:10px;flex-wrap:wrap}.interest-options label{display:flex;align-items:center;font-weight:500;margin:8px}.interest-options input{width:auto}.report-card{background:#fff;padding:20px;border-radius:12px;margin:12px 0}@keyframes rotate{to{rotate:360deg}}@keyframes float{50%{transform:translateY(-12px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:1200px){main{padding:0 25px}.sidebar{width:215px;padding:26px 15px}.brand img{width:175px}main{margin-left:215px}.welcome{padding:38px 30px}.feed-layout{grid-template-columns:1fr}.right-panel{position:static}.signal-art{transform:scale(.8)}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:18px}.brand img{width:170px}.community-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px}.sidebar nav button{white-space:nowrap}.sidebar nav button.active{box-shadow:inset 0 -3px #80eed5}main{margin:0;padding:0 18px}.topbar{min-height:75px}.welcome{grid-template-columns:1fr}.signal-art{display:none}.welcome-strips{gap:15px}.resource-grid{grid-template-columns:1fr}.visitor{display:block}.visitor .primary{margin-top:15px}}@media(max-width:550px){.breadcrumbs{display:none}.topbar{justify-content:flex-end}.topbar button{font-size:.875rem}.welcome{padding:30px 24px}.welcome-strips{grid-template-columns:1fr;padding:25px 5px}.content-heading{align-items:start}.content-heading .primary{padding:10px;font-size:.875rem}.post{padding:20px}.guidelines{padding:22px}.feed-tools{gap:10px}dialog{padding:23px}}

.community-search{display:flex;gap:10px;margin-bottom:15px}.community-search input{min-width:0}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* Community emoji controls */
.emoji-tools{margin:10px 0;position:relative}.emoji-toggle{font-size:14px;padding:8px 12px;border:1px solid #b8cadb;border-radius:10px;background:#fff;color:#12334f;cursor:pointer}
.emoji-panel:not([hidden]){display:grid;grid-template-columns:repeat(8,minmax(34px,1fr));gap:4px;max-width:360px;padding:10px;margin-top:8px;border:1px solid #c3d3e2;border-radius:12px;background:#f5faff}
.emoji-option{font-size:24px;min-height:40px;padding:4px;border:0;background:transparent;border-radius:8px;cursor:pointer}
.emoji-option:hover,.emoji-option:focus-visible{background:#d9edff;outline:2px solid #1769aa}
@media(max-width:480px){.emoji-panel:not([hidden]){grid-template-columns:repeat(6,minmax(34px,1fr))}}