:root{--ui-bg: #DEDDD8;--ui-bg-muted: #D4D1CC;--ui-text: #111827;--ui-text-muted: #6b7280;--ui-brand: #7B0000;--ui-brand-hover: #560000;--ui-border: #D4D1CC;--ui-border-strong: #7B0000;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-shadow-soft: 0 8px 25px rgba(0, 0, 0, .12);--ui-focus-ring: 0 0 0 3px rgba(123, 0, 0, .14);--layout-max-width: 1400px;--touch-min: 44px;--touch-gap: 8px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:JetBrains Mono,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#deddd8;color:#111827;overflow-x:hidden}code{font-family:JetBrains Mono,monospace,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100%;display:flex;flex-direction:column}.main-content{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:.5rem;padding-bottom:max(.75rem,var(--safe-bottom))}.header{background:#deddd8;border-bottom:2px solid #7B0000;position:sticky;top:0;z-index:100;height:60px}.header-content{max-width:var(--layout-max-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:inline-flex;align-items:center;gap:.5rem;min-width:0;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#7b0000;text-decoration:none}.logo-img{flex-shrink:0;width:2.5rem;height:2.5rem;object-fit:contain;display:block}.logo-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-buttons{display:flex;gap:1rem;align-items:center}.user-menu{position:relative}.user-info{display:flex;align-items:center;height:100%;margin-bottom:0!important;padding-bottom:0!important}.user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid #D4D1CC;object-fit:cover;object-position:center center;flex-shrink:0;display:block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:#deddd8;border:1px solid #D4D1CC;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;min-width:10.5rem;max-width:14rem;padding:.25rem 0;z-index:1000}.dropdown-item{cursor:pointer;display:block;padding:.45rem .75rem;color:#111827;text-decoration:none;transition:background-color .2s;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.35;white-space:nowrap}.dropdown-item:hover{background-color:#d4d1cc}.dropdown-divider{margin:.5rem 0;border:none;border-top:1px solid #D4D1CC}.dropdown-divider--strong{border-top:2px solid #7B0000}.dropdown-button{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.45rem .75rem;font-size:.8125rem;font-family:JetBrains Mono,monospace;color:#111827}@media (max-width: 769px){.dropdown-menu{min-width:min(17rem,calc(100vw - 1.5rem));width:max-content;max-width:calc(100vw - 1rem);padding:.35rem 0}.dropdown-item,.dropdown-button{padding:.85rem 1rem;font-size:.875rem;min-height:var(--touch-min, 44px);display:flex;align-items:center;white-space:normal}}.admin-link{color:#7b0000!important;font-weight:600}.admin-link:hover{background-color:#7b00001a!important}.user-info-inline{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.user-role-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;background:#7b0000;color:#deddd8;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;flex-shrink:0}.post-author-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s ease}.post-author-link:hover{opacity:.7}.search-section{--homepage-control-h: 44px;max-width:var(--layout-max-width);margin:0 auto;margin-bottom:1rem;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;box-sizing:border-box;background:#deddd8;position:static;border-bottom:1px solid #D4D1CC}.homepage-toolbar{display:flex;align-items:center;gap:.75rem;width:100%;max-width:min(48rem,100%);margin:0 auto}.homepage-filters-toggle-btn{position:relative;flex-shrink:0;width:var(--homepage-control-h);min-width:var(--homepage-control-h);height:var(--homepage-control-h);min-height:var(--homepage-control-h);display:inline-flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border:2px solid #D4D1CC;border-radius:8px;background:#deddd8;color:#7b0000;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.homepage-filters-toggle-btn:hover,.homepage-filters-toggle-btn.is-active{border-color:#7b0000;background:#7b0000;color:#deddd8}.homepage-filters-toggle-btn[aria-expanded=true]{border-color:#7b0000;box-shadow:0 0 0 3px #7b00001f}.homepage-filters-toggle-icon{display:block}.homepage-filters-toggle-badge{position:absolute;top:-4px;right:-4px;min-width:1.125rem;height:1.125rem;padding:0 4px;border-radius:999px;background:var(--ui-brand, #7b0000);color:var(--ui-bg, #deddd8);font-size:.65rem;font-weight:700;line-height:1.125rem;text-align:center;pointer-events:none}.homepage-following-toggle__text--short,.homepage-feed-meta__short{display:none}.homepage-filters-panel{width:100%;max-width:min(48rem,100%);margin-left:auto;margin-right:auto;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);pointer-events:none;transition:max-height .3s ease,opacity .2s ease,transform .2s ease;margin-top:0}.homepage-filters-panel.is-open{max-height:520px;opacity:1;transform:translateY(0);pointer-events:auto;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #D4D1CC}.homepage-filters-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;width:100%;max-width:100%;margin:0 auto}.homepage-filter-block{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;min-width:0;flex:0 1 auto}.homepage-filter-block>label{font-family:JetBrains Mono,monospace;font-size:.875rem;color:#111827;white-space:nowrap;flex-shrink:0;margin:0}.homepage-filter-reset-row{display:flex;align-items:center;justify-content:flex-start;gap:.35rem}.homepage-filter-block--reset{flex:0 0 auto}.homepage-filter-block--tag{flex:1 1 9rem;max-width:14rem;min-width:7.5rem}.homepage-tag-search-input{width:100%;min-width:0;max-width:14rem;height:var(--homepage-control-h);min-height:var(--homepage-control-h);box-sizing:border-box;padding:0 .65rem;border:2px solid #D4D1CC;border-radius:8px;font-size:.9375rem;line-height:1.2;background:#deddd8;color:#111827;font-family:JetBrains Mono,monospace;transition:border-color .2s ease,box-shadow .2s ease}.homepage-tag-search-input:focus{outline:none;border-color:#7b0000;box-shadow:0 0 0 3px #7b00001a}.homepage-tag-search-input::placeholder{color:#6b7280}.homepage-filter-block select{width:auto;min-width:9rem!important;max-width:14rem;height:var(--homepage-control-h);min-height:var(--homepage-control-h);padding:0 .75rem!important;font-size:.9375rem!important;line-height:1.2;border-radius:8px!important;border:2px solid #D4D1CC!important;font-family:JetBrains Mono,monospace!important;background:#deddd8!important;color:#111827!important;box-sizing:border-box}.homepage-filter-block:nth-child(3)>div{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0}.homepage-filter-block:nth-child(3) select{min-width:10rem!important;max-width:14rem;flex:1 1 auto}.search-section select,.search-section select option{background-color:#deddd8;color:#111827}.search-section .homepage-sort-dir-btn{height:var(--homepage-control-h);min-height:var(--homepage-control-h);min-width:var(--homepage-control-h);box-sizing:border-box;padding:0 .65rem;border-radius:8px;border:2px solid #7B0000;background:#deddd8;color:#7b0000;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;cursor:pointer}.search-bar{flex:1 1 auto;min-width:0;width:100%;max-width:none}.homepage-toolbar .search-bar{flex:1 1 auto;min-width:0}.search-input{width:100%;height:var(--homepage-control-h);min-height:var(--homepage-control-h);box-sizing:border-box;padding:0 1rem;border:2px solid #D4D1CC;border-radius:8px;font-size:1rem;line-height:1.2;background:#deddd8;color:#111827;font-family:JetBrains Mono,monospace;transition:border-color .2s ease,box-shadow .2s ease}.homepage-per-page-btn{height:var(--homepage-control-h);min-height:var(--homepage-control-h);box-sizing:border-box;padding:0 .85rem;border-radius:8px;border:2px solid #D4D1CC;background:transparent;color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.homepage-per-page-btn:hover:not(:disabled){border-color:#7b0000;color:#7b0000;background:#7b00000f}.homepage-per-page-btn:disabled{opacity:.4;cursor:not-allowed}.homepage-filter-block--reset>label[aria-hidden=true]{display:none}.homepage-filter-block--reset .homepage-per-page-btn{min-width:3.5rem}.homepage-feed-meta{text-align:center;padding:0 1.25rem;margin-bottom:.75rem!important;line-height:1.45}@media (min-width: 1026px){.search-section{align-items:center;padding-left:2rem;padding-right:2rem}.homepage-toolbar,.homepage-filters-panel{max-width:min(48rem,100%)}.homepage-filters-grid{justify-content:center;gap:.75rem 1rem}}@media (max-width: 1025px) and (min-width: 601px){.search-section{align-items:center;padding-left:1.5rem;padding-right:1.5rem}.homepage-toolbar,.homepage-filters-panel{max-width:min(48rem,100%)}.homepage-filters-panel.is-open{max-height:360px}.homepage-filters-grid{justify-content:center;gap:.65rem .85rem}.homepage-filter-block--reset{flex:0 0 auto}.homepage-filter-block--reset .homepage-filter-reset-row{justify-content:center}}.search-input:focus{outline:none;border-color:#7b0000;box-shadow:0 0 0 3px #7b00001a}.filter-buttons{display:flex;gap:1rem}.filter-btn{padding:.75rem 1.5rem;border:2px solid #D4D1CC;border-radius:8px;background:#deddd8;color:#111827;font-weight:500;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:#7b0000;border-color:#7b0000;color:#deddd8}.masonry-feed-outer{--masonry-gap: 1.25rem;max-width:var(--layout-max-width);margin:0 auto;padding:1.5rem 2rem 2rem;width:100%;box-sizing:border-box}.masonry-feed{display:flex;width:auto;margin-left:calc(-1 * var(--masonry-gap))}.masonry-feed_column{padding-left:var(--masonry-gap);background-clip:padding-box}.masonry-feed_column>.masonry-item,.masonry-feed_column>.profile-post-link{width:100%;margin-bottom:var(--masonry-gap);break-inside:avoid}.masonry-item{display:block;width:100%;text-decoration:none;color:inherit;box-sizing:border-box}.feed-post-item{cursor:default}.masonry-card{display:flex;flex-direction:column;width:100%;margin:0;background:#deddd8;border:1px solid #D4D1CC;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.masonry-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.masonry-card__media{width:100%;overflow:hidden;background:#d4d1cc;line-height:0}.masonry-card__media-link{display:block;width:100%;cursor:pointer}.masonry-card__image{width:100%;height:auto;display:block;object-fit:contain;max-width:100%;transition:transform .3s ease}.masonry-card:hover .masonry-card__image{transform:scale(1.02)}.masonry-card__media video.masonry-card__image{width:100%;height:auto;max-height:min(70vh,520px);object-fit:contain}@media (min-width: 770px){video.media-preview--feed-card{pointer-events:auto}video.media-preview--feed-card::-webkit-media-controls{display:none!important}video.media-preview--feed-card::-webkit-media-controls-enclosure{display:none!important}}.post-recommend-wrap .masonry-feed-outer{padding-top:0}.profile-post-rejection{font-size:.75rem;color:#111827;font-family:JetBrains Mono,monospace;margin:0 0 .5rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.profile-post-stats{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280;font-family:JetBrains Mono,monospace}.card-info{padding:1rem;display:flex;flex-direction:column;width:100%}.card-title{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em}.card-author{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;font-family:JetBrains Mono,monospace}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:center center;flex-shrink:0;border:1px solid #D4D1CC}.post-author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--ui-border);object-fit:cover;object-position:center center;flex-shrink:0}.ui-avatar-44{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center center;flex-shrink:0}.settings-avatar-preview{width:64px;height:64px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover;object-position:center center;flex-shrink:0}.author-name{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem;max-width:var(--layout-max-width);margin:0 auto}.post-card{background:#deddd8;border:1px solid #D4D1CC;border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column;height:fit-content}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.post-image-container{width:100%;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center;min-height:100px;max-height:150px}.post-image{width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain;display:block;transition:transform .3s ease}.post-card:hover .post-image{transform:scale(1.02)}.post-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.post-title{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;color:#111827;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.post-author{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;font-family:JetBrains Mono,monospace}.post-author img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #D4D1CC}.post-description{color:#6b7280;font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;margin:0;font-family:JetBrains Mono,monospace}.post-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto}.post-tag{background:#d4d1cc;color:#111827;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,monospace}.post-actions{display:flex;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #D4D1CC}.like-btn,.comment-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #D4D1CC;border-radius:8px;background:#deddd8;color:#111827;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;font-family:JetBrains Mono,monospace}.like-btn:hover,.comment-btn:hover{background:#d4d1cc;border-color:#7b0000}.like-btn.liked{background:#7b00001a;border-color:#7b0000;color:#7b0000}.btn{min-height:40px;padding:.625rem 1.25rem;border-radius:var(--ui-radius-sm);border:none;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none;display:inline-block;text-align:center;font-family:JetBrains Mono,monospace;line-height:1.25}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-primary{background-color:var(--ui-brand);color:var(--ui-bg);box-shadow:0 2px 8px #7b000040}.btn-primary:hover{background-color:var(--ui-brand-hover)}.btn-primary:disabled,.btn-primary[disabled]{opacity:.55;cursor:not-allowed;background-color:#7b0000;color:#deddd8}.btn-secondary{background-color:var(--ui-bg-muted);color:var(--ui-text)}.btn-secondary:hover{background-color:#c4c1bc}.btn-outline{background-color:transparent;color:var(--ui-brand);border:2px solid var(--ui-brand)}.btn-outline:hover{background-color:var(--ui-brand);color:var(--ui-bg)}.btn-outline:disabled,.btn-outline[disabled]{opacity:.45;cursor:not-allowed;background-color:transparent;color:#7b0000}.btn-danger{background-color:var(--ui-brand);color:var(--ui-bg)}.btn-danger:hover{background-color:#600000}.btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--ui-bg);border-radius:var(--ui-radius-md);padding:2rem;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--ui-border)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#111827;transition:color .2s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#7b0000}.empty-state{text-align:center;padding:4rem 0;color:#6b7280;grid-column:1 / -1;font-family:JetBrains Mono,monospace}.ui-empty-state{text-align:center;padding:2rem 1rem;background:#deddd8;border:1px solid #D4D1CC;border-radius:12px}.ui-empty-state--compact{padding:1rem}.ui-empty-state__title{color:#111827;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;margin:0 0 .5rem}.ui-empty-state__text{color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.875rem;margin:0 0 1rem}.ui-empty-state__actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.home-alert{margin-bottom:1.5rem}.loading-state{text-align:center;padding:3rem 0;color:#6b7280;font-family:JetBrains Mono,monospace}a{color:#7b0000;text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline;color:#600000}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:#111827;font-family:JetBrains Mono,monospace;font-size:.875rem}.form-input{width:100%;max-width:100%;min-width:0;padding:.75rem 1rem;border:1px solid var(--ui-border);background-color:var(--ui-bg-muted);color:var(--ui-text);font-size:1rem;font-family:JetBrains Mono,monospace;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;border-radius:var(--ui-radius-sm)}.form-input:focus{outline:none;border-color:var(--ui-border-strong);box-shadow:var(--ui-focus-ring);background-color:var(--ui-bg-muted)}.form-input.error{border-color:var(--ui-border-strong);background-color:#f5f5f5}.form-input::placeholder{color:#9ca3af;font-family:JetBrains Mono,monospace}textarea.form-input{resize:vertical;min-height:100px;border-radius:var(--ui-radius-sm)}textarea.form-input:focus{border-color:var(--ui-border-strong)}.ui-alert{border-radius:var(--ui-radius-sm);padding:1rem;font-size:.875rem;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--ui-border-strong)}.ui-alert--success{background:#7b000014;color:var(--ui-brand)}.ui-alert--error{background:#f5f5f5;color:var(--ui-brand)}.ui-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.ui-modal-title{margin-bottom:.75rem;color:var(--ui-text);font-family:JetBrains Mono,monospace;font-size:1.15rem}.ui-modal-text{margin-bottom:1.25rem;color:var(--ui-text-muted);font-size:.95rem;font-family:JetBrains Mono,monospace;line-height:1.5}.ui-form-help{font-size:.75rem;color:var(--ui-text-muted);margin-top:.25rem;font-family:JetBrains Mono,monospace}.ui-form-help-row{display:flex;justify-content:space-between;gap:.5rem}.char-counter--warn{color:#b45309}.char-counter--over{color:#7b0000;font-weight:600}.ui-actions-row{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.ui-page-back{color:var(--ui-brand);text-decoration:none;background:none;border:none;cursor:pointer;font-size:1rem;font-family:JetBrains Mono,monospace}.ui-two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.ui-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--ui-text);font-family:JetBrains Mono,monospace}.ui-panel{background-color:var(--ui-bg);border-radius:var(--ui-radius-md);padding:2rem;border:1px solid var(--ui-border)}.ui-error-box{color:var(--ui-brand);background-color:#f5f5f5;padding:.75rem;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border-strong)}.ui-upload-zone{width:100%;height:300px;border:2px dashed var(--ui-border);border-radius:var(--ui-radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease;font-family:JetBrains Mono,monospace}.ui-upload-zone:hover{border-color:var(--ui-brand)}.ui-upload-zone--error{border-color:var(--ui-border-strong);background:#f5f5f5}.ui-action-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.ui-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--ui-border);background:var(--ui-bg-muted);color:var(--ui-text);font-size:1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.ui-icon-btn:hover{background:var(--ui-brand);color:var(--ui-bg);border-color:var(--ui-brand)}.ui-icon-btn--action{min-width:var(--touch-min);min-height:var(--touch-min);width:auto;height:auto;border-radius:var(--ui-radius-sm);padding:0 .65rem;gap:.35rem;font-size:1rem}.ui-icon-btn--action .ui-icon-btn__glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1}.ui-icon-btn--action .ui-icon-btn__text{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;white-space:nowrap}.ui-icon-btn--action.ui-icon-btn--primary{background:var(--ui-brand);color:var(--ui-bg);border-color:var(--ui-brand)}.ui-icon-btn--action.ui-icon-btn--danger{background:#fff;color:var(--ui-brand);border-color:var(--ui-brand)}.ui-icon-btn--action.ui-icon-btn--danger:hover{background:var(--ui-brand);color:var(--ui-bg)}.ui-inline-action{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--ui-radius-sm);transition:background-color .2s ease}.ui-inline-action:hover{background:var(--ui-bg-muted)}.post-comment-like{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.35rem .5rem;min-height:var(--touch-min);border:none;border-radius:var(--ui-radius-sm);background:transparent;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--ui-text-muted);transition:background-color .2s ease,color .2s ease,transform .1s ease}.post-comment-like:hover:not(:disabled){background:var(--ui-bg-muted)}.post-comment-like:active:not(:disabled){transform:scale(.97)}.post-comment-like--active{color:var(--ui-brand)}.post-comment-like--static{cursor:default;pointer-events:none}.post-comment-like__count{font-variant-numeric:tabular-nums;font-weight:600}.ui-social-modal{background-color:var(--ui-bg);border-radius:16px;border:1px solid var(--ui-border);max-width:420px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.ui-social-modal__header{padding:1rem 1.25rem;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;align-items:center}.ui-social-modal__title{margin:0;font-size:1.25rem;font-family:JetBrains Mono,monospace;color:var(--ui-text)}.ui-social-modal__body{overflow-y:auto;padding:.75rem;flex:1}.ui-social-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;border-radius:12px;border:1px solid var(--ui-border);background-color:var(--ui-bg);gap:.75rem}.post-detail-shell{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;padding-bottom:max(2rem,var(--safe-bottom));min-height:calc(100vh - 120px)}.post-detail-card{position:relative;background:var(--ui-bg);max-width:1100px;border-radius:16px;border:1px solid var(--ui-border);width:100%;box-shadow:0 10px 40px #0000001a;overflow:hidden}.post-detail-close-btn{position:absolute;top:1rem;right:1rem;z-index:50;font-family:JetBrains Mono,monospace;font-weight:700;pointer-events:auto}.post-detail-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.post-detail-media-col{background:var(--ui-bg);padding:1.5rem;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--ui-border)}.post-detail-info-col{background:var(--ui-bg);padding:2rem;display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.post-state-badge{margin-bottom:.75rem;padding:.35rem .75rem;border-radius:8px;background:#7b000014;color:#7b0000;font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace;display:inline-block}.post-rejected-box{margin-bottom:.75rem;padding:.75rem;border-radius:8px;background:#7b000014;border:1px solid rgba(123,0,0,.25);color:var(--ui-text);font-size:.85rem;font-family:JetBrains Mono,monospace;line-height:1.45}.post-rejected-title{font-weight:700;color:#7b0000;margin-bottom:.35rem}.post-rejected-label{color:var(--ui-text-muted);font-size:.8rem;margin-bottom:.35rem}.post-author-block{padding-bottom:1rem;border-bottom:1px solid var(--ui-border)}.admin-dashboard-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.admin-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.admin-dashboard-actions .btn,.admin-dashboard-actions .admin-btn-report{width:100%;justify-content:center}}.post-detail-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.post-detail-title{font-size:1.25rem;font-weight:700;color:var(--ui-text);font-family:JetBrains Mono,monospace;margin:0;flex:1 1 auto;min-width:0;line-height:1.3}.post-detail-actions{display:flex;gap:var(--touch-gap);margin-left:.5rem;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end}.post-detail-meta{font-size:.85rem;color:var(--ui-text-muted);font-family:JetBrains Mono,monospace;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.post-detail-category{font-weight:500;color:#374151}.post-detail-meta-sep{color:#6b7280;margin:0 .15rem}.feed-nav-chip{display:inline-flex;align-items:center;cursor:pointer;border:1px solid var(--ui-border, #D4D1CC);background:var(--ui-bg-muted, #DEDDD8);color:var(--ui-brand, #7B0000);padding:.2rem .65rem;border-radius:16px;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,monospace;line-height:1.4;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.feed-nav-chip:hover{background:#7b00001a;border-color:#7b000059;color:#5a0000}.feed-nav-chip:active{transform:scale(.98)}.feed-nav-chip.is-active{background:#7b000024;border-color:var(--ui-brand, #7B0000);color:#5a0000;font-weight:600}.feed-nav-chip--category{color:#374151;background:#f3f4f6}.feed-nav-chip--category:hover,.feed-nav-chip--category.is-active{color:#5a0000}button.feed-nav-chip.post-detail-tag,button.feed-nav-chip.post-detail-category{margin:0}.post-feed-meta{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.post-feed-meta__tags{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.post-feed-meta__more{font-size:.7rem;color:#6b7280;font-family:JetBrains Mono,monospace}.feed-post-card__meta,.profile-post-card__meta{padding-top:.25rem}.homepage-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1rem;padding:.65rem .85rem;background:#7b00000f;border:1px solid rgba(123,0,0,.15);border-radius:10px}.homepage-active-filters__label{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#374151;font-weight:600}.homepage-active-filters__chip-wrap{display:inline-flex;align-items:center;gap:.25rem}.homepage-active-filters__clear{cursor:pointer;border:none;background:transparent;color:#6b7280;font-size:1.1rem;line-height:1;padding:0 .2rem;border-radius:4px}.homepage-active-filters__clear:hover{color:var(--ui-brand, #7B0000);background:#7b000014}.post-detail-content{color:#374151;line-height:1.55;font-family:JetBrains Mono,monospace;font-size:.85rem;margin:0 0 1rem}.post-content-html{overflow-wrap:anywhere;word-break:break-word}.post-content-html p{margin:0 0 .5rem}.post-content-html ul,.post-content-html ol{margin:.5rem 0 .75rem;padding-left:1.625rem;list-style-position:outside}.post-content-html li{margin-bottom:.35rem;line-height:1.55;padding-left:.125rem}.post-content-html li>p{margin:0}.post-content-html li+li{margin-top:.25rem}.post-content-html ul ul,.post-content-html ul ol,.post-content-html ol ul,.post-content-html ol ol{margin-top:.35rem;margin-bottom:0}.post-content-html li::marker{color:var(--ui-text-muted)}.post-content-html h1,.post-content-html h2,.post-content-html h3,.post-content-html h4{margin:.75rem 0 .35rem;font-weight:600;line-height:1.3}.post-content-html h1{font-size:1.15rem}.post-content-html h2{font-size:1.05rem}.post-content-html h3{font-size:.95rem}.post-content-html h4{font-size:.9rem}.post-content-html pre{background:#f3f4f6;padding:.5rem .75rem;border-radius:6px;overflow-x:auto;font-size:.8rem;margin:0 0 .5rem}.post-content-html code{background:#f3f4f6;padding:.1rem .25rem;border-radius:4px;font-size:.85em}.post-content-html blockquote{margin:0 0 .5rem;padding-left:.75rem;border-left:3px solid #d4d1cc;color:#6b7280}.post-content-html a{color:#4f46e5;text-decoration:underline}.post-content-html hr{border:none;border-top:1px solid #d4d1cc;margin:1rem 0}.post-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.post-detail-social-row{display:flex;align-items:center;gap:.75rem;padding:1rem 0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);flex-wrap:wrap}.post-social-action{display:inline-flex;align-items:center;gap:.35rem;min-width:var(--touch-min);min-height:var(--touch-min);padding:.35rem .5rem;border:none;border-radius:var(--ui-radius-sm);background:transparent;cursor:pointer;font-family:JetBrains Mono,monospace;transition:background-color .2s ease}.post-social-action:hover{background:var(--ui-bg-muted)}.post-social-action:active:not(:disabled){transform:scale(.97)}.post-social-action:disabled{opacity:.55;cursor:not-allowed}.post-social-action svg{flex-shrink:0}.post-social-action--danger{color:var(--ui-text-muted)}.post-social-action--danger:hover:not(:disabled){color:var(--ui-brand);background:#7b000014}.post-social-action--brand{color:var(--ui-brand)}.post-social-action--brand:hover:not(:disabled){background:#7b000014}.post-social-action--static{cursor:default;color:var(--ui-text-muted)}.post-social-action--static:hover{background:transparent}.post-social-action__count{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.post-social-action__label{font-size:.875rem}.post-detail-media-wrap{position:relative;width:100%;max-width:100%}.post-detail-fullscreen-icon{position:absolute;left:.5rem;bottom:.5rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#1118278c;color:#fff;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.post-detail-fullscreen-icon:hover{background:#7b0000d9;border-color:#ffffff80}.post-detail-fullscreen-icon:focus-visible{outline:2px solid var(--ui-brand);outline-offset:2px}.ui-segmented-control{display:inline-flex;flex-wrap:wrap;gap:0;margin-bottom:.75rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);overflow:hidden;max-width:100%}.ui-segmented-control__btn{flex:1 1 auto;min-width:0;min-height:var(--touch-min);padding:.4rem .85rem;border:none;background:var(--ui-bg);color:var(--ui-text);font-family:JetBrains Mono,monospace;font-size:.8125rem;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.ui-segmented-control__btn+.ui-segmented-control__btn{border-left:1px solid var(--ui-border)}.ui-segmented-control__btn--active{background:#7b00001a;color:var(--ui-brand);font-weight:600}.profile-sidebar-panel{text-align:center}.profile-main-col{min-width:0;max-width:100%}.profile-moderation-filters{width:100%;max-width:100%}.profile-empty-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:100%}.profile-empty-actions .btn{flex:1 1 auto;min-width:0;max-width:100%}.profile-avatar-lg{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center center;display:block;margin:0 auto 1rem;border:4px solid #e5e7eb}.profile-banned-badge{display:inline-block;background:var(--ui-brand);color:var(--ui-bg);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:.5rem}.profile-ban-reason{display:block;width:100%;box-sizing:border-box;margin:0 0 1rem;padding:.5rem .65rem;font-size:.75rem;line-height:1.4;text-align:left;color:#7b0000;background:#7b000014;border:1px solid rgba(123,0,0,.2);border-radius:8px;font-family:JetBrains Mono,monospace;word-break:break-word}.profile-stat-button{text-align:center;border:none;background:none;cursor:pointer;padding:.25rem .5rem;border-radius:8px;font-family:JetBrains Mono,monospace}.profile-stat-button:hover{background:#d4d1cc80}.profile-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.profile-action-grid{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;width:100%}.profile-action-grid__item{flex:0 0 auto}.profile-action-grid__create{text-decoration:none;text-align:center;white-space:nowrap}.profile-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 901px){.profile-grid{grid-template-columns:300px 1fr}}.profile-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.profile-tabs--scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.25rem}.profile-tab-btn{flex:0 0 auto;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:.45rem .75rem;min-height:var(--touch-min);line-height:1.2}.profile-tab-label--short{display:none}.profile-follow-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--ui-bg);border-top:1px solid var(--ui-border);box-shadow:0 -4px 12px #00000014}.profile-follow-sticky .btn{width:100%;min-height:var(--touch-min)}@media (max-width: 768px){.profile-page{overflow-x:hidden;max-width:100%;padding-bottom:calc(var(--touch-min) + 2rem + env(safe-area-inset-bottom,0px))}.profile-sidebar{display:flex;justify-content:center;width:100%}.profile-sidebar-panel{width:100%;max-width:360px;margin:0 auto}.profile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.profile-action-grid__item,.profile-action-grid__create{width:100%;min-width:0;text-align:center;justify-content:center}.profile-tab-btn{font-size:.75rem;padding:.5rem .4rem;width:100%}.profile-follow-sticky{display:flex}.profile-follow-inline{display:none!important}}@media (max-width: 600px){.profile-tab-label--full{display:none}.profile-tab-label--short{display:inline}}.publish-options{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.publish-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:JetBrains Mono,monospace}.publish-option__label--short{display:none}.create-post-page{overflow-x:hidden;max-width:100%;box-sizing:border-box;--create-post-action-bar-h: calc(var(--touch-min) + 1rem + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--create-post-action-bar-h) + 1.5rem)}.create-post-layout{max-width:100%;min-width:0}.create-post-layout>div{min-width:0}.create-post-media-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.create-post-datetime{width:100%;max-width:100%;min-width:0}.create-post-page .ui-panel{box-sizing:border-box;max-width:100%}.form-action-bar--mobile{display:none}.ui-action-buttons--desktop{display:flex}@media (max-width: 768px){.create-post-layout.ui-two-col{grid-template-columns:1fr;gap:1.25rem}.create-post-page .ui-panel{padding:1rem}.create-post-page__back-row,.ui-action-buttons--desktop{display:none}.form-action-bar--mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;align-items:center;gap:.5rem;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--ui-bg);border-top:1px solid var(--ui-border);box-shadow:0 -4px 16px #0000001a}.form-action-bar__icon-btn{flex:0 0 auto;width:var(--touch-min);height:var(--touch-min);border-radius:var(--ui-radius-md);border:1px solid var(--ui-border);background:var(--ui-bg-muted);font-size:1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace}.form-action-bar__menu-wrap{position:relative;flex:0 0 auto}.form-action-bar__menu{position:absolute;bottom:calc(100% + .5rem);left:0;min-width:10rem;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-soft);padding:.35rem;z-index:10}.form-action-bar__menu-item{display:block;width:100%;text-align:left;padding:.65rem .85rem;border:none;background:none;font-family:JetBrains Mono,monospace;font-size:.875rem;cursor:pointer;border-radius:6px}.form-action-bar__menu-item:hover:not(:disabled){background:var(--ui-bg-muted)}.form-action-bar__primary{flex:1 1 auto;min-height:var(--touch-min)}.create-post-page #create-post-form:after{content:"";display:block;height:var(--create-post-action-bar-h)}.create-post-page .form-group--publish{margin-bottom:.5rem}}@media (min-width: 769px){.create-post-page{padding-bottom:0}}@media (max-width: 480px){.publish-option__label--full{display:none}.publish-option__label--short{display:inline}.create-post-page{padding-left:.5rem;padding-right:.5rem}.create-post-page .ui-panel{padding:.875rem}.create-post-page .ui-section-title{font-size:1.125rem;margin-bottom:1rem}.create-post-page .form-group{min-width:0}.create-post-page .publish-options{flex-direction:column;align-items:stretch;gap:.75rem}.create-post-page .publish-option{width:100%}.create-post-page .ui-upload-zone{height:auto;min-height:180px;padding:1rem}.create-post-page .ui-form-help-row{word-break:break-word}.markdown-textarea{max-width:100%;min-width:0}.markdown-textarea__header{flex-direction:column;align-items:stretch}.markdown-textarea__tabs{width:100%}.markdown-textarea__tab{flex:1 1 50%;text-align:center}.post-social-action__label{display:none}.modal-overlay--sheet{padding:.5rem;align-items:center}.modal-content--edit-post{width:100%;max-width:none;max-height:min(92dvh,900px);border-radius:var(--ui-radius-md)}}.modal-content--edit-post{width:min(95vw,600px);max-width:600px;max-height:min(90dvh,900px);overflow-y:auto}.modal-content__title{margin-bottom:1.5rem;text-align:center;color:var(--ui-text);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}@media (max-width: 768px){.post-social-action__label{display:none}.masonry-feed-outer{--masonry-gap: .5rem;padding:.5rem .75rem 1rem}}.profile-post-link{text-decoration:none;color:inherit}.profile-post-card{background:var(--ui-bg);border-radius:12px;overflow:hidden;border:1px solid var(--ui-border);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;display:flex;flex-direction:column}.profile-post-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow-soft)}.profile-post-media{width:100%;display:flex;align-items:center;justify-content:center;background:var(--ui-bg-muted);overflow:hidden}.profile-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.profile-pagination-info{display:flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:.875rem}.admin-detail-wrap{max-width:960px;margin:0 auto}.admin-detail-card{border:1px solid var(--ui-border)}.admin-detail-media{background:#d4d1cc}.admin-detail-media-preview,.admin-detail-media-el{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain}.admin-detail-content{gap:.75rem}.admin-detail-title{-webkit-line-clamp:unset;max-height:unset}.admin-inline-meta{display:flex;align-items:center;gap:.4rem}.admin-detail-date{color:var(--ui-text-muted);font-size:.8rem}.admin-detail-text{color:#374151;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.5}.admin-tags-row{display:flex;gap:.5rem;flex-wrap:wrap}.admin-detail-actions{margin-top:.5rem}.admin-comments-shell{border-top:1px solid var(--ui-border);margin-top:.75rem;padding-top:.75rem}.admin-comments-title{margin-bottom:.75rem;font-family:JetBrains Mono,monospace;color:var(--ui-text);font-size:.9rem;font-weight:600}.admin-comments-list-inline{display:flex;flex-direction:column;gap:.75rem}.admin-comment-inline{padding:.75rem;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg)}.admin-comment-inline--deleted{background:#7b000014}.admin-comment-author{font-size:.8rem;color:var(--ui-text)}.admin-comment-date{color:var(--ui-text-muted);font-size:.75rem}.admin-comment-text{margin:0;color:#374151;font-size:.85rem;font-family:JetBrains Mono,monospace}.post-comments-wrap{margin-top:1rem}.post-comment-form{margin-bottom:1rem}.post-comment-input-row{align-items:flex-start;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--ui-bg-muted);border-radius:8px;border:2px solid transparent;transition:border-color .2s ease}.post-comment-input-row:focus-within{border-color:var(--ui-brand)}.post-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:center center;border:2px solid var(--ui-bg);flex-shrink:0}.post-comment-input{flex:1;border:none;background:transparent;outline:none;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--ui-text)}.post-comment-input--area{resize:vertical;min-height:var(--touch-min);line-height:1.35;font-size:16px}.post-comment-submit{min-width:var(--touch-min);min-height:var(--touch-min);width:var(--touch-min);height:var(--touch-min);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ui-brand);font-size:1.2rem;padding:0;line-height:1;cursor:pointer}.post-comment-submit:disabled{opacity:.5;cursor:not-allowed}.post-comments-list{max-height:250px;overflow-y:auto}.post-comment-item{padding:.75rem;display:flex;gap:.75rem;align-items:flex-start}.post-comment-body{flex:1}.post-comment-author-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem;width:100%}.post-comment-actions-menu{position:relative;flex-shrink:0;margin-left:auto}.post-comment-actions-trigger{display:flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem;padding:.15rem .4rem;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:1.15rem;line-height:1;cursor:pointer;font-family:inherit}.post-comment-actions-trigger:hover,.post-comment-actions-trigger[aria-expanded=true]{background:#7b000014;color:#7b0000}.post-comment-actions-dropdown{position:absolute;right:0;top:calc(100% + .25rem);z-index:30;min-width:180px;padding:.35rem 0;background:#fff;border:1px solid #d4d1cc;border-radius:8px;box-shadow:0 4px 12px #0000001a}.post-comment-actions-item{display:block;width:100%;padding:.5rem .85rem;border:none;background:none;text-align:left;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#111827;cursor:pointer}.post-comment-actions-item:hover{background:#7b00000f;color:#7b0000}.post-comment-author{color:var(--ui-text);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.post-comment-text{color:#374151;font-family:JetBrains Mono,monospace;font-size:.8rem;margin:0;line-height:1.4}.post-recommend-wrap{width:100%;max-width:1100px;margin-top:2rem;padding-top:1.5rem}.post-recommend-title{margin:0 0 1.25rem;font-family:JetBrains Mono,monospace;color:var(--ui-text);font-size:1.35rem}.link-reset{text-decoration:none;color:inherit;cursor:pointer}.feed-guest-link,.post-comment-sort-btn{cursor:pointer}.pagination,.admin-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.pagination-info,.admin-pagination-info{color:var(--ui-text-muted);font-size:.9rem;font-family:JetBrains Mono,monospace}.homepage-pagination{margin:1.25rem auto 2rem;max-width:var(--layout-max-width);padding:0 1.25rem;gap:.5rem .65rem;row-gap:.65rem}.homepage-pagination .btn{font-size:.8rem;padding:.45rem .75rem}.homepage-pagination-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;max-width:100%}.homepage-pagination-page{min-width:2.25rem;padding:.4rem .55rem!important}.homepage-pagination-page.is-active{border-color:#7b0000;background:#7b0000;color:#deddd8}.homepage-pagination-nav{min-width:var(--touch-min);min-height:var(--touch-min);padding:0 .65rem!important;display:inline-flex;align-items:center;justify-content:center}.homepage-pagination-nav__label{display:none}.homepage-pagination-status{display:none;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--ui-text-muted);white-space:nowrap;padding:0 .25rem}.homepage-pagination-pages--scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:min(100%,14rem);padding:.15rem 0}.masonry-feed--loading{opacity:.55;pointer-events:none}.form-error{color:#7b0000;font-size:.75rem;margin-top:.5rem;font-family:JetBrains Mono,monospace}.settings-form-card{width:100%;box-sizing:border-box}.settings-avatar-row input[type=file]{max-width:100%}.settings-password-actions,.settings-danger-actions{flex-wrap:wrap;gap:.75rem}.settings-password-actions .btn,.settings-danger-actions .btn{min-width:0}@media (max-width: 400px){.settings-form-card{padding:0!important;border:1px solid transparent!important;border-radius:0!important;gap:.75rem!important}.settings-avatar-row{flex-direction:column;align-items:flex-start!important;gap:.75rem!important}.settings-password-actions .btn,.settings-danger-actions .btn{width:100%}}@media (max-width: 1400px){.masonry-feed-outer{padding:1.5rem;--masonry-gap: 1.25rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;padding:1.5rem}}@media (max-width: 1200px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;padding:1.5rem}}@media (max-width: 900px){.post-detail-grid{grid-template-columns:1fr;min-height:0}.post-detail-media-col{border-right:none;border-bottom:1px solid var(--ui-border)}.masonry-feed-outer{padding:1rem;--masonry-gap: 1rem}.homepage-toolbar{max-width:100%}.search-bar{width:100%;flex:1 1 auto}.search-input{width:100%;height:38px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem}.header-content,.search-section{padding:0 1rem}.search-section{position:static;flex-direction:column;align-items:center;gap:0}.homepage-toolbar,.homepage-filters-panel{max-width:100%}.search-bar{max-width:none}.search-input{height:var(--homepage-control-h)}.filter-buttons{justify-content:center;flex-wrap:wrap}}@media (max-width: 600px){.ui-two-col{grid-template-columns:1fr;gap:1.25rem}.homepage-toolbar{gap:.5rem}.homepage-filters-panel.is-open{max-height:none;padding-top:.65rem}.homepage-filters-grid{flex-direction:column;align-items:stretch;gap:.65rem;width:100%}.homepage-filter-block{flex-direction:column;align-items:stretch;width:100%;flex:1 1 auto;gap:.35rem}.homepage-filter-block>label{font-size:.8rem}.homepage-filter-block select{width:100%!important;max-width:100%!important}.homepage-filter-block--tag{max-width:100%}.homepage-tag-search-input{max-width:100%;width:100%;font-size:16px}.homepage-filter-block:nth-child(3)>div{width:100%;flex-wrap:nowrap}.homepage-filter-block:nth-child(3) select{max-width:none;flex:1 1 auto}.homepage-filter-block--reset{margin-left:0;width:100%}.homepage-filter-block--reset .homepage-filter-reset-row{justify-content:flex-start;width:100%}.homepage-filter-block--reset .homepage-per-page-btn{width:auto;height:var(--homepage-control-h);min-height:var(--homepage-control-h);padding:0 .85rem}.masonry-feed-outer{padding:1rem;--masonry-gap: .75rem}.homepage-filters-panel.is-open{max-height:640px}.posts-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.nav-buttons{flex-direction:row;flex-wrap:wrap;gap:.5rem}.nav-buttons .btn{flex:1 1 auto;min-width:0;text-align:center}.main-content>div>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.main-content>div{max-width:100%!important;overflow-x:hidden}.profile-grid,.create-post-grid{grid-template-columns:1fr!important}.user-avatar{width:36px!important;height:36px!important}}@media (max-width: 1024px){.profile-grid{grid-template-columns:1fr!important}}@media (min-width: 1920px){.main-content{max-width:var(--layout-max-width);margin-left:auto;margin-right:auto;padding:.5rem 2rem}.header-content,.search-section{max-width:var(--layout-max-width);margin-left:auto;margin-right:auto}.masonry-feed-outer{max-width:var(--layout-max-width);margin-left:auto;margin-right:auto;padding:2rem}}@media (min-width: 768px) and (max-width: 1024px){.main-content{padding:.5rem 1rem;max-width:100%;overflow-x:hidden}.header-content{padding:0 1.5rem;flex-wrap:nowrap}.search-section{position:static;flex-direction:column;flex-wrap:nowrap;padding:1rem 1.5rem;gap:.75rem;align-items:center;max-width:100%}.search-bar{min-width:0;max-width:min(48rem,100%);width:100%;flex:0 0 auto}.masonry-feed-outer{padding:1.5rem;--masonry-gap: 1.25rem;max-width:100%}.modal-content{width:90%;max-width:480px}.profile-grid,.create-post-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.main-content{padding:.5rem .75rem;max-width:100%;overflow-x:hidden}.header{height:48px;min-height:48px;padding:0}.header-content{flex-wrap:nowrap;align-items:center;padding:0 .5rem;gap:.35rem;min-height:0;height:100%}.logo{font-size:.8rem;flex:1 1 auto;min-width:0;gap:.35rem}.logo-img{width:1.75rem;height:1.75rem}.nav-buttons{width:auto;flex-shrink:0;justify-content:flex-end;gap:.35rem;flex-wrap:nowrap}.user-menu{margin-left:0}.user-info-inline{gap:6px}.user-role-badge{font-size:10px;padding:2px 6px}.dropdown-menu{right:0;left:auto}.nav-buttons .btn{padding:.35rem .5rem;font-size:.72rem;flex:0 1 auto;min-width:0;white-space:nowrap}.search-section{position:static;padding:.75rem;flex-direction:column;align-items:center;gap:.75rem;border-bottom:1px solid #D4D1CC;background:#deddd8;flex-wrap:wrap}.search-section .search-bar,.search-section input,.search-section select,.search-section button{max-width:100%;min-width:0}.search-input{padding:.6rem .75rem;font-size:.95rem}.homepage-toolbar{width:100%;max-width:100%}.masonry-feed-outer{padding:.75rem;--masonry-gap: .5rem;max-width:100%}.logo-text,.homepage-following-toggle__text--full{display:none}.homepage-following-toggle__text--short{display:inline}.homepage-feed-meta__full{display:none}.homepage-feed-meta__short{display:inline}.homepage-pagination-pages{display:none}.homepage-pagination-status{display:inline}.ui-icon-btn--action .ui-icon-btn__text{display:none}.ui-icon-btn--action{padding:0;width:var(--touch-min);justify-content:center}.post-detail-title-row{flex-direction:row;align-items:center;gap:.5rem}.post-detail-title{font-size:1rem}.post-detail-actions{margin-left:0;width:auto;flex-shrink:0}.post-comment-input--area{min-height:3.5rem}.post-comments-list{max-height:none}.card-info{padding:.75rem}.card-title{font-size:.85rem;min-height:0;max-height:none;margin-bottom:.5rem}.card-author{gap:.4rem;font-size:.75rem}.author-name{font-size:.75rem}.card-author .author-avatar{width:25px!important;height:25px!important}.modal-overlay{padding:.5rem}.modal-content{width:100%;max-width:calc(100% - 1rem);padding:1.5rem;max-height:85vh;overflow-y:auto}.modal-close{top:.5rem;right:.5rem}.btn{padding:.6rem 1rem;font-size:.9rem}.user-avatar{width:30px;height:30px}.dropdown-menu{max-width:calc(100vw - 1rem);right:0;left:auto}.profile-grid,.create-post-grid,.main-content>div{grid-template-columns:1fr!important;max-width:100%!important}}@media (max-width: 360px){.header-content{padding:0 .5rem}.logo{font-size:.875rem}.logo-img{width:1.5rem;height:1.5rem}.masonry-feed-outer{padding:.5rem;--masonry-gap: .5rem}.modal-content{padding:1rem}}.markdown-textarea{border:1px solid var(--ui-border, #d4d1cc);border-radius:8px;background:#fff;overflow:hidden;max-width:100%;min-width:0}.markdown-textarea--error{border-color:#dc2626}.markdown-textarea__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem 0;border-bottom:1px solid var(--ui-border, #d4d1cc);background:var(--ui-bg, #deddd8)}.markdown-textarea__toolbar-wrap{flex:1;min-width:0;max-width:100%}.markdown-textarea__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.markdown-textarea__btn[data-tooltip]{position:relative}.markdown-textarea__btn[data-tooltip]:hover:after,.markdown-textarea__btn[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 6px);bottom:auto;transform:translate(-50%);z-index:20;padding:.35rem .55rem;max-width:14rem;border-radius:6px;background:#1a1a1a;color:#deddd8;font-size:.7rem;font-weight:500;font-family:system-ui,sans-serif;line-height:1.3;white-space:normal;text-align:center;pointer-events:none;box-shadow:0 4px 12px #0000001f}.markdown-textarea__btn[data-tooltip]:hover:before,.markdown-textarea__btn[data-tooltip]:focus-visible:before{content:"";position:absolute;left:50%;top:calc(100% + 2px);bottom:auto;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#1a1a1a;border-top-color:transparent;z-index:21;pointer-events:none}.markdown-textarea__sep{width:1px;height:1.25rem;margin:0 .15rem;background:#d4d1cc}.markdown-textarea__btn{min-width:2rem;height:2rem;padding:0 .45rem;border:2px solid var(--ui-border, #d4d1cc);border-radius:8px;background:#fff;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--ui-brand, #7b0000);line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease}.markdown-textarea__btn--bold{font-weight:800}.markdown-textarea__btn--italic{font-style:italic;font-weight:500}.markdown-textarea__btn:hover:not(:disabled){background:var(--ui-brand, #7b0000);border-color:var(--ui-brand, #7b0000);color:var(--ui-bg, #deddd8)}.markdown-textarea__btn:active:not(:disabled){transform:scale(.97)}.markdown-textarea__btn:disabled{opacity:.45;cursor:not-allowed}.markdown-textarea__tabs{display:flex;gap:0;flex-shrink:0}.markdown-textarea__tab{padding:.35rem .75rem;border:2px solid var(--ui-border, #d4d1cc);background:#fff;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;color:#5c5a55;transition:background .15s ease,border-color .15s ease,color .15s ease}.markdown-textarea__tab:first-child{border-radius:6px 0 0 6px}.markdown-textarea__tab:last-child{border-radius:0 6px 6px 0;border-left:none}.markdown-textarea__tab--active{background:var(--ui-brand, #7b0000);border-color:var(--ui-brand, #7b0000);color:var(--ui-bg, #deddd8)}.markdown-textarea__tab:hover:not(.markdown-textarea__tab--active){border-color:var(--ui-brand, #7b0000);color:var(--ui-brand, #7b0000)}.markdown-textarea__input{width:100%;border:none;border-radius:0;box-shadow:none}.markdown-textarea__input:focus{outline:none;box-shadow:none}.markdown-textarea .ui-form-help{padding:.35rem .75rem .5rem;margin:0}.markdown-textarea__preview{min-height:9rem;max-height:24rem;overflow-y:auto;padding:.75rem 1rem;margin:0}.markdown-textarea__preview-empty{color:#9ca3af;font-style:italic;margin:0}.markdown-textarea__preview-note{font-size:.75rem;color:#6b7280}.markdown-link-dialog-overlay{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.markdown-link-dialog{width:min(400px,100%);padding:1.25rem;border-radius:10px;background:#fff;box-shadow:0 12px 40px #0000002e}.markdown-link-dialog__title{margin:0 0 1rem;font-size:1.1rem}.markdown-link-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}@media (max-width: 768px){.markdown-textarea__header{flex-direction:column;align-items:stretch}.markdown-textarea__toolbar-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.markdown-textarea__toolbar{flex-wrap:nowrap;width:max-content;min-width:100%;padding-right:.5rem}.markdown-textarea__tabs{width:100%}.markdown-textarea__tab{flex:1;text-align:center}.markdown-textarea__btn[data-tooltip]:hover:after,.markdown-textarea__btn[data-tooltip]:focus-visible:after{display:none}}.country-autocomplete{position:relative}.country-autocomplete__list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.25rem 0;list-style:none;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #D4D1CC;border-radius:8px;box-shadow:0 8px 24px #0000001a}.country-autocomplete__item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;font-size:.9375rem;cursor:pointer;color:#111827}.country-autocomplete__item:hover,.country-autocomplete__item:focus{background:#f3f4f6}.country-autocomplete__item--muted{cursor:default;color:#6b7280}.post-detail-media-trigger{display:block;width:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.post-detail-media-trigger:focus-visible{outline:2px solid #6366f1;outline-offset:4px;border-radius:8px}@keyframes media-lightbox-in{0%{opacity:0}to{opacity:1}}.media-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#000000eb;animation:media-lightbox-in .2s ease}.media-lightbox__toolbar{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:3;display:flex;gap:.35rem;padding:.35rem;border-radius:999px;background:#0000008c}.media-lightbox__tool-btn{min-width:var(--touch-min);min-height:2.25rem;padding:0 .75rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff1a;color:#fff;font-family:JetBrains Mono,monospace;font-size:.875rem;cursor:pointer}.media-lightbox__tool-btn:hover{background:#fff3}.media-lightbox__viewport{display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .15s ease}.media-lightbox__close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:2;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.media-lightbox__close:hover{background:#ffffff40}.media-lightbox__content{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.media-lightbox__media{max-width:min(100vw,100%);max-height:min(100dvh,100%);width:auto;height:auto;object-fit:contain}.media-lightbox__media video{max-width:min(100vw,100%);max-height:min(100dvh,100%)}.notifications-bell{position:relative;margin-right:.75rem;border-radius:8px}.notifications-bell-icon{width:1.25rem;height:1.25rem;display:block}.notifications-bell-badge{position:absolute;top:-2px;right:-2px;min-width:1.125rem;height:1.125rem;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;line-height:1.125rem;text-align:center}.notifications-modal-overlay{z-index:9500}.notifications-modal--dimmed{pointer-events:none;-webkit-user-select:none;user-select:none}.notifications-confirm-overlay{z-index:9600}.notifications-modal{width:min(520px,96vw);max-width:min(520px,96vw);max-height:min(85vh,720px);display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--ui-bg, #deddd8);border:2px solid var(--ui-border, #d4d1cc);box-shadow:0 8px 32px #0000001f}.notifications-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--ui-border, #d4d1cc);background:var(--ui-bg, #deddd8)}.notifications-modal-header h2{margin:0;font-size:1.25rem}.notifications-modal-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--ui-border, #d4d1cc);background:var(--ui-bg, #deddd8)}.notifications-modal-body{flex:1;overflow-y:auto;padding:.5rem 1rem 1rem;background:var(--ui-bg, #deddd8)}.notifications-empty{text-align:center;color:#5c5a55;padding:2rem 1rem}.notification-item{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;margin-bottom:.5rem;border-radius:8px;border:1px solid var(--ui-border, #d4d1cc);background:var(--ui-bg, #deddd8)}.notification-item--unread{border-color:var(--ui-brand, #7b0000);background:#fff;box-shadow:inset 3px 0 0 var(--ui-brand, #7b0000)}.notification-item-title{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:#1a1a1a}.notification-item-body{margin:0;font-size:.875rem;line-height:1.45;color:#333}.notification-item-email-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--ui-brand, #7b0000);font-style:italic}.notification-item-time{display:block;margin-top:.35rem;font-size:.75rem;color:#6b6862}.notification-item-actions{display:flex;flex-wrap:wrap;gap:.35rem}.notification-item-delete{margin-left:auto}.notifications-modal-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--ui-border, #d4d1cc);background:var(--ui-bg, #deddd8)}@media (max-width: 1199px){.post-detail-info-col{max-height:none;overflow-y:visible}.post-detail-social-row{position:static;box-shadow:none;background:transparent}}@media (min-width: 481px){.homepage-pagination-status{display:none}.homepage-pagination-nav__label{display:inline}}@media (max-width: 480px){.homepage-pagination{justify-content:center;gap:.5rem}}@media print{.header,.search-section,.nav-buttons,.filter-buttons,.btn{display:none!important}.main-content{padding:0;max-width:100%}}