@font-face{font-family:OllaPlex;src:url("fonts/plex-ui-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:OllaPlex;src:url("fonts/plex-ui-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OllaPlex;src:url("fonts/plex-ui-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:OllaPlex;src:url("fonts/plex-ui-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:OllaPlex;src:url("fonts/plex-ui-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* V2 presentation only. The existing VisualViewport controller owns geometry. */
html[data-olla-primary]{--olla-ui-font:OllaPlex,Plex,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--olla-safe-top:env(safe-area-inset-top,0px);--olla-safe-bottom:env(safe-area-inset-bottom,0px);--olla-safe-left:env(safe-area-inset-left,0px);--olla-safe-right:env(safe-area-inset-right,0px);color-scheme:light;background:#FDFCFA}
html[data-olla-primary] body{background:#FDFCFA;font-family:var(--olla-ui-font);font-weight:400}
/* One reading family through inherited legacy controls, while preserving the
   existing wordmark, SVG icons and code/monospace content. */
:is(#unifiedRoot,#dialog,.olla-media-picker,.olla-media-preview,.story-workspace),
:is(#unifiedRoot,#dialog,.olla-media-picker,.olla-media-preview,.story-workspace) :where(*):not(.unified-logo,.unified-logo *,svg,svg *,pre,pre *,code,code *,kbd,kbd *){font-family:var(--olla-ui-font)!important}
:is(.week-preview-meta,.inline-plan-type,.inline-plan-day h3,.week-calendar,.ed-snum,.ed-daynum,.ed-navdate,.t-count,.media-viewer-counter){font-variant-numeric:lining-nums tabular-nums;letter-spacing:normal}

@media(max-width:800px),(max-width:1024px) and (pointer:coarse){
 #unifiedRoot{--olla-top-clearance:max(0px,calc(var(--olla-safe-top) - var(--u-top,0px)));--mobile-header-height:calc(56px + var(--olla-top-clearance))}
 /* Header controls keep their safe inset. The header itself is transparent;
    iOS owns whether the installed web view can paint beneath its status bar. */
 .unified-header{padding-top:calc(6px + var(--olla-top-clearance));padding-left:calc(16px + var(--olla-safe-left));padding-right:calc(16px + var(--olla-safe-right))}
 #unifiedRoot #aiSidebar{padding-top:max(12px,var(--olla-top-clearance));padding-bottom:max(12px,var(--olla-safe-bottom));padding-right:calc(12px + var(--olla-safe-right))}
 #integrated-ollaBody{padding-left:calc(16px + var(--olla-safe-left));padding-right:calc(16px + var(--olla-safe-right))}
 .unified-composer-zone{padding-left:calc(12px + var(--olla-safe-left));padding-right:calc(12px + var(--olla-safe-right));padding-bottom:max(8px,var(--olla-safe-bottom))}
 #unifiedRoot[data-keyboard=true] .unified-composer-zone{padding-bottom:6px}
 .olla-media-picker:not([data-embedded]){max-height:calc(100dvh - var(--olla-safe-top) - 12px);padding-left:calc(14px + var(--olla-safe-left));padding-right:calc(14px + var(--olla-safe-right));padding-bottom:calc(14px + var(--olla-safe-bottom))}
 .olla-media-picker[open]:not([data-embedded]){display:flex;flex-direction:column;overflow:hidden}
 .olla-media-picker:not([data-embedded]) :is(header,.media-picker-filter,[role=status],footer){flex-shrink:0}
 .olla-media-picker:not([data-embedded]) .media-picker-grid{flex:1 1 auto;min-height:0}
 .olla-media-preview{max-width:calc(100vw - 36px - var(--olla-safe-left) - var(--olla-safe-right));--viewer-max-height:min(76dvh,calc(100dvh - var(--olla-safe-top) - var(--olla-safe-bottom) - 24px))}
 html[data-olla-overlay-keyboard] .olla-media-picker:not([data-embedded]){top:calc(var(--olla-overlay-top) + max(0px,calc(var(--olla-safe-top) - var(--olla-overlay-top))) + 8px);bottom:auto;margin:0 auto;max-height:calc(var(--olla-overlay-height) - max(0px,calc(var(--olla-safe-top) - var(--olla-overlay-top))) - 16px);padding-bottom:12px}
}
@media(orientation:landscape) and (max-height:550px) and (pointer:coarse){.olla-media-picker:not([data-embedded]){max-height:calc(100dvh - var(--olla-safe-top) - var(--olla-safe-bottom) - 24px)}}
