*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0c0d10;color:#f3f4f6}:root{--bg: #0c0d10;--surface: #1f2329;--surface-2: #262b33;--surface-3: #343b46;--border: #3f4753;--text: #f3f4f6;--muted: #cbd2dc;--muted-2: #9aa3af;--overlay: rgba(0, 0, 0, .72)}.site{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{width:min(100%,440px);padding:1.5rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px #00000059}.card h1{margin:0 0 .35rem;font-size:1.8rem}.card>p{margin:0 0 1rem;color:var(--muted)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.tab{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;font-weight:600}.tab.active{background:var(--surface-3);border-color:var(--muted-2);color:var(--text)}.form{display:grid;gap:.5rem}.form label{font-size:.92rem;font-weight:600}.form input,.form select,.form textarea{padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--surface-2);color:var(--text)}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #8b95a3;border-color:#8b95a3}.postBodyInput{resize:none;overflow-y:hidden;min-height:220px}.postBodyInput::placeholder{color:#fff;opacity:1}button{border:1px solid transparent;border-radius:8px;padding:.6rem .8rem;background:#00000073;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,color .14s ease}button:not(.iconModeButton):hover:not(:disabled){border-color:#f3f4f6}button:not(.iconModeButton):focus-visible{outline:none;border-color:#f3f4f6}button:disabled{background:#4b5563;color:var(--muted);border-color:transparent;cursor:wait}button.secondary{background:#00000059;color:var(--text)}.error{color:#b91c1c;margin-bottom:.35rem}.hint{color:var(--muted)}.composeDropZone{display:grid;gap:.45rem;border:1px dashed var(--border);border-radius:12px;padding:.7rem;background:#ffffff05;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.composeDropZone.isDragActive{border-color:#d0d6df;background:#b0bbcc1f;box-shadow:0 0 0 2px #b0bbcc40}.composeDropHint{display:block}.imageOrderList{display:grid;gap:.6rem;border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--surface-2)}.imagePreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.imagePreviewCard{border:1px solid var(--border);border-radius:10px;padding:.45rem;background:var(--surface);cursor:grab;-webkit-user-select:none;user-select:none}.imagePreviewCard:active{cursor:grabbing}.imagePreviewCard.isDropTarget{border-color:#9aa3af;box-shadow:0 0 0 2px #9aa3af40}.imagePreviewFrame{aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:#111318}.imagePreviewFrame img{width:100%;height:100%;object-fit:cover}.imagePreviewMeta{margin-top:.35rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.82rem}.thumbnailChip{padding:.12rem .4rem;border-radius:999px;background:var(--surface-3);color:var(--text)}.fileName{margin:.25rem 0 0;font-size:.78rem;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{margin-top:1rem;font-size:.95rem}.hub{width:100%;max-width:none;margin:0;padding:0 1.25rem 2rem}.hubSideRail{position:fixed;left:1.25rem;top:3.2rem;z-index:7;width:220px;height:calc(100vh - 3.8rem);padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.profileRailCard{width:100%;max-width:208px;padding:0;border-radius:12px;background:transparent;border:none;display:grid;gap:.45rem}.profileRailDesktop{display:grid}.profileRailMobile{display:none}.profileRailLoading,.profileRailError,.profileRailIntro,.profileRailLastLogin{margin:0}.profileRailError{color:#fca5a5}.profileRailAvatar{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:999px;object-fit:cover;background:transparent;border:none;display:block}.profileRailAvatarFallback{display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:1.2rem;font-weight:700}.profileRailName{margin:0;font-size:1.02rem;line-height:1.2;display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}.profileRailScores{color:var(--muted);font-size:.72rem;font-weight:500;white-space:nowrap}.profileRailIntro{color:var(--muted);font-size:.85rem;line-height:1.3;white-space:pre-wrap}.profileRailLastLogin{color:var(--muted-2);font-size:.75rem}.profileCustomizeButton{width:fit-content}.hubHeader{display:flex;align-items:center;gap:.8rem;margin-left:-1.25rem;margin-right:-1.25rem;position:sticky;top:0;z-index:6;padding:.45rem 1.25rem;background:linear-gradient(to bottom,#0c0d10 0% 10%,#0c0d1000);border-bottom:none}.headerBrand{margin:0;color:#f3f4f6;font-size:1.2rem;line-height:1.1;white-space:nowrap;flex-shrink:0;position:relative;display:inline-block}.headerBrand:after{content:attr(data-brand);position:absolute;inset:0;background:linear-gradient(90deg,#ff2d55,#ff7a00 18%,#ffd400,#47e66d 50%,#31d8ff 68%,#2a7dff,#9b4dff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;clip-path:inset(0 100% 0 0);animation:brandRainbowSweep 9s ease-in-out infinite,brandRainbowHueShift 6s linear infinite;will-change:clip-path,filter;pointer-events:none}.headerBrandGroup{width:calc(220px + 1rem - .8rem);display:flex;align-items:center;gap:.4rem;flex-shrink:0}.headerBrandButton{border:0;background:transparent;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;flex-shrink:1;color:inherit;cursor:pointer}.headerBrandButton:hover .headerBrand{color:#fff}.headerBrandButton:focus{outline:none}.headerDiscordLink{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;color:#f3f4f6;text-decoration:none;flex-shrink:0;position:relative;border-radius:999px;isolation:isolate}.headerDiscordLink:hover,.headerDiscordLink:focus-visible{color:#fff;outline:none}.headerDiscordLink:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 35% 30%,#8478ff,#3a84ff);opacity:0;z-index:0;pointer-events:none;animation:discordPulseGlow 8.5s ease-in-out infinite}.headerDiscordIcon{width:1.4rem;height:1.4rem;position:relative;z-index:1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes brandRainbowSweep{0%{clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0 0 0 0)}55%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes brandRainbowHueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes discordPulseGlow{0%,to{opacity:0}50%{opacity:.92}}.headerSearch{flex:1 1 auto;min-width:320px;max-width:420px}.headerSearch input{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:#00000059;color:var(--text)}.headerSearch input:focus{outline:2px solid #3b82f6;border-color:#3b82f6}.headerActions{display:flex;gap:.5rem;align-items:center;margin-left:auto}.headerGreeting{margin:0 .2rem 0 0;color:var(--muted);font-size:.82rem;white-space:nowrap}.headerGreeting strong{color:var(--text)}.headerGreetingButton{border:0;background:transparent;padding:0;margin:0 .2rem 0 0;color:var(--muted);font-size:.82rem;white-space:nowrap;cursor:pointer}.headerGreetingButton strong{color:var(--text)}.headerGreetingScores{margin-left:.4rem;color:var(--muted);font-size:.75rem}.headerGreetingButton:hover strong{color:#fff}.headerGreetingButton:focus{outline:none}.headerNotificationButton,.headerLogoutButton{display:inline-flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px;padding:0;border-radius:7px;background:#0000004d}.headerNotificationButton.hasUnread{color:#ffb020;border-color:#ff9f1a;animation:headerNotificationFlash 1.1s ease-in-out infinite}.headerNotificationButton.hasUnread:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:999px;background:#ffb020}@keyframes headerNotificationFlash{0%,to{background:#ff990038;box-shadow:0 0 #ff99008c}50%{background:#ff99009e;box-shadow:0 0 0 2px #ff9900f2,0 0 10px #f909}}@media(prefers-reduced-motion:reduce){.headerBrand{animation:none}.headerBrand:after{animation:none;clip-path:inset(0 100% 0 0)}.headerNotificationButton.hasUnread{animation:none}}.headerNotificationButton svg,.headerLogoutButton svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.viewModeSwitch{display:grid;gap:.45rem;margin-top:0;justify-items:start;align-content:start}.hubSideRail .iconModeButton{min-width:116px;justify-content:flex-start}.iconModeButton{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .6rem;border:1px solid transparent;border-radius:8px;background:#00000059;color:var(--text)}.iconModeButton svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.iconEmoji{font-size:.95rem;line-height:1}.iconModeButton.active{border-color:#f3f4f6;background:#0000008c}.iconModeButton:disabled{background:#6b728038;color:#9aa3af;border-color:transparent;cursor:not-allowed}.iconModeButton:disabled .iconEmoji{filter:grayscale(100%);opacity:.7}.composeCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.composeCard h2{margin:0 0 .75rem}.composeModal{width:100vw;height:100vh;max-height:none;overflow:auto;margin:0;background:var(--surface);border:none;border-radius:0;padding:1rem;box-sizing:border-box}.composeModal.isFileDragActive{box-shadow:inset 0 0 0 2px #b0bbcc66}.composeModalHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}.composeModalHeader h2{margin:0}.composeSubmitRow{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:.75rem 0 .25rem;background:linear-gradient(to top,var(--surface) 74%,rgba(31,35,41,0));z-index:1}.profileEditorModal{width:min(560px,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);overflow:auto;margin:.75rem auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.95rem;box-sizing:border-box}.profileEditorHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}.profileEditorHeader h2{margin:0}.profileEditorAvatarBlock{display:flex;align-items:center;gap:.75rem;margin-bottom:.2rem}.profileEditorAvatarPreview{width:86px;height:86px;border-radius:999px;border:1px solid var(--border);object-fit:cover;background:#ffffff1a}.profileEditorAvatarPlaceholder{display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:1.4rem;font-weight:700}.profileEditorAvatarActions{display:grid;gap:.35rem}.profileAvatarRemoveButton{width:fit-content}.profileEditorSubmitRow{margin-top:.5rem;display:flex;justify-content:flex-end;gap:.5rem}.authOverlay{background:#0000006b}.authModal{width:min(460px,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);overflow:auto;margin:.75rem auto;padding:.95rem;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#1214189e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.authModalHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.7rem}.authModalHeader h2{margin:0}.authTabs{margin-bottom:.75rem}.feed{margin-left:calc(220px + 1rem);display:grid;gap:1px}.emptyFeed{margin:0;color:var(--muted)}.feedBottomTrigger{height:1px;width:100%}.notificationsPage{display:grid;gap:.55rem}.notificationsPageHeader{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notificationsPageHeader h2{margin:0;font-size:1.02rem}.notificationsList{display:grid;gap:.4rem}.notificationItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem .6rem;border:1px solid var(--border);border-radius:10px;background:#00000047}.notificationItem.isUnread{border-color:#60a5fa80}.notificationText{min-width:0}.notificationMessage{margin:0;color:var(--text);font-size:.9rem;line-height:1.25}.notificationMeta{margin:.2rem 0 0;color:var(--muted-2);font-size:.75rem}.notificationActionsRow{display:inline-flex;gap:.35rem;align-items:center;justify-self:end}.notificationActionsRow button{padding:.3rem .5rem;font-size:.78rem}.notificationsLoadMore{width:fit-content}.postListItem{display:block;background:#00000073;border:none;border-radius:12px;padding:.7rem;cursor:pointer}.postListItem:focus,.postListItem:focus-visible{outline:none}.postListThumb{width:92px;border-radius:0;object-fit:contain;background:transparent;border:none}.postListThumb.ratio-1-1{aspect-ratio:1 / 1}.postListThumb.ratio-2-3{aspect-ratio:2 / 3}.postListThumb.ratio-3-2{aspect-ratio:3 / 2}.postListThumb.placeholder{display:grid;place-items:center;background:transparent;color:var(--muted-2);font-weight:700}.postListInfo h3{margin:0}.postListInfo{min-width:0}.listVoteLayout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start}.listVoteLayout.hasThumb{grid-template-columns:auto 96px minmax(0,1fr)}.listVoteColumn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-top:.05rem}.listInfoBody{min-width:0}.postListMeta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.45rem;color:var(--muted);font-size:.88rem}.albumGrid{display:flex;align-items:flex-start;gap:2px}.albumColumn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.albumCard{background:#00000073;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden}.albumCard:focus,.albumCard:focus-visible{outline:none}.albumThumb{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}.albumOverlay{position:absolute;inset:auto 0 0;padding:.06rem .12rem;background:transparent;color:var(--text);opacity:1;transition:opacity .16s ease;pointer-events:none;z-index:1}.albumOverlayLayout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.24rem}.albumOverlayBody{display:none;min-width:0}.albumOverlay h3{margin:0;font-size:.8rem;line-height:1.05}.albumOverlay p{margin:.06rem 0 0;font-size:.68rem;color:var(--muted)}.albumOverlayMeta{display:flex;gap:.26rem;flex-wrap:wrap;margin-top:.08rem;font-size:.66rem;color:#dce2ea}.albumVoteColumn{display:flex;flex-direction:column;align-items:center;gap:.06rem;padding-top:0}.albumVoteButton{width:20px;height:20px;padding:0;border:1px solid #111111;border-radius:4px;line-height:1;background:#000;color:#dce2ea;display:inline-flex;align-items:center;justify-content:center;transition:opacity .16s ease}.albumOverlay .albumVoteButton{opacity:0;visibility:hidden}.albumVoteButton:hover{background:#fff;color:#000;border-color:#fff}.albumVoteGlyph{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.albumVoteScore{display:inline-flex;align-items:center;justify-content:center;min-width:1.12rem;height:1.12rem;padding:0 .14rem;background:#00000080;border-radius:2px;position:relative;top:2px;font-size:.68rem;color:#dce2ea;font-weight:700;line-height:1}.albumCard:hover .albumOverlay .albumVoteButton,.albumCard:focus-visible .albumOverlay .albumVoteButton{opacity:1;visibility:visible}.albumCard:hover .albumOverlayBody,.albumCard:focus-visible .albumOverlayBody{display:block}.albumVoteButton.upvote.isActive{color:#0f1115;background:#fb923c;border-color:#fb923c}.albumVoteButton.downvote.isActive{color:#0f1115;background:#60a5fa;border-color:#60a5fa}.albumVoteButton.upvote.isActive:hover{background:#fb923c;color:#0f1115;border-color:#fb923c}.albumVoteButton.downvote.isActive:hover{background:#60a5fa;color:#0f1115;border-color:#60a5fa}.albumCard:hover .albumOverlay,.albumCard:focus-visible .albumOverlay{background:linear-gradient(to top,#000000e0,#0000002e);opacity:1;pointer-events:auto}.postModalOverlay{position:fixed;inset:0;background:var(--overlay);display:block;padding:0;z-index:10}.postModal{--post-vote-column-width: 2rem;--post-vote-column-gap: .65rem;width:100vw;height:100vh;max-height:none;overflow:auto;background:var(--bg);border:none;border-radius:0;padding:1rem;box-sizing:border-box}.textPostModal{--text-post-inline-pad: 2.8rem}.postModalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.7rem}.postModalHeader h3{margin:0}.postHeaderMain{display:grid;grid-template-columns:var(--post-vote-column-width) minmax(0,1fr);align-items:start;gap:var(--post-vote-column-gap);min-width:0}.postHeaderText{min-width:0}.postModal .postBody{padding-left:calc(var(--post-vote-column-width) + var(--post-vote-column-gap))}.textPostModal .postModalHeader{padding-left:var(--text-post-inline-pad)}.textPostModal .postBody{padding-left:calc(var(--post-vote-column-width) + var(--post-vote-column-gap) + var(--text-post-inline-pad))}.closeButton{min-width:44px}.postModal .closeButton{min-width:0;padding:.2rem .45rem;border:0;background:transparent;color:#dce2ea}.postModal .closeButton:hover{color:#fff;background:transparent}.postModal .closeButton:focus{outline:none;background:transparent}.postBackButton{position:fixed;top:.65rem;left:.75rem;z-index:12;width:34px;height:34px;min-width:0;padding:0;line-height:1;border:0;background:transparent;border-radius:0;color:#dce2ea}.postBackButton svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.postBackButton:hover{color:#fff;background:transparent}.postBackButton:focus{outline:none;background:transparent}.imagePostModal{width:100vw}.imagePostContent{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:.9rem;align-items:start}.imagePostMain{display:grid;gap:0;min-width:0}.imagePostMainFrame{background:var(--bg);border-radius:0;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;isolation:isolate}.imageRenderedArea{position:static;display:inline-block;max-width:100%;line-height:0}.imageMediaLayer{position:relative;display:inline-block;max-width:100%;line-height:0}.imagePostMainImage{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 2rem);object-fit:contain;object-position:center center;cursor:zoom-in;transition:transform .18s ease;transform:scale(1) translateZ(0);transform-origin:center center;will-change:transform;backface-visibility:hidden}.imagePostMainImage:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.imagePostMainImage.isZoomed{cursor:zoom-out;transform:scale(3.25) translateZ(0)}.imageHelloOverlay{position:absolute;top:0;right:0;z-index:3;padding:0;border-radius:0 0 0 8px;background:transparent;color:#ffffffe6;font-size:.72rem;font-weight:500;line-height:1.2;letter-spacing:.01em;pointer-events:auto;-webkit-user-select:text;user-select:text;opacity:1;display:grid;gap:.35rem;justify-items:end;text-align:right;width:min(44vw,560px);max-height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:none;-ms-overflow-style:none}.imageHelloOverlay::-webkit-scrollbar{width:0;height:0}.imageParamSection{display:grid;gap:.14rem;justify-items:end;padding:0;border:none;border-radius:8px;background:transparent;width:100%}.imageParamSection+.imageParamSection{margin-top:.3rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.28)}.imageParamHeader{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%}.imageParamSection strong{font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;color:inherit}.imageParamCopyButton{border:none;border-radius:6px;background:transparent;color:inherit;font-size:.64rem;font-weight:600;line-height:1;padding:.24rem .4rem}.imageParamCopyButton:disabled{opacity:.5;cursor:not-allowed}.imageParamCopyButtonIcon{width:1.8rem;min-width:1.8rem;padding:.22rem 0;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem}.imageParamCopyButtonIcon svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2}.imageParamCopyButton.isCopied{opacity:1}.imageParamSection p{margin:0;width:100%;color:inherit}.imageParamExpandableBody{width:100%}.imageParamExpandButton{display:none}.imageParamPair{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:.35rem;width:100%}.imageParamKey,.imageParamValue{color:inherit;text-align:right}.imageParamFallback{color:#ffffffe6}@media(max-width:720px){.imageParamExpandableBody.isCollapsed{max-height:8.5rem;overflow:hidden}.imageParamExpandButton{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-left:auto;border:none;background:transparent;color:inherit;font-size:.62rem;line-height:1;padding:.18rem 0;text-decoration:underline}}.imageMetaOverlay{position:absolute;left:.6rem;bottom:.6rem;display:inline-flex;gap:.45rem;align-items:center;padding:.25rem .45rem;border-radius:8px;background:#000000b8;color:#f3f4f6;font-size:.74rem;line-height:1;opacity:0;pointer-events:none;transition:opacity .16s ease}.imageQuickCopyButton{position:absolute;top:.55rem;left:.55rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:none;border-radius:0;background:transparent;color:#fffffff2;padding:0;line-height:1;opacity:.5;transition:opacity .15s ease}.imageQuickCopyButton svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2}.imageQuickCopyButton:hover{color:#fff;opacity:1}.imageQuickCopyButton:disabled{opacity:.45;cursor:not-allowed}.imageQuickCopyButton.isCopied{color:#fff;opacity:1}.imageDownloadButton{position:absolute;left:50%;bottom:.6rem;z-index:4;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#000000bd;color:#f3f4f6;font-size:.76rem;font-weight:600;text-decoration:none;line-height:1;opacity:0;pointer-events:none;transition:opacity .16s ease,border-color .16s ease,color .16s ease}.imageDownloadButton:hover{color:#fff;border-color:#ffffffbf}.imagePostMainFrame:hover .imageMetaOverlay,.imagePostMainFrame:focus-within .imageMetaOverlay{opacity:1}.imagePostMainFrame:hover .imageDownloadButton,.imagePostMainFrame:focus-within .imageDownloadButton{opacity:1;pointer-events:auto}.imagePostEmpty{color:#cbd5e1}.imagePostInfo{padding-top:.2rem;padding-left:.9rem;border-left:1px solid var(--border);position:sticky;top:0;max-height:calc(100vh - 170px);overflow:auto}.imagePostInfoTop{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.7rem}.imagePostInfoTop h3{margin:0}.muted{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.authorLink{border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;cursor:pointer}.authorLink:hover,.authorLink:focus-visible{color:#f3f4f6;text-decoration-color:currentColor;outline:none}.typeTag{background:var(--surface-3);color:var(--text);border-radius:99px;padding:.2rem .55rem;font-size:.8rem;font-weight:700;text-transform:uppercase}.postBody{margin:.75rem 0}.thumbnailPreview{width:100%;max-height:360px;object-fit:contain;border-radius:8px;border:1px solid var(--border);margin-top:.75rem}.attachmentList{margin:0 0 .75rem;padding-left:1.1rem}.attachmentList li{margin:.15rem 0}.attachmentList a{color:var(--muted)}.postVoteColumn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-top:.05rem;width:var(--post-vote-column-width)}.postVoteMeta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--muted);font-size:.88rem;margin-bottom:.7rem}.inlineDeleteButton{margin-left:.25rem;padding:.1rem .35rem;border:1px solid rgba(220,38,38,.38);border-radius:6px;background:#dc26261f;color:#fecaca;font-size:.72rem;font-weight:600;line-height:1.1}.inlineDeleteButton:hover:not(:disabled),.inlineDeleteButton:focus-visible{border-color:#f87171c7;color:#fee2e2}.textPostModal .postVoteMeta{padding-left:calc(var(--post-vote-column-width) + var(--post-vote-column-gap) + var(--text-post-inline-pad))}.commentPanel{border-top:1px solid var(--border);padding-top:.75rem}.commentTop{margin-bottom:.5rem}.commentCreate{display:flex;gap:.5rem;margin-bottom:.75rem}.commentCreate input{flex:1;padding:.55rem .65rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px}.commentList{display:grid;gap:.5rem}.commentNode{border-left:2px solid var(--border);padding-left:.55rem}.commentNode.isJumpTarget{border-left-color:#60a5fa;background:#60a5fa24;border-radius:6px}.commentNode p{margin:.25rem 0 .4rem}.commentMeta{display:flex;gap:.5rem;align-items:center}.commentMeta span{color:var(--muted-2);font-size:.8rem}.replyActions{margin-bottom:.4rem}.replyBox{display:flex;gap:.35rem;margin-bottom:.35rem}.replyBox input{flex:1;padding:.45rem .55rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px}.hubStatus{margin-left:calc(220px + 1rem);margin-top:1rem;color:var(--text)}@media(max-width:720px){.hub{padding:0 .75rem 5.25rem}.hubSideRail{position:fixed;inset:auto 0 0;height:auto;width:auto;display:block;padding:.45rem .75rem calc(.45rem + env(safe-area-inset-bottom));background:#0c0d10f0;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profileRailCard{max-width:none;width:100%}.profileRailDesktop{display:none}.profileRailMobile{display:grid;margin-bottom:.2rem}.hubHeader{margin-left:-.75rem;margin-right:-.75rem;padding:.45rem .75rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.headerBrandButton{width:auto;flex-shrink:0}.headerBrandGroup{width:auto}.headerSearch{order:1;flex-basis:100%;min-width:0;max-width:none}.headerActions{order:2;justify-self:auto}.notificationItem{grid-template-columns:1fr}.notificationActionsRow{justify-content:flex-end}.feed,.hubStatus{margin-left:0}.viewModeSwitch{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scrollbar-width:none}.viewModeSwitch::-webkit-scrollbar{display:none}.hubSideRail .iconModeButton{min-width:0;flex:0 0 auto;padding:.42rem .62rem}.postListItem{padding:.6rem}.postListThumb{width:72px}.listVoteLayout{gap:.55rem}.listVoteLayout.hasThumb{grid-template-columns:auto 74px minmax(0,1fr)}.albumCard{padding:0}.commentCreate,.replyBox{flex-direction:column}.iconModeButton span{display:inline}.profileEditorAvatarBlock{flex-direction:column;align-items:flex-start}}@media(max-width:1080px){.imagePostContent{grid-template-columns:1fr}.imagePostInfo{position:static;max-height:none;overflow:visible;border-left:none;padding-left:0}}