.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shorts-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:8px auto 18px;max-width:760px}.shorts-toolbar h2{margin:3px 0;font-size:30px;letter-spacing:-1px}.shorts-toolbar .eyebrow{font-size:9px;letter-spacing:2px}.shorts-toolbar .shorts-search{width:100%;margin:0}.shorts-toolbar input{background:white;border-radius:14px;margin:0;padding:12px}.shorts-chips{width:100%;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.shorts-chips small{font-size:10px;color:#6c7c71;margin-left:auto}.shorts-open{overflow:hidden}#shortsViewer{position:fixed;inset:0;z-index:40;background:#080d0b;color:white;display:flex;flex-direction:column}#shortsViewer button{cursor:pointer}#shortsViewer .shorts-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#101b16;color:#f5f7f1;min-height:56px;flex-shrink:0}#shortsViewer .shorts-top>button{border:1px solid #ffffff30;background:#ffffff0c;color:white;border-radius:30px;padding:8px 12px;display:flex;align-items:center;min-height:36px}#shortsViewer .shorts-top b{font-size:14px;letter-spacing:.5px}.shorts-scroll{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.short-card{height:100%;width:100%;max-width:620px;margin:auto;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:#000;display:block}.short-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.short-media video{width:100%;height:100%;object-fit:contain;max-height:none}.short-card .short-details{position:absolute;bottom:32px;left:0;right:0;max-height:28%;overflow:auto;background:linear-gradient(transparent,#000c);padding:28px 58px 12px 62px;pointer-events:none;color:white}.short-details button{pointer-events:auto}.short-author{display:flex;align-items:center;gap:8px;margin-bottom:5px}.short-author .avatar{width:30px;height:30px;flex:0 0 30px;font-size:10px}.short-author small{display:block;font-size:10px;color:#d2dcd5}.short-author b{font-size:13px}.short-author .reaction{padding:5px 8px;border:1px solid #ffffff80;background:#ffffff15;color:white;border-radius:20px;font-size:10px;min-height:28px;margin-left:auto}.short-details p{font-size:12px;line-height:1.45;margin:5px 0;max-height:52px;overflow:auto;white-space:pre-wrap}.short-details>small{font-size:9px;color:#c6d2ca}.short-card .short-reactions{position:absolute;left:10px;top:auto;bottom:64px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 160px);overflow:auto;scrollbar-width:none;z-index:3;margin:0;padding:0;max-width:44px}.short-card .short-reactions .icon-action{padding:7px!important;width:36px;height:36px;min-height:36px;border-radius:50%;background:#13241d99;color:white;border:1px solid #ffffff60}.short-card .short-play{position:absolute;right:14px;bottom:52px;z-index:3}.short-seek{position:absolute!important;bottom:19px;left:14px;width:calc(100% - 28px)!important;height:4px;min-height:0;padding:0!important;margin:0!important;border:0;accent-color:#dcca8c;cursor:pointer;z-index:4}.shorts-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;pointer-events:none;font-size:9px;color:#d4ded6}.short-status{color:white;padding:24px;text-align:center}.short-album-nav{position:absolute;top:12px;left:12px;right:12px;color:white;text-align:center;z-index:3}.short-album-nav button{background:#0e241ab3;border:1px solid #ffffff40;border-radius:20px;padding:7px 10px;color:white;font-size:10px;margin:0 8px}.short-album-nav p{font-size:12px;text-shadow:0 1px 4px #000;margin:8px auto;max-width:80%}@media(min-width:800px){#shortsViewer{background:radial-gradient(ellipse at center,#24382c,#080d0b 75%)}.short-card{border-left:1px solid #ffffff15;border-right:1px solid #ffffff15}.short-card .short-details{padding-left:66px}}@media(max-width:480px){.shorts-toolbar h2{font-size:26px}.shorts-chips small{width:100%;margin:2px 0}.short-card .short-details{padding-right:55px}.shorts-top{padding-top:max(10px,env(safe-area-inset-top))}.short-seek{bottom:max(19px,env(safe-area-inset-bottom))}}
/* Shared enlarged viewer: controls remain outside image zoom. */
.short-media{overflow:auto}.short-media img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;touch-action:pan-x pan-y}.photo-zoom{position:absolute;right:16px;top:65px;z-index:4;background:#10251bd9;padding:8px 12px;border-radius:20px;color:white;display:flex;align-items:center;gap:8px;font-size:12px}.photo-zoom input{width:90px!important;margin:0;padding:0;accent-color:#e1c482}.is-photo .short-play,.is-photo .short-seek{display:none}.creator-hero{background:linear-gradient(135deg,#193c2c,#35654d);color:white;padding:24px;border-radius:18px;margin:10px 0 18px}.creator-hero h2{color:#f2e2ac;margin:12px 0}.creator-hero .eyebrow{font-size:10px;letter-spacing:2px}.growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.growth-grid .sidecard{margin:0;padding:14px}.growth-grid b{font-size:24px}.growth-grid small{font-size:11px}@media(max-width:600px){.growth-grid{grid-template-columns:1fr}.growth-grid .sidecard{padding:14px}.short-card .short-reactions{max-height:calc(100% - 100px);bottom:45px}}

.viewer-text{max-width:80%;padding:32px 48px;color:#f5ead1;font-size:clamp(22px,4vw,34px);line-height:1.5;white-space:pre-wrap;text-align:center}.short-card:has(.viewer-text) .short-details>p{display:none}

.video-error-panel{position:absolute;inset:auto 10px 20%;z-index:6;background:#172e25f2;color:white;padding:16px;border-radius:12px;text-align:center}.video-error-panel small{display:block;font-size:11px;overflow-wrap:anywhere}.video-error-panel button{margin-top:10px;padding:8px 12px;border-radius:20px;background:#f4e6bf;color:#193729;border:0}

#shortsViewer .shorts-scroll{position:relative;touch-action:pan-y;}
#shortsViewer .short-card{box-sizing:border-box;min-height:100%;}
#shortsViewer .short-media:not(:has(img)){overflow:hidden;touch-action:pan-y;}

.short-author .profile-avatar-link,.short-author .profile-name-link{pointer-events:auto;color:white}.short-author .profile-name-link{font-size:13px;}