*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08080b;color:#f7f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.forum-app{min-height:100vh;background:radial-gradient(circle at 18% -10%,rgba(255,45,85,.10),transparent 28rem),radial-gradient(circle at 82% 2%,rgba(16,216,247,.07),transparent 30rem),#08080b}.topbar{height:72px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,620px) minmax(280px,1fr);align-items:center;gap:24px;padding:0 max(22px,calc((100vw - 1480px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,8,11,.88);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;width:max-content}.brand img{width:38px;height:38px;object-fit:contain}.brand span{display:grid;gap:1px}.brand b{font-size:17px;letter-spacing:-.03em}.brand small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#8f9099;text-transform:uppercase}.global-search{height:42px;border:1px solid rgba(255,255,255,.09);background:#111116;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:12px;transition:.18s}.global-search:focus-within{border-color:rgba(255,255,255,.22);background:#15151b}.global-search svg{width:18px;color:#858690}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff}.global-search input::placeholder{color:#70717b}.global-search kbd{font-size:10px;color:#777883;border:1px solid rgba(255,255,255,.09);padding:3px 6px;border-radius:6px;background:#0a0a0d}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ghost-link,.primary-button,.secondary-button,.icon-button,.tiny-icon{border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ghost-link{height:40px;padding:0 11px;border-radius:10px;background:transparent;text-decoration:none;font-size:13px;font-weight:800;color:#b8b9c1}.ghost-link:hover{background:#15151a;color:#fff}.ghost-link svg{width:17px}.primary-button{min-height:40px;padding:0 16px;border-radius:10px;background:#fff;color:#0c0c0f;font-weight:900;box-shadow:0 9px 26px rgba(0,0,0,.28)}.primary-button:hover{background:#ececf0}.primary-button svg{width:17px}.primary-button.large,.secondary-button.large{min-height:46px;padding:0 18px}.secondary-button{min-height:40px;padding:0 15px;border-radius:10px;background:#15151b;color:#dddde3;border:1px solid rgba(255,255,255,.09);font-weight:850}.secondary-button:hover{background:#1b1b22}.avatar-button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#1b1b22;color:#fff;font-weight:950;overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}.forum-main{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}.hero{position:relative;min-height:310px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding:46px 50px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-140px;width:560px;height:560px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.008)}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow,.section-kicker{font-size:10px;font-weight:950;letter-spacing:.14em;color:#8c8d96}.live-dot{width:7px;height:7px;background:#39e89a;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px rgba(57,232,154,.09)}.hero h1{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.065em;margin:15px 0 18px}.hero p{margin:0;max-width:660px;color:#a4a5ae;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:9px;margin-top:26px}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,150px);align-self:stretch;align-content:end}.hero-stats div{padding:22px;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}.hero-stats span{display:block;font-size:29px;font-weight:950;letter-spacing:-.045em}.hero-stats small{font-size:11px;color:#7e7f89;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.forum-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:20px;margin-top:22px;align-items:start}.left-rail,.right-rail{display:grid;gap:14px;position:sticky;top:92px}.rail-card{border:1px solid rgba(255,255,255,.08);background:#0d0d12;padding:14px}.rail-title{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#8a8b94;margin-bottom:7px}.rail-title svg{width:15px}.tiny-icon{width:28px;height:28px;border-radius:8px;background:transparent;color:#777985}.tiny-icon:hover{background:#19191f;color:#fff}.category-list{display:grid}.category-row{width:100%;border:0;background:transparent;color:#c4c5cd;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:9px 8px;border-radius:9px}.category-row:hover,.category-row.active{background:#17171d;color:#fff}.category-icon{width:34px;height:34px;border-radius:9px;background:#1b1b21;display:grid;place-items:center}.category-icon svg{width:17px}.category-row span:nth-child(2){min-width:0;display:grid;gap:2px}.category-row b{font-size:12.5px}.category-row small{font-size:10.5px;color:#777983;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row strong{font-size:10px;color:#797a84;background:#1b1b20;padding:4px 6px;border-radius:6px}.compact-card{padding:10px}.compact-card>a{height:39px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:7px;padding:0 7px;text-decoration:none;border-radius:8px;color:#a7a8b1;font-size:12px;font-weight:800}.compact-card>a:hover{background:#17171d;color:#fff}.compact-card>a svg{width:16px}.feed-column{min-width:0}.feed-toolbar{height:68px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:16px}.feed-toolbar h2{font-size:22px;letter-spacing:-.035em;margin:3px 0 0}.toolbar-actions{display:flex;align-items:center;gap:7px}.select-wrap{height:36px;border:1px solid rgba(255,255,255,.08);background:#111116;border-radius:9px;display:flex;align-items:center;gap:5px;padding:0 7px}.select-wrap svg{width:15px;color:#7f8089}.select-wrap select{border:0;outline:0;background:transparent;color:#cfd0d6;font-size:11px;font-weight:850}.select-wrap option{background:#111116}.icon-button{width:38px;height:38px;border-radius:9px;background:#131318;border:1px solid rgba(255,255,255,.08);color:#a7a8b0}.icon-button:hover{background:#1a1a20;color:#fff}.icon-button svg{width:17px}.filter-strip{display:flex;gap:7px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06);overflow:auto}.filter-chip{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#101015;color:#8d8e97;font-size:11px;font-weight:850;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.filter-chip svg{width:13px}.filter-chip:hover,.filter-chip.active{background:#202026;color:#fff;border-color:rgba(255,255,255,.12)}.active-search{margin:12px 0 0;padding:9px 11px;background:#121217;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;color:#b8b9c1;font-size:12px}.active-search button{border:0;background:transparent;color:#777}.active-search svg{width:16px}.topic-list{display:grid}.topic-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;padding:19px 6px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:.15s}.topic-card:hover{background:rgba(255,255,255,.018);padding-left:10px;padding-right:10px}.topic-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#1a1a21;border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;font-weight:950;color:#c9cad1}.topic-avatar img{width:100%;height:100%;object-fit:cover}.topic-main{min-width:0}.topic-flags{display:flex;align-items:center;gap:6px;margin-bottom:5px}.flag{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:#17171e;color:#8d8e97}.flag.pinned{color:#ffd376;background:rgba(255,211,118,.08)}.flag.featured{color:#8be7ff;background:rgba(139,231,255,.08)}.flag.solved{color:#7ff0b9;background:rgba(127,240,185,.08)}.flag.locked{color:#ff9c9c;background:rgba(255,156,156,.07)}.topic-card h3{font-size:15px;line-height:1.28;letter-spacing:-.018em;margin:0;color:#ececf0}.topic-card:hover h3{color:#fff}.topic-excerpt{margin:5px 0 0;color:#858690;font-size:11.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:9px;font-size:10px;color:#70717b}.topic-meta b{color:#a3a4ad}.topic-meta span{display:inline-flex;align-items:center;gap:4px}.topic-meta svg{width:12px}.topic-tag{background:#131319;padding:3px 6px;border-radius:5px;color:#8a8b95}.topic-numbers{display:grid;grid-template-columns:repeat(3,48px);gap:2px;text-align:center;align-self:center}.topic-numbers span{display:grid;gap:1px}.topic-numbers b{font-size:12px}.topic-numbers small{font-size:8.5px;color:#666771;text-transform:uppercase;letter-spacing:.07em}.system-avatar{background:linear-gradient(135deg,#25252d,#15151b)}.verified-mark{display:inline-flex;color:#52c9ff}.verified-mark svg{width:13px;fill:currentColor;stroke:none}.skeleton-topic{height:116px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);background-size:250% 100%;animation:shine 1.4s linear infinite}.empty-state{padding:68px 24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.empty-state .empty-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;background:#15151b;display:grid;place-items:center;color:#72737d}.empty-state .empty-icon svg{width:23px}.empty-state h3{margin:0;font-size:17px}.empty-state p{margin:8px auto 18px;color:#7e7f88;font-size:12px;line-height:1.55;max-width:420px}.load-more{width:100%;height:42px;margin-top:12px;border:1px solid rgba(255,255,255,.08);background:#101015;color:#a6a7af;font-weight:850;border-radius:9px}.load-more:hover{background:#17171c;color:#fff}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pulse-grid>div{min-height:74px;background:#121217;display:flex;align-items:center;gap:9px;padding:10px}.pulse-grid svg{width:19px;color:#777983}.pulse-grid span{display:grid}.pulse-grid b{font-size:16px}.pulse-grid small{font-size:9px;color:#71727b;text-transform:uppercase;letter-spacing:.06em}.status-dot{width:7px;height:7px;border-radius:50%;background:#40e69a;box-shadow:0 0 0 4px rgba(64,230,154,.08)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud button{border:1px solid rgba(255,255,255,.07);background:#121217;color:#92939d;border-radius:7px;padding:6px 8px;font-size:10.5px;font-weight:800}.tag-cloud button:hover{color:#fff;background:#1b1b21}.contributors{display:grid}.contributor{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.contributor:last-child{border:0}.contributor-avatar{width:32px;height:32px;border-radius:50%;background:#18181e;overflow:hidden;display:grid;place-items:center;font-size:11px;font-weight:900}.contributor-avatar img{width:100%;height:100%;object-fit:cover}.contributor span{display:grid;min-width:0}.contributor b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contributor small{font-size:9px;color:#70717a}.contributor strong{font-size:9px;color:#8d8e97}.guideline-card{display:grid;gap:10px}.guideline-icon{width:38px;height:38px;border-radius:11px;background:#18181e;display:grid;place-items:center}.guideline-icon svg{width:18px}.guideline-card b{font-size:12px}.guideline-card p{font-size:10.5px;line-height:1.5;color:#777882;margin:5px 0 0}.guideline-card>a{font-size:10.5px;font-weight:850;color:#b8b9c1;text-decoration:none;display:flex;align-items:center;gap:5px}.guideline-card>a svg{width:13px}.mini-loading{display:block;width:100%;height:50px;background:linear-gradient(90deg,#111116,#17171d,#111116);background-size:200% 100%;animation:shine 1.2s linear infinite}@keyframes shine{to{background-position:-200% 0}}
.modal-layer,.topic-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-layer[hidden],.topic-layer[hidden]{display:none}.modal-backdrop,.topic-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.composer-modal,.activity-modal{position:relative;width:min(720px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 34px));overflow:auto;background:#0d0d12;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 100px rgba(0,0,0,.65)}.modal-head{min-height:78px;padding:19px 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:rgba(13,13,18,.96);backdrop-filter:blur(18px);z-index:3}.modal-head h2{margin:3px 0 0;font-size:21px;letter-spacing:-.035em}.composer-progress{height:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#09090c}.composer-progress span{background:#1b1b21}.composer-progress span.active{background:#f1f1f3}.composer-step{display:none;padding:24px 22px 8px;min-height:370px}.composer-step.active{display:grid;align-content:start;gap:20px}.field{display:grid;gap:8px}.field>span{font-size:11px;font-weight:900;color:#c5c6cd}.field em,.field i{font-style:normal;color:#70717a;font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.09);background:#131318;color:#fff;outline:0;border-radius:9px;padding:12px}.field input,.field select{height:44px}.field textarea{min-height:230px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(255,255,255,.24);background:#16161c}.field small{font-size:10px;color:#6f7079;line-height:1.45}.composer-hint,.format-help{border:1px solid rgba(255,255,255,.06);background:#111116;padding:12px;display:flex;align-items:flex-start;gap:10px;color:#858690;font-size:10.5px;line-height:1.45}.composer-hint svg{width:17px;flex:none;color:#d6be6d}.composer-hint b{color:#c8c9d0}.review-card{border:1px solid rgba(255,255,255,.09);background:#111116;padding:19px}.review-card h3{font-size:17px;margin:8px 0}.review-card p{font-size:12px;line-height:1.65;color:#a0a1aa;white-space:pre-wrap;max-height:190px;overflow:auto}.review-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.review-tags span{font-size:10px;background:#1a1a20;padding:5px 7px;border-radius:6px;color:#92939c}.check-row{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.check-row input{accent-color:#fff;margin-top:2px}.check-row span{display:grid;gap:3px}.check-row b{font-size:11px}.check-row small{font-size:10px;color:#73747d}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 20px;border-top:1px solid rgba(255,255,255,.07)}
.topic-layer{place-items:stretch end}.topic-panel{position:relative;width:min(920px,100vw);height:100dvh;overflow:auto;background:#0a0a0e;border-left:1px solid rgba(255,255,255,.09);box-shadow:-26px 0 90px rgba(0,0,0,.55);z-index:1}.topic-loading{height:100%;display:grid;place-items:center;color:#777}.topic-header{padding:20px 26px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(10,10,14,.94);backdrop-filter:blur(20px);z-index:10}.topic-breadcrumb{font-size:10px;color:#777882;display:flex;align-items:center;gap:6px}.topic-breadcrumb b{color:#babac1}.topic-header-actions{display:flex;gap:7px}.topic-content{padding:28px 30px 20px}.topic-category-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#7e7f88}.topic-content h1{font-size:clamp(26px,4vw,40px);line-height:1.08;letter-spacing:-.045em;margin:13px 0 19px}.topic-author-card{display:flex;align-items:center;gap:10px}.topic-author-card .topic-avatar{width:39px;height:39px}.topic-author-card span{display:grid}.topic-author-card b{font-size:12px}.topic-author-card small{font-size:10px;color:#73747d}.topic-body{font-size:14px;line-height:1.75;color:#c1c2c9;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}.topic-body a{color:#8edcf0}.topic-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.topic-actions-left,.topic-actions-right{display:flex;gap:7px;flex-wrap:wrap}.action-pill{height:34px;border:1px solid rgba(255,255,255,.08);background:#111116;color:#8f9099;border-radius:8px;padding:0 10px;font-size:10.5px;font-weight:850;display:inline-flex;align-items:center;gap:6px}.action-pill:hover,.action-pill.active{background:#1c1c22;color:#fff}.action-pill svg{width:14px}.mod-menu{margin:14px 0 0;padding:12px;border:1px dashed rgba(255,255,255,.1);display:flex;gap:7px;flex-wrap:wrap}.mod-menu span{width:100%;font-size:9px;font-weight:950;letter-spacing:.1em;color:#777;text-transform:uppercase}.replies-section{padding:0 30px 50px}.replies-head{min-height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.replies-head h2{font-size:17px}.reply-sort{display:flex;gap:5px}.reply-sort button{border:0;background:transparent;color:#777;font-size:10px;font-weight:850;padding:6px}.reply-sort button.active{color:#fff}.reply-composer{margin:18px 0;border:1px solid rgba(255,255,255,.08);background:#0e0e13;padding:13px}.reply-composer textarea{width:100%;min-height:88px;border:0;outline:0;background:transparent;color:#fff;resize:vertical;line-height:1.55}.reply-composer-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.reply-composer-footer small{font-size:9.5px;color:#696a73}.reply-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.065)}.reply-card.nested{margin-left:44px}.reply-main{min-width:0}.reply-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.reply-author{display:flex;align-items:center;gap:6px;font-size:11px}.reply-author b{font-size:11.5px}.reply-author small{color:#71727b}.reply-body{margin:9px 0;color:#b7b8c0;font-size:12.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.reply-actions{display:flex;gap:5px}.reply-actions button{border:0;background:transparent;color:#70717b;font-size:9.5px;font-weight:850;display:flex;align-items:center;gap:4px;padding:4px}.reply-actions button:hover,.reply-actions button.active{color:#fff}.reply-actions svg{width:12px}.solution-box{border-left:2px solid #59daa0;padding-left:10px}.solution-label{font-size:9px;color:#66dba4;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.reply-target{font-size:10px;color:#8e8f98;background:#131318;padding:7px 9px;margin-bottom:7px;display:flex;justify-content:space-between}.reply-target button{border:0;background:transparent;color:#777}.activity-modal{width:min(760px,calc(100vw - 28px))}.activity-tabs{display:flex;gap:4px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.activity-tabs button{border:0;background:transparent;color:#74757e;font-size:11px;font-weight:900;padding:8px 10px;border-radius:7px}.activity-tabs button.active{background:#19191f;color:#fff}.activity-content{padding:5px 20px 24px;min-height:340px}.activity-item{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.activity-item h3{font-size:12px;margin:0 0 5px}.activity-item p{font-size:10.5px;color:#777;margin:0}.activity-item strong{font-size:9px;color:#81828a;align-self:center}.login-prompt{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:150;width:min(720px,calc(100vw - 24px));background:#f3f3f5;color:#111116;padding:12px 13px 12px 15px;box-shadow:0 18px 60px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:12px}.login-prompt[hidden]{display:none}.login-prompt>div{display:flex;align-items:center;gap:10px}.login-prompt>div svg{width:20px}.login-prompt span{display:grid}.login-prompt b{font-size:11.5px}.login-prompt small{font-size:9.5px;color:#65656c}.login-prompt>a{background:#111116;color:#fff;text-decoration:none;padding:8px 11px;font-size:10px;font-weight:900}.login-prompt>button{border:0;background:transparent;color:#666}.login-prompt>button svg{width:16px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{min-width:240px;max-width:360px;background:#f4f4f5;color:#111116;padding:11px 13px;box-shadow:0 15px 45px rgba(0,0,0,.45);display:flex;gap:9px;align-items:flex-start;font-size:10.5px;font-weight:750;animation:toastIn .2s ease}.toast.error{background:#2a1215;color:#ffd9dd;border:1px solid rgba(255,110,125,.2)}.toast svg{width:16px;flex:none}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}
@media(max-width:1180px){.topbar{grid-template-columns:auto minmax(260px,1fr) auto;padding:0 18px}.ghost-link span{display:none}.forum-layout{grid-template-columns:230px minmax(0,1fr)}.right-rail{display:none}.hero{padding:40px}.hero-stats{grid-template-columns:repeat(2,125px)}}@media(max-width:820px){.topbar{height:62px;grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.brand span,.global-search kbd,.top-actions .ghost-link,.top-actions .primary-button span{display:none}.brand img{width:34px;height:34px}.global-search{height:38px}.top-actions{gap:5px}.primary-button{width:38px;height:38px;padding:0}.forum-main{width:min(100% - 20px,760px);padding-top:16px}.hero{min-height:auto;padding:28px 22px;display:block}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-stats{margin-top:28px;grid-template-columns:repeat(4,1fr)}.hero-stats div{padding:13px 7px;border-left:0;border-right:1px solid rgba(255,255,255,.06)}.hero-stats span{font-size:20px}.hero-stats small{font-size:7.5px}.forum-layout{display:block}.left-rail{position:static;margin-bottom:13px}.left-rail .compact-card{display:none}.categories-card{padding:9px;overflow:hidden}.categories-card>.rail-title{display:none}.categories-card>.category-row,.category-list{display:inline-flex}.category-list{max-width:100%;overflow:auto}.category-row{width:auto;min-width:max-content;display:flex;padding:8px 10px}.category-row .category-icon{width:28px;height:28px}.category-row small,.category-row strong{display:none}.feed-toolbar{height:64px}.topic-card{grid-template-columns:38px minmax(0,1fr);padding:16px 2px}.topic-avatar{width:36px;height:36px}.topic-numbers{grid-column:2;display:flex;justify-content:flex-start;gap:14px;text-align:left}.topic-numbers span{display:flex;align-items:center;gap:3px}.topic-numbers small{font-size:8px}.topic-panel{width:100vw}.topic-content,.replies-section{padding-left:18px;padding-right:18px}.topic-header{padding:14px 16px}.topic-actions-bar{align-items:flex-start;flex-direction:column}.reply-card.nested{margin-left:20px}.composer-modal,.activity-modal{width:100vw;max-height:100dvh;height:100dvh;border:0}.composer-step{min-height:calc(100dvh - 190px)}.login-prompt{bottom:9px}.login-prompt small{display:none}}@media(max-width:520px){.forum-main{width:100%;padding-left:10px;padding-right:10px}.hero{border-left:0;border-right:0;margin:0 -10px;padding:26px 18px}.hero h1{font-size:39px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr)}.feed-toolbar{padding:0 3px}.feed-toolbar h2{font-size:19px}.select-wrap{max-width:115px}.topic-card h3{font-size:14px}.topic-excerpt{-webkit-line-clamp:1}.topic-meta .topic-tag:nth-of-type(n+3){display:none}.modal-footer{position:sticky;bottom:0;background:#0d0d12}.toast-stack{left:10px;right:10px;bottom:10px}.toast{min-width:0;max-width:none}.login-prompt{grid-template-columns:1fr auto}.login-prompt>button{display:none}}
.spin{animation:forumSpin .8s linear infinite}@keyframes forumSpin{to{transform:rotate(360deg)}}
/* VYRAL v6.27.1 rounded design overrides */
:root{
--vy-bg:#07080d;
--vy-surface:#101119;
--vy-surface-2:#141722;
--vy-surface-3:#191d2b;
--vy-line:rgba(255,255,255,.08);
--vy-text:#f6f7fb;
--vy-muted:#a7adbb;
--vy-pink:#ff2d67;
--vy-pink-2:#ff4f7f;
--vy-cyan:#18d9ff;
--vy-cyan-2:#7deaff;
--vy-green:#43e6a8;
--vy-radius-2xl:30px;
--vy-radius-xl:26px;
--vy-radius-lg:22px;
--vy-radius-md:18px;
--vy-radius-sm:14px;
}
html,body{background:var(--vy-bg);color:var(--vy-text)}
.forum-app{
background:
radial-gradient(circle at 15% -10%, rgba(255,45,103,.18), transparent 30rem),
radial-gradient(circle at 85% 0%, rgba(24,217,255,.14), transparent 32rem),
linear-gradient(180deg,#07080d 0%,#0b0f18 100%);
}
.topbar{
width:min(1480px,calc(100% - 24px));
margin:14px auto 0;
padding:0 20px;
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
background:rgba(16,17,25,.82);
backdrop-filter:blur(18px);
box-shadow:0 14px 50px rgba(0,0,0,.28);
}
.global-search,.select-wrap,.icon-button,.ghost-link,.primary-button,.secondary-button,.filter-chip,.category-row,.action-pill,.reply-target,.reply-composer,.activity-tabs button,.login-prompt>a,.compact-card>a,.tiny-icon,.load-more,.active-search,.toast,.review-tags span,.topic-tag,.flag,.check-row,.composer-progress span,.reply-sort button,.reply-actions button,.modal-footer .secondary-button,.modal-footer .primary-button{border-radius:16px !important}
.avatar-button,.topic-avatar,.topic-author-card .topic-avatar,.reply-card .topic-avatar,.category-icon,.guideline-icon{border-radius:999px !important}
.primary-button{
background:linear-gradient(135deg,var(--vy-pink),var(--vy-pink-2));
color:#fff;
box-shadow:0 14px 34px rgba(255,45,103,.28);
}
.primary-button:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--vy-pink),var(--vy-pink-2))}
.secondary-button,.icon-button,.select-wrap,.global-search,.filter-chip,.reply-target,.reply-composer,.activity-tabs button,.load-more,.active-search,.compact-card>a,.tiny-icon{
background:var(--vy-surface);
border:1px solid rgba(255,255,255,.08);
color:var(--vy-text);
}
.global-search:focus-within,.select-wrap:focus-within{border-color:rgba(24,217,255,.28);box-shadow:0 0 0 4px rgba(24,217,255,.08)}
.ghost-link{color:#d6d9e3}
.ghost-link:hover,.icon-button:hover,.secondary-button:hover,.filter-chip:hover,.filter-chip.active,.category-row:hover,.category-row.active,.activity-tabs button.active,.compact-card>a:hover,.load-more:hover,.tiny-icon:hover{background:var(--vy-surface-2);color:#fff}
.hero{
border:1px solid rgba(255,255,255,.08);
border-radius:30px;
background:
radial-gradient(circle at top right, rgba(24,217,255,.09), transparent 28rem),
radial-gradient(circle at bottom left, rgba(255,45,103,.12), transparent 28rem),
linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.hero h1{
background:linear-gradient(135deg,#ffffff 0%, #f6c8d8 45%, #9ef0ff 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}
.hero p,.topic-excerpt,.topic-body,.reply-body,.review-card p{color:#b8bfcc}
.hero-stats div{background:rgba(255,255,255,.015)}
.rail-card,.categories-card,.compact-card,.pulse-card,.guideline-card{
border:1px solid rgba(255,255,255,.08);
border-radius:26px;
background:linear-gradient(180deg,rgba(17,18,27,.96),rgba(12,13,19,.96));
box-shadow:0 14px 44px rgba(0,0,0,.22);
}
.category-icon{
background:linear-gradient(135deg, rgba(255,45,103,.14), rgba(24,217,255,.10));
}
.feed-column .topic-list{gap:0}
.topic-card{
background:linear-gradient(180deg,rgba(15,17,24,.92),rgba(11,12,18,.92));
border:1px solid rgba(255,255,255,.07);
border-radius:24px;
padding:18px 16px;
margin:0 0 12px 0;
}
.topic-card:hover{
transform:translateY(-2px);
background:linear-gradient(180deg,rgba(18,20,29,.96),rgba(12,13,19,.96));
border-color:rgba(24,217,255,.20);
box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 0 1px rgba(255,45,103,.08) inset;
padding-left:16px;padding-right:16px;
}
.topic-card h3{color:#f5f7fb}
.topic-tag{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.06);
color:#cfd7e6;
border-radius:999px !important;
}
.flag{border-radius:999px !important}
.flag.pinned{color:#ff8da9;background:rgba(255,45,103,.12)}
.flag.featured{color:#8befff;background:rgba(24,217,255,.12)}
.flag.solved{color:#7df0b8;background:rgba(67,230,168,.12)}
.flag.locked{color:#ffb0b0;background:rgba(255,120,120,.10)}
.topic-panel,.composer-modal,.activity-modal{
background:linear-gradient(180deg,#0d0f16,#090b11);
box-shadow:0 30px 100px rgba(0,0,0,.45);
}
.composer-modal,.activity-modal{border-radius:28px}
.topic-panel{border-radius:28px 0 0 28px}
.reply-composer,.review-card,.mod-menu,.topic-content,.topic-actions-bar,.reply-card,.reply-target,.login-prompt,.toast{border-radius:20px}
.topic-actions-bar{padding:13px 14px;background:rgba(255,255,255,.02)}
.reply-card{padding:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);margin:0 0 12px}
.reply-card.nested{margin-top:10px}
.login-prompt{background:linear-gradient(135deg,#f7f8fb,#e9edf7)}
.toast.error{background:#2a1215;color:#ffd9dd;border:1px solid rgba(255,110,125,.2)}
.guideline-card a,.topic-body a,.review-card a{color:var(--vy-cyan)}
.verified-mark{color:var(--vy-cyan)}
.solution-box{border-left:3px solid var(--vy-green)}
.rail-title,.section-kicker,.eyebrow{color:#98a1b5}
.modal-head,.topic-header{background:rgba(12,14,21,.88)}
.modal-layer{backdrop-filter:blur(6px)}
@media(max-width:820px){
.topbar{width:calc(100% - 20px);border-radius:18px;margin-top:10px}
.hero{border-radius:26px}
.rail-card,.categories-card,.pulse-card,.guideline-card{border-radius:22px}
.topic-card{border-radius:20px}
.composer-modal,.activity-modal,.topic-panel{border-radius:0}
}