:root{--bg: #080808;--panel: #111111;--panel-soft: #141414;--fg: #f2f0e4;--muted: #9f9885;--gold: #d4af37;--gold-soft: rgba(212, 175, 55, .22);--gold-strong: #f2e8c4;--border: rgba(212, 175, 55, .24);--danger: #ff3d63;--shadow: none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--fg);font-family:Josefin Sans,sans-serif;background:#0b0b0b}html,body,.social-app-shell{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.social-app-shell::-webkit-scrollbar{width:0;height:0;display:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.social-app-shell{position:relative;min-height:100vh;padding:1rem;background:#0b0b0b}.app-topbar,.page-stage{position:relative;z-index:1;width:min(100%,1440px);margin:0 auto}.app-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:1rem;background:#101010;border:1px solid var(--border)}.brand-block{display:grid;gap:.2rem}.brand-block h1,.discovery-header h2,.card-header h2,.profile-hero__meta h2{margin:0;font-family:Marcellus,serif;letter-spacing:.16em;text-transform:uppercase}.brand-block h1{font-size:clamp(1.5rem,4vw,2.7rem)}.eyebrow{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-size:.72rem}.top-nav{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center}.nav-icon-button{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:.7rem .95rem;border:1px solid transparent;background:transparent;color:var(--muted)}.nav-icon-button svg,.icon-action svg{width:1rem;height:1rem}.nav-icon-button--active,.nav-icon-button:hover{color:var(--gold-strong);border-color:var(--border);background:#ffffff08}.topbar-user{display:flex;gap:.8rem;align-items:center}.user-chip,.sidebar-user,.author-row,.post-tile__title,.post-tile__media,.comment-preview-line,.ghost-text-button{background:transparent;border:0;color:inherit}.user-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .55rem;color:var(--fg)}.user-chip--full{width:100%;justify-content:flex-start;padding:.75rem;border:1px solid var(--border);background:#ffffff05}.ghost-text-button{color:var(--muted)}.ghost-text-button:hover{color:var(--gold)}.creator-randomizer-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(212,175,55,.22);border-radius:999px}.creator-randomizer-button svg{width:18px;height:18px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.page-main,.page-side,.analytics-grid,.center-panel,.profile-page{display:grid;gap:1rem;min-width:0}.center-panel{max-width:920px;margin:0 auto}.discovery-header,.sidebar-card,.profile-hero{background:var(--panel);border:1px solid var(--border)}.sidebar-card,.post-tile,.profile-post-card,.history-record{content-visibility:auto;contain-intrinsic-size:320px}.discovery-header,.sidebar-card{padding:1rem 1.1rem}.sidebar-card--wide{min-width:0}.card-header{margin-bottom:.95rem}.card-header--with-action{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.card-header h2{font-size:1.15rem}.muted-copy,.author-row__meta span,.sidebar-user span,.history-record time,.comment-item time,.profile-hero__meta p{color:var(--muted)}.feed-toolbar{display:flex;gap:.55rem;flex-wrap:wrap}.sort-pill,.category-tab,.primary-pill-button{border:1px solid var(--border);color:var(--fg);transition:border-color .14s ease,color .14s ease,background-color .14s ease}.sort-pill,.category-tab{min-height:40px;padding:.65rem .95rem;background:#ffffff05}.sort-pill--active,.sort-pill:hover{border-color:var(--gold);color:var(--gold-strong)}.category-tab:hover{border-color:#d4af3785;color:var(--fg);background:#ffffff0a}.category-tab--active{border-color:var(--gold);color:#0b0b0b;background:var(--gold)}.category-tab[aria-selected=true]{box-shadow:inset 0 0 0 1px #0808084d}.primary-pill-button{min-height:46px;padding:.8rem 1.3rem;background:var(--danger);border-radius:999px;border-color:transparent;color:#fff;font-weight:700}.primary-pill-button:disabled{opacity:.45;cursor:not-allowed}.category-tabs{display:flex;gap:.65rem;flex-wrap:wrap;overflow-x:auto;padding-bottom:.15rem}.category-tab{border-radius:999px}.feed-placeholder{display:grid;gap:1rem;min-height:420px;padding:1.4rem;align-content:start;background:var(--panel);border:1px solid var(--border)}.feed-waterfall{width:100%;max-width:100%;column-count:3;column-gap:1rem;overflow:hidden}.feed-load-more{display:flex;justify-content:center;padding:.5rem 0 0}.feed-placeholder h3{margin:0;font-family:Marcellus,serif;letter-spacing:.08em;text-transform:uppercase}.feed-placeholder p{margin:0;color:var(--muted);line-height:1.7}.feed-placeholder--error{border-color:#ff3d6366}.feed-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feed-skeleton-card{display:grid;gap:.8rem;padding:.85rem;background:#151515;border:1px solid rgba(255,255,255,.06);border-radius:24px}.feed-skeleton-card__media,.feed-skeleton-card__line{background:#ffffff14}.feed-skeleton-card__media{aspect-ratio:.86;border-radius:20px}.feed-skeleton-card__line{height:.9rem;border-radius:999px}.feed-skeleton-card__line--short{width:46%}.feed-skeleton-card__line--muted{width:72%}.post-tile{break-inside:avoid;display:inline-grid;width:100%;min-width:0;gap:.8rem;margin-bottom:1rem;padding:.85rem;background:#111;border:1px solid rgba(212,175,55,.18);border-radius:0;transition:border-color .14s ease;position:relative;contain:layout paint}.post-tile:hover{border-color:#d4af376b}.post-tile:before,.post-tile:after{content:"";position:absolute;width:24px;height:24px;pointer-events:none;border-color:#d4af3773}.post-tile:before{top:.45rem;left:.45rem;border-top:1px solid;border-left:1px solid}.post-tile:after{right:.45rem;bottom:.45rem;border-right:1px solid;border-bottom:1px solid}.post-tile__media{position:relative;display:block;padding:0;overflow:hidden;border:1px solid rgba(212,175,55,.14);background:#111}.post-tile__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.post-tile:hover .post-tile__media img{transform:scale(1.03)}.post-tile__media--landscape img{height:clamp(190px,18vw,240px)}.post-tile__media--square img{height:clamp(230px,23vw,300px)}.post-tile__media--portrait img{height:clamp(280px,30vw,380px)}.post-chip{display:inline-flex;align-items:center;padding:.3rem .6rem;background:#080808d1;border:1px solid rgba(212,175,55,.24);color:var(--gold-strong);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.post-chip--overlay{position:absolute;top:.7rem;left:.7rem}.post-tile__body{display:grid;gap:.7rem}.author-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:0;text-align:left}.author-row strong,.history-record strong,.comment-preview-line strong{color:var(--fg)}.author-row time{color:var(--muted);font-size:.82rem}.author-row__meta{display:grid;gap:.12rem;min-width:0}.post-tile__title{padding:0;text-align:left;line-height:1.6;font-size:.98rem;color:var(--fg)}.comment-preview-stack{display:grid;gap:.45rem}.comment-preview-line{display:flex;gap:.35rem;padding:0;text-align:left;color:var(--muted);font-size:.88rem}.comment-preview-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-tile__actions{display:flex;gap:1rem;align-items:center}.icon-action{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent;color:var(--muted)}.icon-action:hover,.icon-action--active{color:#fff}.avatar-badge{display:grid;place-items:center;border:1px solid var(--gold-soft);border-radius:999px;background:#ffffff08;color:var(--gold-strong);flex:0 0 auto}.avatar-badge--lg{width:88px;height:88px}.avatar-badge--md{width:52px;height:52px}.avatar-badge--sm{width:42px;height:42px}.avatar-badge--xs{width:34px;height:34px}.sidebar-list,.history-list,.comment-list{display:grid;gap:.75rem}.sidebar-user{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.7rem;text-align:left;border-radius:18px;background:#ffffff05}.sidebar-user em{color:var(--gold);font-style:normal}.profile-page{max-width:1240px;margin:0 auto}.profile-route-banner{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:1rem;background:#111;border:1px solid rgba(212,175,55,.26)}.profile-route-banner h2{margin:.2rem 0 0;font-family:Marcellus,serif;letter-spacing:.12em;text-transform:uppercase}.profile-route-banner__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.ghost-frame-button{min-height:44px;padding:.7rem 1rem;border:1px solid rgba(212,175,55,.28);background:transparent;color:var(--gold-strong);text-transform:uppercase;letter-spacing:.14em}.ghost-frame-button:hover{border-color:var(--gold)}.profile-hero{display:grid;gap:1.2rem;padding:1.3rem}.profile-page .sidebar-card--wide{margin-top:1rem}.profile-hero__head{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.profile-bio{margin:.4rem 0 0;line-height:1.7}.profile-hero__stats,.stat-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.profile-hero__stats div,.stat-board div{display:grid;gap:.2rem;padding:.9rem;border:1px solid var(--border);text-align:center}.profile-hero__stats strong,.stat-board strong{font-size:1.5rem;color:var(--gold-strong)}.profile-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.profile-post-card{position:relative;overflow:hidden;min-height:260px;padding:0;border:0;border-radius:24px}.profile-post-card img{width:100%;height:100%;display:block;object-fit:cover}.profile-post-card__overlay{position:absolute;inset:auto 0 0;display:grid;gap:.45rem;padding:1rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));text-align:left}.profile-post-card__overlay p{margin:0;line-height:1.55}.profile-post-card__overlay div{display:flex;gap:1rem;color:var(--gold-strong);font-size:.88rem}.thread-overlay{position:fixed;inset:0;display:flex;justify-content:flex-end;background:#000000ad;z-index:20}.thread-drawer{width:min(100%,560px);height:100vh;overflow-y:auto;padding:1rem;background:#0e0e0e;border-left:1px solid var(--border)}.thread-drawer__header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.thread-image-wrap{margin:1rem 0;overflow:hidden;border-radius:24px}.thread-image-wrap img{width:100%;display:block;object-fit:cover}.thread-post-meta,.thread-post-stats{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:center}.thread-body,.comment-item p{margin:0;line-height:1.7}.thread-form{margin:1rem 0}.stack-form{display:grid;gap:.9rem}.stack-form label{display:grid;gap:.45rem;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.stack-form__fieldset{display:grid;gap:.45rem;margin:0;padding:0;border:0;min-width:0}.stack-form__fieldset legend{margin-bottom:.45rem;padding:0;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}input,textarea,select{width:100%;padding:.9rem .4rem;color:var(--fg);background:transparent;border:0;border-bottom:2px solid var(--gold);outline:none}textarea{min-height:110px;resize:vertical}.deco-select option{color:#000}input:focus,textarea:focus,select:focus{border-bottom-color:var(--gold-strong)}.category-tab:focus-visible{outline:2px solid rgba(242,232,196,.9);outline-offset:2px}.comment-item,.history-record{display:grid;gap:.45rem;padding:.85rem;border-radius:18px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.history-record--with-thumb{grid-template-columns:88px 1fr auto;align-items:center;gap:.8rem}.history-record--with-thumb img{width:88px;height:88px;object-fit:cover;border-radius:16px}.stat-board{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1180px){.feed-waterfall{column-count:2}.profile-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.app-topbar,.page-grid,.profile-hero__head{grid-template-columns:1fr}.top-nav{justify-content:flex-start}.feed-waterfall{column-count:2}.profile-post-grid,.profile-hero__stats,.stat-board{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-route-banner{grid-template-columns:1fr}.profile-route-banner__actions{justify-content:flex-start}}@media(max-width:640px){.social-app-shell{padding:.7rem}.feed-waterfall{column-count:1}.post-tile{border-radius:20px}.profile-post-grid,.profile-hero__stats,.stat-board,.history-record--with-thumb{grid-template-columns:1fr}.thread-drawer{width:100%}}