@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b18;--panel:#101629;--panel2:#121b31;--line:rgba(163,177,209,.15);--muted:#9ba8c2;--white:#f7f9ff;--blue:#6487ff;--purple:#9a7bff;--green:#54ddb1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.community-body{margin:0;background:radial-gradient(ellipse at 16% 0%,rgba(69,88,190,.16),transparent 32%),radial-gradient(ellipse at 88% 12%,rgba(130,82,216,.12),transparent 30%),var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55;text-align:left;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}.community-header{height:78px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,11,24,.86);backdrop-filter:blur(18px);position:relative;z-index:2}.community-brand{display:flex;align-items:center;width:174px}.community-brand img{width:100%;height:auto;max-height:54px;object-fit:contain}.community-header nav{display:flex;align-items:center;gap:24px;color:#c3cbe0;font-size:13px;font-weight:600}.community-header nav>a:not(.header-cta){padding:10px 0}.community-header nav .nav-current{color:#fff;border-bottom:2px solid #8a7bff}.header-cta{padding:11px 17px;border-radius:11px;background:linear-gradient(120deg,#566df6,#8c62ed);color:#fff;box-shadow:0 8px 24px rgba(93,90,235,.22)}.member-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#f5f6ff}.member-pill span{color:var(--muted)}.community-shell{width:min(1160px,calc(100% - 40px));margin:0 auto 70px}.community-intro{min-height:300px;padding:58px 0 40px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px}.intro-copy{position:relative;z-index:1}.eyebrow,.panel-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a6adff}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(146,133,255,.24);border-radius:999px;background:rgba(111,97,255,.08)}.eyebrow-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(84,221,177,.6)}.community-intro h1{font:700 clamp(36px,5.2vw,58px)/1.04 'Space Grotesk',Inter,sans-serif;letter-spacing:-.055em;margin:22px 0 16px;text-align:left}.community-intro h1 span{color:#9a8bff}.community-intro p{max-width:560px;color:#aab4ca;font-size:15px;line-height:1.8;margin:0;text-align:left}.intro-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#9ca8c0;font-size:11px}.intro-meta strong{color:#dfe5f8}.intro-art{height:230px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(135,130,255,.2);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:300px;height:150px}.orbit-two{width:250px;height:210px;transform:rotate(35deg)}.art-card{position:relative;width:210px;padding:24px;border:1px solid rgba(173,180,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(32,40,78,.96),rgba(18,24,47,.94));box-shadow:0 30px 90px rgba(0,0,0,.3),0 0 50px rgba(104,103,255,.12);transform:rotate(-4deg)}.art-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#687cff,#a17bff);font-size:22px;margin-bottom:16px}.art-card strong{display:block;font:700 22px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.04em}.art-card small{display:block;margin-top:13px;color:#9ca8c0;font-size:10px}.art-float{position:absolute;padding:10px 13px;background:#141b31;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:10px;font-weight:700;color:#dce3f8}.art-float span{color:#a99aff;margin-right:6px}.float-top{top:24px;right:4px;transform:rotate(4deg)}.float-bottom{bottom:22px;left:4px;transform:rotate(-3deg)}
.login-panel{display:grid;grid-template-columns:1fr minmax(320px,390px);gap:40px;align-items:center;padding:28px 34px;margin:0 0 40px;border:1px solid rgba(142,134,255,.26);border-radius:24px;background:radial-gradient(ellipse at 4% 50%,rgba(88,99,220,.13),transparent 45%),linear-gradient(120deg,rgba(19,26,49,.96),rgba(14,19,36,.98));box-shadow:0 22px 70px rgba(0,0,0,.22);position:relative;overflow:hidden}.login-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#7e7cff,#55d9b3)}.login-panel-copy h2{font:700 clamp(27px,3vw,37px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:10px 0 12px;text-align:left}.login-panel-copy>p{max-width:470px;color:#aab4ca;font-size:13px;line-height:1.8;margin:0;text-align:left}.login-benefits{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:20px;color:#c2cce0;font-size:11px}.login-benefits span:first-child{color:#b8f3de}.login-card{padding:24px;border:1px solid rgba(174,183,220,.18);border-radius:18px;background:rgba(7,11,24,.72);box-shadow:0 15px 40px rgba(0,0,0,.18)}.login-card-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.login-lock{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6279ff,#936aff);font-size:22px}.login-card-heading h3{font:700 19px 'Space Grotesk',sans-serif;margin:0 0 3px;text-align:left}.login-card-heading p{color:#9ba8c2;font-size:11px;margin:0;text-align:left}.login-form{display:grid;gap:8px}.login-form label{font-size:11px;font-weight:700;color:#dce3f5;margin-top:4px}.login-form input,.composer-title,.composer-card textarea,.comment-form input,.composer-actions select{width:100%;min-width:0;border:1px solid rgba(159,174,209,.2);border-radius:10px;background:#0b1122;color:#f7f9ff;padding:12px 13px;outline:none;font-size:13px}.login-form input:focus,.composer-title:focus,.composer-card textarea:focus,.comment-form input:focus{border-color:#8b7dff;box-shadow:0 0 0 3px rgba(139,125,255,.12)}input::placeholder,textarea::placeholder{color:#6f7b96}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:10px;padding:12px 16px;background:linear-gradient(120deg,#5e75ff,#9364ef);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(91,92,230,.18);transition:transform .2s,filter .2s}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-form .primary-button{width:100%;margin-top:8px}.primary-button span{font-size:17px;line-height:12px}.login-card-foot{text-align:center;color:#9ba8c2;font-size:11px;margin-top:15px}.login-card-foot a,.comment-login-prompt a{color:#b4a7ff;font-weight:700}.login-divider{display:flex;align-items:center;gap:10px;color:#6f7b96;font-size:10px;margin:15px 0}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:#e1e7f7;font-size:11px;font-weight:700}.google-button span{font-size:15px;color:#a99aff}.community-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}.community-sidebar{display:grid;gap:14px}.side-card{border:1px solid var(--line);border-radius:16px;background:rgba(16,22,41,.8);padding:18px}.side-card h3{font:700 14px 'Space Grotesk',sans-serif;margin:0 0 15px;text-align:left}.topic-link{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:9px;color:#b3bed4;font-size:11px;transition:background .2s,color .2s}.topic-link:hover{background:rgba(134,122,255,.1);color:white}.topic-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(136,123,255,.12);color:#b5a7ff;font-size:14px}.topic-all{border-top:1px solid var(--line);border-radius:0;margin-top:8px;padding-top:14px}.community-guidelines{background:linear-gradient(145deg,rgba(33,37,70,.7),rgba(16,22,41,.8))}.guideline-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(153,129,255,.14);color:#c2b4ff;margin-bottom:12px}.community-guidelines p{color:#9ba8c2;font-size:11px;line-height:1.8;margin:0;text-align:left}.side-note{padding:8px 10px;color:#687590;font-size:10px;line-height:1.7}.feed-column{min-width:0}.feed-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 16px}.feed-heading h2{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:5px 0 0;text-align:left}.public-chip{font-size:9px;font-weight:800;letter-spacing:.1em;color:#8ee8c8;border:1px solid rgba(84,221,177,.2);background:rgba(84,221,177,.06);padding:7px 9px;border-radius:999px}.composer-card,.post-card{border:1px solid var(--line);border-radius:16px;background:rgba(16,22,41,.82);padding:18px;margin-bottom:14px}.composer-top,.post-top{display:flex;align-items:center;gap:11px;margin-bottom:15px}.member-avatar,.comment-avatar{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#647bff,#a179f7);color:white;font-size:13px;font-weight:800}.composer-top strong,.post-author strong{display:block;font-size:12px}.composer-top small{display:block;color:#9ba8c2;font-size:10px;margin-top:3px}.composer-title{margin-bottom:10px;font-weight:700}.composer-card textarea{resize:vertical;min-height:84px;line-height:1.7}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.composer-actions select{max-width:230px;padding:10px;font-size:11px}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;color:#7986a0;font-size:10px}.feed-tabs{display:flex;gap:5px;padding:4px;background:#0e1425;border:1px solid var(--line);border-radius:10px}.feed-tabs a{padding:7px 12px;border-radius:7px;color:#8e9bb4;font-size:11px;font-weight:700}.feed-tabs a.selected{background:#252748;color:#e5e3ff}.post-card{padding:20px}.post-top{margin-bottom:14px}.post-author{min-width:0;flex:1}.post-author span{display:block;color:#8794ad;font-size:10px;margin-top:3px}.post-author i{font-style:normal;margin:0 4px;color:#66728b}.post-category{align-self:flex-start;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(151,137,255,.18);border-radius:999px;padding:5px 8px;background:rgba(133,117,255,.07);color:#b7aaff;font-size:9px;font-weight:700}.post-title{font:700 18px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 9px;text-align:left;overflow-wrap:anywhere}.post-body{font-size:12px;line-height:1.85;color:#c0c9dc;white-space:normal;overflow-wrap:anywhere}.post-actions{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0;color:#8e9bb4;font-size:11px}.post-actions a,.post-actions .action-static{color:#9ca8c0}.post-actions button{border:1px solid var(--line);background:#0e1425;color:#b5c0d7;padding:6px 10px;border-radius:8px;cursor:pointer}.post-actions button.action-voted{color:#b9b0ff;border-color:rgba(157,138,255,.5);background:rgba(140,121,255,.12)}.inline-action{display:inline-flex}.comments-area{padding-top:13px}.comment-row{display:flex;gap:9px;margin:10px 0}.comment-avatar{width:27px;height:27px;font-size:10px;background:linear-gradient(135deg,#5367a6,#7865bb)}.comment-content{min-width:0;flex:1;background:rgba(6,10,22,.4);border-radius:10px;padding:9px 11px}.comment-content strong{display:block;font-size:10px}.comment-content strong span{font-weight:400;color:#75829b;margin-left:5px}.comment-content p{margin:4px 0 0;color:#bdc7da;font-size:11px;line-height:1.7;overflow-wrap:anywhere;text-align:left}.comment-form{display:flex;gap:8px;margin-top:13px}.comment-form input{padding:10px 12px;font-size:11px}.comment-form button{width:39px;flex-shrink:0;border:0;border-radius:9px;background:#766cf0;color:white;font-size:19px;cursor:pointer}.comment-login-prompt{color:#77849d;font-size:10px;margin:13px 0 0}.empty-state{text-align:center;border:1px dashed rgba(150,164,201,.22);border-radius:16px;padding:45px 24px;background:rgba(16,22,41,.45)}.empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;margin:0 auto 14px;background:rgba(137,120,255,.12);color:#b3a5ff;font-size:23px}.empty-state h3{font:700 18px 'Space Grotesk',sans-serif;margin:0 0 8px}.empty-state p{max-width:360px;margin:0 auto 18px;color:#8f9cb6;font-size:11px;line-height:1.8}.community-alert,.community-success{border-radius:10px;padding:12px 14px;margin-bottom:13px;font-size:11px}.community-alert{background:rgba(255,112,112,.09);border:1px solid rgba(255,112,112,.2);color:#ffb1b1}.community-success{background:rgba(84,221,177,.08);border:1px solid rgba(84,221,177,.2);color:#a7f1d8}.community-footer{text-align:center;color:#66738d;font-size:10px;padding:22px}.community-footer span{margin:0 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.community-shell{width:min(100% - 32px,700px)}.community-intro{grid-template-columns:1fr;gap:0;padding-top:38px}.intro-art{display:none}.login-panel{grid-template-columns:1fr;gap:24px;padding:24px;margin-bottom:30px}.login-panel-copy>p{max-width:600px}.community-layout{grid-template-columns:1fr}.community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));order:2}.community-sidebar .side-note{grid-column:1/-1}.feed-column{order:1}.community-intro h1{font-size:clamp(36px,8vw,54px)}}
@media(max-width:520px){.community-header{height:66px;padding:0 16px}.community-brand{width:130px}.community-brand img{max-height:43px}.community-header nav{gap:12px;font-size:11px}.community-header nav>a:not(.nav-current){display:none}.community-header nav .header-cta{display:inline-flex;padding:9px 11px}.member-pill{display:none}.community-shell{width:calc(100% - 24px)}.community-intro{padding:32px 0 24px;min-height:auto}.community-intro h1{font-size:36px;margin:17px 0 12px}.community-intro p{font-size:13px}.intro-meta{font-size:10px}.login-panel{padding:19px 15px;gap:20px;border-radius:18px}.login-panel-copy h2{font-size:27px}.login-benefits{display:grid;gap:7px}.login-card{padding:18px 14px}.feed-heading h2{font-size:22px}.public-chip{font-size:8px;padding:6px 7px}.community-sidebar{grid-template-columns:1fr}.side-card{padding:15px}.community-sidebar .side-note{grid-column:auto}.composer-card,.post-card{padding:14px;border-radius:13px}.post-title{font-size:16px}.post-category{max-width:42%;font-size:8px}.composer-actions{align-items:stretch;flex-direction:column}.composer-actions select{max-width:none;width:100%}.composer-actions .primary-button{width:100%}.post-body{font-size:12px}.post-actions{gap:12px}.feed-toolbar{margin-top:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Visitor-first entry: the login card is the first section after the header. */
.community-shell{display:flex;flex-direction:column}
.community-intro{order:2}
.login-panel{order:1}
.community-layout{order:3}

.feed-search{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:5px 7px 5px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(10,15,29,.82);color:#8e9bb4}
.feed-search>span{font-size:21px}.feed-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f7f9ff;font-size:11px;padding:9px 0}.feed-search button{border:0;border-radius:8px;background:#242747;color:#d9d7ff;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}

/* Clean editorial pass for the feed and supporting sections. Keep the intro/login hero intact. */
.community-layout{gap:30px}
.side-card,.composer-card,.post-card{background:#0d1221;border-color:rgba(163,177,209,.12);box-shadow:none}
.side-card{padding:16px}
.side-card h3{font-size:13px;letter-spacing:-.01em;margin-bottom:10px}
.topic-link{padding:9px 7px;color:#c0c9da;font-size:12px}
.topic-symbol{background:transparent;border:1px solid rgba(163,177,209,.14);color:#aab5cc}
.topic-link:hover{background:rgba(163,177,209,.07);color:#fff}
.topic-all{margin-top:6px}
.community-guidelines{background:#0d1221}
.guideline-icon{background:transparent;border:1px solid rgba(163,177,209,.14);color:#b7aaff}
.community-guidelines p{font-size:12px;color:#aab4c8}
.side-note{font-size:11px;color:#7e8aa2}
.feed-heading{align-items:center;margin-bottom:18px}
.feed-heading h2{font-size:26px;letter-spacing:-.035em}
.panel-kicker{font-size:9px;letter-spacing:.14em}
.public-chip{background:transparent;border-color:rgba(84,221,177,.22);padding:6px 9px}
.feed-search{background:#0d1221;border-color:rgba(163,177,209,.14);margin-bottom:18px}
.feed-search input{font-size:12px}
.feed-search button{background:#20263a;color:#edf0fa}
.feed-toolbar{margin:18px 0 12px}
.feed-tabs{background:transparent;border-color:rgba(163,177,209,.12)}
.feed-tabs a{padding:8px 13px}
.feed-tabs a.selected{background:#222840;color:#f2f2ff}
.composer-card,.post-card{border-radius:14px;padding:20px;margin-bottom:12px}
.composer-top,.post-top{margin-bottom:17px}
.member-avatar{background:#303a59;color:#e5eaff}
.post-author strong{font-size:12px;font-weight:700}
.post-author span{font-size:10px}
.post-category{background:transparent;border-color:rgba(163,177,209,.16);color:#aeb8d0;font-size:9px;font-weight:600}
.post-title{font-size:19px;margin-bottom:10px}
.post-body{font-size:13px;line-height:1.8;color:#c5cede}
.post-actions{border-bottom-color:rgba(163,177,209,.1);padding:15px 0}
.post-actions button{background:transparent}
.comments-area{padding-top:12px}
.comment-content{background:rgba(255,255,255,.025);border:1px solid rgba(163,177,209,.07)}
.comment-content p{font-size:12px}
.comment-form input{background:#090e1b}
.empty-state{background:#0d1221;border:1px solid rgba(163,177,209,.12);padding:52px 24px}
.empty-state>span{background:transparent;border:1px solid rgba(163,177,209,.14);color:#b5a7ff}
.empty-state h3{font-size:19px}
.empty-state p{font-size:12px}
.community-footer{padding:28px 0;color:#7e8aa2}
@media(max-width:850px){.community-layout{gap:22px}.community-sidebar{gap:10px}}
@media(max-width:520px){.community-layout{gap:18px}.side-card{padding:14px}.composer-card,.post-card{padding:15px}.post-title{font-size:17px}.post-body{font-size:12px}.empty-state{padding:38px 18px}}

/* Community header: simplify navigation and give the brand more presence. */
.community-brand{width:230px}
.community-brand img{max-height:66px}
.community-header nav{gap:18px}
.back-to-dropmatch{display:inline-flex;align-items:center;gap:9px;padding:9px 0;color:#c3cbe0;font-size:12px;font-weight:600;transition:color .18s ease}
.back-to-dropmatch span{font-size:18px;color:#9a8bff}
.back-to-dropmatch:hover,.member-logout:hover{color:#fff}
.member-logout{font-size:12px;color:#c3cbe0}
@media(max-width:520px){.community-header{height:70px}.community-brand{width:178px}.community-brand img{max-height:55px}.community-header nav{gap:10px}.back-to-dropmatch{font-size:10px;gap:5px}.member-logout{display:none}}


/* Subtle, staggered entrance animations for the community feed. */
@keyframes community-rise-in {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.community-intro > *,
.login-panel,
.community-sidebar .side-card,
.feed-heading,
.feed-search,
.composer-card,
.post-card,
.empty-state,
.community-footer {
  animation: community-rise-in .65s cubic-bezier(.2,.75,.25,1) both;
}
.community-intro > *:nth-child(2) { animation-delay: .08s; }
.community-intro > *:nth-child(3) { animation-delay: .15s; }
.community-intro > *:nth-child(4) { animation-delay: .22s; }
.community-sidebar .side-card:nth-child(2) { animation-delay: .08s; }
.community-sidebar .side-card:nth-child(3) { animation-delay: .15s; }
.feed-heading { animation-delay: .12s; }
.feed-search { animation-delay: .17s; }
.composer-card { animation-delay: .2s; }
.post-card:nth-of-type(1) { animation-delay: .12s; }
.post-card:nth-of-type(2) { animation-delay: .2s; }
.post-card:nth-of-type(3) { animation-delay: .28s; }
.post-card:nth-of-type(4) { animation-delay: .36s; }
.post-card {
  transition: border-color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease;
}
.post-card:hover {
  transform: translateY(-3px);
  border-color: rgba(154,123,255,.32);
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}
.topic-link, .primary-button, .feed-tabs a, .post-actions button, .post-actions a {
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.topic-link:hover, .primary-button:hover { transform: translateY(-2px); }
.post-actions button:hover, .post-actions a:hover { color: #fff; }
@media(prefers-reduced-motion:reduce) {
  .community-intro > *, .login-panel, .community-sidebar .side-card,
  .feed-heading, .feed-search, .composer-card, .post-card, .empty-state, .community-footer {
    animation: none !important;
  }
  .post-card, .topic-link, .primary-button, .feed-tabs a, .post-actions button, .post-actions a {
    transition: none !important;
    transform: none !important;
  }
}