.posts-section{background-color:var(--color-background-secondary);padding:var(--spacing-4)}.posts-section__title{margin-bottom:var(--spacing-4);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-text-primary);text-shadow:0 0 var(--spacing-2) var(--color-interactive-primary-bg)}.post-card{background-color:var(--color-background-primary);border:none;cursor:pointer;padding:var(--spacing-5);text-decoration:none;backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-lg)}.post-card:hover{box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);transform:translateY(calc(-1 * var(--shadow-offset-sm)))}.post-card__title{color:var(--color-text-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.post-card__date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.post-card__category-emoji{font-size:var(--font-size-2xl);line-height:var(--line-height-normal)}.post-card__lock-message{color:var(--color-interactive-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg)}.load-more-container{margin-top:var(--spacing-6);padding:var(--spacing-4) 0}.load-more-button{background-color:var(--color-interactive-primary-bg-subtle);border:none;color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;width:calc(var(--layout-card-width) * 2);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-full)}.load-more-button:hover:not(:disabled){background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.load-more-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.loading-spinner{display:inline-block;margin-right:var(--spacing-2)}.filter-toggle-button{width:calc(var(--layout-card-width) * 2);background-color:var(--color-interactive-primary-bg-subtle);border:none;color:var(--color-interactive-primary);cursor:pointer;font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);position:relative;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-full);padding:var(--spacing-3) var(--spacing-5);margin:var(--spacing-3) auto;display:block}.filter-toggle-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.filter-toggle-button:focus{outline:var(--border-width-sm) solid var(--color-interactive-primary);outline-offset:var(--shadow-offset-xs)}.filter-overlay{background-color:var(--color-overlay-strong);position:fixed;inset:0;width:100vw;height:100vh;z-index:var(--z-index-modal-overlay);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.filter-panel{background-color:var(--color-surface-dark-opaque);border:none;box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);max-height:calc(100vh - var(--layout-header-height) - var(--spacing-4));max-width:var(--layout-page-container-width);overflow-y:auto;padding:var(--spacing-4);position:fixed;top:var(--layout-header-height);left:var(--spacing-2);right:var(--spacing-2);margin:0 auto;z-index:var(--z-index-modal);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));border-radius:var(--border-radius-lg)}.category-selector{position:relative;width:100%;margin-bottom:var(--spacing-6)}.category-selector__button{background-color:var(--color-interactive-primary-bg-subtle);border:none;border-radius:var(--border-radius-full);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-interactive-primary);cursor:pointer;width:100%;text-align:left;transition:all var(--transition-duration-fast) var(--transition-timing-function-default);min-height:var(--touch-target-min-height);text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg)}.category-selector__button:hover{background-color:var(--color-interactive-primary-bg);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.category-selector__icon{transition:transform var(--transition-duration-fast) var(--transition-timing-function-default);font-size:var(--font-size-sm)}.category-selector__button[aria-expanded=true] .category-selector__icon{transform:rotate(var(--rotation-half-turn))}.category-selector__menu{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background-color:var(--color-surface-dark-opaque);border:none;border-radius:var(--border-radius-lg);box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);padding:var(--spacing-2);z-index:var(--z-index-dropdown);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));max-height:var(--dropdown-max-height);overflow-y:auto;animation:dropdownFadeIn var(--transition-duration-fast) var(--transition-timing-function-default)}.category-selector__overlay{position:fixed;inset:0;background-color:var(--color-overlay-strong);z-index:calc(var(--z-index-dropdown) - 1)}.category-selector__item{background-color:transparent;border:none;border-radius:var(--border-radius-full);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-interactive-primary);cursor:pointer;width:100%;text-align:left;transition:all var(--transition-duration-fast) var(--transition-timing-function-default);min-height:var(--touch-target-min-height);font-family:var(--font-heading-primary)}.category-selector__item:hover,.category-selector__item:focus{color:var(--color-text-primary);outline:none}.category-selector__item[aria-selected=true]{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.tag-group-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.tag-button{background-color:var(--color-interactive-primary-bg-subtle);border:none;color:var(--color-interactive-primary);cursor:pointer;font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);text-align:center;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-full)}.tag-button:hover{background-color:var(--color-interactive-primary-bg);color:var(--color-text-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.tag-button:focus{outline:none}.tag-button[aria-pressed=true]{background-color:var(--color-interactive-primary);color:var(--color-background-primary);box-shadow:0 0 var(--shadow-blur-sm) var(--color-interactive-primary-bg)}.filter-submit-button{margin-top:var(--spacing-6);background-color:var(--color-interactive-primary);border:none;color:var(--color-background-primary);cursor:pointer;font-family:var(--font-heading-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-4) var(--spacing-6);width:100%;text-shadow:0 0 var(--shadow-blur-xs) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default);border-radius:var(--border-radius-full)}.filter-submit-button:hover{background-color:var(--color-interactive-primary);color:var(--color-background-primary);box-shadow:0 0 var(--shadow-blur-md) var(--color-interactive-primary)}.filter-submit-button:focus{outline:var(--border-width-sm) solid var(--color-interactive-primary);outline-offset:var(--shadow-offset-xs)}.tag-badge{color:var(--color-text-secondary);font-family:var(--font-weight-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-decoration:none}.post-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-height:calc(var(--line-height-relaxed) * var(--text-line-clamp));overflow:hidden;padding-right:var(--spacing-inline-code-horizontal);padding-left:var(--spacing-inline-code-horizontal);border:none;display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}