.mobile-presenter{box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);overscroll-behavior:none;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);background:var(--color-bg-page);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}.mobile-presenter button{touch-action:manipulation;color:inherit;font:inherit}.mobile-presenter-topbar{z-index:var(--z-sticky);padding:calc(var(--space-4) - 1px) var(--space-3) var(--space-1);background:var(--color-bg-page);flex:none;position:relative}.mobile-presenter-topbar__main-row,.mobile-presenter-topbar__actions,.mobile-presenter-topbar__timer-controls,.mobile-presenter-topbar__time-block,.mobile-presenter-topbar__indicators{align-items:center;display:flex}.mobile-presenter-topbar__main-row{gap:var(--space-2);min-height:40px}.mobile-presenter-topbar__time-block{flex-direction:column;flex-shrink:0;align-items:flex-start;width:7ch;font-size:11px;line-height:1}.mobile-presenter-topbar__clock{color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px}.mobile-presenter-topbar__timer{color:var(--color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.mobile-presenter-topbar__step-counter{min-width:0;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:12px;overflow:hidden}.mobile-presenter-topbar__connection-dot{border-radius:var(--radius-full);background:var(--color-text-muted);flex:0 0 8px;width:8px;height:8px}.mobile-presenter-topbar__connection-dot.is-live{background:var(--color-success);animation:2.4s ease-in-out infinite mobile-presenter-live-blink}@keyframes mobile-presenter-live-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.mobile-presenter-topbar__connection-dot.is-live{animation:none}}.mobile-presenter-topbar__connection-dot.is-reconnecting{background:var(--color-warning);animation:1.3s ease-in-out infinite mobile-presenter-pulse}.mobile-presenter-topbar__actions{gap:var(--space-1);min-width:0;margin-left:auto}.mobile-presenter-topbar__timer-controls{gap:var(--space-1);flex-shrink:0}.mobile-presenter-topbar__pill{box-sizing:border-box;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-pill-stroke-on-dark);border-radius:var(--radius-full);background:var(--color-scrim-60);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex}.mobile-presenter-topbar__pill:empty{display:none}.mobile-presenter-topbar__time-pill{min-width:0;flex:auto;gap:0;padding-inline-start:var(--space-3)}.mobile-presenter-topbar__step-group{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);cursor:default;flex:auto;margin-inline-start:var(--space-1);display:flex}.mobile-presenter-topbar__icon-button{border-radius:var(--radius-md);cursor:pointer;border-radius:var(--radius-full);width:36px;min-height:36px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.mobile-presenter-topbar__icon-button:hover,.mobile-presenter-topbar__icon-button.is-active{color:var(--color-text-primary);background:var(--color-bg-hover)}.mobile-presenter-topbar__end-icon-button{color:var(--color-destructive)}.mobile-presenter-topbar__end-icon-button:hover,.mobile-presenter-topbar__end-icon-button:active{color:var(--color-destructive);background:color-mix(in srgb, var(--color-destructive) 16%, transparent)}.mobile-presenter-topbar__indicators{padding-block:var(--space-4) var(--space-0-5);justify-content:center}.mobile-presenter-topbar__tabs{box-sizing:border-box;background:color-mix(in srgb, var(--color-text-primary) 3%, var(--color-surface-base));width:100%;height:46px}.mobile-presenter-topbar__tabs--unified .prezi-style-brand-tab{font-size:calc(var(--font-size-caption) + 2px)}.mobile-presenter-topbar__tabs .prezi-style-brand-tab-indicator{box-sizing:border-box;border:1px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 16%, transparent);box-shadow:none}.mobile-presenter-pager-wrapper{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.mobile-presenter-activity-pill{z-index:var(--z-topbar-menu);--mobile-presenter-panel-pill-inset:calc(1px + var(--space-3) + var(--space-1) + 2px);bottom:calc(var(--space-3) + var(--mobile-presenter-panel-pill-inset));align-items:center;gap:calc(var(--space-1) + 2px);box-sizing:border-box;height:36px;padding:0 var(--space-3);white-space:nowrap;border:1px solid var(--color-pill-stroke);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-panel);box-shadow:var(--shadow-floating-pill);touch-action:manipulation;cursor:pointer;line-height:1.2;transition:left .24s,transform .24s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-presenter .mobile-presenter-activity-pill{font-size:12px}.mobile-presenter-activity-pill>svg{color:var(--color-primary);flex-shrink:0}.mobile-presenter-activity-pill.is-live>svg{color:inherit}.mobile-presenter-pager-wrapper--notes .mobile-presenter-activity-pill{left:calc(100% - var(--space-3) - var(--mobile-presenter-panel-pill-inset));transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.mobile-presenter-activity-pill{transition:none}}.mobile-presenter-activity-pill.is-live{color:var(--color-success);animation:1.3s ease-in-out infinite mobile-presenter-pulse}.mobile-presenter-pager{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:none;width:100%;height:100%;min-height:0;display:flex;overflow:auto hidden}.mobile-presenter-pager::-webkit-scrollbar{display:none}.mobile-presenter-pager.is-zoomed{overflow-x:hidden}.mobile-presenter-pane{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-width:100%;min-height:0}@keyframes mobile-presenter-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mobile-presenter-pulse{0%,to{opacity:1}50%{opacity:.55}}
