/* TOPAK vertical feed */
.shorts-stage{position:relative;max-width:610px;margin:0 auto;background:#000;border-radius:22px;overflow:hidden;box-shadow:0 18px 70px #0006}
.shorts-scroll{height:calc(100dvh - 125px);min-height:430px;max-height:1000px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;position:relative}
.shorts-scroll::-webkit-scrollbar{display:none}.short-card{height:100%;width:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:#05060c;overflow:hidden}
.short-card video{width:100%;height:100%;object-fit:contain;display:block;background:radial-gradient(ellipse at center,#18213c,#03040a)}
.short-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c 0,transparent 42%,transparent 80%,#0005);pointer-events:none}
.video-touch{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;padding:0;background:transparent!important;z-index:1}
.short-play-hint{display:none;pointer-events:none;position:absolute;top:42%;left:44%;font-size:65px;color:#fffc;text-shadow:0 4px 20px #000;z-index:3}.paused .short-play-hint{display:block}
.feed-tabs{position:absolute;top:16px;left:0;right:0;z-index:6;display:flex;justify-content:center;gap:24px;pointer-events:none}.feed-tabs button{pointer-events:auto;border:0;background:transparent;padding:8px 0;border-radius:0;color:#ddd;text-shadow:0 2px 8px #000;font-size:15px;font-weight:700}.feed-tabs .selected{color:white;border-bottom:3px solid #fff}
.source-badge{position:absolute;top:74px;left:15px;background:#0008;border:1px solid #ffffff30;border-radius:20px;padding:5px 9px;font-size:11px;z-index:4}
.short-sound{position:absolute;right:15px;top:72px;z-index:4;border-radius:50%;background:#0007;border-color:#fff4;padding:10px}
.short-caption{position:absolute;left:20px;right:85px;bottom:28px;z-index:4;text-shadow:0 2px 9px #000;pointer-events:none}.short-caption strong{font-size:17px}.short-caption h2{font-size:15px;line-height:1.45;margin:9px 0 6px;font-weight:500}.short-caption p{font-size:13px;line-height:1.4;margin:0;max-height:58px;overflow:auto;pointer-events:auto}
.short-actions{position:absolute;right:10px;bottom:45px;z-index:5;display:grid;gap:16px}.short-actions button{background:transparent;border:0;display:grid;justify-items:center;padding:0;color:white;text-shadow:0 2px 7px #000;gap:3px}.short-actions b{font-size:34px;line-height:1;font-weight:800}.short-actions span{font-size:11px;font-weight:700}.short-actions button[aria-label="Beğeniyi kaldır"] b{color:#ff4d93}
.short-actions .creator-bubble{border:2px solid white;border-radius:50%;width:45px;height:45px;background:linear-gradient(135deg,#29dcff,#a943bd);font-size:22px;position:relative;margin-bottom:8px;padding-top:6px}.creator-bubble small{position:absolute;bottom:-10px;left:12px;background:#ff3f6d;border-radius:50%;font-size:16px;width:20px;height:20px;line-height:18px}
.video-progress{position:absolute;bottom:0;left:0;right:0;background:#fff3;height:3px;z-index:6;pointer-events:none}.video-progress span{height:100%;display:block;background:#fff;width:0}
.feed-arrows{position:absolute;right:15px;top:40%;z-index:5;display:grid;gap:8px}.feed-arrows button{border-radius:50%;background:#0005;width:36px;height:36px;padding:5px;font-size:20px;border-color:#fff3}
.short-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;text-align:center;background:radial-gradient(circle,#1b2947,#080c1b)}.short-video-error{position:absolute;z-index:8;inset:35% 15% auto;background:#111c30e8;border:1px solid #485778;padding:18px;text-align:center;border-radius:15px}.short-video-error button{margin:8px 0 0;font-size:12px;padding:8px}
.comments-drawer{position:fixed;right:16px;bottom:16px;top:90px;width:min(420px,95vw);z-index:45;background:#10182b;border:1px solid #3b4b68;border-radius:22px;padding:20px;overflow:auto;box-shadow:0 15px 100px #000c}.comments-drawer .row{justify-content:space-between}.comments-drawer h2{font-size:20px}.comments-drawer textarea{min-height:100px}.comments-drawer p{overflow-wrap:anywhere}.close-comments{border-radius:50%}
#bottom button{display:grid;justify-items:center;gap:3px}#bottom b{font-size:23px;line-height:24px}#bottom span{font-size:10px}#bottom button[aria-current]{color:#3fe1f5}
@media(max-width:800px){body{background:#000}.top{background:#070b15f2}.shell{padding:8px 10px}.shell.layout{padding:0}.main{padding-bottom:68px}#content{padding-top:0!important}.shorts-stage{border-radius:0;max-width:none}.shorts-scroll{height:calc(100dvh - 172px);min-height:300px;max-height:none}.short-caption{left:14px;bottom:24px}.short-caption h2{font-size:14px}.short-actions{right:10px;bottom:35px}.short-actions b{font-size:33px}.feed-arrows{display:none}.feed-tabs{top:12px}.source-badge{top:61px;left:12px}.short-sound{top:59px;right:12px}.bottomnav{background:#05080ffc;min-height:62px}.mobile-menu-toggle{bottom:calc(79px + env(safe-area-inset-bottom));font-size:11px;padding:7px 10px}.comments-drawer{top:auto;bottom:calc(65px + env(safe-area-inset-bottom));left:0;right:0;width:100%;max-height:70dvh;min-height:260px;border-radius:22px 22px 0 0}.auth-panel{margin:14px 10px}#onlineFeedStatus{padding:3px 12px!important;font-size:10px;background:#070b15}.topline .search{padding:8px}.topline button{padding:7px 9px}.topline .brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.feed-mode{overflow:hidden}.feed-mode .main{padding-bottom:0}.feed-mode #onlineFeedStatus{display:none}.feed-mode #content{padding-top:0!important}.short-actions button svg{width:30px;height:30px;stroke:white;fill:none;stroke-width:2;filter:drop-shadow(0 2px 4px #000)}
@media(max-width:800px){.feed-mode .mobile-menu-toggle{top:9px;right:9px;bottom:auto;font-size:10px;padding:6px 8px}.feed-mode .topline{padding-right:108px}.feed-mode .topline .search{margin-right:-108px}.short-actions{gap:10px}.short-actions b{font-size:30px}.short-actions span{font-size:10px}.short-actions .creator-bubble{width:38px;height:38px;font-size:18px;margin:0 auto 6px}.creator-bubble small{left:8px}}
@media(max-height:600px){.short-actions{gap:7px;bottom:18px}.short-actions b{font-size:26px}.short-actions .creator-bubble{width:32px;height:32px;font-size:16px;padding-top:3px;margin-bottom:4px}.short-actions span{font-size:9px}.short-caption{bottom:18px}.short-caption h2{margin:5px 0}.short-caption p{display:none}.short-sound{top:55px;font-size:11px;padding:7px}.source-badge{top:55px;font-size:9px}.feed-tabs{top:5px}}
.short-sound{top:12px!important}

.short-sound{border-radius:24px;min-width:104px;min-height:44px;font-size:13px;font-weight:700;background:#000b;color:#fff;white-space:nowrap}