:root{--ink:#17212f;--muted:#687386;--line:#e6eaf0;--surface:#fff;--soft:#f5f7fa;--brand:#365ce8;--brand-dark:#2747c4;--green:#1d966b;--red:#c74747;--radius:16px;--shadow:0 12px 34px rgba(22,35,60,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}button,input,textarea,select{font:inherit}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--brand);display:grid;place-items:center;color:white;font-size:22px;font-weight:800}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a:not(.nav-cta),.link-button{color:#465166;font-weight:600;font-size:14px}.nav-cta{background:#edf1ff;color:var(--brand);padding:9px 14px;border-radius:10px;font-weight:700;font-size:14px}.nav-user{font-size:13px;color:var(--muted);font-weight:700}.lang-switch{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#9aa3b2}.lang-switch a{color:#667085}.lang-switch a[aria-current=page]{color:var(--brand)}.inline-form{display:inline;margin:0}.link-button{border:0;background:none;padding:0;cursor:pointer}.main-content{min-height:calc(100vh - 150px);padding-top:42px;padding-bottom:80px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:5px 0 36px;padding:22px 0 26px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--brand);margin:0 0 9px}.hero h1,.form-page h1,.admin-page h1{font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 10px}.hero-copy,.muted{color:var(--muted)}.hero-copy{margin:0;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer;transition:.15s ease;font-size:14px;white-space:nowrap}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark);color:white;transform:translateY(-1px)}.button-outline{border-color:#dce2ed;background:white;color:var(--ink)}.button-outline:hover{border-color:var(--brand);color:var(--brand)}.button-quiet{color:var(--muted);background:transparent}.button-full{width:100%}.button-small{padding:7px 10px;font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:19px;margin:0;letter-spacing:-.4px}.section-heading>a{font-size:13px;font-weight:700}.discussion-list{display:grid;gap:13px}.discussion-card,.sidebar-card,.auth-card,.form-panel,.thread-content,.reply-card,.admin-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.discussion-card{padding:20px 22px;transition:transform .15s,border-color .15s}.discussion-card:hover{transform:translateY(-2px);border-color:#cfd7e8}.discussion-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#8a94a5}.category-pill{display:inline-flex;padding:4px 9px;background:#eef2ff;color:#3c58cf;border-radius:999px;font-size:11px;font-weight:800}.language-pill{font-size:10px;font-weight:800;color:#667085;background:#f0f2f5;padding:3px 6px;border-radius:5px}.discussion-card h3{font-size:18px;line-height:1.35;margin:11px 0 7px;letter-spacing:-.35px}.discussion-card h3 a{color:var(--ink)}.discussion-card h3 a:hover{color:var(--brand)}.discussion-excerpt{color:#687386;font-size:13px;margin:0 0 16px;line-height:1.65}.discussion-footer{display:flex;gap:17px;align-items:center;flex-wrap:wrap;color:#8993a3;font-size:12px}.discussion-footer strong{color:#48546a}.sidebar{display:grid;gap:16px}.sidebar-card{padding:20px}.sidebar-card h2{font-size:16px;margin:0 0 14px}.category-list{list-style:none;margin:0;padding:0}.category-list li+li{border-top:1px solid #f0f2f6}.category-list a{display:flex;justify-content:space-between;padding:9px 0;color:#566176;font-size:13px;font-weight:600}.category-list a:hover{color:var(--brand)}.community-card{background:linear-gradient(145deg,#eff2ff,#fff 80%)}.community-symbol{font-size:27px;color:var(--brand)}.community-card h3{font-size:16px;margin:5px 0}.community-card p{font-size:13px;color:var(--muted);margin:5px 0 17px}.empty-state{text-align:center;background:white;border:1px dashed #d8deea;border-radius:var(--radius);padding:48px 20px;color:var(--muted)}.empty-state h3,.empty-state h1{color:var(--ink);margin:7px 0}.empty-icon{font-size:32px;color:#93a3d9;font-weight:800}.auth-wrap{display:grid;place-items:center;padding:30px 0}.auth-card{width:min(100%,440px);padding:34px}.auth-card h1{font-size:29px;letter-spacing:-1px;margin:0}.auth-card>.muted{margin:5px 0 24px}.stack-form{display:grid;gap:17px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#465166}.stack-form input,.stack-form textarea,.stack-form select,.search-form input{width:100%;border:1px solid #dce2eb;background:#fff;border-radius:10px;padding:12px 13px;outline:none;color:var(--ink)}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.search-form input:focus{border-color:#8ea2f5;box-shadow:0 0 0 3px #edf0ff}.stack-form textarea{resize:vertical;min-height:100px}.stack-form small{font-weight:400;color:var(--muted)}.auth-switch{text-align:center;margin:22px 0 0;font-size:13px;color:var(--muted)}.auth-switch a{font-weight:700}.form-page{max-width:760px;margin:0 auto}.form-page>.muted{margin:0 0 23px}.form-panel{padding:26px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.search-form{display:flex;gap:9px}.search-form-large{margin:0 0 18px}.search-form input{flex:1}.thread-page{max-width:850px;margin:0 auto}.thread-topline{display:flex;align-items:center;gap:14px;margin-bottom:20px;font-size:13px}.thread-topline>a{font-weight:700}.thread-header{padding:10px 0 20px}.thread-header h1{font-size:clamp(28px,4vw,39px);line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.thread-content{padding:27px 30px;margin-bottom:35px;line-height:1.85;white-space:normal;overflow-wrap:anywhere}.replies-section{margin-top:25px}.replies-section>.section-heading{margin-bottom:18px}.reply-list{display:grid;gap:12px}.reply-card{padding:17px 20px}.reply-meta{display:flex;align-items:center;gap:12px;font-size:13px}.reply-meta time{font-size:11px;color:#98a1af}.reply-content{margin-top:10px;white-space:normal;overflow-wrap:anywhere}.reply-form{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:22px}.reply-form button{justify-self:start}.login-prompt{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eef2ff;border-radius:12px;padding:16px 20px;margin-top:22px}.login-prompt p{margin:0;color:#485b9f;font-size:13px}.admin-page{max-width:900px;margin:auto}.admin-page>.muted{margin-bottom:23px}.admin-list{display:grid;gap:12px}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px}.admin-item h3{font-size:15px;margin:7px 0 2px}.admin-item h3 a{color:var(--ink)}.admin-item p{font-size:12px;margin:0}.status{font-size:10px;font-weight:800;padding:3px 7px;border-radius:5px;background:#f0f2f5;color:#657084}.status-published{background:#e6f6ef;color:#187b55}.status-pending{background:#fff4dc;color:#9b6b09}.status-hidden{background:#ffeded;color:#b64242}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.flash{border-radius:10px;padding:11px 14px;margin-bottom:13px;font-size:13px;font-weight:600}.flash-success{background:#e8f7ef;color:#1b7751}.flash-error{background:#fff0f0;color:#aa3636}.site-footer{background:#fff;border-top:1px solid var(--line);padding:22px 0;color:#8993a3;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-inner a{font-weight:700}.error-state{max-width:520px;margin:50px auto}.error-state .button{margin-top:15px}
@media(max-width:800px){.container{width:min(100% - 28px,650px)}.site-header{height:auto;min-height:68px}.header-inner{padding:12px 0;align-items:flex-start;flex-direction:column;gap:10px}.main-nav{width:100%;gap:13px;flex-wrap:wrap}.main-nav>a:not(.nav-cta),.link-button{font-size:12px}.nav-user{display:none}.content-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column;margin:0 0 24px}.hero .button{align-self:flex-start}.main-content{padding-top:25px}.admin-item{align-items:flex-start;flex-direction:column}.footer-inner{flex-wrap:wrap}}
@media(max-width:480px){.main-nav{gap:10px}.nav-cta{padding:7px 10px;font-size:12px}.lang-switch{margin-left:auto}.sidebar{grid-template-columns:1fr}.discussion-card{padding:17px}.discussion-card h3{font-size:16px}.discussion-footer{gap:10px}.auth-card{padding:25px 20px}.form-panel{padding:18px}.thread-content{padding:20px}.login-prompt{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.search-form-large{flex-direction:column}}

/* V2: member profiles, following and revision review */
.nav-user{display:inline-flex;align-items:center;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.follow-inline{display:flex;justify-content:flex-end;margin:0 0 16px}
.profile-page{max-width:900px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.profile-header{display:flex;align-items:center;gap:20px}
.profile-avatar{width:76px;height:76px;flex:0 0 76px;border-radius:22px;display:grid;place-items:center;background:#e9edff;color:#3454c5;font-size:30px;font-weight:850}
.profile-identity{min-width:0;flex:1}.profile-identity h1{margin:3px 0 2px;font-size:26px}.profile-identity p{margin:0}.profile-detail{font-size:13px;color:var(--muted);margin-top:6px!important}.profile-detail a{color:var(--primary);font-weight:650}
.profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.profile-actions form{margin:0}
.profile-bio{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);line-height:1.8;overflow-wrap:anywhere}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.profile-stats>div{background:#f7f8fb;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.profile-stats strong{font-size:21px;color:var(--ink)}.profile-stats span{font-size:11px;color:var(--muted)}
.profile-discussions{max-width:900px;margin:0 auto}
.thread-manage{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.thread-manage form{margin:0}
.button-danger{background:#fff0f0;color:#b43636;border:1px solid #f1d1d1}.button-danger:hover{background:#ffe5e5}
.notice{border-radius:10px;padding:12px 15px;margin:14px 0;font-size:13px}.notice-warning{background:#fff6df;color:#855c06;border:1px solid #f4e2ad}
.admin-revisions{max-width:900px;margin:34px auto 0}.admin-revisions .section-heading{margin-bottom:15px}
@media(max-width:700px){.profile-page{padding:20px}.profile-header{align-items:flex-start;flex-wrap:wrap}.profile-avatar{width:60px;height:60px;flex-basis:60px;border-radius:18px;font-size:24px}.profile-identity{width:calc(100% - 80px);flex:auto}.profile-actions{width:100%;margin:8px 0 0 80px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-user{max-width:none}}
@media(max-width:420px){.profile-actions{margin-left:0}.thread-manage{align-items:stretch}.thread-manage .button{width:100%;justify-content:center}}
.revision-summary{min-width:0;flex:1}.revision-preview{margin-top:10px;font-size:12px}.revision-preview summary{cursor:pointer;color:var(--brand);font-weight:750}.revision-preview>div{margin-top:8px;padding:12px;background:#f7f8fb;border:1px solid var(--line);border-radius:9px;max-height:240px;overflow:auto;overflow-wrap:anywhere}.revision-preview p{white-space:pre-wrap;line-height:1.65;margin:8px 0 0;font-size:12px;color:var(--ink)}

/* V3 interaction, poll, notification and community surfaces */
.community-links{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 15px}.community-links a{font-size:12px;font-weight:750;color:var(--brand);text-decoration:none;background:#f1f3ff;border:1px solid #e3e7ff;border-radius:999px;padding:7px 11px}
.tag-row,.tag-cloud{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.tag-chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#f8f9fc;color:#47547b;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;text-decoration:none}.tag-chip:hover{border-color:#b7c3ff;background:#f0f3ff}
.thread-tags{margin:14px 0 20px}.reaction-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.reaction-bar form{margin:0}.reaction-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.reaction-button strong{color:var(--muted)}.reaction-button.is-active{background:#eef2ff;border-color:#aebcff;color:#2949bd}.report-details{position:relative;margin-left:auto;font-size:12px}.report-details summary{cursor:pointer;color:var(--muted);font-weight:700;list-style:none}.report-details summary::-webkit-details-marker{display:none}.report-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:12px;background:#fafbfe;border:1px solid var(--line);border-radius:11px}.report-form select,.report-form input{max-width:190px;font-size:12px;padding:8px}.report-form textarea{min-width:220px;font-size:12px;padding:8px}.poll-builder{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcff}.poll-builder>summary{font-weight:800;cursor:pointer;color:var(--ink)}.poll-builder-fields{padding-top:14px}.checkbox-label{display:flex!important;align-items:center;gap:9px}.checkbox-label input{width:auto}.poll-card{margin:18px 0 24px;padding:20px;border:1px solid #dfe4f6;background:linear-gradient(145deg,#fbfcff,#f6f8ff);border-radius:16px}.poll-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--brand)}.poll-card h2{font-size:19px;margin:7px 0 15px}.poll-options{display:grid;gap:9px}.poll-option-input{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer}.poll-option-input input{width:auto}.poll-results{display:grid;gap:13px}.poll-result>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.poll-result>div:first-child span{color:var(--muted);white-space:nowrap}.poll-track{height:8px;background:#e7eaf3;border-radius:999px;overflow:hidden;margin-top:6px}.poll-track span{display:block;height:100%;background:#6478dd;border-radius:999px}.poll-total{font-size:11px;margin:12px 0 0}.notification-nav{display:inline-flex;align-items:center;gap:5px}.notification-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#d84747;color:#fff;font-size:10px;font-weight:850}.notification-list{max-width:900px;margin:0 auto 30px;display:grid;gap:8px}.notification-item{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.notification-unread{background:#f6f8ff;border-color:#d8def8}.notification-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:transparent}.notification-unread .notification-dot{background:#536bd6}.notification-body{flex:1;min-width:0;display:grid;gap:5px}.notification-body a{color:var(--ink);text-decoration:none;font-size:13px}.notification-body time{font-size:11px;color:var(--muted)}.notification-item form{margin:0}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:10px 0 30px}.ranking-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}.ranking-panel h2{font-size:17px;margin:0 0 13px}.ranking-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.rank-number{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#f0f2fb;display:grid;place-items:center;font-size:11px;font-weight:850;color:#5968b5}.ranking-main{display:grid;gap:4px;flex:1;min-width:0}.ranking-main a{color:var(--ink);text-decoration:none;font-size:13px;overflow-wrap:anywhere}.ranking-main small{font-size:11px;color:var(--muted)}.ranking-score{font-size:11px;color:var(--muted);white-space:nowrap}.report-queue{margin-bottom:36px}
@media(max-width:700px){.ranking-grid{grid-template-columns:1fr}.notification-item{align-items:flex-start;flex-wrap:wrap}.notification-item form{margin-left:22px}.report-details{margin-left:0;width:100%}.poll-result>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.reaction-bar{align-items:flex-start}.report-form select,.report-form input,.report-form textarea{max-width:none;width:100%}}


/* V4: identity, direct messaging, reputation and anti-abuse */
.v4-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.v4-privacy-note{padding:12px 14px;background:#f3f5f9;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;margin:14px 0}
.v4-conversation-list,.v4-member-list,.v4-leader-list{display:grid;gap:10px}
.v4-conversation-card,.v4-member-card,.v4-leader-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0}
.v4-conversation-card:hover,.v4-member-card:hover{border-color:#cbd5ed}
.v4-conversation-main,.v4-member-card-main,.v4-leader-main{flex:1;min-width:0}
.v4-conversation-main strong,.v4-member-card h2,.v4-leader-main strong{display:block;color:var(--ink);font-size:14px;margin:0 0 3px}
.v4-conversation-main p,.v4-member-card p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.v4-conversation-time,.v4-leader-score{color:var(--muted);font-size:11px;white-space:nowrap}
.v4-unread{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--brand);color:#fff;border-radius:99px;font-size:11px;font-weight:800}
.v4-message-thread{display:grid;gap:12px;margin:20px 0}
.v4-message{max-width:min(78%,620px);padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:14px;justify-self:start;overflow-wrap:anywhere}
.v4-message.is-mine{justify-self:end;background:#edf1ff;border-color:#dfe5ff}
.v4-message p{margin:5px 0;white-space:pre-wrap}
.v4-message small{color:var(--muted);font-size:10px}
.v4-compose-form{display:grid;gap:10px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.v4-compose-form textarea{width:100%;min-height:100px;padding:12px;border:1px solid #dce2eb;border-radius:10px;resize:vertical}
.v4-member-card{align-items:flex-start}
.v4-member-card h2{font-size:16px}
.v4-member-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11px}
.v4-discover-form{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:9px;margin:18px 0}
.v4-discover-form input,.v4-discover-form select{min-width:0;border:1px solid #dce2eb;border-radius:10px;padding:11px 12px;background:#fff}
.v4-profile-reputation{display:inline-flex;align-items:baseline;gap:8px;margin:8px 0 18px;padding:9px 13px;background:#f1f4ff;border-radius:10px;color:#4055b0}
.v4-profile-reputation strong{font-size:22px}.v4-profile-reputation span{font-size:12px;font-weight:700}
.v4-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.v4-badges h2{font-size:13px;margin:0 8px 0 0}
.v4-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;color:#58647a}
.v4-leader-rank{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:#f0f2fa;border-radius:9px;font-weight:850;color:#5968b5}
.v4-leader-main small{display:block;color:var(--muted);font-size:11px}
.v4-admin-security{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 26px}
.v4-admin-stat{padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px}
.v4-admin-stat strong{display:block;font-size:22px}.v4-admin-stat span{color:var(--muted);font-size:11px}
.notification-nav{position:relative}
@media(max-width:700px){.v4-discover-form{grid-template-columns:1fr}.v4-message{max-width:92%}.v4-admin-security{grid-template-columns:1fr}.v4-member-card{flex-wrap:wrap}.v4-member-card>.button{width:100%}}

/* V4 template-specific responsive layouts */
.v4-thread-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.v4-thread-header h1{font-size:22px;margin:0 0 2px}.v4-thread-header>div{flex:1;min-width:0}.v4-thread-header>div>a{font-size:12px}
.v4-message-page{max-width:850px;margin:0 auto}.v4-message-stream{display:grid;gap:12px;padding:22px 0;min-height:220px}
.v4-message{width:fit-content;max-width:min(78%,650px);justify-self:start;padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}
.v4-message-mine{justify-self:end;background:#edf1ff;border-color:#dfe5ff}.v4-message-theirs{justify-self:start}
.v4-message p{margin:6px 0;white-space:pre-wrap}.v4-message-author{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;font-weight:750}.v4-message-author time{color:var(--muted);font-size:10px;font-weight:500}
.v4-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.v4-compose-footer small{color:var(--muted);font-size:11px}
.v4-discover-filter{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:9px;margin:0 0 18px}.v4-discover-filter input,.v4-discover-filter select{width:100%;min-width:0;border:1px solid #dce2eb;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}
.v4-member-grid{display:grid;gap:11px}.v4-leaderboard{display:grid;gap:10px;max-width:850px;margin:0 auto}.v4-leader-row{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.v4-rank-number{width:35px;flex:0 0 35px;font-weight:850;color:var(--muted);font-size:13px}.v4-small-avatar{width:38px;height:38px;flex:0 0 38px;font-size:14px}.v4-leader-main{flex:1;min-width:0}.v4-leader-main strong{display:block;color:var(--ink);font-size:14px}.v4-leader-main small{display:block;color:var(--muted);font-size:11px}.v4-leader-points{white-space:nowrap;color:var(--brand);font-size:15px}.v4-leader-points small{font-size:10px;color:var(--muted)}
.v4-conversation-meta{display:grid;justify-items:end;gap:6px;color:var(--muted);font-size:10px}.v4-conversation-main small{display:block;color:var(--muted);font-size:11px}.v4-conversation-main>span{display:block;margin-top:3px;color:#677386;font-size:12px;overflow-wrap:anywhere}
.v4-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v4-security-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.v4-security-row small{display:block;color:var(--muted);font-size:10px}.notice-warning{padding:12px 14px;background:#fff5e5;border:1px solid #f1dfbd;border-radius:11px;color:#815b18;font-size:12px;margin:14px 0}
@media(max-width:700px){.v4-thread-header{align-items:flex-start;flex-wrap:wrap}.v4-thread-header>div{flex-basis:calc(100% - 20px);order:2}.v4-thread-header>form{order:3}.v4-discover-filter{grid-template-columns:1fr}.v4-message{max-width:92%}.v4-security-grid{grid-template-columns:1fr}.v4-compose-footer{align-items:flex-start;flex-direction:column}.v4-compose-footer .button{width:100%}.v4-leader-row{gap:9px;padding:12px}.v4-leader-points{font-size:13px}}

/* V4.3 PWA and mobile-first navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-actions{display:flex;align-items:center;gap:8px}
.mobile-nav-toggle,.pwa-install-button{display:none;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:750;padding:9px 12px;min-height:42px;cursor:pointer}
.pwa-install-button{background:#edf1ff;border-color:#dfe5ff;color:var(--brand);font-size:12px}
.pwa-install-button:not([hidden]){display:inline-flex;align-items:center;justify-content:center}
.pwa-install-help{position:fixed;z-index:60;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 14px 38px rgba(22,35,60,.18);font-size:13px}
.pwa-install-help[hidden]{display:none}
.pwa-install-help span{color:var(--muted)}
@media(max-width:800px){
  .site-header{min-height:64px;height:auto;padding-top:env(safe-area-inset-top);}
  .header-inner{width:calc(100% - 28px);min-height:62px;height:auto;padding:9px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
  .brand{font-size:21px;gap:8px}.brand-mark{width:36px;height:36px}
  .header-actions{margin-left:auto}
  .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;font-size:18px}
  .pwa-install-button:not([hidden]){display:inline-flex;align-items:center;justify-content:center}
  .main-nav{display:none;width:100%;max-height:min(68vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:13px 0 8px;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px}
  .main-nav.is-open{display:grid}
  .main-nav>a,.main-nav>a:not(.nav-cta),.main-nav .link-button{display:flex;align-items:center;min-height:42px;padding:9px 10px;border-radius:9px;background:#f7f8fb;color:#3f4b60;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
  .main-nav>a.nav-cta{justify-content:center;background:#edf1ff;color:var(--brand);font-size:13px}
  .main-nav .nav-user{display:flex;max-width:none}
  .main-nav .inline-form{display:flex;align-items:stretch}
  .main-nav .inline-form .link-button{width:100%;justify-content:flex-start}
  .main-nav .lang-switch{grid-column:1/-1;justify-content:flex-start;padding:8px 10px;margin:0}
  .main-content{padding-top:22px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}
  .hero{gap:12px;padding-top:8px}
  .hero h1,.form-page h1,.admin-page h1{font-size:clamp(27px,7vw,36px)}
  .hero-copy{font-size:14px}
  .content-grid{gap:20px}
  .discussion-list{gap:10px}
  .discussion-card{padding:16px;border-radius:14px}
  .discussion-card h3{font-size:17px;line-height:1.35}
  .discussion-footer{gap:8px 13px}
  .sidebar{grid-template-columns:1fr}
  .thread-content{padding:19px;line-height:1.75}
  .thread-header h1{font-size:clamp(25px,6.6vw,34px)}
  .reply-card,.reply-form,.form-panel{padding:16px}
  .button{min-height:42px}
  .stack-form input,.stack-form select,.stack-form textarea,.search-form input{font-size:16px;min-height:44px}
  .stack-form textarea{min-height:110px}
  .community-links{overflow-x:auto;white-space:nowrap;padding-bottom:5px}
  .community-links a{display:inline-flex;min-height:40px;align-items:center}
  .site-footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .container{width:calc(100% - 24px)}
  .header-inner{width:calc(100% - 24px)}
  .main-nav{grid-template-columns:1fr 1fr;gap:6px}
  .main-nav>a,.main-nav>a:not(.nav-cta),.main-nav .link-button{font-size:12px;padding:9px 8px}
  .pwa-install-button{font-size:11px;padding:8px 9px;min-height:40px}
  .section-heading h2{font-size:17px}
  .discussion-meta{gap:7px;font-size:11px}
  .discussion-excerpt{font-size:13px}
  .discussion-footer{font-size:11px}
  .auth-wrap{padding:14px 0}
  .auth-card{padding:23px 17px}
  .form-actions{flex-direction:column}
  .form-actions .button{width:100%}
  .search-form{flex-direction:column}
  .login-prompt{padding:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
@media(min-width:801px){.header-inner{height:auto;min-height:76px;padding-block:10px;flex-wrap:wrap}.main-nav{gap:clamp(8px,1vw,15px);flex-wrap:wrap;justify-content:flex-end}.main-nav>a:not(.nav-cta),.link-button{font-size:13px}}