.collection-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px}.collection-tabs{display:flex;gap:7px;flex:1;overflow-x:auto}.collection-tabs button,.collection-controls>button{min-height:40px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);padding:8px 13px;font:inherit;font-size:12px;cursor:pointer}.collection-tabs button.active{background:var(--acid);border-color:var(--acid);color:#111;font-weight:700}.collection-tabs small{font-size:10px}.collection-controls>button:hover{border-color:var(--acid);color:var(--text)}@media(max-width:600px){.collection-controls{align-items:stretch}.collection-tabs{flex-basis:100%}.collection-controls>button{flex:1}.collection-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
.danger-link{display:block;margin:18px auto 0;border:0;background:none;color:#ff8a78;text-decoration:underline;cursor:pointer}.primary-action.danger{background:#ff715b}
.live-card{position:relative}.live-card-open{position:absolute;z-index:2;inset:0;width:100%;border:0;background:transparent;cursor:pointer}.live-card-open:focus-visible{outline:3px solid var(--acid);outline-offset:-3px;border-radius:var(--radius)}.live-card .live-like{position:relative;z-index:3}
.category-intro{padding:44px 6% 28px;border-bottom:1px solid var(--line,#2a2d35)}
.category-intro h1{margin:.25rem 0 .5rem;font-size:clamp(2rem,5vw,4rem)}
.category-intro>p:not(.section-kicker){max-width:680px;color:var(--muted,#9ca3af)}
.category-page .content-grid .section-kicker{display:none}
.category-search{margin-top:22px}.category-search button{border:0;border-radius:999px;background:var(--acid);color:#111;padding:8px 18px;font:inherit;font-weight:700;cursor:pointer}
.category-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.category-suggestions a{padding:7px 12px;border:1px solid var(--line,#343844);border-radius:999px;color:inherit;text-decoration:none}
.category-suggestions a:hover,.category-suggestions a:focus-visible{border-color:#c6ff2e;color:#c6ff2e}
@media(max-width:700px){.category-intro{padding:28px 20px 20px}.category-intro h1{font-size:2rem}.category-search{max-width:none}.category-search button{padding:8px 13px}}
.upload-form>h2{margin-bottom:8px}.upload-help{margin:0 0 22px}.upload-file-field{margin-bottom:20px}.modal .upload-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal .upload-file-picker{display:flex;align-items:center;gap:13px;margin:0;padding:15px;border:1px dashed #484d59;border-radius:13px;background:#121318;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.modal .upload-file-picker:hover,.modal .upload-file-picker:focus-within,.modal .upload-file-picker.is-dragging{border-color:var(--acid);background:#191c18;transform:translateY(-1px)}.upload-file-picker.has-file{border-style:solid;border-color:#7e9430;background:#171a15}.upload-file-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--surface2);color:var(--acid);font-size:23px;font-weight:700}.upload-file-copy{display:grid;gap:3px;min-width:0;flex:1}.upload-file-copy strong{font-size:14px;color:var(--text)}.upload-file-copy small{font-size:11px;color:var(--muted);line-height:1.35}.upload-file-action{flex:0 0 auto;padding:8px 11px;border-radius:8px;background:var(--acid);color:#111;font-size:12px;font-weight:700}.upload-file-name{margin:8px 2px 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)!important;font-size:11px!important}.upload-file-picker.has-file+.upload-file-name{color:#cdd9a0!important}@media(max-width:480px){.modal .upload-file-picker{align-items:flex-start;flex-wrap:wrap}.upload-file-copy{padding-top:2px}.upload-file-action{margin-left:55px}}
.hero-image{background-position:center;background-size:cover}.hero-image.has-image::after{display:none}button:disabled{cursor:not-allowed;opacity:.55}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--acid);outline-offset:3px}img{max-width:100%}@media(max-width:430px){.topbar{padding-inline:14px}.brand{font-size:18px}.brand-mark{width:27px;height:27px}.login-btn{padding:9px 14px}.hero-card{margin-inline:0}.feed-head{gap:12px}.upload-btn{padding-inline:13px;white-space:nowrap}.modal{border-radius:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
