.ff-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}
.brand-logo{width:176px;height:62px;object-fit:contain;filter:drop-shadow(0 5px 12px #0008)}
.brand:hover .brand-logo{filter:drop-shadow(0 5px 15px #d4ae6855)}
.brand{position:relative;gap:0}
.brand-caption{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);color:#9aa5b8;font-size:.5rem;font-weight:700;letter-spacing:2.5px;white-space:nowrap}
.topbar{height:auto;min-height:95px;padding:14px 0}
.account-actions{margin-left:auto;justify-content:flex-end}
.header-custom-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.header-nav-card,.account-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border-radius:8px;border:1px solid #40506a;background:#202a38;color:#dce5f2;font-size:.76rem;font-weight:700;box-shadow:inset 0 1px #ffffff08;white-space:nowrap}
.header-nav-card:hover,.account-link:hover{color:#fff;transform:translateY(-1px)}
.header-nav-card .ff-icon,.account-link .ff-icon{width:16px;height:16px}
.header-nav-card.nav-gold{border-color:#7a6540;background:#332b20;color:#f1d494}
.header-nav-card.nav-blue{border-color:#365f82;background:#1c3042;color:#9dd4ff}
.header-nav-card.nav-green{border-color:#3b6f57;background:#1c352b;color:#9be1bb}
.header-nav-card.nav-purple{border-color:#674b7c;background:#32263d;color:#d3adee}
.header-nav-card.nav-red{border-color:#7c4646;background:#3b2427;color:#f4aaaa}
.account-link{border-color:#4e586a;background:#151d28}
.logout-link{color:#aab4c3;padding:8px}
.logout-link:hover{color:#fff}
.post{grid-template-columns:220px minmax(0,1fr);box-shadow:0 8px 28px #00000018}
.post-author{position:relative;align-items:stretch;gap:13px;padding:20px 15px;background:linear-gradient(160deg,#17212e,#111821);text-align:left}
.post-author:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}
.member-card-head{display:flex;align-items:center;gap:11px;min-width:0}
.member-card-head .avatar.large{width:54px;height:54px;border-radius:13px;box-shadow:0 7px 18px #0008;border-color:#6b7890}
.member-card-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.member-card-identity strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.member-role{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #435167;border-radius:999px;background:#222e3d;color:#b8c4d5;font-size:.6rem;font-weight:700;letter-spacing:.03em}
.member-role .ff-icon{width:11px;height:11px}
.member-role.is-staff{color:#f0d292;border-color:#715f3b;background:#332b1f}
.post-author .member-stats.compact{border:0;padding:0;margin:0;gap:7px}
.post-author .member-stats.compact>div{min-width:0;display:flex;align-items:center;gap:7px;padding:8px;background:#0d141e;border-color:#283548;text-align:left}
.member-stat .ff-icon{width:16px;height:16px;color:#77b7e8}
.member-stat.stat-likes_received .ff-icon{color:#ec8d99}
.member-stat.stat-likes_given .ff-icon{color:#d8a4ed}
.post-author .member-stats.compact dt{font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-author .member-stats.compact dd{font-size:.84rem;margin:1px 0 0}
.post-author-extras{padding-top:10px;border-top:1px solid #293344;gap:7px}
.post-author-extras span{display:flex;align-items:center;gap:6px;min-width:0}
.post-author-extras .ff-icon{width:13px;height:13px;color:#8398b5}
.post-author-extras b{color:#aeb9c9;font-size:.63rem;font-weight:600}
.post-author .member-social{margin:0;gap:5px}
.post-author .member-social a,.post-author .member-social span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:#172230;border-color:#344258;font-size:.61rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.post-author .member-social .ff-icon{width:11px;height:11px}
.post-author .account-id{padding-top:8px;border-top:1px dashed #324055;text-align:center}
.post-main{padding:24px 28px}
.composer{overflow:visible;border-color:#354358;box-shadow:0 14px 40px #00000022;background:linear-gradient(180deg,#1a2230,#151c27)}
.composer-title{display:flex;align-items:center;gap:13px;margin:-4px 0 20px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.composer-title h2,.composer-title strong{display:block;margin:0;font-size:1.05rem}
.composer-title small{display:block;margin-top:3px;color:var(--muted);font-size:.73rem}
.composer-symbol{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #6f5e3e;border-radius:10px;background:#30291f;color:#efcf91;font-size:1.15rem}
.topic-fields{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(260px,1fr);gap:14px}
.topic-fields label{margin:0 0 17px}
.composer-field>label{margin:0 0 8px}
.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #3a465a;border-bottom:0;border-radius:8px 8px 0 0;background:#111925}
.editor-tools{display:flex;gap:5px;flex-wrap:wrap;margin:0}
.editor-tool{min-width:35px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;border:1px solid #39475d;border-radius:6px;background:#202b3a;color:#dce4ef}
.editor-tool:hover{border-color:#8b744a;background:#2d3030;color:#f0d291}
.editor-tool>span{font-weight:800;font-size:.82rem}
.editor-tool.tool-i>span{font-style:italic}
.editor-tool.tool-u>span{text-decoration:underline}
.editor-tool small{display:none;font-size:.64rem;color:inherit}
.composer-count{flex:0 0 auto;color:#8390a3;font-size:.68rem}
.composer textarea{margin:0;border-radius:0 0 8px 8px;min-height:180px;padding:16px;background:#0d141d;border-color:#3a465a;resize:none;transition:border-color .2s,box-shadow .2s}
.composer textarea:focus{border-color:#9a8050;box-shadow:inset 0 0 0 1px #9a805055}
.reply-composer textarea{min-height:150px}
.composer-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:var(--muted);font-size:.76rem}
.composer-note>span{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #4c5b70;border-radius:50%;color:#aec0d8;font-weight:700}
.composer-note p{margin:0}
.composer-actions{padding-top:17px;border-top:1px solid var(--line)}
.composer-actions .button.primary{min-width:160px}
.composer-edit>.composer-toolbar{margin-top:0}
@media(min-width:1100px){.editor-tool:hover small{display:inline}.editor-tool:hover{min-width:88px}.header-custom-nav{max-width:590px}}
@media(max-width:1000px){.post{grid-template-columns:195px minmax(0,1fr)}.account-actions{gap:9px}.header-custom-nav{order:2;width:100%;justify-content:flex-end}.topbar{flex-wrap:wrap}.header-nav-card{font-size:.7rem}}
@media(max-width:720px){.brand-logo{width:132px;height:49px}.brand-caption{font-size:.42rem;letter-spacing:1.8px;bottom:-1px}.topbar{align-items:center}.account-actions{width:auto;flex:1;flex-wrap:wrap}.header-custom-nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:3px 0 2px;scrollbar-width:none}.header-custom-nav::-webkit-scrollbar{display:none}.header-nav-card{flex:0 0 auto}.account-link{margin-left:auto;max-width:150px}.account-link span{overflow:hidden;text-overflow:ellipsis}.post-author{padding:14px 15px}.member-card-head{flex:1 1 180px}.member-card-head .avatar.large{width:45px;height:45px}.post-author .member-stats.compact{display:grid;flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr));order:3}.post-author .member-stats.compact>div{display:block;text-align:center;padding:7px 3px}.post-author .member-stats.compact .ff-icon{width:14px;height:14px;margin-bottom:2px}.post-author .member-stats.compact dt{font-size:.52rem}.post-author-extras{order:4;flex-basis:100%;padding-top:8px}.post-author .member-social{order:5}.post-author .account-id{order:6;margin-left:auto}.post-main{padding:17px}.topic-fields{grid-template-columns:1fr;gap:0}.composer-toolbar{align-items:flex-start}.editor-tool{min-width:32px;padding:5px 7px}.composer-count{padding-top:8px}.composer-actions{align-items:stretch}.composer-actions .button{flex:1}.composer-page-heading p{font-size:.8rem}}
@media(max-width:420px){.topbar{min-height:0}.brand-logo{width:118px}.brand-caption{letter-spacing:1.3px}.account-actions{width:100%}.account-link{margin-left:0}.header-custom-nav{order:3}.post-author .member-stats.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.composer{padding:16px}.composer-toolbar{padding:7px}.editor-tool{min-width:30px;height:32px}.composer-count{font-size:.6rem}.composer-actions{flex-direction:column-reverse}.composer-actions .button{width:100%}}