.app-content-frame .app-content-inner{transition:opacity .2s ease,transform .22s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.app-content-inner.is-leaving{opacity:0;transform:translateY(8px);pointer-events:none}.app-content-inner.is-entering{opacity:0;transform:translateY(10px);transition:none}.app-content-inner.is-entering.is-entered{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.app-bottom-nav.is-nav-loading,.app-sidebar.is-nav-loading{opacity:.72;pointer-events:none;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.app-content-inner,.app-content-inner.is-leaving,.app-content-inner.is-entering,.app-content-inner.is-entering.is-entered{transition:none!important;transform:none!important}.app-content-inner:not(.is-pending-mount):not(.is-leaving):not(.is-entering),.app-content-inner.is-entering.is-entered{opacity:1!important}}.app-bottom-nav{position:relative}.app-bottom-nav .nav-active-pill{position:absolute;top:0;left:0;z-index:0;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-light) 22%,transparent),color-mix(in srgb,var(--primary) 14%,transparent));box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 18%,transparent);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .25s ease;will-change:transform,width}.app-bottom-nav a,.app-bottom-nav button{position:relative;z-index:1}.app-bottom-nav:has(.nav-active-pill) a.active:before{display:none}@media(prefers-reduced-motion:reduce){.app-bottom-nav .nav-active-pill{transition:none}}.glass-surface{position:relative;isolation:isolate;overflow:hidden;--glass-frost: .14;--glass-saturation: 1.35}.glass-surface__filter{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:-1}.glass-surface--svg{background:hsl(0 0% 100% / var(--glass-frost, .14));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation, 1.35));-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturation, 1.35));border-color:transparent;box-shadow:0 0 2px 1px color-mix(in oklch,black,transparent 85%) inset,0 0 10px 4px color-mix(in oklch,black,transparent 90%) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 40px #11111a0f,0 4px 16px #11111a0a inset,inset 0 1px #ffffff8c}.glass-surface--fallback{background:color-mix(in srgb,var(--glass-bg) 55%,transparent);backdrop-filter:blur(18px) saturate(1.8) brightness(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.8) brightness(1.08);border:1px solid color-mix(in srgb,var(--glass-border) 80%,white);box-shadow:0 8px 32px #1f268724,0 2px 12px #1f268714,inset 0 1px #ffffff73,inset 0 -1px #ffffff2e}.app-header.glass-surface--header{border-radius:0!important;overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,white),color-mix(in srgb,var(--surface) 52%,transparent))!important;backdrop-filter:blur(24px) saturate(1.7) brightness(1.06)!important;-webkit-backdrop-filter:blur(24px) saturate(1.7) brightness(1.06)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 75%,white)!important;box-shadow:inset 0 1px #fff9,0 10px 28px #11111a12!important}.app-bottom-nav.app-dock.glass-surface{border:1px solid color-mix(in srgb,var(--glass-border) 75%,white)}.more-sheet{background:color-mix(in srgb,var(--chrome-bg) 72%,transparent);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border-top:1px solid var(--glass-border);box-shadow:0 -12px 40px #11111a1f,inset 0 1px #ffffff80}.tilt-card{transform-style:preserve-3d;perspective:900px;--tilt-x: 0deg;--tilt-y: 0deg;--glare-x: 50%;--glare-y: 50%;transition:transform .35s ease}.tilt-card.is-tilting{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale3d(1.02,1.02,1.02);transition:transform .08s linear}.tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle at var(--glare-x) var(--glare-y),rgba(255,255,255,.45) 0%,transparent 55%);transition:opacity .35s ease;mix-blend-mode:soft-light}.tilt-card.is-tilting .tilt-glare{opacity:1}@media(prefers-reduced-motion:reduce),(hover:none){.tilt-card.is-tilting{transform:none}.tilt-glare{display:none}}.blur-text{filter:blur(8px);opacity:.35;transition:filter .7s cubic-bezier(.16,1,.3,1),opacity .7s ease}.blur-text.blur-text-in,.blur-text.blur-text-done{filter:blur(0);opacity:1}@media(prefers-reduced-motion:reduce){.blur-text{filter:none;opacity:1}}.has-click-spark{position:relative;overflow:hidden}.click-spark{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;pointer-events:none;z-index:5;background:color-mix(in srgb,var(--primary-light) 80%,white);box-shadow:0 0 color-mix(in srgb,var(--primary) 40%,transparent),12px -8px 0 -2px color-mix(in srgb,var(--accent-indigo) 70%,white),-10px -6px 0 -2px color-mix(in srgb,var(--primary-light) 80%,white),8px 10px 0 -2px color-mix(in srgb,var(--accent-teal, #14b8a6) 70%,white),-12px 8px 0 -2px #fff;animation:click-spark-burst .6s ease-out forwards}@keyframes click-spark-burst{to{opacity:0;transform:scale(2.4);box-shadow:0 0 0 12px transparent,22px -16px 0 -4px transparent,-20px -14px 0 -4px transparent,16px 20px 0 -4px transparent,-22px 16px 0 -4px transparent}}@media(prefers-reduced-motion:reduce){.click-spark{display:none}}.border-glow{position:relative;isolation:isolate}.border-glow:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--border-glow-angle, 0deg),transparent 40%,color-mix(in srgb,var(--primary-light) 70%,white),var(--primary),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1;animation:border-glow-spin 3.5s linear infinite}.border-glow:hover:after,.border-glow:focus-visible:after{opacity:.85}@keyframes border-glow-spin{to{--border-glow-angle: 360deg}}@property --border-glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@media(prefers-reduced-motion:reduce){.border-glow:after{animation:none;opacity:0}}
