.intro{margin-bottom:56px;display:flex;align-items:center;gap:40px}.intro-text{flex:1;min-width:0}.intro-text h2{font-size:2rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em;color:var(--color-text)}body.dark .intro-text h2{color:var(--color-dark-text)}.intro-text p{color:var(--color-text-soft);line-height:1.75;font-size:1rem}body.dark .intro-text p{color:var(--color-dark-text-soft)}.intro-illustration{flex-shrink:0;width:220px;height:180px;opacity:.85;transition:opacity var(--transition-fast)}.intro-illustration:hover{opacity:1}.intro-illustration img{width:100%;height:100%;object-fit:contain}.filters-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.filters-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:20px;padding:6px 16px;font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--color-text-soft);cursor:pointer;transition:all var(--transition-fast)}.filters-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.filters-toggle.open{border-color:var(--color-primary);color:var(--color-primary)}body.dark .filters-toggle{border-color:var(--color-border-dark);color:var(--color-dark-text-soft)}body.dark .filters-toggle:hover,body.dark .filters-toggle.open{border-color:var(--color-primary-soft);color:var(--color-primary-soft);background:#5b9bf514}.filters-toggle-icon{font-size:.65rem;transition:transform var(--transition-fast)}.filters-toggle.open .filters-toggle-icon{transform:rotate(180deg)}.filters-active-summary{font-size:.75rem;color:var(--color-text-faint);font-weight:500}body.dark .filters-active-summary{color:var(--color-dark-text-faint)}.filters-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm)}.filters-panel[hidden]{display:none}body.dark .filters-panel{background:var(--color-dark-surface);border-color:var(--color-border-dark);box-shadow:none}.filters-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters-group h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint);font-weight:600;min-width:65px}body.dark .filters-group h3{color:var(--color-dark-text-faint)}.filters-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-select{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--color-text-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:5px 14px;cursor:pointer;outline:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.sort-select:focus{border-color:var(--color-primary);color:var(--color-primary)}body.dark .sort-select{background:var(--color-dark-bg);border-color:var(--color-border-dark);color:var(--color-dark-text-soft)}body.dark .sort-select:focus{border-color:var(--color-primary-soft);color:var(--color-primary-soft)}.filter-btn{background:none;border:1px solid var(--color-border);border-radius:20px;padding:5px 16px;font-size:.8rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;color:var(--color-text-soft);transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #2c7be540}body.dark .filter-btn{border-color:var(--color-border-dark);color:var(--color-dark-text-soft)}body.dark .filter-btn:hover{border-color:var(--color-primary-soft);color:var(--color-primary-soft);background:#5b9bf514}body.dark .filter-btn.active{background:var(--color-primary-soft);color:var(--color-dark-bg);border-color:var(--color-primary-soft)}.post-list{display:grid;gap:16px}.posts-status{margin:16px 0;padding:14px 18px;border-radius:var(--radius-md);font-size:.92rem;font-weight:500;border:1px solid transparent}.posts-status[hidden]{display:none}.posts-status.loading{background:#5b9bf514;border-color:#5b9bf52e;color:var(--color-primary)}.posts-status.error{background:#e53e3e14;border-color:#e53e3e33;color:#c53030}body.dark .posts-status.loading{background:#8ab4f81f;border-color:#8ab4f83d;color:#8ab4f8}body.dark .posts-status.error{background:#f871711f;border-color:#f871713d;color:#fca5a5}.post-card{padding:0;border-left:3px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-normal);overflow:hidden}.post-card-clickable{cursor:pointer}.post-skeleton-image,.post-skeleton-title,.post-skeleton-text{background:inherit;border-radius:4px}.post-skeleton-image{height:200px}.post-skeleton-title{height:24px;margin-bottom:12px}.post-skeleton-text{height:48px}.post-image{display:block;width:100%;height:200px;object-fit:cover}.post-body{padding:24px 28px}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-left-color:var(--color-primary)}body.dark .post-card:hover{border-left-color:var(--color-primary-soft)}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.post-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.post-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-decoration:none;border:1px solid var(--color-border);background:transparent;color:var(--color-text-faint);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);cursor:pointer}.post-action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.post-delete-btn{color:#c53030;border-color:#c5303038}.post-delete-btn:hover:not(:disabled){color:#c53030;border-color:#c5303061;background:#e53e3e14}.post-action-btn:disabled{opacity:.65;cursor:not-allowed}.post-edit-btn{text-decoration:none}body.dark .post-action-btn{border-color:var(--color-border-dark);color:var(--color-dark-text-faint)}body.dark .post-action-btn:hover:not(:disabled){border-color:var(--color-primary-soft);color:var(--color-primary-soft);background:#5b9bf514}body.dark .post-delete-btn{color:#fca5a5;border-color:#fca5a53d}body.dark .post-delete-btn:hover:not(:disabled){color:#fca5a5;border-color:#fca5a55c;background:#f871711f}.post-date{font-size:.78rem;color:var(--color-text-faint);font-weight:500}.tag{font-size:.68rem;background-color:var(--color-surface-muted);color:var(--color-primary);padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}body.dark .tag{background-color:#5b9bf51f;color:#8ab4f8}.post-card h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--color-text);letter-spacing:-.01em}body.dark .post-card h4{color:var(--color-dark-text)}.post-card p{font-size:.9rem;color:var(--color-text-soft);line-height:1.65}body.dark .post-card p{color:var(--color-dark-text-soft)}.post-footer{display:flex;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border)}body.dark .post-footer{border-top-color:var(--color-border-dark)}.post-like-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:20px;padding:5px 14px;font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:var(--color-text-faint);cursor:pointer;transition:all var(--transition-fast);line-height:1}.post-like-btn:hover:not(:disabled){border-color:#e53e3e;color:#e53e3e;background:#e53e3e0f}.post-like-btn.liked{border-color:#e53e3e;color:#e53e3e}.post-like-btn:disabled{opacity:.55;cursor:default}.post-like-icon{font-size:1.1rem;line-height:1}.post-like-count{font-variant-numeric:tabular-nums}body.dark .post-like-btn{border-color:var(--color-border-dark);color:var(--color-dark-text-faint)}body.dark .post-like-btn:hover:not(:disabled){border-color:#fca5a5;color:#fca5a5;background:#fca5a51a}body.dark .post-like-btn.liked{border-color:#fca5a5;color:#fca5a5}.no-results{text-align:center;color:var(--color-text-faint);padding:40px 0}.no-results[hidden]{display:none}body.dark .no-results{color:var(--color-dark-text-faint)}@media(max-width:640px){.intro{flex-direction:column;gap:24px;text-align:center}.intro-illustration{width:180px;height:140px;order:-1}.intro-text h2{font-size:1.6rem}}.post-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .3s ease;overflow-y:auto}.post-modal-overlay.post-modal-visible{opacity:1}.post-modal{position:relative;width:100%;max-width:680px;max-height:90vh;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0f172a40;overflow-y:auto;transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0}.post-modal-visible .post-modal{transform:scale(1) translateY(0);opacity:1}.post-modal-close{position:sticky;top:0;float:right;margin:16px 16px 0 0;width:36px;height:36px;border:none;border-radius:50%;background:var(--color-surface-muted);color:var(--color-text-soft);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:var(--transition-fast)}.post-modal-close:hover{background:var(--color-border);color:var(--color-text)}.post-modal-image{width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block;margin-top:-52px}.post-modal-no-image{margin-top:0}.post-modal-content{padding:28px 32px 32px}.post-modal-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.post-modal-date{font-size:.82rem;color:var(--color-text-faint);font-weight:500}.post-modal-meta .tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:20px;background:var(--color-primary-glow);color:var(--color-primary)}.post-modal-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;line-height:1.35;color:var(--color-text);margin-bottom:20px;letter-spacing:-.02em}.post-modal-body{font-size:1rem;line-height:1.8;color:var(--color-text-soft);white-space:pre-line;word-break:break-word}.post-modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border);gap:12px}.post-modal-actions{display:flex;gap:10px}.post-modal-actions .post-action-btn{font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:8px;cursor:pointer;border:none;transition:var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center}.post-modal-actions .post-edit-btn{background:var(--color-primary-glow);color:var(--color-primary)}.post-modal-actions .post-edit-btn:hover{background:var(--color-primary);color:#fff}.post-modal-actions .post-delete-btn{background:#ef44441a;color:#ef4444}.post-modal-actions .post-delete-btn:hover{background:#ef4444;color:#fff}.post-modal-footer .post-like-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:20px;padding:6px 14px;font-size:.9rem;color:var(--color-text-soft);cursor:pointer;transition:var(--transition-fast)}.post-modal-footer .post-like-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.post-modal-footer .post-like-btn.liked{border-color:#ef4444;color:#ef4444}.post-modal-footer .post-like-btn:disabled{opacity:.5;cursor:not-allowed}body.dark .post-modal-overlay{background:#000000b3}body.dark .post-modal{background:var(--color-dark-surface);box-shadow:0 24px 80px #00000080}body.dark .post-modal-close{background:var(--color-dark-surface-muted);color:var(--color-dark-text-soft)}body.dark .post-modal-close:hover{background:var(--color-border-dark);color:var(--color-dark-text)}body.dark .post-modal-date{color:var(--color-dark-text-faint)}body.dark .post-modal-title{color:var(--color-dark-text)}body.dark .post-modal-body{color:var(--color-dark-text-soft)}body.dark .post-modal-footer{border-color:var(--color-border-dark)}body.dark .post-modal-footer .post-like-btn{border-color:var(--color-border-dark);color:var(--color-dark-text-soft)}body.dark .post-modal-actions .post-edit-btn{background:#3b82f626}body.dark .post-modal-actions .post-delete-btn{background:#ef444426}@media(max-width:640px){.post-modal-overlay{padding:12px;align-items:flex-end}.post-modal{max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.post-modal-image{max-height:240px}.post-modal-content{padding:20px 20px 28px}.post-modal-title{font-size:1.3rem}.post-modal-footer{flex-direction:column-reverse;align-items:stretch}.post-modal-actions{justify-content:stretch}.post-modal-actions .post-action-btn{flex:1;justify-content:center}}