.community-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0,#15243a 0,transparent 38%),#090e16;color:#eef5ff;font-family:Inter,system-ui,sans-serif}
.community-header{height:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(22px,calc((100vw - 1120px)/2));border-bottom:1px solid #243044;background:#0b111bcc;backdrop-filter:blur(14px)}
.community-header nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.community-header nav>a{color:#b9c5d8;text-decoration:none}.community-header nav>a:hover{color:#62f1b4}.community-brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800}.community-brand img{width:40px;height:40px;object-fit:contain}.community-shell{width:min(1120px,calc(100% - 36px));margin:38px auto 80px}.community-kicker{color:#63efb6;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.community-status{color:#c2ccdc;min-height:24px}.community-status[data-kind=error]{color:#ff8c9a}.profile-card{overflow:hidden;border:1px solid #25354a;border-radius:22px;background:linear-gradient(145deg,#131f30,#0e1521 65%);box-shadow:0 20px 70px #0005}.profile-cover{height:178px;background:radial-gradient(circle at 72% 8%,#2a896c66,transparent 28%),linear-gradient(110deg,#12263a,#142235 55%,#17382f);border-bottom:1px solid #29394d}.profile-avatar-frame{width:122px;height:122px;padding:5px;border-radius:50%;background:linear-gradient(135deg,#77ffcd,#695cff);position:relative;top:112px;margin-inline-start:42px;box-shadow:0 10px 40px #1bf1aa25}.profile-avatar-frame img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#101927}.profile-main{padding:23px 40px 28px}.profile-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-inline-start:145px}.profile-title-row h1{margin:0;font-size:clamp(1.55rem,4vw,2.3rem);letter-spacing:-.035em}.profile-handle{margin:5px 0;color:#89a0b8}.profile-bio{max-width:720px;color:#ccd5e0;line-height:1.65;margin:24px 0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.community-button{border:1px solid #394960;border-radius:11px;background:#172232;color:#f1f7ff;font-weight:700;padding:10px 16px;cursor:pointer;transition:.18s}.community-button:hover{border-color:#5aefb8;transform:translateY(-1px)}.community-button.primary{background:linear-gradient(115deg,#27cf95,#21ae9f);border:0;color:#071510}.community-button.quiet{background:transparent;color:#bec9d7}.community-button:disabled{opacity:.55;cursor:wait;transform:none}.profile-stats{display:flex;gap:0;border-top:1px solid #27364a;padding-top:19px;flex-wrap:wrap}.profile-stats>button,.profile-stats>div{display:flex;align-items:baseline;gap:7px;padding:0 24px;border:0;border-inline-end:1px solid #29384b;background:none;color:#99a9bc}.profile-stats>button{cursor:pointer}.profile-stats>button:hover span{color:#67eab7}.profile-stats>button:first-child{padding-inline-start:0}.profile-stats strong{font-size:1.2rem;color:#f3f7ff}.community-post-section{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.section-heading h2{font-size:1.35rem;margin:0}.community-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-post-card{overflow:hidden;border:1px solid #28374a;border-radius:17px;background:#101925;min-width:0}.post-card-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1a2636}.post-card-content{padding:15px}.post-card-content h3{font-size:1rem;margin:0 0 7px}.post-card-content p{color:#aab8c9;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;justify-content:space-between;gap:8px;color:#8fa1b5;font-size:.82rem}.post-card-content>a{display:block;color:#5eebba;text-decoration:none;margin-top:14px;font-weight:700}.load-more{display:block;margin:24px auto 0}.community-dialog{width:min(520px,calc(100vw - 28px));max-height:min(86vh,760px);overflow:auto;border:1px solid #34445b;border-radius:18px;padding:24px;background:#111a27;color:#edf5ff;box-shadow:0 24px 90px #000a}.community-dialog::backdrop{background:#03070dbb;backdrop-filter:blur(4px)}.community-dialog form{display:grid;gap:15px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading h2{margin:4px 0 8px}.dialog-close{border:0;background:transparent;color:#dbe7f6;font-size:1.7rem;cursor:pointer}.community-dialog label{display:grid;gap:7px;color:#d7e1ef;font-weight:700}.community-dialog input,.community-dialog textarea{width:100%;border:1px solid #35445a;border-radius:10px;background:#0b121c;color:#f0f6ff;padding:12px;font:inherit}.community-dialog small{color:#8fa1b5;font-weight:400}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.community-error{color:#ff929f;min-height:1em;margin:0}.edge-list{display:grid;gap:8px}.edge-person{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#172232;color:#eff5ff;text-decoration:none}.edge-person img{width:42px;height:42px;object-fit:cover;border-radius:50%}.edge-person small{display:block;color:#8ea0b4}.community-form{width:min(760px,calc(100% - 32px));margin:44px auto;padding:26px;border:1px solid #28374a;border-radius:20px;background:#101925;display:grid;gap:17px}.community-form label{display:grid;gap:8px;color:#d9e4f2}.community-form input,.community-form textarea,.community-form select{width:100%;box-sizing:border-box;border:1px solid #35445a;border-radius:10px;background:#0b121c;color:#f0f6ff;padding:12px;font:inherit}.community-preview{width:100%;max-height:430px;object-fit:contain;border-radius:12px;background:#080c12}.post-detail-actions{display:flex;align-items:center;gap:12px}.comment-row{padding:13px 0;border-bottom:1px solid #27364a}.comment-head{display:flex;align-items:center;gap:8px}.comment-head a{color:#67eab7;text-decoration:none}.comment-row p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e0ec}.comment-form{display:flex;gap:10px;margin:18px 0}.comment-form input{flex:1;min-width:0;border:1px solid #35445a;border-radius:10px;background:#0b121c;color:white;padding:12px}.community-language-slot:empty{display:none}
html[dir=rtl] .community-header nav{direction:rtl}html[dir=rtl] .community-page{text-align:inherit}.community-page [hidden]{display:none!important}
.post-author{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#f0f6ff;text-decoration:none}.post-author>img{width:46px;height:46px;object-fit:cover;border-radius:50%;background:#1a2636}.post-author small{display:block;color:#8fa1b5}.post-author:hover strong{color:#63efb6}
.comment-author{display:flex;align-items:center;gap:9px;color:#eff5ff;text-decoration:none}.comment-author>img{width:34px;height:34px;object-fit:cover;border-radius:50%}.comment-author small{display:block;color:#8fa1b5}.comment-author:hover strong{color:#63efb6}
@media(max-width:800px){.community-header{align-items:flex-start;flex-direction:column}.community-header nav{width:100%;gap:13px}.community-shell{margin-top:24px}.profile-title-row{padding-inline-start:0;padding-top:8px;flex-direction:column}.profile-avatar-frame{margin-inline-start:20px}.profile-main{padding:20px}.community-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.community-header{padding:12px 16px}.community-header nav{font-size:.9rem;gap:10px}.community-shell{width:calc(100% - 24px)}.profile-cover{height:140px}.profile-avatar-frame{width:94px;height:94px;top:86px;margin-inline-start:16px}.profile-main{padding:18px 16px 20px}.profile-title-row h1{font-size:1.55rem}.profile-stats{row-gap:14px}.profile-stats>button,.profile-stats>div{padding-inline:12px}.profile-stats>button:first-child{padding-inline-start:0}.community-post-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.community-form{padding:18px;margin:24px auto}.comment-form{flex-direction:column}}
.profile-progression{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:18px;margin-top:20px;padding:15px 18px;border:1px solid #28374a;border-radius:14px;background:#0b131f}.level-badge{display:grid;justify-items:center;gap:3px;min-width:64px;color:#83edc2;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.level-badge strong{font-size:1.5rem;color:#f3f7ff}.profile-xp{min-width:0}.profile-xp-label{display:flex;justify-content:space-between;gap:12px;color:#b9c6d7}.profile-xp-label strong{color:#eef5ff}.xp-progress-track{height:9px;margin-top:9px;overflow:hidden;border-radius:999px;background:#243348}.xp-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20c997,#7df0bd);transition:inline-size .25s ease}.profile-xp>p{display:flex;justify-content:flex-end;gap:5px;margin:6px 0 0;color:#90a2b7;font-size:.8rem}.points-balance{display:grid;justify-items:end;gap:2px;color:#91a2b7;font-size:.78rem}.points-balance strong{color:#f3f7ff;font-size:1.25rem}
.membership-badge{display:inline-flex;align-items:center;margin-inline-start:10px;padding:4px 9px;border:1px solid #277b70;border-radius:999px;background:#123128;color:#76efc0;font-size:.72rem;font-weight:800;vertical-align:middle}
@media(max-width:520px){.profile-progression{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px}.points-balance{grid-column:2;display:flex;align-items:baseline;justify-self:end;gap:6px}.level-badge{grid-row:1/3}}
.community-notifications{position:relative;z-index:35}.notification-toggle{display:flex;align-items:center;gap:8px}.notification-count{min-width:21px;padding:2px 6px;border-radius:999px;background:#f17b86;color:#201417;font-size:.72rem}.notification-panel{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 28px));max-height:min(70vh,560px);overflow:auto;padding:14px;border:1px solid #384438;border-radius:16px;background:#171d18;box-shadow:0 18px 56px #000a}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-heading h2{margin:0;font-size:1rem}.notification-list{display:grid;gap:5px}.notification-item{display:flex;gap:11px;align-items:center;padding:10px;border-radius:11px;color:#e9f0e7;text-decoration:none}.notification-item:hover,.notification-item.is-unread{background:#27332a}.notification-item img{width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:50%}.notification-item>span{display:grid;gap:2px;min-width:0}.notification-item time{color:#9da99a;font-size:.72rem}.image-download{margin-top:12px;width:100%}

/* Beta H Pixel visual community shell and responsive discovery feed. */
:root{--community-bg:#101210;--community-panel:#171a17;--community-raised:#20251f;--community-line:#30372f;--community-ink:#f2f4ee;--community-muted:#a7afa2;--community-accent:#73e6a7}
html{scroll-behavior:smooth}
body.community-page{min-height:100vh;margin:0;background:var(--community-bg);color:var(--community-ink);font:400 15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:start}
.community-page [hidden]{display:none!important}

/* Shared native-dialog layout: dialogs stay in the browser top layer and are
   centered independently from transformed application-shell containers. */
.community-dialog{box-sizing:border-box;position:fixed;inset:0;z-index:1000;width:min(560px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(82dvh,760px);margin:auto;overflow:auto;overscroll-behavior:contain}
.community-dialog[open]{display:grid;animation:community-dialog-in .18s ease-out}
.community-dialog::backdrop{background:rgb(3 7 13 / 78%);backdrop-filter:blur(5px)}
html:has(.community-dialog[open]),body:has(.community-dialog[open]){overflow:hidden}
.avatar-upload input{max-width:100%;padding:8px!important;background:transparent!important}
.avatar-preview{width:96px;height:96px;object-fit:cover;border:2px solid #7de0a4;border-radius:50%;background:#101510;box-shadow:0 0 0 5px rgb(125 224 164 / 14%)}
@keyframes community-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.community-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:88dvh;padding:18px}.dialog-actions{flex-wrap:wrap}.dialog-actions .community-button{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){.community-dialog[open]{animation:none}}
.community-app-shell{min-height:100vh}
.community-sidebar{position:fixed;z-index:20;inset-block:0;inset-inline-start:0;width:var(--community-sidebar);display:flex;flex-direction:column;gap:26px;padding:24px 18px 18px;background:#151815;border-inline-end:1px solid #292e28}
.community-brand{min-height:48px;display:flex;align-items:center;gap:11px;padding:3px 9px;color:var(--community-ink);font-size:1.02rem;font-weight:800;text-decoration:none;letter-spacing:-.025em}
.community-brand img{width:38px;height:38px;object-fit:contain}
.community-side-links{display:grid;gap:5px}
.community-business-links{padding-top:16px;border-top:1px solid var(--community-line)}
.community-nav-link{min-height:46px;display:flex;align-items:center;gap:13px;padding:0 12px;border-radius:12px;color:#c0c7bb;text-decoration:none;font-weight:650;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.community-nav-link svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.community-nav-link:hover{background:#222721;color:#fff;transform:translateX(2px)}
html[dir=rtl] .community-nav-link:hover{transform:translateX(-2px)}
.community-nav-link[aria-current=page]{background:#29372d;color:#92f0b8;box-shadow:inset 3px 0 #77e6a7}
html[dir=rtl] .community-nav-link[aria-current=page]{box-shadow:inset -3px 0 #77e6a7}
.community-sidebar-bottom{display:grid;gap:5px;margin-top:auto}
.community-identity{min-height:58px;display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px;border-top:1px solid var(--community-line);color:var(--community-ink);font-size:.83rem;font-weight:650;text-decoration:none;overflow-wrap:anywhere}
.community-identity img{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover;background:#262d26}
.community-workspace{min-height:100vh;margin-inline-start:var(--community-sidebar)}
.community-topbar{position:sticky;z-index:10;inset-block-start:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,4vw,58px);border-bottom:1px solid #292e28;background:rgb(16 18 16 / 91%);backdrop-filter:blur(14px)}
.community-topbar-title{display:grid;gap:1px}.community-topbar-title>span{color:#8e998b;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.community-topbar-title strong{font-size:1.08rem}
.community-topbar-actions{display:flex;align-items:center;gap:12px}.community-topbar-actions .community-button{display:inline-flex;align-items:center;gap:8px;min-height:42px}.community-topbar-actions svg,.community-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.community-content{width:min(100%,1440px);margin-inline:auto;padding:34px clamp(18px,3.4vw,54px) 80px}
.community-content.community-feed-page{max-width:1600px}
.feed-intro{margin:5px 0 28px}.feed-intro .community-kicker{margin:0 0 7px}.feed-intro-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.feed-intro h1{margin:0;color:#f4f5ef;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.045em}.feed-intro p:not(.community-kicker){margin:9px 0 0;color:var(--community-muted)}
.community-status{min-height:1.5em;margin:14px 0;color:#aeb7aa}.community-status[data-kind=error]{color:#ff9a9a}.community-status[data-kind=notice]{color:#d0b77b}
.masonry-grid{columns:5 205px;column-gap:14px;align-items:start}.community-post-card{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid;overflow:visible;border:0;border-radius:15px;background:transparent;box-shadow:none;transition:transform .2s ease}.community-post-card:hover{transform:translateY(-2px)}
.visual-post-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid #303a30;border-radius:15px;background:#151b15}.post-card-image{display:block;width:100%;height:100%;object-fit:cover;background:#1b211b;transition:transform .28s ease}.community-post-card:hover .post-card-image{transform:scale(1.025)}
.visual-post-open{position:relative;display:block;border-radius:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .18s ease}.visual-post-open:hover{box-shadow:0 10px 28px #0003}.visual-post-open:focus-visible{outline:3px solid #a1efbb;outline-offset:-4px}
.visual-post-card:hover .post-card-image{transform:scale(1.025)}
.community-post-card.visual-post-card{overflow:hidden;border:0;border-radius:15px;background:transparent;box-shadow:none}
.visual-post-media{aspect-ratio:4/3;contain:layout paint}
.post-card-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none!important}
.visual-post-content{display:grid;gap:6px;padding:10px 11px 8px}
.visual-post-category{width:max-content;max-width:100%;padding:2px 8px;border:1px solid #344637;border-radius:999px;background:#1d2a20;color:#a8e8b6;font-size:.68rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visual-post-content h3{margin:0;color:#eef3eb;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.visual-post-description{margin:0;color:#aab4a6;font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.visual-post-actions{justify-content:space-between;gap:8px;min-height:32px;margin-top:1px}
.visual-post-actions .post-like-button,.visual-post-actions .post-comments-link{min-width:48px;min-height:34px;padding:4px 7px}
.visual-post-actions .post-like-button[aria-pressed=true]{color:#ff8490}
.feed-like-status{min-height:0;color:#ff9a9a;font-size:.74rem;overflow-wrap:anywhere}
.feed-like-status:empty{display:none}
.visual-post-media.image-unavailable{display:grid;place-items:center;color:#aab4a6;font-size:.78rem}


.feed-skeleton{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid;border-radius:15px;background:linear-gradient(105deg,#182019 20%,#242e25 38%,#182019 56%);background-size:220% 100%;animation:feed-shimmer 1.4s linear infinite}@keyframes feed-shimmer{to{background-position-x:-220%}}
.post-card-content{display:grid;gap:9px;padding:12px 3px 5px}.post-card-content h2,.post-card-content h3{margin:0;color:#f2f4ee;font-size:.94rem;line-height:1.35}.post-card-content p{margin:0;color:#aab2a5;font-size:.84rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visual-post-author{min-width:0;display:flex;align-items:center;gap:8px;color:#c5ccc0;font-size:.78rem;font-weight:650;text-decoration:none}.visual-post-author img{width:27px;height:27px;flex:none;border-radius:50%;object-fit:cover;background:#262d26}.visual-post-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-post-actions{display:flex;align-items:center;gap:16px;min-height:34px;color:#b3bbae;font-size:.8rem}.post-like-button,.post-comments-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:38px;padding:5px 8px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer;transition:background-color .16s,color .16s}.post-like-button:hover,.post-comments-link:hover{background:#272d27;color:white}.post-like-button>span:first-child{font-size:1.2rem;line-height:1}.post-like-button.is-liked{color:#ff7c8c}.post-like-button:disabled{opacity:.55;cursor:wait}.post-comments-link{min-width:42px}.post-like-summary{color:#d0d7ca}.profile-post-actions .post-comments-link{min-width:0;padding-inline:0}
.load-more{display:block;margin:24px auto 0}.community-empty-state{padding:22px 0;color:var(--community-muted)}
.community-shell{width:min(100%,1440px);margin:0 auto 70px;padding:28px clamp(18px,3.4vw,54px) 50px}.community-kicker{margin:0 0 7px;color:#83dca5;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.profile-card{overflow:hidden;border:1px solid #2c332c;border-radius:22px;background:linear-gradient(145deg,#1c231c,#151915 68%);box-shadow:0 18px 58px #0003}.profile-cover{height:160px;background:radial-gradient(circle at 75% 10%,#55966c44,transparent 28%),linear-gradient(110deg,#26372a,#1b241c 60%,#293a2a);border:0}.profile-avatar-frame{width:112px;height:112px;padding:4px;top:98px;margin-inline-start:34px;background:#7de0a4;box-shadow:0 8px 28px #0005}.profile-avatar-frame img{background:#212a22}.profile-main{padding:23px 32px 27px}.profile-title-row h1{font-size:clamp(1.5rem,4vw,2.15rem)}.profile-handle,.profile-stats>button,.profile-stats>div,.profile-progression p{color:#a6b0a2}.profile-bio{color:#d1d8cc}.profile-stats{border-color:#303830}.profile-stats>button,.profile-stats>div{border-color:#303830}.profile-stats strong,.level-badge strong,.profile-xp-label strong,.points-balance strong{color:#f4f6ef}.profile-progression{border-color:#303830;background:#121712}.xp-progress-track{background:#303b31}.section-heading{margin:34px 0 16px}.community-post-section{margin-top:0}.profile-actions{justify-content:flex-end}.community-button{min-height:42px;border:1px solid #3c463b;border-radius:11px;background:#202720;color:#f2f5ee;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.community-button:hover{border-color:#6ab886;background:#29352b;transform:translateY(-1px)}.community-button.primary{background:#82dda2;color:#142017}.community-button.primary:hover{background:#9cebb7}.community-button.quiet{background:transparent;color:#c5cdc1}.community-button:focus-visible,.community-nav-link:focus-visible,.post-like-button:focus-visible,.post-comments-link:focus-visible,.community-brand:focus-visible,.community-identity:focus-visible{outline:3px solid #a1efbb;outline-offset:3px}.profile-masonry{margin-top:10px}
.community-dialog{border:1px solid #3a4339;border-radius:18px;padding:24px;background:#1b211b;color:#f0f3ed}.community-dialog input,.community-dialog textarea{border-color:#3b463b;background:#101510;color:#f2f4ee}.community-dialog label{color:#dce3d7}.community-dialog small{color:#a5afa1}.dialog-close{color:#d9e1d6}.dialog-close:focus-visible{outline:3px solid #9cebb7}
.community-form{width:min(860px,calc(100% - 32px));margin:34px auto;padding:28px;border-color:#303830;border-radius:20px;background:#171b17}.community-form input,.community-form textarea,.community-form select{border-color:#3b463b;background:#101510;color:#f2f4ee}.community-form small{color:#a4afa0}.community-preview{max-height:560px;object-fit:contain;background:#101510}
.create-post-page{max-width:980px}.community-publish-form{display:grid;gap:15px;width:100%;margin:0;padding:0;border:0;background:none}.community-publish-form label{display:grid;gap:7px;color:#dce3d7}.community-publish-form input,.community-publish-form textarea,.community-publish-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #3b463b;border-radius:10px;background:#101510;color:#f2f4ee;font:inherit}.community-publish-form select{appearance:auto}.community-publish-form textarea{min-height:110px;resize:vertical}.community-publish-form .community-preview{width:100%;max-height:600px;border-radius:13px}
.post-page .post-detail{width:100%;max-width:none;margin:0;padding:24px clamp(16px,2.2vw,34px) 70px}.post-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);grid-template-areas:"visual panel" "related related";gap:16px;align-items:start;padding:0;border:0;border-radius:0;background:transparent;max-height:none;overflow:visible}.post-stage{grid-area:visual;position:relative;display:grid;place-items:center;min-width:0;min-height:min(78vh,920px);padding:12px 12px 68px;overflow:hidden;border:1px solid #2b342b;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#1a241d,#0a0e0b 76%)}.post-detail-image{display:block;width:100%;height:min(78vh,920px);max-height:none;object-fit:contain;border-radius:10px;background:transparent}.post-info{grid-area:panel;position:sticky;top:84px;min-width:0;max-height:calc(100vh - 118px);padding:17px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #2b342b;border-radius:18px;background:#151b15}.post-info h1{margin:8px 0;font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.2}.post-info>p:not(.community-kicker,.community-status){color:#c0c9bb;white-space:pre-wrap;overflow-wrap:anywhere}.post-owner-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-owner-row .post-author{margin:0;color:#f2f5ef}.post-author>img{width:44px;height:44px;background:#282e27}.post-author small,.comment-author small{color:#9ea99a}.post-created-at{display:block;margin:7px 0 12px;color:#9ea99a;font-size:.78rem}.post-stage-tools{position:absolute;inset-inline-end:15px;bottom:14px;display:flex;gap:7px}.post-stage-tools .community-button{min-height:38px}.post-owner-controls{position:absolute;z-index:3;inset-block-start:14px;inset-inline-end:14px;display:flex;gap:7px}.post-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0;padding-bottom:14px;border-bottom:1px solid #303830;color:#c2cabc}.post-detail-like{display:inline-flex;align-items:center;gap:7px}.post-detail-like>span:first-child{font-size:1.2rem}.post-detail-like.is-liked{color:#ff7c8c}.post-comments-section{scroll-margin-top:16px}.post-comments-section h2{margin:8px 0 12px;font-size:1.08rem}.comment-form{display:flex;gap:9px;margin:13px 0}.comment-form input{flex:1;min-width:0;min-height:42px;border:1px solid #3b463b;border-radius:12px;background:#101510;color:#f2f4ee;padding:10px 13px;font:inherit}.comment-form input:focus,.settings-field select:focus,.settings-field input:focus{outline:2px solid #81dfa2;outline-offset:2px}.comment-row{padding:13px 0;border-color:#303830}.comment-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.comment-head>small{color:#929d8f}.comment-author{display:flex;align-items:center;gap:8px;color:#e5eadf;text-decoration:none}.comment-author>img{width:34px;height:34px;object-fit:cover;border-radius:50%}.comment-row>p{margin:8px 0;color:#d5dbd0;line-height:1.55}.comment-row>div:last-child{display:flex;gap:6px}.comment-row .community-button{min-height:36px;padding:6px 10px;font-size:.8rem}.community-empty-state{padding:16px 0}.related-images{grid-area:related;min-width:0;margin:12px 0 0}.related-images h2{margin:0 0 14px;font-size:1.2rem}.related-masonry{columns:5 190px;column-gap:14px}.related-image{display:inline-block;width:100%;height:auto;margin:0 0 14px;break-inside:avoid;aspect-ratio:4/3;overflow:hidden;border-radius:13px;background:#111710}.related-image img{display:block;width:100%;height:100%;object-fit:cover}.image-zoom-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:58px 20px 20px;border:0;background:#070a08;color:#f2f5ee}.image-zoom-dialog::backdrop{background:#000e}.image-zoom-dialog>img{display:block;width:100%;height:100%;object-fit:contain}.image-zoom-dialog>button{position:absolute;inset-block-start:12px;inset-inline-end:16px;z-index:1;font-size:1.4rem}
.settings-page{max-width:980px}.settings-intro{margin-bottom:23px}.settings-intro h1{margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}.settings-card{display:grid;gap:18px;margin:15px 0;padding:23px;border:1px solid #303830;border-radius:17px;background:#171b17}.settings-section-heading{display:flex;align-items:center;gap:13px}.settings-section-heading h2,.settings-about h2{margin:0 0 3px;font-size:1.05rem}.settings-section-heading p,.settings-note p,.settings-about p{margin:0;color:#aab4a6;font-size:.9rem}.settings-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#29382d;color:#98e6ae;font-weight:750}.settings-field{display:grid;gap:7px;max-width:460px;color:#dce3d7;font-weight:650}.settings-field select,.settings-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #3a4539;border-radius:10px;background:#101510;color:#f2f4ee;font:inherit}.settings-field select{appearance:auto}.settings-note{padding:13px 15px;border-inline-start:3px solid #70d793;border-radius:4px 11px 11px 4px;background:#202820}.settings-note strong{display:block;margin-bottom:3px}.settings-account-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-about{grid-template-columns:1fr auto;align-items:center}
.community-mobile-nav{display:none}
@media(max-width:1120px){:root{--community-sidebar:220px}.community-sidebar{padding-inline:13px}.masonry-grid{columns:3 205px;column-gap:16px}.related-masonry{columns:3 185px}}
@media(max-width:900px){:root{--community-sidebar:82px}.community-sidebar{align-items:center;padding:20px 9px}.community-brand{justify-content:center;padding:0}.community-brand span,.community-nav-link span,.community-identity span{display:none}.community-side-links{width:100%}.community-nav-link{justify-content:center;padding:0}.community-identity{justify-content:center;width:100%;padding-inline:0}.community-business-links{padding-top:12px}.community-nav-link[aria-current=page]{box-shadow:inset 0 -3px #77e6a7}.masonry-grid{columns:3 180px}.related-masonry{columns:3 180px}.post-page .post-detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "panel" "related"}.post-info{position:static;max-height:none;overflow:visible}.post-stage{min-height:66vh}.post-page .post-detail-image{height:62vh}}
@media(max-width:720px){.community-sidebar{display:none}.community-workspace{margin-inline-start:0}.community-topbar{min-height:66px;padding-inline:17px}.community-topbar-title>span{font-size:.65rem}.community-topbar-title strong{font-size:1rem}.community-topbar-actions .community-button{min-height:40px;padding:8px 11px}.community-content{padding:25px 17px 105px}.community-shell,.post-detail{padding:20px 15px 105px}.community-mobile-nav{position:fixed;z-index:30;inset-inline:12px;inset-block-end:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px;border:1px solid #3b4239;border-radius:17px;background:rgb(27 31 26 / 96%);box-shadow:0 8px 34px #0008;backdrop-filter:blur(14px)}.community-mobile-nav .community-nav-link{min-height:48px;display:grid;justify-items:center;align-content:center;gap:2px;padding:3px;border-radius:11px;font-size:.63rem}.community-mobile-nav .community-nav-link span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-mobile-nav .community-nav-link svg{width:19px;height:19px}.community-mobile-nav .community-nav-link[aria-current=page]{box-shadow:none;background:#29372d}.masonry-grid{columns:2 150px;column-gap:13px}.related-masonry{columns:2 145px;column-gap:11px}.community-post-card{margin-bottom:14px;border-radius:12px}.visual-post-media{border-radius:12px}.post-card-content{gap:6px;padding:8px 2px}.post-card-content h2,.post-card-content h3{font-size:.84rem}.post-card-content p{font-size:.76rem}.feed-intro-row{align-items:flex-start;flex-direction:column}.feed-intro-row>.community-button{align-self:flex-start}.post-page .post-detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "panel" "related";gap:14px;padding:0}.post-info{position:static;max-height:none;overflow:visible}.post-stage{min-height:60vh;min-height:60svh}.post-page .post-detail-image{height:58vh;height:58svh;max-height:none}.profile-cover{height:135px}.profile-avatar-frame{width:94px;height:94px;top:83px;margin-inline-start:17px}.profile-main{padding:18px 16px}.profile-title-row{padding-inline-start:0;padding-top:7px;flex-direction:column}.profile-actions{justify-content:flex-start}.community-post-section{margin-top:28px}.community-form{margin:20px auto;padding:19px}.settings-page{padding-top:22px}.settings-card{padding:18px}}
@media(max-width:430px){.community-topbar{gap:8px;padding-inline:12px}.community-topbar-title>span{display:none}.community-topbar-actions .community-button{font-size:.82rem}.community-content{padding-inline:12px}.masonry-grid{column-gap:10px}.post-detail{padding-inline:10px}.post-page .post-detail-layout{padding:0}.community-button{padding:9px 12px}.comment-form{align-items:stretch;flex-direction:column}.settings-about{grid-template-columns:1fr}.settings-about .community-button{justify-self:start}}
@media(max-width:380px){.masonry-grid,.related-masonry{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.community-page *, .community-page *::before,.community-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.community-notifications{position:relative;z-index:35}.notification-toggle{display:flex;align-items:center;gap:8px}.notification-count{min-width:21px;padding:2px 6px;border-radius:999px;background:#f17b86;color:#201417;font-size:.72rem}.notification-panel{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 28px));max-height:min(70vh,560px);overflow:auto;padding:14px;border:1px solid #384438;border-radius:16px;background:#171d18;box-shadow:0 18px 56px #000a}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-heading h2{margin:0;font-size:1rem}.notification-list{display:grid;gap:5px}.notification-item{display:flex;gap:11px;align-items:center;padding:10px;border-radius:11px;color:#e9f0e7;text-decoration:none}.notification-item:hover,.notification-item.is-unread{background:#27332a}.notification-item img{width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:50%}.notification-item>span{display:grid;gap:2px;min-width:0}.notification-item time{color:#9da99a;font-size:.72rem}.image-download{margin-top:12px;width:100%}
.notification-excerpt{max-width:290px;overflow:hidden;color:#bec9bb;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}
.notification-kind-icon{display:grid;place-items:center;width:24px;flex:0 0 24px;color:#9ed6a2;font-size:1rem}







/* Modern notification popover. */
.community-notifications{position:relative;z-index:35}.notification-toggle{min-height:42px;gap:9px}.notification-bell{width:19px;height:19px;flex:none}.notification-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#264332;color:#b5efc6;font-size:.7rem;font-weight:750}.notification-panel{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;z-index:36;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:0;width:min(430px,calc(100vw - 28px));max-height:min(72vh,620px);padding:0;overflow:hidden;border:1px solid #344138;border-radius:18px;background:#171d19;box-shadow:0 22px 58px #0009;backdrop-filter:blur(18px)}.notification-panel[hidden]{display:none}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 14px;border-bottom:1px solid #2d372f}.notification-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.notification-heading h2{margin:0;color:#f2f5ef;font-size:1.03rem}.notification-unread-total{padding:3px 8px;border:1px solid #335240;border-radius:999px;background:#1b2c20;color:#a9e4b7;font-size:.7rem;white-space:nowrap}.notification-mark-all,.notification-retry{border:0;background:transparent;color:#9fe0ad;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.notification-mark-all:hover,.notification-retry:hover{color:#d4f6dc}.notification-mark-all:disabled{opacity:.55;cursor:wait}.notification-status{margin:0;padding:12px 18px;color:#b5c0b5;font-size:.83rem}.notification-status:empty{display:none}.notification-status[data-kind=error]{color:#f0a39a}.notification-list{display:grid;align-content:start;gap:4px;min-height:0;padding:8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#455449 transparent}.notification-item{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid transparent;border-radius:13px;color:#eef3ec;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.notification-item:hover,.notification-item:focus-visible{border-color:#303d33;background:#202821;outline:none}.notification-item.is-unread{background:#1c281f}.notification-item.is-unread:hover{background:#232f26}.notification-kind-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:9px;background:#27342a;color:#9fdeb0;font-size:1rem}.notification-kind-icon.kind-like{color:#e7a4a7}.notification-kind-icon.kind-comment{color:#a8c9e8}.notification-kind-icon.kind-follow{color:#b8d7ae}.notification-avatar{width:42px;height:42px;flex:0 0 42px;border:1px solid #3a473c;border-radius:50%;object-fit:cover;background:#242b24}.notification-copy{display:grid;gap:4px;min-width:0;flex:1}.notification-message{display:flex;flex-wrap:wrap;gap:0 4px;min-width:0;color:#bbc5b9;font-size:.82rem;line-height:1.4}.notification-message strong{color:#f0f4ed;font-weight:700}.notification-copy time{color:#89978a;font-size:.72rem}.notification-excerpt{max-width:290px;overflow:hidden;color:#9eaa9e;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.notification-thumbnail{width:48px;height:48px;flex:0 0 48px;border:1px solid #384339;border-radius:9px;object-fit:cover;background:#242b24}.notification-unread-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#8cdaa0;box-shadow:0 0 0 3px #8cdaa01c}.notification-unread-dot[hidden]{display:none}.notification-skeleton{display:flex;align-items:center;gap:11px;padding:11px;border-radius:13px}.notification-skeleton i,.notification-skeleton span,.notification-skeleton b{display:block;flex:none;border-radius:999px;background:linear-gradient(100deg,#222a23 20%,#303a30 45%,#222a23 70%);background-size:220% 100%;animation:notification-shimmer 1.3s linear infinite}.notification-skeleton i{width:42px;height:42px}.notification-skeleton span{height:11px;flex:1}.notification-skeleton b{width:48px;height:48px;border-radius:9px}@keyframes notification-shimmer{to{background-position-x:-220%}}
@media(max-width:720px){.community-notifications{position:static}.notification-panel{position:fixed;inset-inline:10px;inset-block:auto calc(78px + env(safe-area-inset-bottom));z-index:40;width:auto;max-height:min(72dvh,620px);border-radius:18px}.notification-heading{padding:15px}.notification-list{padding:7px}.notification-item{padding:10px}.notification-thumbnail{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.notification-skeleton i,.notification-skeleton span,.notification-skeleton b{animation:none}}
.image-zoom-dialog[open]{display:grid;place-items:center;overscroll-behavior:contain;overflow:hidden}.image-zoom-dialog>img{width:min(100%,1800px);height:min(100%,calc(100dvh - 100px));max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.image-zoom-dialog>button{position:absolute}
.notification-status:not(:empty):not([data-kind="error"]){color:#b5c0b5}.notification-empty-mark{display:grid;place-items:center;width:42px;height:42px;margin:6px auto 2px;border:1px solid #354438;border-radius:14px;background:#202a21;color:#a6dbb0;font-size:1.25rem}.notification-status:has(.notification-empty-mark){display:grid;justify-items:center;gap:6px;padding:24px 18px 28px;text-align:center}.notification-status:has(.notification-empty-mark) strong{color:#edf3eb;font-size:.9rem}.notification-status:has(.notification-empty-mark)>span:last-child{color:#9eaa9e;font-size:.8rem}
.notification-item img.notification-avatar{width:42px;height:42px;flex:0 0 42px}.notification-item img.notification-thumbnail{width:48px;height:48px;flex:0 0 48px}.notification-status:has(.notification-empty-mark){min-height:0}
@media(max-width:720px){.community-notifications{position:static}.notification-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline:10px;inset-block-end:auto;z-index:36;width:auto;max-height:min(72dvh,620px)}.notification-item img.notification-thumbnail{width:42px;height:42px;flex-basis:42px}}

/* Desktop popover is portaled out of the clipped app-shell column and positioned
   from the notification button by notifications.js. Mobile keeps its own panel. */
.notification-panel.is-desktop-popover{position:fixed;inset:auto;z-index:120;width:min(400px,calc(100vw - 32px));min-width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr);border:1px solid #344138;border-radius:18px;background:#171d19;box-shadow:0 22px 58px #0009;direction:inherit;text-align:start}
.notification-panel.is-desktop-popover .notification-heading{min-width:0;flex-wrap:nowrap;padding:16px 17px 13px}
.notification-panel.is-desktop-popover .notification-heading>div{flex:1 1 auto}
.notification-panel.is-desktop-popover .notification-mark-all{flex:0 0 auto;white-space:nowrap}
.notification-panel.is-desktop-popover .notification-status{min-width:0;overflow-wrap:anywhere}
.notification-panel.is-desktop-popover .notification-list{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.notification-panel.is-desktop-popover .notification-item{min-width:0;gap:9px}
.notification-panel.is-desktop-popover .notification-kind-icon,.notification-panel.is-desktop-popover .notification-avatar,.notification-panel.is-desktop-popover .notification-thumbnail,.notification-panel.is-desktop-popover .notification-unread-dot{flex-shrink:0}
.notification-panel.is-desktop-popover .notification-copy{min-width:0;flex:1 1 auto}
.notification-panel.is-desktop-popover .notification-message{display:block;overflow-wrap:anywhere;white-space:normal}
.notification-panel.is-desktop-popover .notification-excerpt{max-width:100%;overflow-wrap:anywhere;white-space:normal;overflow:visible;text-overflow:clip}
@media(max-width:720px){.notification-panel.is-desktop-popover{position:absolute;inset:auto;z-index:36;width:auto;min-width:0;max-height:min(72dvh,620px);border-radius:18px}}
.notification-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}
.notification-mark-all,.notification-clear-read{padding:4px 0;border:0;background:transparent;color:#9fe0ad;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap}
.notification-mark-all:hover,.notification-clear-read:hover{color:#d4f6dc}
.notification-mark-all:disabled,.notification-clear-read:disabled{opacity:.5;cursor:not-allowed}
.notification-panel.is-desktop-popover .notification-mark-all,.notification-panel.is-desktop-popover .notification-clear-read{flex:0 0 auto}
@media(max-width:420px){.notification-heading{flex-wrap:wrap!important}.notification-actions{flex:1 1 100%;justify-content:flex-start}}

.profile-rewards{margin-top:22px;padding:18px;border:1px solid #303830;border-radius:16px;background:#121712}
.rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.rewards-heading h2{margin:0;font-size:1.2rem}
.reward-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0 14px;border-bottom:1px solid #303830}
.reward-tabs button{padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab4a5;font:inherit;white-space:nowrap;cursor:pointer}
.reward-tabs button.active{border-color:#82dda2;color:#eff5eb}
.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reward-card{display:grid;align-content:start;gap:9px;padding:15px;border:1px solid #303a30;border-radius:13px;background:#171e17}
.reward-card.is-complete{border-color:#538861}.reward-card.is-claimed{opacity:.77}
.reward-card h3{margin:0;color:#eef4e9;font-size:1rem}.reward-card p{margin:0;color:#aeb9a8;line-height:1.5;font-size:.9rem}
.reward-progress-label{display:flex;justify-content:space-between;gap:8px;color:#c4cebd;font-size:.82rem}
.reward-period{color:#93a08e}.reward-card progress{width:100%;height:9px;accent-color:#82dda2}
.reward-prize{color:#a8efb7;font-size:.87rem}.reward-claim{justify-self:start}.reward-state{color:#a9b5a2;font-size:.85rem}.reward-empty{grid-column:1/-1;color:#aeb9a8}
@media(max-width:640px){.reward-grid{grid-template-columns:1fr}.profile-rewards{padding:14px}.rewards-heading{align-items:flex-start}}

/* Post authoring, nested replies, and vector-ranked image results. */
.post-image-drop{display:grid;gap:8px;padding:18px;border:1px dashed #59745e;border-radius:14px;background:#111811;transition:border-color .16s,background .16s}
.post-image-drop[data-dragging=true]{border-color:#8ce9a5;background:#17251a}
.post-image-drop input[type=file]{max-width:100%;padding:10px;border:1px solid #354238;border-radius:10px;background:#0c110d;color:#dce6d8}
.post-image-drop small{color:#aab7a6}
.post-image-preview{display:grid;justify-items:start;gap:10px;max-width:100%}
.post-image-preview[hidden],.upload-progress[hidden]{display:none}
.post-image-preview .community-preview{display:block;width:min(100%,680px);max-height:58vh;object-fit:contain;border:1px solid #344035;border-radius:14px;background:#090d0a}
.upload-progress{display:block;width:100%;height:9px;accent-color:#82dda2}
.comment-replies{display:grid;gap:5px;margin-inline-start:clamp(12px,4vw,34px);padding-inline-start:12px;border-inline-start:1px solid #39483a}
.comment-row.is-reply{padding-top:9px;padding-bottom:9px}
.comment-actions{display:flex;flex-wrap:wrap;gap:6px}
.comment-reply-form{display:flex;gap:8px;padding:8px 0}
.comment-reply-form input{flex:1;min-width:0;min-height:40px;padding:8px 11px;border:1px solid #3b463b;border-radius:11px;background:#101510;color:#f2f4ee;font:inherit}
.related-masonry{columns:6 160px;column-gap:12px}
.related-image{display:block;max-width:100%;break-inside:avoid}
@media(max-width:1120px){.related-masonry{columns:4 160px}}
@media(max-width:720px){.related-masonry{columns:2 145px}.comment-replies{margin-inline-start:10px;padding-inline-start:9px}.comment-reply-form{align-items:stretch}}
@media(prefers-reduced-motion:reduce){.post-image-drop{transition:none}}
/* Shared identity and profile cosmetics */
.user-identity{display:inline-flex;align-items:center;gap:.7rem;min-width:0;color:inherit;text-decoration:none}
.user-identity-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;width:2.7rem;aspect-ratio:1;border-radius:50%;isolation:isolate}
.user-identity-avatar::before{content:"";position:absolute;inset:-3px;border:2px solid transparent;border-radius:inherit;pointer-events:none}
.user-identity-avatar[data-frame="frame_neon"]::before,.user-identity-avatar[data-frame="frame_pulse"]::before{border-color:#57ef98;box-shadow:0 0 12px #57ef9877}
.user-identity-avatar[data-frame="frame_aurora"]::before,.user-identity-avatar[data-frame="frame_wave"]::before{border-color:#45e4d2;box-shadow:0 0 12px #45e4d277}
.user-identity-avatar[data-frame="frame_ember"]::before,.user-identity-avatar[data-frame="frame_sunset"]::before{border-color:#ff9369;box-shadow:0 0 12px #ff936977}
.user-identity-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.user-identity-avatar[data-frame^="frame_"]::before{inset:-4px;border-width:3px;border-color:#65e99b;background:linear-gradient(135deg,#56ef9a,#32bd83 45%,#63c9ef);box-shadow:0 0 12px #55e99977}
.user-identity-avatar[data-frame="frame_ember"]::before,.user-identity-avatar[data-frame="frame_sunset"]::before{border-color:#ff9a72;background:linear-gradient(135deg,#ffcf68,#fb6fa4 55%,#ff906a)}
.user-identity-avatar[data-frame="frame_aurora"]::before,.user-identity-avatar[data-frame="frame_wave"]::before,.user-identity-avatar[data-frame="frame_cosmic_tide"]::before{border-color:#80e7e1;background:linear-gradient(135deg,#7affcf,#548cff 55%,#c069ff)}
.user-identity-avatar[data-effect^="effect_"]::after{content:"";position:absolute;inset:-7px;border:1px solid #68f0b877;border-radius:50%;box-shadow:0 0 12px #5df3aa66;pointer-events:none}
.user-identity-avatar[data-effect="effect_stardust"]::after{content:"✦ · ✧";display:grid;place-items:center;color:#fff1aa;font-size:.65rem;letter-spacing:.18rem}
.user-identity-copy{display:grid;gap:.12rem;min-width:0}.user-identity-name{display:inline-flex;align-items:center;gap:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity-copy small{color:var(--muted,#98a29d);font-size:.78rem}
.user-verification-badge{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:#29ba70;color:#07170e;font-size:.76rem;font-weight:900;vertical-align:middle;box-shadow:0 0 8px #29ba7066}
.profile-identity-line{display:flex;align-items:center;gap:.4rem}.profile-cover[data-background="background_aurora"]{background:radial-gradient(ellipse at 20% 85%,#297b7a88,transparent 45%),linear-gradient(120deg,#182d36,#263c37 55%,#1b2938)}
.profile-cover[data-background="background_nebula"]{background:radial-gradient(ellipse at 65% 30%,#7551ae77,transparent 45%),linear-gradient(120deg,#17182f,#222748 55%,#182137)}
.profile-cover[data-background="background_particle"]{background:radial-gradient(circle at 20% 40%,#8fffd955 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#8fffd955 0 1px,transparent 2px),linear-gradient(120deg,#132520,#1d3430)}
.profile-avatar-frame[data-effect="effect_glitch"] img,.profile-avatar-frame[data-effect="effect_glow"] img{filter:drop-shadow(0 0 7px #5df3aa88)}
.shop-preview.preview-background_aurora{background:radial-gradient(ellipse at 20% 85%,#297b7a,#101918 75%)}.shop-preview.preview-background_nebula{background:radial-gradient(ellipse at 65% 30%,#7551ae,#17182f 75%)}.shop-preview.preview-background_particle{background:radial-gradient(circle at 30% 30%,#8fffd9 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#8fffd9 0 2px,transparent 3px),#132520}.shop-preview.preview-badge_verified_green{background:#102319}.shop-preview.preview-badge_verified_green::after{content:"✓";display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#29ba70;color:#07170e;font-size:2rem;font-weight:900}
.feed-card-author{padding:.7rem .8rem}.comment-author .user-identity-avatar{width:2.1rem}.post-author-identity{padding:.5rem 0}.post-author-identity .user-identity-avatar{width:2.4rem}
.community-leaderboard{margin:3rem auto 1rem;max-width:70rem;padding:1.25rem;border:1px solid #ffffff14;border-radius:1.25rem;background:#111713}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.leaderboard-heading h2{margin:.1rem 0}.leaderboard-tabs{display:flex;gap:.35rem}.leaderboard-tabs button{border:1px solid #ffffff20;border-radius:999px;background:transparent;color:inherit;padding:.55rem .8rem}.leaderboard-tabs button[aria-selected="true"]{border-color:#58e896;background:#183023}.leaderboard-list{list-style:none;display:grid;gap:.5rem;padding:0;margin:1rem 0 0}.leaderboard-row{display:grid;grid-template-columns:2.8rem minmax(10rem,1.2fr) minmax(10rem,2fr) auto;align-items:center;gap:.75rem;padding:.7rem;border-radius:.8rem;background:#ffffff06}.leaderboard-rank{font-size:1.1rem;color:#72e7a0}.leaderboard-activity{color:var(--muted,#98a29d);font-size:.8rem}.leaderboard-score{white-space:nowrap}
@media(max-width:720px){.community-leaderboard{margin:2rem .75rem;padding:.9rem}.leaderboard-row{grid-template-columns:2.2rem 1fr auto}.leaderboard-activity{grid-column:2/4;grid-row:2}.leaderboard-score{font-size:.82rem}.leaderboard-heading{align-items:flex-start;flex-direction:column}.user-identity{gap:.5rem}}
@media(prefers-reduced-motion:reduce){.user-identity-avatar::before{animation:none!important;transition:none!important}}

/* All profile frames decorate only the fixed avatar wrapper. */
.user-identity-avatar{box-sizing:border-box;width:var(--avatar-size,2.7rem);height:var(--avatar-size,2.7rem);flex:0 0 var(--avatar-size,2.7rem);min-width:0;aspect-ratio:1;position:relative;display:grid;place-items:center;padding:0;overflow:hidden;border-radius:50%;isolation:isolate}
.user-identity-avatar::before{inset:0!important;z-index:1;border:1px solid #ffffff45!important;border-radius:inherit;background:none!important;box-shadow:none!important;pointer-events:none}
.user-identity-avatar img{position:relative;z-index:0;display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;border-radius:inherit;object-fit:cover}
.user-identity-avatar[data-frame^="frame_"]{padding:3px;background:linear-gradient(135deg,#55efaa,#37c1a0 48%,#68bff0)}
.user-identity-avatar[data-frame="frame_ember"],.user-identity-avatar[data-frame="frame_sunset"]{background:linear-gradient(135deg,#ffcf68,#fb6fa4 55%,#ff906a)}
.user-identity-avatar[data-frame="frame_aurora"],.user-identity-avatar[data-frame="frame_wave"],.user-identity-avatar[data-frame="frame_cosmic_tide"]{background:linear-gradient(135deg,#7affcf,#548cff 55%,#c069ff)}
.user-identity-avatar[data-frame="frame_prism"]{background:linear-gradient(135deg,#ff73bd,#7d8cff,#55f0d0)}
.user-identity-avatar[data-frame="frame_diamond"]{border-radius:30%;background:linear-gradient(135deg,#fff1a8,#d89b31,#fff0a2)}
.user-identity-avatar[data-frame="frame_nova_ring"]{padding:4px;background:conic-gradient(#ffcf68,#fb6fa4,#6f87ff,#75f9dc,#ffcf68)}
.user-identity-avatar[data-frame="frame_ion_shard"]{border-radius:38% 20% 38% 20%;background:linear-gradient(135deg,#87f4ff,#3868cb 47%,#b66eff)}
.user-identity-avatar[data-frame="frame_orbit"]::before{inset:2px!important;border:2px dashed #63dfff!important;border-radius:50%;box-shadow:0 0 10px #63dfff77!important}
.user-identity-avatar[data-effect^="effect_"]::after{inset:2px;border-radius:inherit}
.user-identity-name{max-width:100%;min-width:0;line-height:1.25}
.user-verification-badge{display:inline-grid;flex:0 0 1em;place-items:center;width:1em;height:1em;min-width:1em;margin:0;border:0;border-radius:50%;background:transparent;color:#28c878;font-size:1em;font-weight:700;line-height:0;vertical-align:-.12em;box-shadow:none}
.user-verification-badge svg{display:block;width:100%;height:100%;overflow:visible}
.profile-avatar-frame.user-identity-avatar{--avatar-size:112px;top:98px;margin-inline-start:34px;padding:4px;overflow:hidden}
.profile-avatar-frame.user-identity-avatar:not([data-frame^="frame_"]){background:#7de0a4}
.profile-avatar-frame.user-identity-avatar img{background:#212a22}
.comment-author.user-identity .user-identity-avatar{--avatar-size:2.1rem}
.post-author-identity .user-identity-avatar{--avatar-size:2.4rem}
.leaderboard-row{min-height:4.4rem;min-width:0}
.leaderboard-row>.user-identity{min-width:0;overflow:hidden}
.leaderboard-row .user-identity-copy{min-width:0;overflow:hidden}
.leaderboard-row .user-identity-name{max-width:100%}
.feed-card-author{display:none!important}
.post-info{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
.post-info .post-owner-row{position:static}
.post-card-content[hidden]{display:none!important}
@media(max-width:720px){.profile-avatar-frame.user-identity-avatar{--avatar-size:94px;top:83px;margin-inline-start:17px}.post-info{position:static!important;max-height:none!important;overflow:visible!important}}
@media(prefers-reduced-motion:reduce){.user-identity-avatar,.user-identity-avatar::after{animation:none!important}}
