.cat-page{width:100%}.cat-section{padding-top:var(--space-3)}body.page--cat .navbar-wrapper{box-shadow:none;position:static}.cat-header{background:var(--color-bg)}.cat-header__sticky{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.cat-header__top{padding-top:var(--space-3);padding-bottom:var(--space-3)}.cat-header__center{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.cat-avatar-wrap{aspect-ratio:1;border:4px solid var(--color-accent-strong);border-radius:50%;flex-shrink:0;place-items:center;width:164px;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000014}.cat-avatar{object-fit:cover;border-radius:50%;width:150px;height:150px}.cat-name{letter-spacing:-.02em;margin-bottom:-5px;font-size:30px;font-weight:600}.cat-age{align-items:baseline;gap:6px;font-size:14px;display:flex}.cat-age__label{color:#888}.cat-age__value{color:var(--color-accent-strong);font-weight:600}.cat-header__row{height:var(--navbar-height);padding:0 var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}@media (max-width:768px){.cat-header__row{height:calc(var(--navbar-height) * 2);flex-direction:column;align-items:stretch;display:flex}.cat-tabs{order:1;gap:12px;width:100%;overflow-x:auto}.cat-tabs button{flex-shrink:0}}.cat-layout{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 2fr;display:grid}.cat-layout--single{grid-template-columns:1fr}.cat-sidebar{gap:var(--space-3);top:calc((var(--navbar-height) * 1) + var(--space-3));flex-direction:column;height:fit-content;display:flex;position:sticky}.cat-sidebar .card-base div{align-items:center;gap:6px;display:flex}.cat-main{gap:var(--space-3);flex-direction:column;display:flex}.cat-similar{gap:var(--space-2);flex-direction:column;display:flex}.cat-similar__footer{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.cat-similar__spacer{flex:1}.cat-story{background:var(--color-bg);font-size:16px;line-height:1.8}.cat-urgency{border-radius:var(--radius-md);background:#fff8e1;align-items:center;gap:8px;font-size:14px;display:flex}.cat-similar__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.cat-card{border-radius:var(--radius-md);background:var(--color-bg);transition:all .25s;overflow:hidden}.cat-card:hover{transform:translateY(-2px)}.cat-card__image{height:140px}.cat-card__image img{object-fit:cover;width:100%;height:100%}.cat-card__body{padding:var(--space-2)}.cat-page.cat--male{--color-accent-light:var(--color-accent-1);--color-accent-strong:var(--color-accent-1-strong)}.cat-page.cat--female{--color-accent-light:var(--color-accent-3);--color-accent-strong:var(--color-accent-3-strong)}@media (max-width:1024px){.cat-layout{grid-template-columns:1fr}.cat-sidebar{position:static}}@media (max-width:768px){.cat-avatar-wrap{width:124px}.cat-avatar{width:110px;height:110px}.cat-name{font-size:22px}.cat-similar__grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.cat-similar__grid{grid-template-columns:1fr}}.cat-tabs{gap:var(--space-2);white-space:nowrap;flex:1;align-items:center;min-width:0;height:44px;display:flex;overflow-x:auto}.cat-tabs button{opacity:.6;cursor:pointer;background:0 0;border:none;padding-bottom:6px;font-size:14px;transition:all .2s;position:relative}.cat-tabs button:hover{opacity:1}.cat-tabs button.active{opacity:1;font-weight:600}.cat-tabs button.active:after{content:"";background:var(--color-accent-strong);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.cat-tabs button{opacity:.6;cursor:pointer;background:0 0;border:none;align-items:center;height:44px;padding:0 4px;font-size:14px;display:flex;position:relative}.cat-tabs button.active:after{content:"";background:var(--color-accent-strong);width:100%;height:2px;position:absolute;bottom:0;left:0}.cat-tabs button{color:inherit;appearance:none;-webkit-tap-highlight-color:transparent;text-decoration:none}#posts{gap:var(--space-2);flex-direction:column;display:flex}.cat-slider-bleed{width:100vw;position:relative;left:50%;transform:translate(-50%)}.cat-slider{overflow:hidden}.cat-slider__track{gap:var(--space-2);scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.cat-slider__track::-webkit-scrollbar{display:none}.cat-main{min-width:0}.cat-card--slider{flex:0 0 200px}.cat-slider__track{scroll-snap-type:x mandatory}.cat-card--slider{scroll-snap-align:start}.cats-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cats-grid>*,.card{min-width:0}@media (max-width:768px){.cats-grid{grid-template-columns:1fr 1fr}}.cat-media{gap:var(--space-3);background:var(--color-bg);flex-direction:column;display:flex}.cat-media__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.cat-media__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cat-media__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.cat-media__item{cursor:pointer;border-radius:var(--radius-md);aspect-ratio:1;background:#f5f5f5;position:relative;overflow:hidden}.cat-media__item img,.cat-media__item video{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.cat-media__item video{pointer-events:none}.cat-media__item:hover img,.cat-media__item:hover video{filter:brightness(1.05);transform:scale(1.04)}.video-overlay{pointer-events:none;background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-icon{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s;display:flex}.play-icon:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;width:0;height:0;transform:translate(2px)}.cat-media__item:hover .play-icon{background:#000000bf;transform:scale(1.1)}.cat-meta{opacity:.7;flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.cat-meta__item{align-items:center;gap:4px;display:flex}.cat-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--radius-pill);background:var(--color-bg-alt);padding:4px 8px;font-size:12px}.card:hover .tag{background:var(--color-accent-1);color:var(--color-accent-1-strong)}.card-link{color:var(--color-accent-1-strong);margin-top:6px;font-size:13px;font-weight:500}.cat-waiting-badge{color:#c77700;background:#ffaa001f;border-radius:999px;align-items:center;gap:.4rem;margin-top:.75rem;padding:.45rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}
