@media (max-width:768px){.mcp-group{position:fixed;bottom:calc(16px + var(--safe-bottom, 0px));right:calc(16px + var(--safe-right, 0px));z-index:66;--mcp-sheet-bottom:0px}.mcp-group.replay-mode{bottom:calc(165px + var(--safe-bottom, 56px));--mcp-sheet-bottom:calc(157px + var(--safe-bottom, 56px))}.mcp-group.controls-hidden .mcp-toggle{opacity:0;pointer-events:none}.mcp-btn--guide:disabled{opacity:.42;cursor:not-allowed}.mcp-toggle{width:48px;height:48px;border-radius:50%;background:var(--viewer-gradient-accent);backdrop-filter:var(--viewer-blur-control);-webkit-backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control-active);color:var(--viewer-text-on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;position:relative;box-shadow:var(--viewer-shadow-fab);transition:var(--viewer-transition-control)}.mcp-toggle:not(.is-open){width:40px;height:40px;background:rgb(0 0 0/.42);border-color:rgb(255 255 255/.3);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px -6px rgb(0 0 0/.6)}.mcp-toggle:active{transform:scale(.9)}.mcp-toggle.is-open{opacity:0;pointer-events:none}.mcp-toggle.is-open:active{transform:scale(.9)}.mcp-toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .22s var(--viewer-ease-smooth)}.mcp-toggle-icon svg{width:20px;height:20px}.mcp-toggle-icon--grid{opacity:1;transform:rotate(0deg) scale(1)}.mcp-toggle-icon--close{opacity:0;transform:rotate(-45deg) scale(.5)}.mcp-toggle.is-open .mcp-toggle-icon--grid{opacity:0;transform:rotate(45deg) scale(.5)}.mcp-toggle.is-open .mcp-toggle-icon--close{opacity:1;transform:rotate(0deg) scale(1)}.mcp-overlay{position:fixed;inset:0;z-index:63;background:var(--viewer-overlay-light);backdrop-filter:var(--viewer-blur-overlay);-webkit-backdrop-filter:var(--viewer-blur-overlay);animation:mcpOverlayIn .26s var(--viewer-ease-smooth) forwards!important}.mcp-overlay.is-closing{animation:mcpOverlayOut .2s var(--viewer-ease-smooth) forwards!important;pointer-events:none}@keyframes mcpOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes mcpOverlayOut{0%{opacity:1}to{opacity:0}}.mcp-sheet{position:fixed;left:0;right:0;bottom:var(--mcp-sheet-bottom,0);z-index:65;background:var(--viewer-gradient-panel);backdrop-filter:var(--viewer-blur-panel-strong);-webkit-backdrop-filter:var(--viewer-blur-panel-strong);border:1px solid var(--viewer-border-panel);border-bottom:none;border-radius:26px 26px 0 0;padding:8px 16px 14px;padding-bottom:calc(14px + var(--safe-bottom, 0px));transform:translateY(104%) scale(.96);transform-origin:50% 100%;opacity:0;transition:transform .2s cubic-bezier(.5,0,.9,.35),opacity .16s var(--viewer-ease-smooth)!important;pointer-events:none;box-shadow:inset 0 1px 0 rgb(255 255 255/9%),0 -18px 44px -16px rgb(0 0 0/82%)}.mcp-sheet.mcp-sheet.is-open{transform:none;opacity:1;pointer-events:auto;animation:mcpSheetIn .52s cubic-bezier(.22,1,.36,1) backwards!important}.mcp-handle{width:38px;height:4px;background:rgb(255 255 255/22%);border-radius:2px;margin:0 auto 8px;transform:scaleX(.3);opacity:0;transition:transform .16s cubic-bezier(.5,0,.9,.35),opacity .14s var(--viewer-ease-smooth)!important}.mcp-sheet.is-open .mcp-handle{transform:none;opacity:1;animation:mcpHandleIn .46s cubic-bezier(.22,1,.36,1) .15s backwards!important}.mcp-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;opacity:0;transition:opacity .14s var(--viewer-ease-smooth)!important}.mcp-sheet.is-open .mcp-sheet-head{opacity:1;animation:mcpHeadIn .42s cubic-bezier(.22,1,.36,1) .19s backwards!important}.mcp-sheet-title{font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--viewer-text-primary)}.mcp-sheet-close{width:30px;height:30px;margin-right:-4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--viewer-border-control);border-radius:var(--viewer-radius-circle);background:rgb(255 255 255/5%);color:var(--viewer-text-secondary);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:var(--viewer-transition-control)}.mcp-sheet-close svg{width:15px;height:15px}.mcp-sheet-close:active{transform:scale(.9);background:rgb(255 255 255/12%);color:var(--viewer-text-primary)}.mcp-section+.mcp-section{margin-top:12px;padding-top:12px;border-top:1px solid rgb(255 255 255/7%)}.mcp-section-label{opacity:0;transform:translateX(-6px);transition:opacity .13s var(--viewer-ease-smooth),transform .13s var(--viewer-ease-smooth)!important;margin:0 0 8px;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--viewer-text-muted)}.mcp-sheet.is-open .mcp-section-label{opacity:1;transform:none;animation:mcpLabelIn .44s cubic-bezier(.22,1,.36,1) .21s backwards!important}.mcp-sheet.is-open .mcp-section--actions .mcp-section-label{animation-delay:.33s!important}.mcp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 6px}.mcp-btn{flex:1 1 56px;max-width:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;background:none;border:none;color:var(--viewer-text-secondary);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(8px) scale(.86);transition:opacity .13s var(--viewer-ease-smooth),transform .13s cubic-bezier(.5,0,.9,.35),color var(--viewer-duration-fast) var(--viewer-ease-standard)!important}.mcp-sheet.is-open .mcp-btn{opacity:1;transform:none;animation:mcpBtnIn .46s cubic-bezier(.22,1,.36,1) backwards!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:first-child{animation-delay:.25s!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:nth-child(2){animation-delay:278ms!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:nth-child(3){animation-delay:306ms!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:nth-child(4){animation-delay:334ms!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:nth-child(5){animation-delay:362ms!important}.mcp-sheet.is-open .mcp-section--playback .mcp-btn:nth-child(6){animation-delay:.39s!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:first-child{animation-delay:.37s!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:nth-child(2){animation-delay:398ms!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:nth-child(3){animation-delay:426ms!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:nth-child(4){animation-delay:454ms!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:nth-child(5){animation-delay:482ms!important}.mcp-sheet.is-open .mcp-section--actions .mcp-btn:nth-child(6){animation-delay:.51s!important}.mcp-btn--report:active .mcp-icon,.mcp-btn--report:hover .mcp-icon{color:var(--viewer-danger);border-color:rgba(var(--viewer-danger-rgb),.45)}.mcp-btn:not(.mcp-btn--grid):active .mcp-icon{transform:scale(.92)}.mcp-btn:focus-visible{outline:none}.mcp-btn:focus-visible .mcp-icon{outline:2px solid var(--viewer-accent);outline-offset:2px}.mcp-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(160deg,rgb(255 255 255/9%),rgb(255 255 255/2%)),var(--viewer-surface-control);backdrop-filter:var(--viewer-blur-control);-webkit-backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control);box-shadow:inset 0 1px 0 rgb(255 255 255/8%),0 4px 10px -6px rgb(0 0 0/70%);color:var(--viewer-text-primary);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:var(--viewer-transition-control)}.mcp-icon svg{width:21px;height:21px}.mcp-btn:active .mcp-icon{background:linear-gradient(160deg,rgb(255 255 255/14%),rgb(255 255 255/4%)),var(--viewer-surface-control-hover)}.mcp-label{font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1;color:var(--viewer-text-muted);white-space:nowrap;transition:color var(--viewer-duration-fast) var(--viewer-ease-standard)}.mcp-btn.is-active .mcp-icon{background:linear-gradient(160deg,rgb(255 255 255/10%),rgb(255 255 255/0)),rgba(var(--viewer-accent-primary-rgb),.24);border-color:var(--viewer-border-control-active);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),0 6px 16px -8px rgba(var(--viewer-accent-primary-rgb),.95)}.mcp-btn.is-active .mcp-label{color:var(--viewer-accent)}.mcp-btn.is-active--teal .mcp-icon{background:linear-gradient(160deg,rgb(255 255 255/10%),rgb(255 255 255/0)),rgba(var(--viewer-teal-rgb),.22);border-color:rgba(var(--viewer-teal-rgb),.5);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),0 6px 16px -8px rgba(var(--viewer-teal-rgb),.9)}.mcp-btn.is-active--teal .mcp-label{color:var(--viewer-teal)}.mcp-btn.is-active--green .mcp-icon{background:linear-gradient(160deg,rgb(255 255 255/10%),rgb(255 255 255/0)),rgba(var(--viewer-success-rgb),.2);border-color:rgba(var(--viewer-success-rgb),.5);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),0 6px 16px -8px rgba(var(--viewer-success-rgb),.85)}.mcp-btn.is-active--green .mcp-label{color:var(--viewer-success)}.mcp-icon--seek{flex-direction:column;gap:1px}.mcp-icon--seek svg{width:17px;height:17px}.mcp-seek-badge{font-size:9px;font-weight:800;color:var(--viewer-text-strong);line-height:1;letter-spacing:.02em}.mcp-icon--badge{position:relative}.mcp-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--viewer-danger-strong);color:var(--viewer-text-primary);font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.mcp-btn--bvb .mcp-icon{background:rgba(var(--viewer-accent-rgb),.08);border-color:rgba(var(--viewer-accent-rgb),.3)}.mcp-btn--bvb:active .mcp-icon{background:rgba(var(--viewer-accent-rgb),.18);box-shadow:0 0 14px rgba(var(--viewer-accent-rgb),.22)}.mcp-btn--bvb .mcp-label{color:var(--viewer-accent)}.mcp-grid-selector-wrap{display:flex;align-items:center;justify-content:center}.mcp-btn--grid,.mcp-sheet.is-open .mcp-btn--grid{transform:none}.mcp-sheet.is-open .mcp-btn--grid{animation-name:mcpFadeIn!important;animation-duration:.3s!important}.mcp-btn--grid .mcp-icon{position:static;backdrop-filter:none;-webkit-backdrop-filter:none}.mcp-btn--grid:active .mcp-icon{background:linear-gradient(160deg,rgb(255 255 255/14%),rgb(255 255 255/4%)),var(--viewer-surface-control-hover)}.mcp-grid-selector-wrap .grid-view-selector{position:static}.mcp-grid-selector-wrap .grid-view-selector__button{width:46px!important;height:46px!important;border-radius:14px!important;background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}.mcp-grid-selector-wrap .grid-view-selector__button:active:not(:disabled),.mcp-grid-selector-wrap .grid-view-selector__button:hover:not(:disabled){transform:none!important}.mcp-grid-selector-wrap .grid-view-selector__thumbnail{width:22px;height:22px}.mcp-grid-selector-wrap .grid-view-selector__button:focus-visible{outline:none!important}.mcp-btn--grid:focus-within .mcp-icon{outline:2px solid var(--viewer-accent);outline-offset:2px}.mcp-grid-selector-wrap .grid-view-selector__menu{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(100% + 10px)!important;transform:translateX(-50%);width:min(258px,calc(100vw - 32px))!important;max-height:60dvh!important;overflow-y:auto!important;z-index:3!important}@keyframes mcpSheetIn{0%{opacity:0;transform:translateY(104%) scale(.94)}52%{opacity:1;transform:translateY(-10px) scale(1.014)}76%{transform:translateY(3px) scale(.997)}to{opacity:1;transform:none}}@keyframes mcpHandleIn{0%{opacity:0;transform:scaleX(.2)}58%{opacity:1;transform:scaleX(1.14)}to{opacity:1;transform:none}}@keyframes mcpHeadIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes mcpLabelIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes mcpBtnIn{0%{opacity:0;transform:translateY(28px) scale(.45)}48%{opacity:1;transform:translateY(-7px) scale(1.09)}72%{transform:translateY(2px) scale(.975)}to{opacity:1;transform:none}}@keyframes mcpFadeIn{0%{opacity:0}to{opacity:1}}.mcp-guide-invitation{position:fixed;top:calc(var(--rn-safe-top, var(--safe-top, 0px)) + 8px);right:calc(70px + var(--safe-right, 0px));width:220px;padding:10px 12px;border-radius:var(--viewer-radius-md);background:var(--viewer-surface-control);border:1px solid var(--viewer-border-control-active);box-shadow:0 10px 30px rgb(0 0 0/28%)}.mcp-guide-invitation p{margin:0 0 8px;font-size:12px;line-height:1.35;color:var(--viewer-text-primary)}.mcp-guide-invitation__actions{display:flex;gap:6px}.mcp-guide-invitation__actions button{min-height:40px;flex:1;padding:6px 10px;border-radius:var(--viewer-radius-md);border:1px solid var(--viewer-border-control);background:transparent;color:var(--viewer-text-primary);font-size:12px;cursor:pointer}.mcp-guide-invitation__actions button:first-child{background:var(--viewer-gradient-accent);color:var(--viewer-text-on-accent);border-color:var(--viewer-border-control-active)}}.viewer-skeleton{position:fixed;inset:0 0 0 var(--sidebar-width,80px);display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;--vs-surface:rgba(255,255,255,0.06);--vs-highlight:rgba(255,255,255,0.07);--vs-btn:clamp(28px,5.8vh,48px);--vs-gap:clamp(6px,1.4vh,12px)}.viewer-skeleton__card{display:flex;flex-direction:column;gap:2px;width:min(470px,calc(100% - 32px));height:min(calc(100vh - 32px),900px);height:min(calc(100dvh - 32px),900px);overflow:hidden}.viewer-skeleton__tile--focus{flex:7}.viewer-skeleton__row{flex:3;display:flex;gap:2px;min-height:0}.viewer-skeleton__row .viewer-skeleton__tile{flex:1}.viewer-skeleton .viewer-skeleton__rail{position:fixed;left:calc(var(--sidebar-width, 80px) - 55px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--vs-gap);padding:12px;background:var(--viewer-surface-panel,rgba(8,13,20,.88));border:1px solid var(--viewer-border-panel,rgba(255,255,255,.08));border-radius:var(--viewer-radius-panel,24px)}.viewer-skeleton__rail-btn,.viewer-skeleton__rail-logo{display:block;width:var(--vs-btn);height:var(--vs-btn);border-radius:50%}.viewer-skeleton__shimmer{position:relative;overflow:hidden;background:var(--vs-surface)}.viewer-skeleton__shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--vs-highlight) 50%,transparent 80%);transform:translateX(-100%);animation:viewer-skeleton-shimmer 1.4s ease-in-out infinite;will-change:transform}@keyframes viewer-skeleton-shimmer{to{transform:translateX(100%)}}@media (max-width:768px){.viewer-skeleton{inset:0}.viewer-skeleton .viewer-skeleton__rail{display:none}.viewer-skeleton__card{width:100%;height:100%}}@media (prefers-reduced-motion:reduce){.viewer-skeleton__shimmer:after{animation:none;display:none}}