.od-os{--os-font:"Google Sans Flex", "Google Sans", "Roboto Flex", ui-sans-serif, system-ui, sans-serif;--os-shelf-h:64px;--os-gesture-h:20px;--os-ease:cubic-bezier(.2, 0, 0, 1);--os-ease-spring:cubic-bezier(.34, 1.36, .64, 1);--os-shape-xs:8px;--os-shape-sm:12px;--os-shape-md:16px;--os-shape-lg:28px;--os-shape-xl:36px;--background:var(--md-surface);--foreground:var(--md-on-surface);--card:var(--md-surface-container-low);--card-foreground:var(--md-on-surface);--popover:var(--md-surface-container-high);--popover-foreground:var(--md-on-surface);--primary:var(--md-primary);--primary-foreground:var(--md-on-primary);--secondary:var(--md-secondary-container);--secondary-foreground:var(--md-on-secondary-container);--muted:var(--md-surface-container-highest);--muted-foreground:var(--md-on-surface-variant);--accent:var(--md-tertiary-container);--accent-foreground:var(--md-on-tertiary-container);--border:var(--md-outline-variant);--input:var(--md-outline-variant);--ring:var(--md-primary);--font-display:var(--os-font);--font-body:var(--os-font);background:var(--md-surface);min-height:100dvh;color:var(--md-on-surface);font-family:var(--os-font);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent}.od-os ::selection{background:var(--md-primary-container);color:var(--md-on-primary-container)}.od-wallpaper{z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 10% 0%, color-mix(in srgb, var(--md-primary-container) 85%, transparent) 0%, transparent 60%), radial-gradient(90% 60% at 100% 30%, color-mix(in srgb, var(--md-tertiary-container) 70%, transparent) 0%, transparent 65%), radial-gradient(120% 80% at 50% 110%, color-mix(in srgb, var(--md-secondary-container) 80%, transparent) 0%, transparent 60%), var(--md-surface);position:fixed;inset:0}.od-gesture{z-index:60;height:calc(var(--os-gesture-h) + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;padding-top:7px;display:flex;position:fixed;bottom:0;left:0;right:0}.od-gesture a{background:color-mix(in srgb, var(--md-on-surface) 70%, transparent);width:132px;height:5px;transition:width .3s var(--os-ease-spring);border-radius:999px;display:block}.od-gesture a:active{width:96px}@media (width>=1024px){.od-gesture{display:none}}.od-shelf{display:none}@media (width>=1024px){.od-shelf{z-index:60;background:color-mix(in srgb, var(--md-surface-container-high) 82%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.5);height:56px;box-shadow:0 12px 40px -16px #00000059, inset 0 0 0 1px color-mix(in srgb, var(--md-outline-variant) 60%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 8px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.od-with-shelf{padding-bottom:calc(var(--os-shelf-h) + 16px)}}.od-shelf-item{width:44px;height:44px;color:var(--md-on-surface);transition:background .2s var(--os-ease), transform .25s var(--os-ease-spring);border-radius:999px;place-items:center;display:grid;position:relative}.od-shelf-item:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent);transform:translateY(-2px)}.od-shelf-item[data-active=true]:after{content:"";background:var(--md-primary);border-radius:999px;width:16px;height:3px;position:absolute;bottom:3px}.od-shelf-sep{background:var(--md-outline-variant);width:1px;height:24px;margin:0 4px}.od-app{text-align:center;outline:none;flex-direction:column;align-items:center;gap:8px;display:flex}.od-app-icon{width:60px;height:60px;transition:border-radius .45s var(--os-ease-spring), transform .35s var(--os-ease-spring);border-radius:22px;place-items:center;display:grid}.od-app:hover .od-app-icon,.od-app:focus-visible .od-app-icon{border-radius:50%;transform:scale(1.06)}.od-app:active .od-app-icon{transform:scale(.92)}.od-app:focus-visible .od-app-icon{outline:3px solid var(--md-primary);outline-offset:3px}.od-app-label{max-width:84px;color:var(--md-on-surface);font-size:12.5px;font-weight:500;line-height:1.2}@media (width>=640px){.od-app-icon{border-radius:24px;width:68px;height:68px}.od-app-label{font-size:13px}}.od-card{border-radius:var(--os-shape-lg);background:color-mix(in srgb, var(--md-surface-container-low) 88%, transparent)}.od-pill-search{background:var(--md-surface-container-high);height:56px;color:var(--md-on-surface);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 20px;display:flex;box-shadow:0 1px 2px #00000014}.od-pill-search input{min-width:0;height:100%;color:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.od-pill-search input::placeholder{color:var(--md-on-surface-variant)}.od-rise{animation:od-rise .6s var(--os-ease-spring) both}@keyframes od-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}::view-transition-old(root){animation:od-vt-out .28s var(--os-ease,ease) both}::view-transition-new(root){animation:.42s cubic-bezier(.2,0,0,1) both od-vt-in}@keyframes od-vt-out{to{opacity:0;transform:scale(.96)}}@keyframes od-vt-in{0%{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.od-os *,.od-os :before,.od-os :after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.od-os{padding-top:env(safe-area-inset-top)}.od-with-gesture{padding-bottom:calc(var(--os-gesture-h) + env(safe-area-inset-bottom) + 8px)}@media (width>=1024px){.od-with-gesture{padding-bottom:0}}.od-os .od-pill-search input{box-shadow:none!important;background:0 0!important;border:0!important}.od-first-cap:first-letter{text-transform:uppercase}html .od-os input.od-field{color:var(--md-on-surface)!important;border-color:var(--md-outline)!important;background:0 0!important}html .od-os input.od-field:focus{border-color:var(--md-primary)!important}html .od-os input.od-field:focus+label{color:var(--md-primary)!important}