.home{--home-max:1328px;--rail:208px;--feed:744px;--right:296px}.home-topbar{padding-inline:max(18px,calc((100vw - var(--home-max,1328px))/2 + 18px));gap:16px}.home-topbar .brand{flex:0 0 auto}.home-topbar .header-search{max-width:560px;margin:0 auto}.home-topbar .create-post-link{padding:9px 14px;border-radius:999px}.home-shell{max-width:var(--home-max);margin:0 auto;display:grid;grid-template-columns:var(--rail) minmax(0,var(--feed)) var(--right);justify-content:center;gap:24px;padding:22px 18px 96px}.home-left,.home-right{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 106px);overflow:auto;scrollbar-width:thin}.home-left{padding-right:4px}.home-nav{display:flex;flex-direction:column;gap:4px}.home-nav a{min-height:44px;display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:12px;color:#a8b0bd;font-weight:650}.home-nav a:hover,.home-nav a.active{background:var(--surface);color:var(--text)}.home-nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:23px;text-align:center;font-size:17px;color:#FFA087}.nav-count{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:rgba(244,122,96,.17);color:#FFB19E;font-size:10px}.home-left-section{margin-top:25px}.rail-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:0 10px 8px;font-size:10px;letter-spacing:.11em;color:#707a8c}.rail-heading a{letter-spacing:0;color:var(--accent-2);text-transform:none}.rail-community{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;color:#b8c0cd}.rail-community:hover{background:var(--surface)}.community-glyph{width:27px;height:27px;display:grid;place-items:center;border:1px solid #343d4c;border-radius:9px;color:#FFA087;background:var(--surface)}.home-main{min-width:0}.feed-header{position:sticky;top:64px;z-index:6;margin:0 0 8px;padding:0 2px 8px;background:linear-gradient(to bottom,rgba(11,14,20,.99) 74%,rgba(11,14,20,.91));backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.feed-header-row{min-height:48px;display:flex;align-items:end;justify-content:space-between;gap:12px}.home-tabs{display:flex;gap:4px}.home-tabs a,.feed-secondary-link{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border-radius:10px;color:var(--muted);font-weight:700;font-size:13px}.home-tabs a:hover,.feed-secondary-link:hover{background:var(--surface);color:var(--text)}.home-tabs a.active{background:rgba(244,122,96,.11);color:#FFD8CF;box-shadow:inset 0 -2px 0 var(--accent)}.feed-secondary-link{font-size:12px;padding-inline:10px}.feed-secondary-link.active{color:var(--accent-2);background:rgba(120,151,166,.07)}.feed-context{margin:0;padding:5px 8px 1px;font-size:11px;color:#7f8998}.home-feed{display:grid;gap:9px}.home-feed .mixed-item{min-width:0}.feed-reason-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:25px;padding:0 4px}.feed-reason-row .feed-reason{margin:0;font-size:10.5px;color:#707b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-hide{border:0;background:transparent;color:#737e8e;font:inherit;font-size:10.5px;padding:4px 7px;border-radius:7px;cursor:pointer}.feed-hide:hover{background:var(--surface);color:var(--text)}.home .post-card{margin:0;padding:16px 18px;border-radius:14px;background:#101720;border-color:#222b39;box-shadow:0 1px 0 rgba(255,255,255,.015);transition:background .15s ease,border-color .15s ease,transform .15s ease}.home .post-card:hover{background:#141a25;border-color:#364154;transform:translateY(-1px)}.home .post-card .meta{font-size:12px;align-items:center;flex-wrap:wrap}.home .post-card .post-link h3{font-size:18px;line-height:1.3;letter-spacing:-.15px;margin:8px 0 5px}.home .post-card .post-link p{color:#adb6c3;font-size:14px;line-height:1.5}.home .post-card .actions{gap:8px;margin-top:13px}.home .post-card .actions>a,.home .post-card .actions>.account-button,.home .post-card .actions form>.account-button{min-height:34px;display:inline-flex;align-items:center;padding:6px 9px;border:1px solid transparent;border-radius:9px;color:#8f99a8;font-size:12px}.home .post-card .actions>a:hover,.home .post-card .actions>.account-button:hover,.home .post-card .actions form>.account-button:hover{background:#1b2230;border-color:#303a4b;color:var(--text)}.home .post-card .vote-controls button{min-width:32px;min-height:32px}.home .post-card .post-media,.home .post-card [data-content-preview]{border-radius:12px!important}.home .post-card .poll-preview{background:#112824!important;border-color:#2f554e!important}.home-empty{border:1px dashed #323c4c;border-radius:14px;padding:42px 22px;text-align:center;margin-top:12px}.home-empty strong{font-size:18px;color:var(--text)}.home-empty p{margin:8px 0 0}.home-empty a{color:var(--accent-2)}.home-right{display:flex;flex-direction:column;gap:13px}.home-panel{background:#101720;border:1px solid #222b39;border-radius:14px;padding:15px}.home-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.home-panel-title strong{font-size:13px}.home-panel-title a{font-size:11px;color:var(--accent-2)}.discover-community{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0}.discover-community>span:last-child{display:flex;flex-direction:column;min-width:0}.discover-community strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-community small{font-size:10px;color:var(--muted);margin-top:2px}.community-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2C1D1B,#19303A);border:1px solid #3a4251;color:#FFB19E;font-size:12px;font-weight:800}.panel-action{display:block;margin-top:7px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--accent-2)}.home-quick-links{padding-block:7px}.home-quick-links>a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:10px;align-items:center;padding:11px 7px;border-bottom:1px solid #202735}.home-quick-links>a:last-child{border-bottom:0}.home-quick-links>a>span{display:flex;flex-direction:column}.home-quick-links strong{font-size:12px}.home-quick-links small{font-size:10px;color:var(--muted);margin-top:2px}.home-quick-links b{color:var(--accent-2);font-size:12px}.compact-account{display:flex;align-items:center;gap:9px}.notification-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:#c8ced8}.notification-button:hover{border-color:#3a4659;background:var(--surface-2)}.notification-dot{position:absolute;right:-2px;top:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:999px;background:var(--accent);color:#0C1117;font-size:9px;font-weight:800}.notification-dot[hidden],.nav-count[hidden]{display:none!important}.account-popover{position:relative}.account-popover summary{list-style:none}.account-popover summary::-webkit-details-marker{display:none}.account-chip{height:38px;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;color:#cbd2dc}.account-chip:hover{border-color:#3a4659;background:var(--surface-2)}.account-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#F47A60,#FF9F87);color:#0C1117;font-size:11px;font-weight:800}.account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.account-chevron{font-size:10px;color:var(--muted)}.account-popover-menu{position:absolute;right:0;top:46px;z-index:40;width:210px;padding:7px;border:1px solid #303949;border-radius:13px;background:#151E29;box-shadow:0 16px 38px rgba(0,0,0,.36)}.account-popover-menu a,.account-popover-menu form button{width:100%;display:flex;align-items:center;min-height:36px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#bec6d1;font:inherit;font-size:12px;text-align:left}.account-popover-menu a:hover,.account-popover-menu form button:hover{background:#202837;color:#fff}.account-popover-menu form{margin:3px 0 0;padding-top:4px;border-top:1px solid var(--border)}.compact-auth{display:flex;align-items:center;gap:8px;font-size:12px}.compact-auth .register-link{padding:8px 12px;border-radius:999px;background:var(--accent);color:#0C1117;font-weight:700}.mobile-bottom-nav{display:none}@media(max-width:1180px){.home{--rail:190px;--feed:760px}.home-shell{grid-template-columns:var(--rail) minmax(0,var(--feed));gap:20px}.home-right{display:none}}@media(max-width:880px){.home-shell{display:block;max-width:760px;padding-inline:14px}.home-left{display:none}.home-topbar .header-search{max-width:none}.home-main{width:100%}}@media (min-width:681px){.home-feed-page .home-shell{padding-top:0}.home-feed-page .guest-intro{margin-top:22px}}
@media(max-width:680px){.home-topbar{min-height:60px;padding:9px 12px;gap:9px;flex-wrap:nowrap}.home-topbar .brand{font-size:21px}.home-topbar .header-search{display:none}.home-topbar .create-post-link{display:none}.account-name,.account-chevron{display:none}.account-chip{padding:3px}.notification-button,.account-chip{width:36px;height:36px}.account-popover-menu{position:fixed;left:12px;right:12px;top:64px;width:auto}.home-shell{padding:10px 8px 82px}.feed-header{top:60px;margin-bottom:7px;padding-bottom:6px}.feed-header-row{min-height:44px}.home-tabs{gap:2px;overflow-x:auto}.home-tabs a{min-height:38px;padding:8px 11px;white-space:nowrap;font-size:12px}.feed-secondary-link{padding:8px 7px;font-size:11px}.feed-context{padding:4px 6px 0;font-size:10px}.home-feed{gap:7px}.feed-reason-row{padding-inline:7px}.home .post-card{border-radius:12px;padding:14px 14px}.home .post-card .post-link h3{font-size:17px}.home .post-card .actions{gap:5px}.home .post-card .actions>a,.home .post-card .actions>.account-button,.home .post-card .actions form>.account-button{padding:5px 7px;font-size:11px}.mobile-bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));padding:7px 7px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(11,14,20,.98);backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted);font-size:18px}.mobile-bottom-nav a.active{color:#FFB19E}.mobile-bottom-nav small{font-size:9px}.mobile-create span{width:34px;height:30px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:#0C1117}.home .post-card .post-media{max-height:460px!important}}

@media(max-width:680px){
  .home-topbar{min-height:58px;padding:8px 14px}
  .home-topbar .brand{font-size:23px}
  .notification-button,.account-chip{width:42px;height:42px}
  .account-avatar{width:32px;height:32px;font-size:12px}
  .home-shell{padding:8px 0 calc(88px + env(safe-area-inset-bottom))}
  .feed-header{top:58px;margin-bottom:6px;padding:0 12px 7px}
  .feed-title-row{display:none}
  .feed-header-row{min-height:50px}
  .home-tabs{width:100%;gap:2px;scrollbar-width:none}
  .home-tabs::-webkit-scrollbar{display:none}
  .home-tabs a{min-height:46px;padding:10px 13px;font-size:15px;border-radius:11px}
  .feed-context{padding:4px 14px 2px;font-size:12.5px;line-height:1.35}
  .feed-reason-row{min-height:30px;padding:0 14px}
  .feed-reason-row .feed-reason,.feed-hide{font-size:12px}
  .feed-hide{min-height:38px;padding:7px 8px}
  .home-feed{gap:8px}
  .home .post-card{border-left:0;border-right:0;border-radius:0;padding:16px 16px 17px}
  .home .post-card:hover{transform:none}
  .home .post-card .meta{font-size:12.5px;line-height:1.35;gap:4px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
  .home .post-card .post-link h3{font-size:21px;line-height:1.2;letter-spacing:-.25px;margin:9px 0 7px}
  .home .post-card .post-link p{font-size:16.5px;line-height:1.52}
  .home .post-card .actions{gap:4px;margin-top:14px;overflow-x:auto;scrollbar-width:none}
  .home .post-card .actions::-webkit-scrollbar{display:none}
  .home .post-card .actions>a,.home .post-card .actions>.account-button,.home .post-card .actions form>.account-button{min-height:44px;padding:8px 10px;font-size:13px;white-space:nowrap}
  .home .post-card .vote-controls button{min-width:42px;min-height:42px}
  .home .post-card .post-media,.home .post-card [data-content-preview]{border-radius:10px!important}
  .mobile-bottom-nav{min-height:66px;padding:8px 8px max(8px,env(safe-area-inset-bottom))}
  .mobile-bottom-nav a{min-height:48px;justify-content:center;gap:3px;font-size:24px}
  .mobile-bottom-nav small{font-size:11px;line-height:1}
  .mobile-create span{width:42px;height:38px;border-radius:12px}
}

@media(max-width:390px){
  .home-tabs a{padding-inline:11px;font-size:14px}
  .home .post-card .post-link h3{font-size:20px}
  .home .post-card .post-link p{font-size:16px}
}

/* Skip layout/paint work for feed items well below the initial viewport. */
.home-feed>.mixed-item:nth-child(n+4),
.community-post-feed>.post-card:nth-of-type(n+5){
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}

/* Keep the new-post refresh within reach while preserving the reader's feed position. */
.home-update-notice:has([hidden]){display:none}
.home-update-notice{position:sticky;top:134px;z-index:5;display:flex;justify-content:center;padding:8px 0 14px;pointer-events:none}
.home-update-notice a{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 17px 8px 12px;border:1px solid rgba(244,122,96,.38);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--accent-2);font-size:13px;font-weight:750;letter-spacing:.01em;text-decoration:none;pointer-events:auto;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-update-mark{width:28px;height:19px;flex:0 0 auto;overflow:visible}
.home-update-avatars{display:inline-flex;align-items:center;padding-left:5px}
.home-update-avatars img{position:relative;z-index:calc(3 - var(--avatar-index));width:30px;height:30px;margin-left:-6px;border:2px solid var(--surface);border-radius:50%;background:var(--surface-2);object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.home-update-notice .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}
.home-update-notice a:hover{transform:translateY(-1px);border-color:var(--accent-2);box-shadow:0 13px 32px rgba(0,0,0,.26),0 0 0 3px rgba(244,122,96,.08)}
.home-update-notice a:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
@media(max-width:680px){.home-update-notice{top:114px;padding:7px 10px 12px;transition:top 180ms ease-out}.home-update-notice a{min-height:40px;padding:7px 14px 7px 10px;font-size:12.5px}.home-update-avatars img{width:28px;height:28px}.home-feed-page.feed-chrome-hidden .home-update-notice{top:env(safe-area-inset-top,0px)}}
@media(prefers-reduced-motion:reduce){.home-update-notice a{transition:none}}


/* Keep the active feed marker centered on the label, not on the padded tab box. */
.home-tabs a{position:relative}
.home-tabs a.active{box-shadow:none}
.home-tabs a.active::after{content:"";position:absolute;left:50%;bottom:3px;width:calc(100% - 28px);height:3px;border-radius:999px;background:var(--accent);transform:translateX(-50%);pointer-events:none}
@media(max-width:680px){.home-tabs a.active::after{bottom:2px;width:calc(100% - 26px)}}
@media(max-width:390px){.home-tabs a.active::after{width:calc(100% - 22px)}}

/* One continuous, label-aligned marker across desktop and mobile. */
.home.home-feed-page .home-tabs a::after{
  left:50%;
  right:auto;
  bottom:3px;
  width:calc(100% - 28px);
  height:2px;
  border-radius:999px;
  background:transparent;
  background-image:none;
  transform:translateX(-50%);
  opacity:1;
}
.home.home-feed-page .home-tabs a.active::after{
  background:var(--accent);
  transform:translateX(-50%);
}
.home-feed-page .feed-header-row{justify-content:stretch}
.home-feed-page .home-tabs{display:flex;flex:1 1 100%;width:100%;min-width:0;gap:0}
.home-feed-page .home-tabs>a{flex:1 1 0;min-width:0;justify-content:center;text-align:center}
@media(max-width:680px){.home.home-feed-page .home-tabs a::after{bottom:3px;width:calc(100% - 22px)}}

/* Desktop publishing belongs with the primary navigation, not the global header. */
.home-feed-page .topbar .header-create{display:none}
@media(min-width:881px){.home .topbar .header-create{display:none!important}}
.home-nav a.home-nav-create{margin-top:14px;min-height:46px;border:1px solid rgba(244,122,96,.28);background:rgba(244,122,96,.09);color:#ffd0c5}
.home-nav a.home-nav-create:hover{border-color:rgba(244,122,96,.5);background:rgba(244,122,96,.15);color:#ffe0d8}
.home-nav a.home-nav-create .nav-icon{color:var(--accent,#F47A60)}