.mp{cursor:pointer}.mp:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mp__top{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;justify-content:space-between;gap:16px;padding:clamp(16px,2vw,28px);background:linear-gradient(180deg,#08080c80,#08080c00);pointer-events:none}.mp__bar{position:absolute;inset:auto 0 0 0;z-index:4;display:flex;align-items:center;gap:clamp(8px,1vw,14px);padding:26px clamp(14px,2vw,22px) clamp(14px,1.6vw,18px);background:linear-gradient(0deg,#08080cb8,#08080c00);opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}.mp--reel:hover .mp__bar,.mp--reel:focus-within .mp__bar{opacity:1;transform:none}@media(hover:none){.mp--reel .mp__bar{opacity:1;transform:none}}.mp__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;flex:none;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:#e9e7df;transition:background .2s,color .2s,transform .15s}.mp__btn:hover{background:#e9e7df26;color:#fff}.mp__btn:active{transform:scale(.93)}.mp__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mp__btn svg{width:20px;height:20px;display:block}.mp__time{flex:none;color:#e9e7dfdb;font-family:var(--font-label);font-size:12px;font-weight:500;letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.mp__time-sep{opacity:.45;margin:0 5px}.mp__seek,.mp__vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--p, 0%),rgba(233,231,223,.24) var(--p, 0%))}.mp__seek{flex:1 1 auto;min-width:48px}.mp__vol{flex:none;width:clamp(48px,7vw,78px)}.mp__seek::-webkit-slider-thumb,.mp__vol::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000073;cursor:pointer}.mp__seek::-moz-range-thumb,.mp__vol::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000073;cursor:pointer}.mp__seek:focus-visible,.mp__vol:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.mp__hint{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 14px;border-radius:999px;background:#0a0a0e80;-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);border:1px solid rgba(233,231,223,.18);color:#e9e7df;font-family:var(--font-label);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;pointer-events:none}.mp__hint svg{width:14px;height:14px}.mp--clip:hover .mp__hint,.mp--clip:focus-within .mp__hint{opacity:1;transform:none}@media(hover:none){.mp--clip .mp__hint{opacity:1;transform:none}}.mp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,56px);background:#08080cd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:mp-fade .26s cubic-bezier(.2,.7,.2,1)}.mp-lightbox__stage{width:min(1180px,96vw);display:flex;flex-direction:column;animation:mp-rise .3s cubic-bezier(.2,.7,.2,1)}.mp-lightbox__stage:fullscreen{width:100vw;height:100vh;justify-content:center;padding:4vh 4vw;background:#07070b}.mp-lightbox__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.mp-lightbox__title{color:#e9e7df;font-family:var(--font-label);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.mp-lightbox__close:hover{background:#e9e7df2e}.mp-lightbox__frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:76vh;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 60px 130px -40px #000000b3}.mp-lightbox__frame>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:1;pointer-events:none}.mp-lightbox__stage>.mp__bar{position:static;opacity:1;transform:none;margin-top:16px;padding:8px 14px;border-radius:999px;background:#e9e7df12;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(233,231,223,.16)}.mp__soundcue{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;padding:10px 18px;border-radius:999px;background:var(--accent);color:#0a0a0e;font-family:var(--font-label);font-size:12px;font-weight:600;letter-spacing:.04em;box-shadow:0 10px 34px #00000073;transition:transform .2s,filter .2s}.mp__soundcue:hover{transform:translate(-50%) translateY(-2px);filter:brightness(1.06)}.mp__soundcue svg{width:16px;height:16px}@keyframes mp-fade{0%{opacity:0}to{opacity:1}}@keyframes mp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mp__bar{transition:none}.mp-lightbox,.mp-lightbox__stage{animation:none}}