html:has(body.ms-shorts-page),body.ms-shorts-page{height:100%;overflow:hidden}
body.ms-shorts-page{background:#000;color:#fff;overscroll-behavior:none}
.ms-shorts-page .ms-shorts-main{height:100vh;height:100dvh;margin:0;padding:0;width:100%}
.ms-shorts-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));pointer-events:none;position:fixed;right:0;top:0;z-index:20}
.ms-shorts-header .ms-logo,.ms-shorts-close{pointer-events:auto}
.ms-shorts-header .ms-logo{filter:drop-shadow(0 2px 8px #000)}
.ms-shorts-close{align-items:center;background:rgba(5,8,14,.7);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;height:42px;justify-content:center;text-decoration:none;width:42px}
.ms-shorts-close svg{height:22px;width:22px}
.ms-shorts-gesture-guide{animation:ms-shorts-guide-lifetime 3.35s forwards;backdrop-filter:blur(8px);background:rgba(5,8,14,.68);border:1px solid rgba(255,255,255,.34);border-radius:14px;display:grid;gap:10px;padding:14px 12px;pointer-events:none;position:fixed;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:112px;z-index:30}
.ms-shorts-guide-step{align-items:center;display:flex;flex-direction:column;font-size:13px;font-weight:800;gap:6px;line-height:1.35;text-align:center;text-shadow:0 2px 6px #000}
.ms-shorts-guide-arrow{fill:none;height:46px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6;width:42px}
.ms-shorts-guide-divider{background:rgba(255,255,255,.36);height:1px;width:100%}
@keyframes ms-shorts-guide-lifetime{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.ms-shorts-feed{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;scroll-snap-type:y mandatory;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.ms-shorts-feed::-webkit-scrollbar{display:none}
.ms-short{background:#000;height:100%;min-height:100%;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}
.ms-short-video{background:#000;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}
.ms-short-shade{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 24%,transparent 52%,rgba(0,0,0,.86) 100%);inset:0;pointer-events:none;position:absolute}
.ms-short-content{bottom:0;left:0;margin:0 auto;max-width:760px;padding:32px max(18px,env(safe-area-inset-left)) calc(56px + env(safe-area-inset-bottom));position:absolute;right:0;text-shadow:0 2px 6px #000;z-index:2}
.ms-short-code{font-size:15px;font-weight:800;letter-spacing:.05em;margin:0 0 5px}
.ms-short-content h2{display:-webkit-box;font-size:clamp(18px,4.8vw,27px);font-weight:800;line-height:1.4;margin:0 0 16px;max-width:680px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ms-short-actions{display:grid;gap:9px;grid-template-columns:minmax(0,1fr);max-width:520px;text-shadow:none}
.ms-short-actions a{align-items:center;border-radius:6px;display:flex;font-weight:800;justify-content:center;min-height:48px;padding:10px 16px;text-align:center;text-decoration:none}
.ms-short-detail{background:rgba(12,17,29,.86);border:1px solid rgba(255,255,255,.5)}
.ms-short-fanza{background:var(--ms-pink,#ff5d88);border:1px solid var(--ms-pink,#ff5d88);color:#fff}
.ms-short-actions a:hover{filter:brightness(1.09)}
.ms-short-progress{align-items:center;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr) auto auto;left:50%;max-width:760px;padding:0 max(18px,env(safe-area-inset-left));position:absolute;transform:translateX(-50%);width:100%;z-index:5}
.ms-short-progress span{font-size:11px;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 4px #000}
.ms-short-progress input{accent-color:var(--ms-pink,#ff5d88);cursor:pointer;height:20px;margin:0;min-width:0;padding:0;touch-action:pan-x;width:100%}
.ms-short-progress input:disabled{cursor:wait;opacity:.55}
.ms-short-progress input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--ms-pink,#ff5d88) 0 var(--ms-short-progress,0%),rgba(255,255,255,.42) var(--ms-short-progress,0%) 100%);border-radius:999px;height:4px}
.ms-short-progress input::-webkit-slider-thumb{margin-top:-5px}
.ms-short-progress input::-moz-range-track{background:rgba(255,255,255,.42);border-radius:999px;height:4px}
.ms-short-progress input::-moz-range-progress{background:var(--ms-pink,#ff5d88);border-radius:999px;height:4px}
.ms-short-media-controls{display:flex;line-height:1}
.ms-short-control{align-items:center;background:rgba(5,8,14,.72);border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;width:38px}
.ms-short-control:hover,.ms-short-control:focus-visible{background:var(--ms-pink,#ff5d88);border-color:var(--ms-pink,#ff5d88)}
.ms-short-control svg{fill:currentColor;height:20px;width:20px}
.ms-short-control [data-icon-sound-on],.ms-short-control [data-icon-sound-off]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.ms-short-control[data-state="muted"] [data-icon-sound-on],.ms-short-control[data-state="sound-on"] [data-icon-sound-off]{display:none}
.ms-shorts-status{background:rgba(0,0,0,.76);border-radius:5px;bottom:calc(12px + env(safe-area-inset-bottom));font-size:13px;left:50%;margin:0;max-width:calc(100% - 36px);padding:7px 12px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);z-index:15}
.ms-shorts-status:empty{display:none}
.ms-shorts-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:80px 24px;text-align:center}
@media (max-width:767px){.ms-shorts-gesture-guide{right:max(10px,env(safe-area-inset-right));width:100px}.ms-shorts-guide-arrow{height:38px;width:36px}}
@media (min-width:768px){.ms-short-content{padding-bottom:68px}.ms-short-actions{grid-template-columns:1fr 1.35fr}.ms-short-actions a{min-height:50px}.ms-shorts-header{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:reduce){.ms-shorts-feed{scroll-behavior:auto}.ms-short-actions a{transition:none}}