.mo-stage{z-index:200;color:#2b2824;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--top:70px;--bottom:40px;background:#f3eee4;font-size:15px;position:fixed;inset:0;overflow:hidden}.mo-intro{display:none}html[data-intro] .mo-intro{display:block}html[data-intro=out] .mo-intro{opacity:0;pointer-events:none;transition:opacity 1.4s}.mo-video-el{object-fit:contain;pointer-events:none;opacity:0;-webkit-mask-composite:source-in;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000),linear-gradient(#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000),linear-gradient(#0000,#000 2% 98%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.mo-video-el[data-shown=true]{opacity:1}.mo-video-el::-webkit-media-controls{-webkit-appearance:none;display:none!important}.mo-video-el::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mo-video-el::-webkit-media-controls-overlay-play-button{-webkit-appearance:none;display:none!important}.mo-video-el::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}.mo-top{z-index:20;padding:max(14px, calc(env(safe-area-inset-top) + 8px)) 16px 8px;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.mo-bars{top:max(6px, env(safe-area-inset-top));background:#2b28241f;border-radius:2px;height:2px;position:absolute;left:16px;right:16px;overflow:hidden}.mo-bars i{transform-origin:0;background:#a38b5e;position:absolute;inset:0;transform:scaleX(0)}.mo-logo{flex-shrink:1;min-width:0;display:inline-flex}.mo-logo img{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:32px}.mo-top-right{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.mo-btn{color:#2b2824;white-space:nowrap;background:#ffffff9e;border:1px solid #2b282424;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 15px;font-weight:600;transition:background-color .2s;display:inline-flex}.mo-btn:hover{background:#fff}.mo-btn-round{padding:0}.mo-btn-round svg{font-size:17px}.mo-bottom{z-index:20;padding:8px 16px max(12px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;transition:opacity .6s;display:flex;position:absolute;bottom:0;left:0;right:0}.mo-bottom[data-on=false]{opacity:0}.mo-hint{color:#6b655a;font-size:12.5px}@media (min-width:768px){.mo-top{padding-inline:28px}.mo-bars{left:28px;right:28px}}.mo-tap{top:var(--top);bottom:var(--bottom);z-index:10;background:0 0;position:absolute}.mo-tap-prev{width:30%;left:0}.mo-tap-next{width:70%;right:0}.mo-closing{z-index:15;padding:calc(var(--top) + 16px) 24px calc(var(--bottom) + 16px);text-align:center;opacity:0;visibility:hidden;background:#f3eee4f5;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s,visibility 0s linear .8s;display:flex;position:absolute;inset:0}.mo-closing[data-on=true]{opacity:1;visibility:visible;transition:opacity .8s}.mo-closing-tag{letter-spacing:.04em;color:#6f5a2a;font-size:14px;font-weight:600}.mo-closing-text{letter-spacing:-.03em;color:#1b1917;font-size:clamp(1.375rem,4.6vw,2rem);font-weight:700;line-height:1.5}.mo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mo-play{z-index:26;color:#2b2824;background:#ffffffd9;border:1px solid #2b282424;border-radius:999px;place-items:center;width:76px;height:76px;font-size:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #4632141f}
