.mr-strip{--w:768px;width:100%;max-width:var(--w);flex-direction:column;align-items:center;gap:6px;margin:0 auto;padding:8px 8px 24px;display:flex}.mr-strip[data-w=s]{--w:560px}.mr-strip[data-w=l]{--w:1000px}@media (min-width:640px){.mr-strip{gap:8px;padding-inline:16px}}.mr-pg{aspect-ratio:2/3;background:#0d1020;border-radius:10px;width:100%;margin:0;scroll-margin-top:84px;position:relative;overflow:hidden;box-shadow:0 18px 50px -28px #000000f2}.mr-pg.ok{aspect-ratio:auto;background:0 0}.mr-pg:not(.ok):before{content:"";background:linear-gradient(100deg,#0000 30%,#6f96ff17 50%,#0000 70%) 0 0/220% 100%;animation:1.6s linear infinite mr-sh;position:absolute;inset:0}.mr-pg:not(.ok):after,.mr-one:not(.ok):after{content:attr(data-n);font:800 clamp(40px,9vw,72px)/1 var(--font-display);color:#ffffff12;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mr-sh{to{background-position:-220% 0}}.mr-pg img{opacity:0;width:100%;height:auto;transition:opacity .4s;display:block}.mr-pg.ok img{opacity:1}.mr-bad{z-index:2;color:#9aa6c4;background:#080a14cc;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.mr-bad b{color:#fff;background:linear-gradient(135deg,#2b7fff,#6d5cf0);border-radius:12px;padding:8px 16px}.mr-single{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;place-items:center;min-height:calc(100dvh - 190px);padding:8px 8px 0;display:grid;position:relative}.mr-one{place-items:center;min-width:min(60vw,360px);min-height:min(60dvh,520px);margin:0;display:grid;position:relative}.mr-one img{opacity:0;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 200px);transition:opacity .25s;display:block;box-shadow:0 24px 60px -28px #000000f2}.mr-one.ok img{opacity:1}.mr-one:not(.ok){background:#0d1020;border-radius:10px}.mr-zone{pointer-events:none;opacity:0;width:33%;transition:opacity .2s;position:absolute;top:0;bottom:0}.mr-zone.l{background:linear-gradient(90deg,#6f96ff14,#0000);left:0}.mr-zone.r{background:linear-gradient(270deg,#6f96ff14,#0000);right:0}@media (hover:hover){.mr-single:hover .mr-zone{opacity:1}}.mr-end{text-align:center;background:radial-gradient(60% 120% at 50% 0,#2b7fff29,#0000 70%),linear-gradient(160deg,#0d1124,#080a15);border-radius:24px;width:100%;margin-top:20px;padding:36px 22px;box-shadow:inset 0 0 0 1px #ffffff14}.mr-end-k{color:#7e8aa8;font-size:13px}.mr-end h2{font:800 clamp(22px,4vw,30px)/1.15 var(--font-display);color:#fff;margin-top:8px}.mr-end-act{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.mr-end-main,.mr-end-sec{border-radius:15px;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.mr-end-main{color:#fff;background:linear-gradient(135deg,#2b7fff,#6d5cf0);box-shadow:0 14px 30px -12px #2b7fffe6}.mr-end-main svg{width:18px;height:18px}.mr-end-main:hover{transform:translateY(-2px)}.mr-end-sec{color:#c3cbe2;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.mr-end-sec:hover{color:#fff;background:#ffffff1c}.mr-top{z-index:70;pointer-events:none;background:#ffffff0f;height:3px;position:fixed;inset:0 0 auto}.mr-top i{background:linear-gradient(90deg,#37aef0,#6d5cf0);height:100%;transition:width .2s;display:block;box-shadow:0 0 12px #37aef0b3}.mr-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:#0a0d1ac7;border-radius:22px;align-items:center;gap:4px;width:min(100% - 20px,760px);padding:7px;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 50px -16px #000000e6}.mr-bar.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 30px))}.mr-btn{color:#c3cbe2;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.mr-btn:hover{color:#fff;background:#ffffff17}.mr-btn:focus-visible,.mr-seek input:focus-visible{outline-offset:2px;outline:2px solid #6fb4ff}.mr-btn svg{flex:none;width:18px;height:18px}.mr-ic{flex:none;width:40px}.mr-ic.is-off{opacity:.25;pointer-events:none}.mr-back{min-width:0;padding:0 12px 0 8px}.mr-back span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:none;overflow:hidden}@media (min-width:900px){.mr-back span{display:block}}.mr-sep{background:#ffffff1a;flex:none;width:1px;height:22px;margin:0 3px}.mr-seg{background:#ffffff0d;border-radius:15px;flex:none;gap:2px;padding:2px;display:flex}.mr-seg .mr-btn{border-radius:12px;width:36px;height:36px}.mr-seg .mr-btn[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#2b7fff,#6d5cf0);box-shadow:0 6px 16px -8px #2b7fffe6}.mr-w{display:none}@media (min-width:640px){.mr-w{display:inline-flex}}.mr-seek{flex:1;min-width:0;padding:0 8px}.mr-seek-h{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;line-height:1;display:flex}.mr-seek-h b{color:#e8ecf8;white-space:nowrap;font-weight:700}.mr-seek-h span{color:#8d98b5;font-variant-numeric:tabular-nums}.mr-seek input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0;display:block}.mr-seek input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#37aef0,#6d5cf0) 0/var(--p) 100% no-repeat,#ffffff1f;border-radius:5px;height:5px}.mr-seek input::-moz-range-track{background:#ffffff1f;border-radius:5px;height:5px}.mr-seek input::-moz-range-progress{background:linear-gradient(90deg,#37aef0,#6d5cf0);border-radius:5px;height:5px}.mr-seek input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5.5px;box-shadow:0 0 0 4px #37aef040,0 2px 8px #00000080}.mr-seek input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #37aef040}@media (prefers-reduced-motion:reduce){.mr-pg:before{animation:none}.mr-bar,.mr-pg img,.mr-one img{transition:none}}