:root{--bg:#111318;--surface:#181b22;--paper:#f7f4ef;--ink:#101216;--light:#f5f2ea;--muted:#8f96a3;--orange:#e86f2d;--blue:#4d8dff;--green:#59b47b;--border:#2a2e38;--soft:#ded8cc;--card:#fffdf8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(120deg,#111318 0,#181b22 42%,#222632 100%);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}.topbar{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:12px 24px;background:#171a21;border-bottom:1px solid var(--border);color:var(--light)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--blue));font-weight:900;color:#fff}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.nav a{padding:8px 9px;border-radius:10px;color:var(--light)}.nav a:hover{background:#242935}.page-shell{display:grid;grid-template-columns:260px minmax(0,1fr)300px;gap:18px;max-width:1540px;margin:0 auto;padding:18px}.page-shell.utility-shell{grid-template-columns:minmax(0,1fr);max-width:1180px}.left-rail,.right-rail{position:sticky;top:18px;align-self:start}.left-rail,.right-rail,.content{border:1px solid var(--border);border-radius:18px;background:rgba(247,244,239,.98)}.left-rail,.right-rail{padding:16px}.content{padding:24px;min-width:0}.mock-search{padding:13px 14px;border:1px solid var(--soft);border-radius:14px;background:#fff;color:#6e7480}.mock-search:before{content:"⌕ ";color:var(--orange);font-weight:800}.wide{width:100%}.left-rail h2,.right-rail h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#5c6370;margin:18px 0 10px}.rail-link,.side-card a,.user-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent}.rail-link:hover,.side-card a:hover,.user-row:hover{background:#fff;border-color:var(--soft)}.rail-link small,.user-row small{display:block;color:#7b838d}.chip-stack{display:flex;flex-wrap:wrap;gap:8px}.chip-stack a,.sort-links a,.feed-head nav a,.directory-tools nav a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--soft);font-weight:700}.create-link,.join-btn,.hero-actions a,.form-mock button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;margin-top:12px;border-radius:12px;background:var(--orange);color:#fff;font-weight:800}.right-rail .side-card{padding:14px;border:1px solid var(--soft);border-radius:16px;background:#fff;margin-bottom:14px}.side-card p{color:#5f6872;line-height:1.55}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#dde8ff;color:#174a9c;font-size:12px;font-weight:900;flex:none}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#626b75;margin-bottom:18px}.breadcrumbs a{color:#225f99}.content>h1{font-size:clamp(34px,5vw,72px);line-height:.98;margin:0 0 20px;color:#151920;letter-spacing:-1px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin:-6px -6px 22px;padding:34px;border-radius:24px;background:radial-gradient(circle at 20% 0,#fff 0,#f8f1e8 36%,#e9f1ff 100%);border:1px solid var(--soft)}.hero h1{font-size:clamp(38px,6vw,86px);line-height:.95;margin:8px 0 16px}.hero p{font-size:20px;color:#5d6771;line-height:1.6;max-width:760px}.eyebrow{display:inline-block;color:var(--orange);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions a:nth-child(2){background:var(--blue)}.stats-panel{display:grid;gap:12px}.stats-panel b{display:block;padding:22px;border-radius:18px;background:#121720;color:#fff;font-size:34px;border-left:8px solid var(--orange)}.stats-panel span{display:block;font-size:14px;color:#b9c2ce;margin-top:6px}.feed-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0 14px}.feed-head h2{font-size:30px;margin:0}.feed-head nav,.directory-tools nav{display:flex;gap:8px;flex-wrap:wrap}.post-card,.post-detail{display:grid;grid-template-columns:70px 1fr;gap:16px;border:1px solid var(--soft);background:#fff;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 8px 20px rgba(24,27,34,.05)}.vote-box{display:grid;place-items:center;align-content:center;border-radius:14px;background:#f1f4f7;color:#5a6270;min-height:96px}.vote-box strong{font-size:22px;color:#111318}.large{min-height:140px}.post-meta{font-size:13px;color:#6c7480;margin:0 0 6px}.post-card h2,.post-detail h2{font-size:24px;line-height:1.2;margin:0 0 10px}.post-card p,.post-detail p{line-height:1.6;color:#4f5964}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tags span,.community-badge{padding:6px 9px;border-radius:999px;background:#eaf7ef;color:#1d6b3c;font-size:12px;font-weight:800}.tags span:nth-child(2){background:#eaf0ff;color:#23549a}.post-actions{display:flex;gap:12px;flex-wrap:wrap;color:#66707d;font-weight:700}.community-mosaic,.spotlight,.intro-panel,.answer-box,.related,.form-mock,.directory-tools{padding:20px;border:1px solid var(--soft);border-radius:20px;background:#fff;margin:20px 0}.community-mosaic>div{columns:3 220px;column-gap:12px}.mosaic-item{break-inside:avoid;display:block;padding:16px;margin:0 0 12px;border-radius:18px;background:#121720;color:#fff;border-left:7px solid var(--blue)}.mosaic-item:nth-child(3n){border-left-color:var(--orange)}.mosaic-item:nth-child(4n){border-left-color:var(--green)}.mosaic-item b,.mosaic-item span,.mosaic-item small{display:block}.mosaic-item span{color:#cbd4df;margin:6px 0}.community-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--soft);border-radius:16px;background:#fff;margin:10px 0}.community-row>div{display:flex;gap:12px}.community-row h3{margin:0 0 4px}.community-row p{margin:0 0 6px;color:#5d6771}.community-group{margin:24px 0}.community-banner{display:grid;grid-template-columns:1fr auto;gap:18px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#17202c,#26334a);color:#fff}.community-banner h2{font-size:46px;margin:8px 0}.community-banner p{color:#c9d1dd;line-height:1.6}.community-stats{display:grid;gap:10px;align-content:center}.community-layout{display:grid;grid-template-columns:minmax(0,1fr)280px;gap:18px;margin-top:18px}.community-side,.pinned{padding:18px;border:1px solid var(--soft);border-radius:18px;background:#fff}.community-side a{display:flex;gap:8px;align-items:center;margin:9px 0}.pinned{border-left:7px solid var(--orange)}.pinned span{font-weight:900;color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.comments{margin-top:20px}.comment{padding:14px;border-left:3px solid var(--soft);background:#fff;border-radius:0 14px 14px 0;margin:12px 0}.comment.nested{margin-left:22px}.comment.reply{margin-left:32px;background:#f6f8fb}.comment-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800}.comment-head span{color:#717a85;font-weight:500}.mini-vote{margin-left:auto}.comment-actions{display:flex;gap:12px;color:#677280;font-weight:700}.related{display:grid;gap:8px}.related a,.profile-link{display:block;padding:12px;border:1px solid var(--soft);border-radius:12px;background:#fff}.profile-head{display:flex;gap:18px;align-items:center;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--soft)}.profile-head .avatar{width:72px;height:72px;border-radius:22px;font-size:22px}.profile-grid{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:18px}.profile-grid>div,.profile-grid>aside{padding:18px;background:#fff;border:1px solid var(--soft);border-radius:18px}.profile-link small{display:block;color:#6e7782;margin-top:5px}.profile-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.profile-tile{display:flex;gap:10px;align-items:center;padding:14px;background:#fff;border:1px solid var(--soft);border-radius:14px}.profile-tile small{display:block;color:#66707d}.chat-layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.chat-window,.online-list,.inbox article,.notifications-list article{background:#fff;border:1px solid var(--soft);border-radius:18px;padding:16px}.chat-line{display:flex;gap:12px;padding:14px;border-bottom:1px solid #ece7dc}.chat-line:last-child{border-bottom:0}.chat-line small{display:block;color:#7b8490}.online-list span{display:flex;gap:8px;align-items:center;margin:9px 0}.inbox,.notifications-list{display:grid;gap:12px}.form-mock label{display:grid;gap:7px;margin:12px 0;font-weight:800}.form-mock input,.form-mock textarea{width:100%;padding:12px;border:1px solid var(--soft);border-radius:12px;font:inherit}.form-mock textarea{min-height:130px}.form-mock fieldset{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--soft);border-radius:14px;padding:14px}.form-mock fieldset span{padding:8px 10px;background:#edf3ff;border-radius:999px;font-weight:800}.footer{max-width:1540px;margin:0 auto 28px;padding:24px;color:#d9dee7}.footer nav{display:flex;gap:12px;flex-wrap:wrap}.footer a{color:#fff}@media(max-width:1120px){.page-shell{grid-template-columns:1fr}.left-rail,.right-rail{position:static}.hero,.community-layout,.profile-grid,.chat-layout{grid-template-columns:1fr}.community-banner{grid-template-columns:1fr}.topbar{align-items:center}.brand{min-width:0}.nav{justify-content:flex-start}.content{padding:16px}.post-card,.post-detail{grid-template-columns:1fr}.vote-box{display:flex;gap:10px;min-height:auto}.content>h1{font-size:42px}.hero h1{font-size:44px}}