.cat-page{width:100%}.cat-section{padding-top:var(--space-3)}body.page--cat .navbar{box-shadow:none;position:static}.cat-header{background:var(--color-bg)}.cat-header__top{padding-top:var(--space-3);padding-bottom:var(--space-3);background:linear-gradient(to bottom, var(--color-accent-light,transparent) 0%, #fff9 60%, #fff0 100%)}.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__sticky{z-index:120;border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0}.cat-header__row{height:var(--navbar-height);align-items:center;gap:var(--space-2);display:flex}.cat-actions{gap:var(--space-2);margin-left:auto;display:flex}.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)}.cat-page .button--primary{background:var(--color-accent-strong);color:#fff}.cat-page .button--outline-primary{border-color:var(--color-accent-strong);color:var(--color-accent-strong)}.cat-page .button--outline-primary:hover{background:var(--color-accent-strong);color:#fff}@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:16px;display:flex}.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{align-items:center;height:44px;display:flex}.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}@media (max-width:768px){.cat-header__row{align-items:stretch;gap:var(--space-2);height:auto;padding:var(--space-3);flex-direction:column}.cat-tabs{gap:12px;width:100%;overflow-x:auto}.cat-tabs button{flex-shrink:0}.cat-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;width:100%;margin-left:0;display:grid}.cat-actions .button{width:100%}.cat-actions{order:-1}.cat-tabs{order:1}}.cat-slider-bleed{margin-left:calc(var(--container-padding) * -1);margin-right:calc(var(--container-padding) * -1)}.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,1fr);display:grid}@media (max-width:768px){.cats-grid{grid-template-columns:1fr 1fr}}.cat-media{gap:var(--space-3);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)}