.post-media{padding:0}.post-media-frame{--media-max-h:min(78vh,720px);border-radius:14px;overflow:hidden}@media (max-width:639px){.post-media-frame{--media-max-h:min(78vh,660px);border-radius:0}}@media (min-width:1536px){.post-media-frame{--media-max-h:min(68vh,640px)}}.media-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px;color:#fff;cursor:pointer;z-index:10;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 4px 18px rgba(0,0,0,.28);opacity:0;transition:opacity .18s ease,background .18s ease,border-color .18s ease}.media-nav--prev{left:10px}.media-nav--next{right:10px}.link-carousel:hover .media-nav,.media-nav:focus-visible,.media-viewer:hover .media-nav,.post-media:hover .media-nav{opacity:1}.media-nav:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.38)}@media (hover:none){.media-nav{opacity:1}}.media-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);z-index:10;pointer-events:none}.media-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s ease,width .2s ease}.media-dot--active{width:18px;border-radius:999px;background:#fff}.link-carousel-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.link-carousel-dots .media-dot{padding:0;border:none;cursor:pointer;flex:none}.media-nav--static{opacity:1;width:42px;height:42px;font-size:16px}.media-viewer .media-nav--prev{left:20px}.media-viewer .media-nav--next{right:20px}.media-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;z-index:11;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 4px 18px rgba(0,0,0,.28);transition:background .18s ease,border-color .18s ease}.media-chip:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.38)}.media-chip--close{top:16px;right:16px;width:38px;padding:0;justify-content:center}.media-chip--comments{top:16px;left:16px}.media-counter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 12px;font-size:12px;font-weight:600;color:#fff;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);z-index:10;pointer-events:none}.media-counter--corner{top:12px;right:12px;bottom:auto;left:auto;transform:none;padding:4px 10px;font-size:11.5px;letter-spacing:.2px;font-variant-numeric:tabular-nums;box-shadow:0 4px 18px rgba(0,0,0,.28)}@media (max-width:639px){.media-counter--corner{top:10px;right:10px}}.media-counter--viewer{top:22px;bottom:auto;font-variant-numeric:tabular-nums;box-shadow:0 4px 18px rgba(0,0,0,.28)}.post-creator{background:var(--background);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.post-creator:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.post-creator{padding:16px;border-radius:12px}}.modern-input{transition:all .2s ease!important}.modern-input:hover{background-color:rgba(255,255,255,.04)!important}.modern-input:focus{background-color:rgba(255,255,255,.06)!important;box-shadow:0 0 0 2px rgba(0,225,239,.2)!important}.modern-input::placeholder{color:var(--text-secondary)!important;opacity:.8}.modern-card{box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.modern-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.post-text-input{margin-bottom:20px}.post-text-input .ant-input{background:var(--background);border:1px solid #2a2a2a;color:var(--foreground);font-size:16px;line-height:1.6;padding:14px 16px;border-radius:12px;transition:all .2s ease}.post-text-input .ant-input:focus,.post-text-input .ant-input:hover{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.post-text-input .ant-input::placeholder{opacity:.6}.formatting-bar{border:1px solid #2a2a2a;border-radius:10px;padding:10px 16px;margin-top:16px}.formatting-bar .ant-btn{color:#d1d5db;border:none;background:transparent;transition:all .2s ease}.formatting-bar .ant-btn:hover{background:rgba(255,255,255,.04);color:var(--foreground)}.post-image-upload{margin-top:20px}.upload-area{border:2px dashed #2a2a2a;border-radius:16px;padding:40px 24px;text-align:center;background:var(--background);transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#3b82f6;background:rgba(59,130,246,.02);transform:translateY(-2px)}.upload-area.dragover{border-color:#3b82f6;background:rgba(59,130,246,.05)}.upload-progress{margin-top:16px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}.image-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;border:1px solid rgba(255,255,255,.08)}.image-item img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;backdrop-filter:blur(4px)}.image-item:hover .image-overlay{opacity:1}.post-event-creator,.post-poll-creator{background:var(--background);border:1px solid #2a2a2a;border-radius:12px;padding:20px;margin-top:20px}.poll-option{display:flex;align-items:center;gap:10px;margin-bottom:12px}.poll-option .ant-input{background:var(--background);border:1px solid #2a2a2a;color:var(--foreground);padding:10px 14px;border-radius:8px}.poll-option .ant-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.post-privacy-settings{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #2a2a2a;border-radius:12px;margin-top:20px}.privacy-toggle{display:flex;align-items:center;gap:8px}.privacy-toggle .ant-switch{background:#6b7280}.privacy-toggle .ant-switch-checked{background:#3b82f6}.feature-toggle-button{transition:all .2s ease}.feature-toggle-button.active{background:#3b82f6!important;color:white!important}.active-features{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.character-count{text-align:right;margin-top:12px;font-size:13px;color:#9ca3af;font-weight:500}.character-count.warning{color:#f59e0b}.character-count.danger{color:#ef4444}.post-submit-button{background:#3b82f6;border-color:#3b82f6;color:white;font-weight:600;padding:10px 28px;height:auto;border-radius:10px;transition:all .2s ease;font-size:14px}.post-submit-button:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.post-submit-button:disabled{background:#6b7280;border-color:#6b7280;cursor:not-allowed;transform:none;opacity:.6}.post-creator .ant-card{background:var(--background);border-color:#2a2a2a}.post-creator .ant-typography{color:var(--foreground)}.post-creator .ant-tag{background:#374151;border-color:#4b5563;color:#d1d5db}.post-creator .ant-divider{border-color:#4b5563}.post-creator .ant-switch{background:#6b7280}.post-creator .ant-switch-checked{background:#3b82f6}@media (max-width:640px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.upload-area{padding:32px 16px;border-radius:12px}.post-event-creator,.post-poll-creator{padding:16px}.post-submit-button{width:100%;padding:12px 24px}.modern-card{border-radius:12px;margin-bottom:12px}}@media (hover:hover) and (pointer:fine){.modern-card:hover,.post-creator:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}}.vibes-mention{color:var(--color-brand);font-weight:600;cursor:pointer;border-radius:4px}.vibes-mention:hover{text-decoration:underline;text-underline-offset:2px}.vibes-mention:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}