:root{--bg:#090909;--surface:#111;--surface2:#161616;--line:#2d2d2d;--ink:#f3f3f1;--muted:#999;--mono:'DM Mono',monospace;--display:'Manrope',sans-serif;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body.forum-app{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -16%,#282828,transparent 42%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),#090909;background-size:auto,72px 72px,72px 72px,auto;background-attachment:fixed;color:var(--ink);font-family:var(--font)}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:clamp(24px,5vw,70px);height:76px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #252525;background:#090909e8;backdrop-filter:blur(18px)}.wordmark{color:#f5f5f5;text-decoration:none;font:700 14px var(--display);letter-spacing:-.45px;white-space:nowrap}.primary-nav{height:100%;display:flex;align-items:center;gap:5px}.primary-tab{height:38px;padding:0 15px;border-radius:999px;display:flex;align-items:center;color:#999;text-decoration:none;font-size:11px;transition:.2s}.primary-tab:hover{background:#1d1d1d;color:white}.primary-tab.active{background:#f1f1ee;color:#111;font-weight:600}.header-user{margin-left:auto;display:flex;align-items:center;gap:9px}.sign-link,.join-link{font-size:10px;text-decoration:none;padding:9px 14px;border-radius:999px}.sign-link{color:#ddd;border:1px solid #373737}.join-link{background:#eee;color:#111;font-weight:600}.header-user .profile-trigger{height:37px;width:37px;overflow:hidden;border-radius:50%;background:#eee;color:#111;border:1px solid #fff;display:grid;place-items:center;text-decoration:none;font:600 11px var(--mono)}.profile-trigger img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.site-main{width:min(100% - 44px,1040px);min-height:calc(100vh - 145px);margin:0 auto;padding:76px 0 60px}.view{display:none;animation:in .2s ease}.view.active{display:block}@keyframes in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.view-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{font:8px var(--mono);letter-spacing:1.5px;color:#aaa}.eyebrow span{margin:0 7px;color:#686868}.view-top h1{font:600 clamp(35px,5vw,54px)/1.05 var(--display);letter-spacing:-2.6px;margin:15px 0 9px}.view-description{margin:0;color:#969696;font-size:12px;line-height:1.7}.button{border:1px solid transparent;border-radius:999px;padding:11px 17px;font-size:10px;font-weight:600;cursor:pointer;transition:.2s}.button.primary{background:#eee;color:#111}.button.primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 5px 24px #fff2}.button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.button span{padding-left:8px}.hidden{display:none!important}.announcement-list,.discussion-list,.invite-list{display:grid;gap:12px}.empty-card,.announcement-card,.post-card,.invite-card,.download-card,.profile-card{border:1px solid #303030;background:linear-gradient(145deg,#141414,#0f0f0f);border-radius:21px}.empty-card{padding:35px;color:#8c8c8c;font-size:12px;text-align:center}.announcement-card{padding:24px 26px}.announcement-top,.post-top{display:flex;align-items:center;gap:9px;color:#919191;font-size:9px}.announcement-top .announcement-label{font:8px var(--mono);letter-spacing:1px;color:#ccc;border:1px solid #444;border-radius:99px;padding:5px 8px}.announcement-card h2{font:600 17px var(--display);letter-spacing:-.4px;margin:15px 0 8px}.announcement-card p,.post-card p{white-space:pre-wrap;color:#b5b5b5;font-size:11px;line-height:1.85;margin:0}.announcement-card .staff-delete{margin-top:14px}.quiet-button,.staff-delete{border:1px solid #3a3a3a;border-radius:999px;background:transparent;color:#aaa;padding:7px 11px;font-size:9px;cursor:pointer}.quiet-button:hover,.staff-delete:hover{color:#111;background:#eee}.forum-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:5px 0 17px}.topic-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.topic-filter{border:1px solid #333;background:#111;color:#aaa;border-radius:999px;padding:8px 13px;font-size:10px;cursor:pointer}.topic-filter.active{background:#eee;color:#111;border-color:#eee}.filter-search{height:37px;width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #333;border-radius:999px;background:#111}.filter-search span{font-size:16px;color:#aaa}.filter-search input{width:100%;border:0;outline:0;background:transparent;color:#eee;font-size:10px}.filter-search input::placeholder{color:#777}.post-card{padding:22px 24px}.post-top{flex-wrap:wrap}.category{font:8px var(--mono);border:1px solid #424242;color:#eee;background:#1b1b1b;border-radius:99px;padding:5px 9px}.post-top .spacer{flex:1}.pin-badge{font:8px var(--mono);letter-spacing:.7px;color:#fff;background:#292929;padding:5px 8px;border-radius:99px}.post-card h2{font:600 16px var(--display);letter-spacing:-.3px;margin:13px 0 7px}.post-meta{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-size:9px;margin-top:15px}.post-meta .uid{font:9px var(--mono);color:#bbb}.post-actions{margin-left:auto;display:flex;gap:7px}.reply-toggle{border:1px solid #3a3a3a;border-radius:99px;background:transparent;color:#ddd;padding:7px 11px;font-size:9px;cursor:pointer}.reply-toggle:hover{background:#eee;color:#111}.reply-list{display:grid;gap:9px;margin-top:17px;padding-top:14px;border-top:1px solid #2c2c2c}.reply{padding:11px 13px;background:#181818;border-radius:12px}.reply small{font-size:9px;color:#aaa}.reply p{margin-top:7px}.reply-form{display:flex;gap:8px;margin-top:8px}.reply-form input{flex:1;min-width:0;border:1px solid #3b3b3b;border-radius:999px;padding:10px 13px;background:#0b0b0b;color:white;font-size:10px}.reply-form button{border:0;border-radius:99px;background:#eee;color:#111;padding:0 14px;font-size:9px;cursor:pointer}.download-card{max-width:720px;padding:27px}.download-grid{display:flex;align-items:center;gap:17px}.card-kicker{font:8px var(--mono);letter-spacing:1.2px;color:#aaa}.download-grid h2{font:600 17px var(--display);margin:7px 0}.download-grid p{font-size:10px;color:#969696;margin:0}.download-version{margin-left:auto;align-self:flex-start;font:8px var(--mono);color:#777}.download-actions{border-top:1px solid #303030;margin-top:25px;padding-top:20px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.fine-print{font-size:9px;color:#888}.download-confirm{margin-top:16px;border:1px solid #444;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#ccc;font-size:10px}.download-confirm span{margin-right:auto}.invite-card{padding:19px 21px;display:flex;align-items:center;gap:16px}.invite-symbol{height:34px;width:34px;border:1px solid #555;border-radius:11px;display:grid;place-items:center;color:white;font-size:15px;flex:none}.invite-info{min-width:0;flex:1}.invite-info strong{font-size:11px}.invite-code{display:block;margin-top:6px;font:10px var(--mono);color:#dedede;overflow-wrap:anywhere}.invite-info small{display:block;color:#999;font-size:9px;margin-top:6px}.invite-card .quiet-button{white-space:nowrap}.invite-card.redeemed .invite-code{color:#929292}.invite-note{border:1px dashed #3b3b3b;border-radius:18px;padding:19px;color:#969696;font-size:10px;line-height:1.7}.profile-card{max-width:650px;padding:25px}.profile-heading{display:flex;align-items:center;gap:15px;padding-bottom:21px;border-bottom:1px solid #303030;margin-bottom:17px}.profile-avatar{width:66px;height:66px;border-radius:50%;border:1px solid #777;background:#eee;color:#111;display:grid;place-items:center;overflow:hidden;font:600 16px var(--mono)}.profile-heading h2{font:600 18px var(--display);margin:6px 0}.uid-chip{font:9px var(--mono);color:#999}.profile-card .field{display:block;margin:14px 0;color:#c4c4c4;font-size:10px}.profile-card textarea,.profile-card input[type=file],.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;border:1px solid #393939;border-radius:12px;background:#0b0b0b;color:#eee;padding:11px;font:10px var(--font);outline:none}.profile-card textarea{resize:vertical}.avatar-upload span,.file-field span{display:block;margin-top:5px;color:#888;font-size:9px}.profile-card input::file-selector-button,.modal input::file-selector-button{border:0;border-radius:99px;background:#272727;color:#eee;padding:7px 11px}.profile-meta{margin-top:16px;color:#888;font-size:9px}.staff-link{display:inline-block;margin-top:17px;color:#eee;text-decoration:none;font-size:10px}.site-footer{border-top:1px solid #272727;padding:17px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:14px;color:#818181;font-size:9px}.toast{position:fixed;bottom:22px;left:50%;z-index:20;transform:translate(-50%,12px);opacity:0;background:#eee;color:#111;padding:11px 16px;border-radius:99px;font-size:10px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#000c;backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.modal{position:relative;width:min(510px,100%);max-height:92vh;overflow:auto;padding:29px;border:1px solid #444;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#252525,transparent 52%),#111;box-shadow:0 28px 95px #000}.modal-close{position:absolute;right:13px;top:12px;width:31px;height:31px;border:0;border-radius:50%;background:#222;color:#eee;font-size:19px;cursor:pointer}.modal-kicker{font:8px var(--mono);letter-spacing:1.5px;color:#aaa}.modal h2{font:600 23px var(--display);letter-spacing:-.8px;margin:11px 0 20px}.modal .field{display:block;margin:14px 0;color:#bbb;font-size:10px}.modal textarea{resize:vertical}.modal .full{width:100%;margin-top:9px}.modal input::placeholder,.modal textarea::placeholder{color:#777}.@media(max-width:750px){.site-header{height:auto;min-height:70px;padding:13px 17px;gap:12px;flex-wrap:wrap}.wordmark{width:100%;}.primary-nav{order:3;width:100%;height:38px;justify-content:space-between}.primary-tab{flex:1;justify-content:center;padding:0 9px}.header-user{position:absolute;top:15px;right:17px}.site-main{width:calc(100% - 30px);padding:46px 0 45px}.view-top{align-items:flex-start;flex-direction:column;margin-bottom:23px}.view-top h1{font-size:39px}.forum-tools{align-items:stretch;flex-direction:column}.filter-search{width:100%}.post-card{padding:17px}.announcement-card{padding:19px}.site-footer{flex-direction:column}.invite-card{align-items:flex-start;flex-wrap:wrap}.invite-card .quiet-button{margin-left:50px}.download-card{padding:20px}.download-confirm{align-items:flex-start;flex-direction:column}.profile-card{padding:19px}}
.post-delete{border-color:#604343;color:#e2baba}.post-delete:hover{border-color:#eee}
.member-home{margin-top:56px}.member-home-head{margin:0 0 17px}.member-home-head h2{font:600 23px var(--display);letter-spacing:-.6px;margin:8px 0 5px}.member-home-head p{color:#999;font-size:10px;margin:0}.member-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.member-home-card{display:flex;align-items:flex-start;gap:13px;min-height:104px;padding:16px;border:1px solid #2e2e2e;border-radius:17px;background:linear-gradient(145deg,#151515,#101010)}.member-home-avatar,.reply-avatar{width:38px;height:38px;flex:none;object-fit:cover;border:1px solid #555;border-radius:50%;background:#eee;color:#111;display:grid;place-items:center;font:600 12px var(--mono)}.member-home-copy{min-width:0}.member-home-name{display:flex;align-items:center;gap:7px;color:#eee;font-size:11px;font-weight:600}.member-home-copy small{display:block;margin-top:4px;color:#858585;font:8px var(--mono)}.member-home-copy p{margin-top:9px!important;color:#aaa!important;font-size:10px!important;line-height:1.6!important;overflow-wrap:anywhere}.member-home-copy .no-bio{color:#777;font-style:italic}.member-staff-tag{padding:3px 6px;border:1px solid #555;border-radius:99px;color:#ccc;font:7px var(--mono);letter-spacing:.5px}.reply-person{display:flex;align-items:center;gap:9px;margin-bottom:8px}.reply-avatar{width:28px;height:28px;font-size:9px}.reply-person-info{min-width:0;display:grid;gap:3px}.reply-person-info small{font-size:9px;color:#aaa}.reply-bio{font-size:8px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(65vw,460px)}@media(max-width:750px){.member-home{margin-top:40px}.member-directory{grid-template-columns:1fr}.reply-bio{max-width:60vw}}
.member-home-head{padding-bottom:15px;border-bottom:1px solid #303030;margin-bottom:17px}

/* Reading scale: keep Tamzen, size the full interface like a comfortable 130% browser zoom. */
body.forum-app{zoom:1.3}
.member-home-card{display:block;padding:0;overflow:hidden;min-height:0}
.member-home-banner{height:76px;background-size:cover;background-position:center;border-bottom:1px solid #303030}
.member-home-content{display:flex;align-items:flex-start;gap:13px;padding:0 17px 17px}
.member-home-content .member-home-avatar{width:54px;height:54px;margin-top:-27px;position:relative;border:2px solid #151515;box-shadow:0 0 0 1px #555}
.member-home-copy{padding-top:10px}
.profile-card{max-width:760px}
.profile-banner-preview{height:190px;border:1px solid #393939;border-radius:19px;background-color:#171717;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:15px 18px;margin-bottom:15px;overflow:hidden}
.profile-banner-preview span{font:8px var(--mono);letter-spacing:1px;color:#eee;text-shadow:0 1px 5px #000;background:#0008;border-radius:99px;padding:6px 9px}
.banner-controls{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(260px,1.6fr) auto;align-items:end;gap:13px;border-bottom:1px solid #303030;padding:0 0 16px;margin-bottom:18px}
.banner-controls .field{margin:0}
.banner-color-field input[type=color]{display:block;width:100%;height:42px;margin-top:7px;border:1px solid #393939;border-radius:10px;background:#0b0b0b;padding:4px}
.banner-image-field .banner-field-label,.banner-image-field .banner-hint{display:block}
.banner-image-field .banner-hint{margin-top:5px;color:#999;font-size:10px}
.banner-file-actions{display:flex;align-items:center;gap:8px;margin-top:9px}
.banner-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
.banner-choose{display:inline-flex;align-items:center;justify-content:center;height:40px;white-space:nowrap;cursor:pointer}
.banner-file-actions:focus-within .banner-choose{outline:2px solid #eee;outline-offset:3px}
.banner-clear{height:40px;white-space:nowrap}
.profile-heading{margin-bottom:17px}
@media(max-width:800px){body.forum-app{zoom:1.12}.banner-controls{grid-template-columns:1fr 1fr}.banner-clear{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){body.forum-app{zoom:1}.profile-banner-preview{height:145px}.banner-controls{grid-template-columns:1fr}.banner-clear{grid-column:auto}}

/* Profile banner crop preview, matched to the member directory banner shape. */
.member-home-banner{height:auto;aspect-ratio:3.8/1;background-repeat:no-repeat}
.profile-banner-preview{position:relative;height:auto;aspect-ratio:3.8/1;max-height:210px;padding:0;cursor:default;touch-action:none;user-select:none;background-repeat:no-repeat;transition:background-color .15s}
.profile-banner-preview.has-image{cursor:grab}
.profile-banner-preview.is-panning{cursor:grabbing}
.profile-banner-preview>span{position:absolute;z-index:2;left:12px;bottom:10px;pointer-events:none}
.profile-banner-preview:not(.has-image)>span{display:none}
.banner-crop-guides{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .18s;background-image:linear-gradient(to right,transparent 33.15%,#fff6 33.33%,transparent 33.5%,transparent 66.48%,#fff6 66.66%,transparent 66.84%),linear-gradient(to bottom,transparent 49.5%,#fff6 50%,transparent 50.5%)}
.profile-banner-preview.has-image .banner-crop-guides{opacity:1}
.banner-crop-guides i{position:absolute;z-index:1;width:13px;height:13px;border-color:#fff;border-style:solid;filter:drop-shadow(0 0 3px #000)}
.banner-crop-guides i:nth-child(1){top:7px;left:7px;border-width:1px 0 0 1px}
.banner-crop-guides i:nth-child(2){top:7px;right:7px;border-width:1px 1px 0 0}
.banner-crop-guides i:nth-child(3){bottom:7px;left:7px;border-width:0 0 1px 1px}
.banner-crop-guides i:nth-child(4){bottom:7px;right:7px;border-width:0 1px 1px 0}
.member-home-banner{background-position:var(--banner-position,50% 50%)}
.uid-chip{font-size:12px;color:#c3c3c3}
.member-home-copy small{font-size:10px;color:#b0b0b0}

/* Slim dark scrollbars with a soft center glow and faded track ends. */
*{scrollbar-width:thin;scrollbar-color:#b8b8b899 #141414}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{border-radius:99px;background:linear-gradient(to bottom,transparent 0%,#ffffff08 18%,#ffffff0c 50%,#ffffff08 82%,transparent 100%)}
*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:linear-gradient(to bottom,#ffffff45 0%,#f4f4f4b8 32%,#fff 50%,#f4f4f4b8 68%,#ffffff45 100%);background-clip:padding-box;box-shadow:inset 0 0 5px #fff5}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#ffffff70 0%,#fff 50%,#ffffff70 100%);background-clip:padding-box}
*::-webkit-scrollbar-track:horizontal{background:linear-gradient(to right,transparent 0%,#ffffff08 18%,#ffffff0c 50%,#ffffff08 82%,transparent 100%)}
*::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(to right,#ffffff45 0%,#f4f4f4b8 32%,#fff 50%,#f4f4f4b8 68%,#ffffff45 100%);background-clip:padding-box}
*::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(to right,#ffffff70 0%,#fff 50%,#ffffff70 100%);background-clip:padding-box}
*::-webkit-scrollbar-corner{background:#090909}

.profile-card .bio-counter{display:block;margin-top:6px;text-align:right;color:#858585;font:9px var(--mono)}
.profile-card .bio-counter.near-limit{color:#e3e3e3}
.member-home-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.8em;overflow:hidden;text-overflow:ellipsis}

.member-home-card{display:block;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.member-home-card:hover{border-color:#555;transform:translateY(-2px)}
.member-presence{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#585858;vertical-align:middle}
.member-presence.is-online{background:#dcefdc;box-shadow:0 0 8px #dcefdc99}
.member-home-name .member-presence{margin-left:1px}
.profile-inline-link{color:#dedede;text-decoration:none;border-bottom:1px solid #666}
.profile-inline-link:hover{color:white;border-color:white}
.profile-avatar-link{display:inline-flex;flex:none;border-radius:50%;text-decoration:none}

.notification-wrap{position:relative}
.notification-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #373737;border-radius:50%;background:#111;color:#eee;cursor:pointer}
.notification-bell:hover,.notification-bell[aria-expanded=true]{background:#222;border-color:#666}
.bell-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#f1f1ee;color:#111;font:700 9px var(--mono);box-shadow:0 0 10px #fff5}
.notification-popover{position:absolute;z-index:20;top:48px;right:-45px;width:min(350px,calc(100vw - 28px));max-height:430px;overflow:auto;border:1px solid #3b3b3b;border-radius:17px;background:#101010;box-shadow:0 20px 60px #000d}
.notification-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #303030;background:#111}
.notification-head strong{font-size:12px}
.notification-head button{border:0;background:transparent;color:#aaa;font-size:20px;cursor:pointer}
.notification-list{display:grid;max-height:350px;overflow:auto}
.notification-item{display:flex;gap:11px;padding:13px 15px;color:#eee;text-decoration:none;border-bottom:1px solid #242424}
.notification-item:hover,.notification-item.unread{background:#1a1a1a}
.notification-mark{flex:none;width:27px;height:27px;border:1px solid #444;border-radius:9px;display:grid;place-items:center;color:#eee}
.notification-item strong,.notification-item small,.notification-item time{display:block}
.notification-item strong{font-size:10px}
.notification-item small{margin-top:4px;color:#aaa;font-size:9px;line-height:1.5}
.notification-item time{margin-top:5px;color:#707070;font:8px var(--mono)}
.notification-empty{padding:22px;text-align:center;color:#888;font-size:10px}
.notification-head>div{display:flex;align-items:center;gap:10px}.notification-head .clear-notifications{font:9px var(--mono);font-size:9px;border:1px solid #383838;border-radius:99px;padding:6px 9px}.notification-head .clear-notifications:hover{color:#eee;background:#222}
.post-author-avatar{width:22px;height:22px;flex:none;object-fit:cover;border:1px solid #555;border-radius:50%;background:#eee;color:#111;display:inline-grid;place-items:center;font:600 9px var(--mono);vertical-align:middle;margin-right:-3px}
.mention-name{color:var(--mention-color);font-weight:600;text-decoration:none}.mention-name:hover{text-decoration:underline}.mention-glow{ text-shadow:0 0 8px color-mix(in srgb,var(--mention-color),transparent 35%)}.mention-strong-glow{text-shadow:0 0 4px var(--mention-color),0 0 13px var(--mention-color)}.mention-sparkle::after{content:' ✦';font-size:.72em;text-shadow:0 0 7px var(--mention-color)}.mention-pulse{animation:mention-pulse 1.8s ease-in-out infinite}@keyframes mention-pulse{50%{text-shadow:0 0 12px var(--mention-color)}}.mention-underline{text-decoration:underline;text-decoration-color:var(--mention-color);text-underline-offset:3px}.mention-gradient{background:linear-gradient(90deg,var(--mention-color),#fff,var(--mention-color));background-size:200% 100%;background-clip:text;color:transparent;animation:mention-gradient 3s linear infinite}@keyframes mention-gradient{to{background-position:200% 0}}.mention-rainbow{background:linear-gradient(90deg,#ff7c7c,#ffc56b,#f5f47a,#9ee58c,#83d8ff,#c2a0ff,#ff97d7);background-clip:text;color:transparent}.mention-outline{-webkit-text-stroke:.45px var(--mention-color);color:transparent;text-shadow:0 0 5px color-mix(in srgb,var(--mention-color),transparent 50%)}
.mention-suggestions{position:relative;z-index:4;display:grid;max-height:190px;overflow:auto;margin-top:5px;padding:5px;border:1px solid #383838;border-radius:12px;background:#151515;box-shadow:0 12px 35px #000a}.mention-suggestions.hidden{display:none}.mention-option{display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#eee;text-align:left;cursor:pointer}.mention-option:hover{background:#272727}.mention-option-avatar{width:24px;height:24px;object-fit:cover;border-radius:50%;background:#eee;color:#111}.mention-no-results{padding:9px;color:#888;font-size:10px}
.reply-form textarea{flex:1;min-width:0;min-height:40px;max-height:140px;resize:vertical;border:1px solid #3b3b3b;border-radius:15px;padding:10px 13px;background:#0b0b0b;color:white;font:10px var(--font)}.reply-form button{min-height:38px}
.mention-optout{display:flex!important;align-items:center;gap:8px;color:#aaa!important}.mention-optout input{width:auto!important;margin:0!important}
.post-top .member-presence{margin-left:6px}.reply-delete{margin-top:9px;border:1px solid #3a3a3a;border-radius:99px;background:transparent;color:#999;padding:5px 9px;font-size:8px;cursor:pointer}.reply-delete:hover{background:#eee;color:#111}
.reply-list.collapsed .reply:nth-of-type(n+4){display:none}.reply-expand,.announcement-history{justify-self:start;margin:8px 0;border:1px solid #3a3a3a;background:#111;color:#bdbdbd}.reply-expand:hover,.announcement-history:hover{background:#eee;color:#111}.announcement-older.hidden{display:none!important}.member-actions .danger{color:#e99;border-color:#593737}.member-actions .danger:hover{background:#552525;color:#fff}

.public-profile{max-width:850px;margin:0 auto}
.public-profile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.public-profile-hero,.public-profile-about,.public-portfolio,.public-portfolio-empty{overflow:hidden;border:1px solid #303030;border-radius:22px;background:linear-gradient(145deg,#151515,#0e0e0e)}
.public-profile-banner{height:auto;aspect-ratio:3.8/1;max-height:260px;background-size:cover;background-repeat:no-repeat;border-bottom:1px solid #303030}
.public-profile-identity{display:flex;align-items:center;gap:16px;padding:0 24px 18px}
.public-profile-avatar{width:76px;height:76px;object-fit:cover;display:grid;place-items:center;flex:none;margin-top:-32px;border:3px solid #151515;border-radius:50%;background:#eee;color:#111;font:600 20px var(--mono)}
.public-profile-name{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;min-width:0;padding-top:13px}
.public-profile-name h1{display:flex;align-items:center;gap:10px;font:600 24px var(--display);letter-spacing:-.7px;margin:0 0 7px}
.public-profile-meta{display:flex;align-items:center;gap:7px;color:#aaa;font:10px var(--mono)}
.public-profile-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 24px 20px 116px}
.public-profile-links a,.discord-tag{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border:1px solid #3a3a3a;border-radius:99px;color:#ddd;text-decoration:none;font-size:10px}
.public-profile-links a:hover{background:#eee;color:#111}
.discord-tag{color:#c9c9d8;border-color:#47475a}
.public-profile-about,.public-portfolio{margin-top:13px;padding:22px 25px}
.public-profile-about h2,.public-portfolio h2{font:600 17px var(--display);margin:9px 0 12px}
.public-profile-about p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c2c2c2;font-size:13px;line-height:1.85;margin:0}
.public-profile-about .no-bio{color:#777;font-style:italic}
.public-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.public-portfolio-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #353535;border-radius:13px;background:#111}
.public-portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.public-portfolio-grid a:hover img{transform:scale(1.035)}
.public-portfolio-empty{margin-top:13px;padding:22px 25px;color:#777;font-size:10px}
.profile-links-field>small,.portfolio-upload>small{display:block;margin-top:5px;color:#888;font-size:9px}
.portfolio-link-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(160px,1.4fr) 34px;gap:7px;margin-top:8px}
.portfolio-link-row input{min-width:0;width:100%;padding:9px 10px;border:1px solid #393939;border-radius:10px;background:#0b0b0b;color:#eee;font:10px var(--font)}
.portfolio-link-row .quiet-button{padding:5px}
.profile-links-field>#addProfileLink{margin-top:9px}
.portfolio-upload>input[type=file]{display:block;width:100%;margin-top:9px;border:1px solid #393939;border-radius:11px;background:#0b0b0b;padding:9px;color:#aaa;font-size:10px}
.portfolio-image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:10px}
.portfolio-image-item{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border:1px solid #393939;border-radius:11px;background:#101010}
.portfolio-image-item img{width:100%;height:100%;object-fit:cover}
.portfolio-image-item button{position:absolute;top:5px;right:5px;width:25px;height:25px;padding:0;background:#090b;border-color:#777;color:white}
@media(max-width:620px){.notification-popover{right:-55px}.public-profile-top{align-items:flex-start}.public-profile-banner{aspect-ratio:3.2/1}.public-profile-identity{padding:0 15px 15px;gap:11px}.public-profile-avatar{width:62px;height:62px;margin-top:-25px}.public-profile-name{align-items:flex-start;flex-direction:column;gap:9px}.public-profile-name h1{font-size:20px}.public-profile-links{padding:0 15px 16px}.public-profile-about,.public-portfolio{padding:18px}.portfolio-link-row{grid-template-columns:minmax(0,1fr) 34px}.portfolio-link-row input[data-link-url]{grid-column:1}.portfolio-link-row button{grid-column:2;grid-row:1/3}.public-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profile-section-titles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #303030;border-radius:13px;background:#101010}.profile-section-titles>div,.profile-section-titles>small{grid-column:1/-1}.profile-section-titles>small{color:#888;font-size:9px;margin-top:-7px}.profile-section-titles .field{margin:0}.profile-section-titles .field small{display:block;color:#888;font-size:9px;margin-top:5px}.profile-section-titles input{width:100%}@media(max-width:650px){.profile-section-titles{grid-template-columns:1fr}}

.public-portfolio-grid a.wide-image{grid-column:1/-1;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;min-height:90px;background:#0b0b0b}.public-portfolio-grid a.wide-image img{width:100%;height:auto;max-height:76vh;object-fit:contain}.public-portfolio-grid a.wide-image:hover img{transform:none}.portfolio-image-item.is-wide{grid-column:1/-1;aspect-ratio:auto;min-height:90px;max-height:300px;display:flex;align-items:center;justify-content:center}.portfolio-image-item.is-wide img{width:100%;height:auto;max-height:300px;object-fit:contain}.portfolio-image-actions{position:absolute;right:6px;bottom:6px;display:flex;gap:5px}.portfolio-image-actions button{position:static!important;width:auto!important;height:27px!important;padding:0 9px!important;background:#090d!important;border-color:#555!important;color:#eee!important;font-size:9px!important}.location-alert-actions{display:flex;gap:6px;flex-wrap:wrap}
/* Announcement wheel and readable community UI */
.announcement-deck{position:relative;display:block;perspective:1200px;min-height:calc(var(--deck-height,240px) + 80px);padding-bottom:80px;isolation:isolate;transition:min-height .4s ease}
.announcement-deck .announcement-card{position:absolute;inset:0 0 auto;transform-origin:center top;transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .4s,filter .4s;backface-visibility:hidden}
.announcement-deck .deck-active{z-index:4;transform:translateY(0);opacity:1}
.announcement-deck .deck-peek{z-index:2;transform:translateY(calc(var(--depth)*32px)) scale(calc(1 - var(--depth)*.035));opacity:calc(.65 - var(--depth)*.16);filter:brightness(.8);cursor:pointer;max-height:var(--deck-height);overflow:hidden}
.announcement-deck .deck-peek[data-depth="1"]{z-index:3}
.announcement-deck .deck-peek>*{pointer-events:none}
.announcement-deck .deck-peek:hover,.announcement-deck .deck-peek:focus-visible{opacity:.85;filter:brightness(1);outline:1px solid #aaa}
.announcement-deck .deck-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(90px) scale(.85)}
.announcement-deck .deck-leaving{transform:translateY(-36px) rotateX(16deg);opacity:0}
.username-design.mention-none{color:inherit}.username-design{display:inline-block;overflow-wrap:anywhere}
.reply-expand{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#242424,#131313);border:1px solid #484848;color:#eee;font:12px var(--font);box-shadow:inset 0 1px 0 #ffffff0a;transition:background .2s,box-shadow .2s,transform .2s}

.reply-expand:hover{transform:translateY(-1px);box-shadow:0 0 18px #ffffff10;background:#303030;color:white}
.member-home-name{font-size:14px}.member-home-copy small{font-size:12px}.member-home-copy p{font-size:12.5px!important;line-height:1.7!important;max-height:5.1em}.member-staff-tag{font-size:9px}
.announcement-top,.post-top,.reply-person-info small{font-size:12px;flex-wrap:wrap;row-gap:7px}.announcement-top .announcement-label{font-size:10px}
.announcement-card p,.post-card p{font-size:14px;line-height:1.85}.announcement-card h2{font-size:21px}.reply-bio{font-size:11px}.post-meta,.uid{font-size:12px}
.profile-card .field,.modal .field{font-size:13px;line-height:1.6}.profile-card .field small,.modal .field small,.banner-hint,.mention-settings>small,.profile-section-titles>small{font-size:11px;color:#aaa}
.profile-card input:not([type=color]):not([type=checkbox]),.profile-card textarea,.profile-card select,.modal input,.modal textarea,.modal select{font-size:13px;line-height:1.6}
#profileForm{display:grid;gap:20px}#profileForm>.field{margin:0}#profileForm>.button{justify-self:start;min-width:160px}.profile-heading{margin:0}
.profile-links-field,.mention-settings,.portfolio-upload,.avatar-upload{padding:18px;border:1px solid #343434;border-radius:16px;background:#121212}.profile-section-titles{padding:18px;gap:15px}.portfolio-link-row{gap:10px}.mention-settings{gap:14px}.modal form{display:grid;gap:14px}.modal .field{margin:0}.reply-form{gap:12px}.reply-form textarea{font-size:13px;min-height:45px}.quiet-button,.reply-toggle,.staff-delete{font-size:11px}
@media(max-width:620px){.announcement-card{padding:20px}.announcement-top,.post-top{font-size:11px}.announcement-card p,.post-card p{font-size:13px}.member-home-name{font-size:14px}.announcement-deck{padding-bottom:70px;min-height:calc(var(--deck-height,240px) + 70px)}}
@media(prefers-reduced-motion:reduce){.announcement-deck .announcement-card,.announcement-deck{transition:none}.username-design{animation:none}.reply-expand{transition:none}}
/* Newer cards peek above; older cards peek below the selected announcement. */
.announcement-deck{min-height:calc(var(--deck-height,240px) + var(--deck-top,0px) + 80px)}
.announcement-deck .announcement-card{top:var(--deck-top,0px)}
.announcement-deck .deck-peek{transform:translateY(calc(var(--offset)*32px)) scale(calc(1 - var(--depth)*.035))}
.announcement-card:not(.deck-active) .staff-delete{visibility:hidden;pointer-events:none}
.announcement-deck .deck-peek button{visibility:hidden}
@media(max-width:620px){.announcement-deck{min-height:calc(var(--deck-height,240px) + var(--deck-top,0px) + 70px)}}


.post-media{display:grid;gap:14px;margin-top:18px;max-width:760px}.media-embed{margin:0;overflow:hidden;border:1px solid #383838;border-radius:16px;background:#0b0b0b}.media-embed img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;margin:auto;object-fit:contain}.media-embed video{display:block;width:100%;max-height:520px;background:#000}.media-embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.media-imgur iframe{aspect-ratio:auto;height:480px}.media-embed figcaption{padding:10px 14px;border-top:1px solid #292929;font-size:11px;color:#999}.media-embed figcaption a,.content-link{color:#c7c7df;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.updates-list .staff-delete{visibility:visible;pointer-events:auto}.primary-nav{flex-shrink:0}@media(max-width:850px){.site-header{flex-wrap:wrap;height:auto;min-height:76px;padding-top:14px;padding-bottom:14px;gap:12px}.primary-nav{order:3;width:100%;overflow-x:auto;height:42px}.primary-tab{white-space:nowrap;flex:1;justify-content:center}.media-imgur iframe{height:400px}}
.update-post{border:1px solid #383838;border-radius:24px;padding:clamp(24px,4vw,44px);background:linear-gradient(145deg,#161616,#101010)}
.update-post>h2{font-size:clamp(28px,3.3vw,42px);line-height:1.2;margin:24px 0;letter-spacing:-.6px;overflow-wrap:anywhere}
.update-body{font-size:20px;line-height:1.8;color:#d0d0d0;overflow-wrap:anywhere}.update-body p{white-space:pre-wrap;margin:0 0 14px;font-size:inherit;line-height:inherit}.update-body h3{font-size:25px;margin:25px 0 12px;color:#f1f1f1}.update-body ul{padding-left:26px;margin:15px 0 24px}.update-body li{padding-left:7px;margin:9px 0}.update-body li::marker{color:#a6a6a6}.update-actions{display:flex;gap:10px;margin-top:26px;border-top:1px solid #303030;padding-top:20px}.update-post .post-media{max-width:100%;margin-top:24px}.update-edited{color:#888}
.update-editor{width:min(900px,100%);max-height:90vh;overflow:auto;padding:30px}.update-editor textarea{font-size:16px;min-height:200px;resize:vertical}.update-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #343434;border-radius:14px;background:#161616}.update-color-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb}.update-color-label input{width:35px;height:30px;padding:2px}.update-preview{padding:20px;border:1px solid #333;border-radius:15px;min-height:85px;background:#0e0e0e}.update-preview:empty:before{content:'Your update preview will appear here.';color:#888;font-size:13px}.update-preview .update-body{font-size:18px}.update-preview-label{font-size:12px;color:#aaa}
.media-host-notice{padding:16px 18px;border:1px solid #47434e;border-radius:14px;background:linear-gradient(130deg,#211d27,#131313)}.media-host-notice strong{font-size:14px;color:#e5d9f4}.media-host-notice p{margin:7px 0 0;font-size:12px;line-height:1.7;color:#c0bbc7}.reply-input-wrap{min-width:0;flex:1}.reply-input-wrap textarea{width:100%}.reply-media-hint{display:block;margin:7px 0 0;font-size:10px;color:#999;line-height:1.5}.reply-form{align-items:flex-start}.reply-form>button{align-self:flex-start}.updates-list{gap:24px}
@media(max-width:620px){.update-body{font-size:17px}.update-body h3{font-size:21px}.update-editor{padding:22px}.update-toolbar .quiet-button{font-size:11px}.reply-form{flex-wrap:wrap}.reply-input-wrap{flex-basis:100%}}
/* Clean linked media: no provider page, footer strip, or nested scrollbars. */
.post-media{justify-items:start}.media-embed{max-width:100%;width:fit-content;border:0;border-radius:12px;background:transparent;overflow:hidden}.media-embed figcaption{display:none}.media-frame{width:min(760px,100%)}.media-embed img,.media-embed video{width:auto;height:auto;max-width:100%;max-height:560px;margin:0;object-fit:contain;border-radius:12px;background:transparent}.media-embed>a{display:block}.media-embed iframe{border-radius:12px}.imgur-clean-preview{display:flex;flex-direction:column;gap:10px;max-width:760px;min-height:70px;padding:18px;border:1px solid #333;border-radius:12px;color:#aaa;background:#111;font-size:12px}.imgur-clean-preview a{color:#ccc}.imgur-clean-preview.is-loaded{min-height:0;padding:0;border:0;background:transparent}.imgur-clean-preview.is-loaded img,.imgur-clean-preview.is-loaded video{display:block;width:auto;height:auto;max-width:100%;max-height:560px}.imgur-clean-preview.media-unavailable{padding:18px;border:1px solid #333}.reply .post-media{max-width:560px}.update-post .post-media{max-width:100%}@media(max-width:620px){.media-embed img,.media-embed video,.imgur-clean-preview.is-loaded img,.imgur-clean-preview.is-loaded video{max-height:420px}}
.terms-header-link{color:#aaa;text-decoration:none;font-size:10px}.terms-header-link:hover{color:#fff}.terms-main{max-width:820px}.terms-card{border:1px solid #303030;background:linear-gradient(145deg,#141414,#0f0f0f);border-radius:21px;padding:28px 30px}.terms-card section+section{margin-top:25px;padding-top:25px;border-top:1px solid #292929}.terms-card h2{font:600 16px var(--display);letter-spacing:-.3px;margin:0 0 9px}.terms-card p{margin:0;color:#b5b5b5;font-size:11px;line-height:1.85}.site-footer a{color:#aaa;text-decoration:none}.site-footer a:hover{color:#fff}@media(max-width:750px){.terms-card{padding:21px 18px}}.terms-main a,.terms-card a{color:#aaa;text-decoration:none;transition:color .2s,text-shadow .2s}.terms-main a:hover,.terms-card a:hover{color:#fff;text-shadow:0 0 10px #fff8}
/* Dialogs use the physical viewport, independent of the site's reading zoom. */
body.forum-app{--ui-scale:1.3}
.modal-backdrop{zoom:calc(1 / var(--ui-scale,1));padding:16px;grid-template-rows:minmax(0,1fr);overflow:hidden}
.modal-backdrop>.modal{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);width:min(650px,100%);overflow:hidden;padding:24px;gap:0}
.modal-backdrop>.update-editor{width:min(920px,100%)}
.modal-backdrop .modal>form{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 12px 12px 0;gap:16px}
.modal-backdrop .modal>.modal-kicker,.modal-backdrop .modal>h2{flex-shrink:0}.modal-backdrop .modal>h2{padding-right:28px}
.modal-submit-bar{flex:none;padding-top:16px;margin-top:4px;border-top:1px solid #383838;background:#111;position:relative;z-index:2}.modal-submit-bar .button.full{margin:0;min-height:46px;font-size:14px}
.modal-backdrop .modal .field{font-size:14px}.modal-backdrop .modal input,.modal-backdrop .modal textarea,.modal-backdrop .modal select{font-size:15px}
.modal-backdrop .modal textarea{max-height:38dvh;min-height:100px}.modal-backdrop .update-editor textarea{height:clamp(150px,27dvh,290px);min-height:130px}
.modal-backdrop .media-host-notice{padding:12px 14px}.modal-backdrop .media-host-notice p{font-size:12px;line-height:1.55}.modal-backdrop .update-preview{max-height:240px;overflow:auto}
@media(max-width:800px){body.forum-app{--ui-scale:1.12}}
@media(max-width:620px){body.forum-app{--ui-scale:1}.modal-backdrop{padding:10px}.modal-backdrop>.modal{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:18px;border-radius:18px}.modal-backdrop .modal>form{padding-right:6px}.modal-backdrop .update-toolbar{gap:7px;padding:9px}.modal-submit-bar{padding-top:12px}}
@media(max-height:550px){.modal-backdrop>.modal{padding:16px}.modal-backdrop .modal>h2{font-size:21px;margin:6px 0 10px}.modal-backdrop .modal textarea{min-height:90px}.modal-submit-bar{padding-top:10px}.modal-backdrop .modal>form{gap:10px}}
/* Compact update posts: 25% smaller text and spacing. */
.update-post{padding:clamp(18px,3vw,33px);border-radius:18px}
.update-post>h2{font-size:clamp(21px,2.475vw,31.5px);margin:18px 0}
.update-post .update-body{font-size:15px;line-height:1.8}
.update-post .update-body p{margin-bottom:10.5px}
.update-post .update-body h3{font-size:18.75px;margin:18.75px 0 9px}
.update-post .update-body ul{padding-left:20px;margin:11px 0 18px}
.update-post .update-body li{padding-left:5px;margin:7px 0}
.update-post .update-actions{gap:8px;margin-top:20px;padding-top:15px}
.update-post .post-media{margin-top:18px}
.updates-list{gap:18px}
@media(max-width:620px){.update-post .update-body{font-size:14px}.update-post .update-body h3{font-size:16px}}
/* Updates start with a small text preview; embeds load when expanded. */
.update-excerpt{font-size:15px;line-height:1.8;color:#bbb;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:7.2em;overflow:hidden;mask-image:linear-gradient(#000 65%,#0009)}
.update-post .update-full[hidden],.update-post .update-excerpt[hidden]{display:none}
.update-expand{margin-top:15px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#252525,#151515);border:1px solid #484848;color:#eee;font-size:12px;min-height:38px}
.update-expand:hover{background:#303030;border-color:#777}.update-expand:focus-visible{outline:2px solid #c7a6ff;outline-offset:3px}
.update-post.is-collapsed .update-actions{margin-top:14px;padding-top:12px}.update-post{scroll-margin-top:100px}
@media(max-width:620px){.update-excerpt{font-size:14px}}
.update-excerpt{display:block;white-space:normal;max-height:116px;mask-image:linear-gradient(#000 75%,#0008)}.update-excerpt .update-body{font-size:15px;line-height:1.8}.update-excerpt .update-body h3:first-child{margin-top:0}.update-excerpt .update-body ul{margin-top:8px}.name-style-preview{padding:14px;border:1px solid #393939;border-radius:12px;background:#0d0d0d;font-size:17px}
.style-preview-label{font-size:12px;color:#aaa;margin-top:8px}.name-style-preview{padding:0;border:0;background:transparent;max-width:100%}.name-style-preview .profile-card-preview{width:min(320px,100%);min-height:220px;pointer-events:none}.profile-card-preview .member-home-content{padding-bottom:22px}.profile-card-preview .member-home-name{flex-wrap:wrap;row-gap:7px}.profile-card-preview .member-home-copy{flex:1;min-width:0}.profile-card-preview .member-home-copy p{white-space:pre-wrap}.profile-card-preview .member-home-banner{background-size:cover;background-repeat:no-repeat}

.avatar-edit{position:relative;cursor:pointer;padding:0;font:inherit;flex-shrink:0}.avatar-edit::after{content:'';position:absolute;inset:0;border-radius:50%;background:#0009 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Cpath d='M4 7h4l2-3h4l2 3h4v13H4z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") center/28px no-repeat;opacity:0;transition:opacity .18s;pointer-events:none}.avatar-edit:hover::after,.avatar-edit:focus-visible::after{opacity:1}.avatar-edit:focus-visible{outline:2px solid #c7a6ff;outline-offset:4px}.avatar-edit-hint{display:block;color:#aaa;font-size:11px;line-height:1.6;margin:8px 0 18px}

.avatar-crop-editor{display:flex;align-items:center;gap:22px;padding:18px;border:1px solid #343434;border-radius:16px;margin-bottom:20px}.avatar-crop-editor>div:last-child{flex:1;min-width:0}.avatar-crop-editor strong,.avatar-crop-editor small,.avatar-crop-editor label{display:block;margin-bottom:10px}.avatar-crop-editor small{color:#aaa;font-size:11px;line-height:1.6}#avatarCropCanvas{width:140px;height:140px;flex-shrink:0;border-radius:50%;overflow:hidden;cursor:grab;touch-action:none;background:#202020}#avatarCropCanvas:active{cursor:grabbing}.avatar-crop-large{width:100%;height:100%}#avatarZoom{width:100%;padding:0;margin:8px 0 14px;accent-color:#c7a6ff}@media(max-width:480px){.avatar-crop-editor{flex-direction:column;align-items:stretch}#avatarCropCanvas{align-self:center}}

.member-home-card .member-bottom-badges{margin-top:auto;width:100%;padding:12px 17px 18px}.member-bottom-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.member-bottom-badges .custom-badge{flex:0 0 auto;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word}.member-home-name{flex-wrap:wrap;row-gap:7px}.member-home-name>.username-design{flex-shrink:0;white-space:nowrap}.member-home-name>.custom-badge{flex-shrink:0;white-space:nowrap}.member-home-copy{flex:1;min-width:0}.public-profile-hero>.member-bottom-badges{padding:0 24px 22px}.public-profile-name h1>.custom-badge{white-space:nowrap}
.member-home-card{display:flex;flex-direction:column;align-items:stretch;gap:0}.member-home-content{flex:1}.member-home-banner{flex-shrink:0}

.attachment-list:has(.attachment-image){display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:18px}.attachment-image{max-width:min(760px,100%)}.attachment-image img{display:block;max-width:100%;height:auto;max-height:560px;object-fit:contain}.attachment-image>a{cursor:zoom-in}

.compact-post{padding:0;overflow:hidden}.forum-post-summary{display:block;list-style:none;padding:18px 24px;cursor:pointer;transition:background .15s}.forum-post-summary::-webkit-details-marker{display:none}.forum-post-summary:hover{background:#ffffff04}.forum-post-summary:focus-visible{outline:2px solid #c7a6ff;outline-offset:-3px}.forum-post-summary .post-top{margin-bottom:8px}.forum-post-summary h2{margin:0 0 7px;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.forum-summary-count{font-size:10px;color:#999}.forum-open-hint,.forum-close-hint{color:#c7c7df}.forum-close-hint{display:none}.forum-post-details[open] .forum-close-hint{display:inline}.forum-post-details[open] .forum-open-hint{display:none}.forum-post-expanded{padding:0 24px 24px;border-top:1px solid #292929}.forum-post-expanded>p:first-child{margin-top:18px}.forum-post-details:not([open])>.forum-post-expanded{display:none}@media(max-width:620px){.forum-post-summary{padding:15px 17px}.forum-post-expanded{padding:0 17px 17px}.forum-post-summary h2{font-size:16px}}

.announcement-share{margin-top:14px;margin-right:10px}.announcement-deck .announcement-card:not(.deck-active) .announcement-share{visibility:hidden;pointer-events:none}.update-share{margin:14px 0 0 10px}

.embed-position-field{display:flex;align-items:center;gap:10px;margin:10px 0;color:#aaa;font-size:11px;flex-wrap:wrap}.embed-position-field select{background:#111;color:#ddd;border:1px solid #444;border-radius:10px;padding:7px 10px;font:inherit}.forum-post-expanded>.post-media,.reply>.post-media{margin-bottom:18px}

.existing-post-attachments{display:grid;gap:10px;color:#bbb;font-size:12px}.existing-post-attachments:empty{display:none}.existing-post-attachments label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.existing-post-attachments input[type=checkbox]{width:auto;margin:0;accent-color:#c7a6ff}

#composeModal:has(#forumReview:not(.hidden)) .modal{width:min(1080px,100%)}#forumReview{overflow-y:auto;min-height:0;margin:10px 0}.forum-review-heading{display:grid;gap:10px;margin-bottom:18px}.forum-review-heading small{color:#aaa;font-size:11px}.forum-review-heading button{justify-self:start}#forumReviewCard .post-card{width:100%}#forumReviewCard .post-media[draggable]{cursor:grab}.embed-drop-target{outline:1px dashed #c7a6ff;background:#c7a6ff12}#forumReviewCard .post-actions button:disabled{opacity:.65}
.forum-review-heading strong{font-size:16px;line-height:1.5}.forum-review-heading small{font-size:13px;line-height:1.7;color:#b8b8b8}.forum-review-heading .quiet-button{font-size:12px;padding:9px 14px}

.synaview-download{margin-top:22px}.synaview-download>a{display:inline-block;text-decoration:none}#synaviewReleaseTools{margin-top:25px;padding-top:18px;border-top:1px solid #333}#synaviewReleaseTools p,#synaviewNotes{font-size:12px;color:#aaa;line-height:1.7;white-space:pre-wrap}
