:root{color:#f5f7fb;background:radial-gradient(circle at 0 0,#1f2a44 0%,#0000 30%),radial-gradient(circle at 100% 0,#3a1c71 0%,#0000 35%),linear-gradient(#0b1020 0%,#11172a 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;color:#fff;background:#ffffff14;border:0;border-radius:14px;padding:.85rem 1.1rem;font-size:.95rem;font-weight:700;transition:transform .18s,background .18s}button:hover{background:#ffffff24;transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,#7c5cff,#00c2ff)}button.primary:disabled{cursor:not-allowed;background:#7c5cff59}.page{min-height:100vh;padding:40px 20px}.container{gap:24px;width:min(1100px,100%);margin:0 auto;display:grid}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff14;border-radius:28px;padding:24px;box-shadow:0 20px 60px #00000059}.hero-card{text-align:center;padding:36px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;opacity:.7;margin:0 0 8px;font-size:.75rem}h1,h2,h3{margin:0}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:1.5rem}.subtext{opacity:.8;max-width:680px;margin:12px auto 0}.counter-box{justify-items:center;gap:14px;margin-top:28px;display:grid}.counter-label{opacity:.75;font-size:.95rem}.counter-value{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.post-card{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:20px;padding:18px}.post-card h3{margin:8px 0 10px;font-size:1.05rem}.post-card p{opacity:.8;margin:0;font-size:.95rem}.post-card-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.post-card-actions button{border-radius:10px;padding:.38rem .85rem;font-size:.82rem;font-weight:600}.btn-edit{color:#b39dff;background:#7c5cff26}.btn-edit:hover{background:#7c5cff4d}.btn-delete{color:#ff9090;background:#ff50501f}.btn-delete:hover{background:#ff505040}.post-card--editing{gap:12px;display:grid}.post-id{opacity:.65;font-size:.8rem;display:inline-block}.status{opacity:.85}.status.error{color:#ffb4b4}.post-form{gap:20px;display:grid}.post-form h2{margin-bottom:4px}.form-field{gap:8px;display:grid}.form-field label{letter-spacing:.04em;opacity:.8;text-transform:uppercase;font-size:.88rem;font-weight:600}.form-field input,.form-field textarea{color:#f5f7fb;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .18s,background .18s,box-shadow .18s}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffff59}.form-field input:focus,.form-field textarea:focus{background:#7c5cff14;border-color:#7c5cff;outline:none;box-shadow:0 0 0 3px #7c5cff33}.form-submit{border-radius:14px;width:100%;padding:.9rem 1.5rem;font-size:1rem}.auth-card{gap:20px;display:grid}.tab-row{gap:8px;display:flex}.tab-btn{color:#fff9;background:#ffffff0f;border-radius:12px;flex:1}.tab-btn.active{color:#b39dff;background:#7c5cff40}.auth-form{gap:16px;display:grid}.comments-section{border-top:1px solid #ffffff14;gap:10px;margin-top:16px;padding-top:14px;display:grid}.comments-title{opacity:.75;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:600}.comments-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.comment-item{background:#ffffff0a;border-radius:10px;gap:6px;padding:10px 12px;display:grid}.comment-item p{opacity:.85;margin:0;font-size:.9rem}.comment-owner{opacity:.5;font-size:.75rem;font-style:italic}.comment-item textarea{color:#f5f7fb;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.comment-actions{justify-content:flex-end;gap:6px;display:flex}.comment-actions button{border-radius:8px;padding:.28rem .7rem;font-size:.78rem}.comment-form{gap:8px;display:flex}.comment-form input{color:#f5f7fb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:.55rem .85rem;font-family:inherit;font-size:.9rem}.comment-form button{border-radius:10px;padding:.55rem 1rem;font-size:.85rem}.btn-comments{color:#7ee8ff;background:#00c2ff1a}.btn-comments:hover{background:#00c2ff38}.post-owner{opacity:.5!important;margin-top:4px!important;font-size:.78rem!important}.cat-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;margin-bottom:20px;display:flex}.cat-tag-form{flex:1;gap:8px;min-width:200px;display:flex}.cat-tag-form input{color:#f5f7fb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:.65rem .9rem;font-family:inherit;font-size:.95rem}.cat-images{flex-wrap:wrap;gap:20px;display:flex}.cat-result{gap:8px;display:grid}.cat-img{object-fit:cover;border:1px solid #ffffff14;border-radius:16px;max-width:300px;max-height:280px}.account-forms{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:16px;display:grid}.account-form{gap:14px;display:grid}.account-form h3{opacity:.85;margin:0;font-size:1rem}.pagination-controls{align-items:center;gap:10px;display:flex}.pagination-controls button{border-radius:10px;padding:.4rem .85rem;font-size:.82rem}.pagination-controls button:disabled{opacity:.35;cursor:not-allowed}