.media-picker{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;color:#158f74;cursor:pointer}
.media-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.composer-tools #mediaName{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8390a0}
.media-preview{position:relative;margin-top:10px;border-radius:13px;overflow:hidden;background:#09192a;max-height:360px}
.media-preview img,.media-preview video{display:block;width:100%;max-height:360px;object-fit:contain}.media-preview audio{display:block;width:calc(100% - 28px);margin:28px 14px}
.media-preview:has(video):after{content:'Video önizlemesi';position:absolute;left:11px;top:11px;padding:5px 8px;border-radius:999px;background:#061321b8;color:#fff;font-size:9px;font-weight:800;pointer-events:none;backdrop-filter:blur(7px)}
.composer-media-preview{display:grid;gap:8px;max-height:none;overflow:visible;background:transparent}
.composer-media-item{position:relative;overflow:hidden;border:1px solid #dce7ed;border-radius:13px;background:#09192a}
.composer-media-item.image img,.composer-media-item.video video{width:100%;max-height:360px;object-fit:contain}
.composer-media-item.audio:not(.companion-audio){padding:1px 0}
.composer-media-item.companion-audio{display:flex;align-items:center;gap:11px;padding:10px 48px 10px 12px;background:#f7fafb;color:#263b50}
.composer-media-item.companion-audio>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#e9f7f3;color:#148d72;font-size:17px}
.composer-media-item.companion-audio>div{min-width:0;flex:1}.composer-media-item.companion-audio b,.composer-media-item.companion-audio small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-media-item.companion-audio b{font-size:11px}.composer-media-item.companion-audio small{margin-top:3px;color:#748497;font-size:9px}
.composer-media-remove{position:absolute;z-index:3;right:9px;top:9px;width:32px;height:32px;padding:0;border-radius:50%;background:#071421c9;color:#fff;font-size:19px;line-height:1;backdrop-filter:blur(7px)}
.composer-media-item.companion-audio .composer-media-remove{top:11px;background:#e9eef2;color:#617184}
.post-media{margin:14px -16px 0;background:#071827;overflow:hidden}
.post-media img,.post-media video{display:block;width:100%;max-height:680px;object-fit:contain}
.post-media.video{position:relative;background:#ecf2f7;overflow:hidden}
.post-media.audio{padding:18px;background:linear-gradient(135deg,#09233d,#261858)}
.uploaded-audio{display:flex;align-items:center;gap:15px;color:#fff}.uploaded-audio>span,.audio-art{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#25d3a4,#7049ed);font-size:25px;box-shadow:0 9px 25px #02091855}.uploaded-audio>div{min-width:0;flex:1}.uploaded-audio b,.uploaded-audio small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-audio small{color:#b6c4d6;font-size:9px;margin:5px 0 11px}.uploaded-audio audio{display:block;width:100%;height:35px}
.composer-link-preview{margin-top:10px}.composer-link-preview.loading{min-height:70px;border:1px dashed #cdd8e1;border-radius:13px;display:grid;place-items:center;color:#758497;font-size:11px}.composer-link-controls{display:flex;align-items:center;gap:12px;margin-top:9px;padding:10px 12px;border:1px solid #dfe8ee;border-radius:12px;background:#f8fbfc}.composer-link-controls[hidden]{display:none!important}.composer-link-controls>div{min-width:0;flex:1}.composer-link-controls b,.composer-link-controls small{display:block}.composer-link-controls b{color:#22384c;font-size:11px}.composer-link-controls small{margin-top:3px;color:#7d8c9c;font-size:9px}.link-visibility-toggle{display:flex!important;align-items:center;gap:7px;margin:0!important;cursor:pointer;white-space:nowrap}.link-visibility-toggle input{position:absolute;opacity:0;pointer-events:none}.link-visibility-toggle span{position:relative;width:34px;height:19px;border-radius:999px;background:#c8d3dc;transition:.2s}.link-visibility-toggle span:after{content:'';position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #1234;transition:.2s}.link-visibility-toggle input:checked+span{background:#169b7d}.link-visibility-toggle input:checked+span:after{transform:translateX(15px)}.link-visibility-toggle em{color:#52667a;font-size:10px;font-style:normal}.remove-composer-link{padding:7px 9px!important;background:#eef2f5!important;color:#6d7b8b!important}.post-visible-link{display:block;margin:10px 0 -4px;padding:9px 11px;border-radius:9px;background:#eef7f4;color:#128a70;text-decoration:none;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-link{color:#128a70;text-decoration:none;overflow-wrap:anywhere}.inline-link:hover{text-decoration:underline}
.shared-preview{margin:13px 0 4px;border:1px solid #e1e7ec;border-radius:14px;overflow:hidden;background:#fff}.shared-preview a{text-decoration:none}.embed-ratio{aspect-ratio:16/9;background:#02060b}.embed-ratio iframe,.video-preview>video{display:block;width:100%;height:100%;border:0}.video-preview>a{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;color:#1d3145}.video-preview>a small{color:#7d8b9b}.spotify-preview{padding:0;background:#101010}.spotify-preview iframe{display:block;width:100%;height:152px;border:0}.spotify-preview>a{display:block;padding:0 13px 10px;color:#c8d0d8;font-size:9px}.audio-preview{display:flex;align-items:center;gap:14px;padding:15px;background:linear-gradient(135deg,#09233d,#251755);color:#fff}.audio-preview>div:last-child{min-width:0;flex:1}.audio-preview small,.audio-preview b{display:block}.audio-preview small{color:#76e2c5;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.audio-preview b{margin:5px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-preview audio{display:block;width:100%;height:34px}.link-card{display:grid;grid-template-columns:145px minmax(0,1fr);color:#23384c}.link-card>img,.link-fallback{width:145px;height:118px;object-fit:cover}.link-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#dff7ef,#eee8ff);color:#6241cb;font-size:31px}.link-card>span:last-child{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 15px}.link-card small{color:#168f73;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.link-card b{margin:5px 0;font-size:13px;line-height:1.35}.link-card em{color:#718093;font-size:10px;line-height:1.45;font-style:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.composer-shared-preview{margin:0;box-shadow:none}
.vk-video-preview{background:#070b12}.vk-audio-preview{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;padding:12px;background:linear-gradient(135deg,#0875d1,#172d52);color:#fff;text-decoration:none}.vk-audio-preview>img,.vk-audio-art{width:76px;height:76px;border-radius:13px;object-fit:cover}.vk-audio-art{display:grid;place-items:center;background:#fff;color:#0875d1;font-size:23px;font-weight:900}.vk-audio-preview>span:last-child{min-width:0;padding:0 14px}.vk-audio-preview small,.vk-audio-preview b,.vk-audio-preview em{display:block}.vk-audio-preview small{color:#b9dfff;font-size:9px;text-transform:uppercase}.vk-audio-preview b{margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vk-audio-preview em{color:#fff;font-size:10px;font-style:normal}.image-link-preview{position:relative;display:block;background:#071827;text-decoration:none}.image-link-preview>img{display:block;width:100%;max-height:680px;object-fit:contain}.image-link-preview>span{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:#061321b8;color:#fff;backdrop-filter:blur(8px)}.image-link-preview small{color:#b9c9d8}
.post-kind{margin-left:auto;border-radius:999px;padding:5px 8px;background:#efeaff;color:#6941d8;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.8px}
.post-actions form{display:contents}
.post-actions button.active{color:#15a27f}
.feed-title span{font-size:11px;color:#8290a1}
.story{background-size:cover!important;background-position:center!important;text-decoration:none}
.stories button.story{border:0;text-align:left;font:inherit;cursor:pointer}.story-dialog,.story-viewer{border:0;border-radius:20px;padding:0;box-shadow:0 28px 85px #06172f80}.story-dialog::backdrop,.story-viewer::backdrop{background:#020914cc;backdrop-filter:blur(7px)}.story-dialog{width:min(90vw,470px)}.story-dialog header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #e6ebef}.story-dialog h2,.story-dialog .tag{margin:3px 0}.story-dialog header button,.story-close{background:none;color:#708094;font-size:24px}.story-dialog form{display:grid;gap:13px;padding:22px}.story-dialog label{margin:0}.story-viewer{width:min(92vw,430px);height:min(85vh,760px);background:#030810;color:#fff}.story-viewer>#storyMedia,.story-viewer>#storyMedia>*{width:100%;height:100%;display:block;object-fit:contain}.story-viewer footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:80px 23px 22px;background:linear-gradient(transparent,#02060ddd)}.story-viewer footer>div{min-width:0}.story-viewer footer p{margin:8px 0 0;line-height:1.45}.story-viewer footer form{flex:none}.story-viewer footer form button{padding:8px 10px;border:1px solid #ffffff2b;background:#8f2534;color:#fff;font-size:10px}.story-close{position:absolute;z-index:2;right:12px;top:12px;color:#fff;background:#0008;width:38px;height:38px;border-radius:50%;padding:0}

.reels-page{max-width:980px;margin:0 auto}
.reels-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}
.reels-heading h1{font-size:34px;margin:5px 0}.reels-heading p{margin:0;color:#748398}
.reels-heading>a,.reels-empty a{background:linear-gradient(135deg,#159c7e,#6640d5);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:800}
.reel-uploader{background:#fff;border:1px solid #e3e9ef;border-radius:16px;padding:15px;margin-bottom:20px;box-shadow:0 6px 22px #102b480c}
.reel-uploader form{display:grid;grid-template-columns:1.1fr 1.6fr 1fr auto;gap:10px;align-items:center}
.reel-uploader div{display:grid;gap:4px}.reel-uploader small{color:#8491a2}.reel-uploader input{min-width:0}.reel-uploader label{margin:0;position:relative;display:block;background:#eef7f4;color:#168d73;padding:11px;border-radius:9px;text-align:center;cursor:pointer}
.reel-uploader label input{position:absolute;width:1px;height:1px;opacity:0}.reel-uploader button{height:40px}
.reel-distribution{grid-column:1/-1;margin:2px 0 0;padding:13px;border:1px solid #dfe8ee;border-radius:13px;background:#f7fafc}.reel-distribution legend{padding:0 6px;color:#263a4f;font-size:12px;font-weight:800}.reel-distribution-options{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}.reel-distribution-options label{margin:0;padding:0;background:transparent;color:#263a4f;text-align:left}.reel-distribution-options label>span{display:block;padding:11px 12px;border:1px solid #dce5eb;border-radius:10px;background:#fff;transition:.18s}.reel-distribution-options b,.reel-distribution-options small{display:block}.reel-distribution-options small{margin-top:4px;line-height:1.4}.reel-distribution-options input:checked+span{border-color:#179c7e;background:#eaf8f3;box-shadow:0 0 0 2px #179c7e22}.reel-distribution-options input:focus-visible+span{outline:2px solid #6542d2;outline-offset:2px}
.reels-stream{display:grid;justify-content:center;gap:22px}
.reel-card{position:relative;width:min(100%,430px);height:min(78vh,740px);min-height:560px;background:#02070d;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #07192f40;scroll-snap-align:start}
.reel-card{position:relative}.reel-video-shell{position:relative;width:100%;height:100%;background:#ecf2f7;overflow:hidden}.reel-video-shell>video{width:100%;height:100%;object-fit:contain;background:#ecf2f7}
.reel-card:after{content:"";pointer-events:none;position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#02070dcc)}
.reel-overlay{position:absolute;z-index:2;left:20px;right:75px;bottom:22px;color:#fff;text-shadow:0 2px 9px #000}
.reel-author{display:flex;align-items:center;gap:10px}.reel-author>span{width:42px;height:42px;border:2px solid #39d3ae;border-radius:50%;display:grid;place-items:center;background:#159c7e;font-weight:800;overflow:hidden}.reel-author img{width:100%;height:100%;object-fit:cover}.reel-author small{display:block;color:#d9e3ec;margin-top:3px}.reel-overlay p{line-height:1.5;margin:13px 0 0}
.reel-actions{position:absolute;z-index:3;right:14px;bottom:24px;display:grid;gap:13px}.reel-actions button,.reel-actions a{width:49px;height:49px;border-radius:50%;border:1px solid #ffffff35;background:#071827a8;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:21px;backdrop-filter:blur(10px);padding:0}.reel-actions button.active{color:#5df0c9}.reel-actions small{font-size:9px;display:block}
.reels-empty{background:#fff;border:1px solid #e3e9ef;border-radius:20px;text-align:center;padding:70px 25px}.reels-empty span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:22px;background:#ebe7ff;color:#6941d7;font-size:29px}.reels-empty h2{margin:18px 0 7px}.reels-empty p{color:#7b899a;margin-bottom:27px}
@media(max-width:700px){.composer-tools{gap:7px;flex-wrap:wrap}.media-picker{font-size:0}.media-picker:after{content:'▧ Medya';font-size:11px}.composer-tools #mediaName{display:none}.composer-link-controls{align-items:flex-start;flex-wrap:wrap}.composer-link-controls>div{flex-basis:100%}.post-media{margin-left:-16px;margin-right:-16px}.link-card{grid-template-columns:102px minmax(0,1fr)}.link-card>img,.link-fallback{width:102px;height:105px}.link-card>span:last-child{padding:10px}.link-card em{display:none}.reels-page{margin-top:-8px}.reels-heading{align-items:center}.reels-heading h1{font-size:27px}.reels-heading p{display:none}.reels-heading>a{padding:9px 11px;font-size:11px}.reel-uploader form{grid-template-columns:1fr auto}.reel-uploader div{grid-column:1/-1}.reel-uploader input[name=body]{grid-column:1/-1}.reel-distribution-options{grid-template-columns:1fr}.reel-card{width:calc(100vw - 24px);height:calc(100vh - 150px);min-height:510px;border-radius:17px}.reels-stream{scroll-snap-type:y mandatory}}

/* Fotoğraf + arka plan müziği */
.post-media.music-image{position:relative}.post-background-audio{display:none!important}.post-music-toggle{position:absolute;z-index:2;right:12px;bottom:12px;width:42px;height:42px;padding:0;border:1px solid #ffffff4a;border-radius:50%;display:grid;place-items:center;background:#071522b8;color:#fff;font-size:18px;line-height:1;box-shadow:0 7px 20px #02091255;backdrop-filter:blur(9px);transition:transform .18s ease,background .18s ease}.post-music-toggle:hover{transform:scale(1.05)}.post-music-toggle.sound-on{background:#159b7dd9}.post-media.music-playing .post-music-toggle{box-shadow:0 0 0 4px #2bd4aa40,0 7px 20px #02091255}.post-music-toggle.music-blocked{animation:post-music-attention 1.15s ease-in-out 2}@keyframes post-music-attention{50%{transform:scale(1.12)}}
@media(max-width:700px){.post-music-toggle{right:10px;bottom:10px;width:40px;height:40px}}

/* Tek gönderide çoklu fotoğraf galerisi */
.composer-media-preview{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.composer-media-item.image img{height:150px;object-fit:cover}
.composer-media-item.image:only-child img{height:auto;max-height:360px;object-fit:contain}
.composer-media-item.video,.composer-media-item.audio{grid-column:1/-1}
.post-media.gallery{position:relative}
.post-gallery{position:relative;width:100%;overflow:hidden;touch-action:pan-y;outline:none;background:#071827;--gallery-index:0}
.post-gallery:focus-visible{box-shadow:inset 0 0 0 3px #22c9a7}
.post-gallery-track{display:flex;width:100%;transform:translate3d(calc(var(--gallery-index) * -100%),0,0);transition:transform .32s cubic-bezier(.22,.7,.25,1);will-change:transform}
.post-gallery-slide{min-width:100%;margin:0;display:grid;place-items:center;background:#071827}
.post-gallery-slide img{width:100%;max-height:680px;object-fit:contain;user-select:none}
.post-gallery-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border:1px solid #ffffff52;border-radius:50%;display:grid;place-items:center;background:#06131fb8;color:#fff;font-size:30px;line-height:1;box-shadow:0 5px 18px #02091255;backdrop-filter:blur(8px);transition:opacity .18s ease,transform .18s ease}
.post-gallery-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.06)}
.post-gallery-nav.previous{left:12px}.post-gallery-nav.next{right:12px}
.post-gallery-nav:disabled{opacity:.22;cursor:default}
.post-gallery-count{position:absolute;z-index:3;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#06131fb8;color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}
.post-gallery-dots{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:60%;padding:6px 8px;border-radius:999px;background:#06131f80;backdrop-filter:blur(7px)}
.post-gallery-dots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:50%;background:#ffffff78;box-shadow:none;transition:width .18s ease,background .18s ease}
.post-gallery-dots button.active{width:18px;border-radius:999px;background:#fff}
.post-media.gallery.music-image .post-gallery-dots{max-width:50%}
@media(max-width:700px){.composer-media-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.composer-media-item.image img{height:105px}.composer-media-item.image:only-child{grid-column:1/-1}.composer-media-item.image:only-child img{height:auto}.composer-media-item.video,.composer-media-item.audio{grid-column:1/-1}.post-gallery-nav{width:38px;height:38px;font-size:27px}.post-gallery-nav.previous{left:9px}.post-gallery-nav.next{right:9px}.post-gallery-count{right:9px;top:9px}.post-gallery-dots{bottom:11px}}

.post-media video[poster],.reel-video-shell>video[poster]{background:#ecf2f7;object-fit:contain}

.video-poster-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#ecf2f7;pointer-events:none;z-index:1}
.post-media.video.video-preview-hidden .video-poster-fallback,.reel-video-shell.video-preview-hidden .video-poster-fallback{opacity:0;visibility:hidden}

.video-play-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:linear-gradient(180deg,transparent 58%,rgba(2,10,18,.24));color:#fff;cursor:pointer;transition:background .18s ease,opacity .18s ease,visibility .18s ease}
.video-play-overlay>span{display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border:3px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(4,18,31,.68);box-shadow:0 10px 35px rgba(0,0,0,.35);font-size:34px;line-height:1;backdrop-filter:blur(7px);transition:transform .18s ease,background .18s ease}
.video-play-overlay:hover{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,10,18,.34))}.video-play-overlay:hover>span{transform:scale(1.08);background:rgba(16,151,122,.88)}
[data-video-preview].video-is-playing .video-play-overlay,[data-video-preview].video-has-started .video-play-overlay{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.video-play-overlay>span{width:62px;height:62px;font-size:28px;border-width:2px}}

[data-video-preview].video-play-requested .video-play-overlay{cursor:progress}
[data-video-preview].video-play-requested .video-play-overlay>span{animation:video-play-pulse .75s ease-in-out infinite alternate}
@keyframes video-play-pulse{to{transform:scale(.88);opacity:.72}}

/* Hafif medya yükleme: galeri slaytları ihtiyaç duyulana kadar indirilmez. */
.post-gallery-slide img{background:#edf3f6}
.post-gallery-slide img:not([src]){min-height:260px;background:linear-gradient(110deg,#edf3f6 8%,#f7fafb 18%,#edf3f6 33%);background-size:200% 100%;animation:media-thumb-loading 1.25s linear infinite}
@keyframes media-thumb-loading{to{background-position-x:-200%}}