@keyframes bobOrbDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(22px,-26px)scale(1.12)}}@keyframes bobHueTurn{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes bobLightSweep{0%{transform:translate(-14%,10%)rotate(0)}50%{transform:translate(12%,-8%)rotate(5deg)}to{transform:translate(-10%,6%)rotate(-3deg)}}@property --bob-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes bobRingTurn{to{--bob-ring-angle:360deg}}@keyframes bobHeaderSweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bobShimmer{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(220%)skew(-12deg)}}@keyframes bobCaretBlink{0%,45%{opacity:1}50%,to{opacity:0}}.bob-atmosphere{z-index:0;pointer-events:none;background:var(--color-surface-primary);position:absolute;inset:0;overflow:hidden}.bob-atmosphere-glow{background:radial-gradient(85% 55% at 50% 0%, var(--color-accent-pink-background), transparent 70%), radial-gradient(70% 50% at 0% 55%, var(--color-accent-teal-background), transparent 65%), radial-gradient(90% 60% at 50% 100%, var(--color-accent-skyblue-background), transparent 65%);position:absolute;inset:0}.bob-atmosphere-orbs{position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.bob-atmosphere-orbs{animation:40s linear infinite bobHueTurn}}.bob-atmosphere-sweep{background:linear-gradient(115deg, transparent 30%, color-mix(in srgb, var(--color-surface-primary) 80%, transparent) 47%, color-mix(in srgb, var(--color-magenta-300) 45%, transparent) 54%, transparent 68%);opacity:.75;mix-blend-mode:soft-light;position:absolute;inset:-30% -40%}@media (prefers-reduced-motion:no-preference){.bob-atmosphere-sweep{animation:14s ease-in-out infinite bobLightSweep}}.bob-orb{top:var(--bob-orb-top);left:var(--bob-orb-left);width:var(--bob-orb-size);height:var(--bob-orb-size);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--color-surface-primary) 55%, transparent), var(--bob-orb-color) 38%, transparent 74%);filter:blur(var(--bob-orb-blur));opacity:.95;will-change:transform;border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.bob-orb{animation:bobOrbDrift var(--bob-orb-duration) ease-in-out infinite alternate;animation-delay:var(--bob-orb-delay)}}.bob-orb--pink{--bob-orb-size:260px;--bob-orb-color:color-mix(in srgb, var(--color-pink-400) 82%, transparent);--bob-orb-top:-14%;--bob-orb-left:40%;--bob-orb-duration:14s;--bob-orb-delay:0s;--bob-orb-blur:20px}.bob-orb--teal{--bob-orb-size:240px;--bob-orb-color:color-mix(in srgb, var(--color-teal-400) 78%, transparent);--bob-orb-top:36%;--bob-orb-left:-26%;--bob-orb-duration:18s;--bob-orb-delay:-3s;--bob-orb-blur:18px}.bob-orb--yellow{--bob-orb-size:220px;--bob-orb-color:color-mix(in srgb, var(--color-yellow-400) 85%, transparent);--bob-orb-top:60%;--bob-orb-left:52%;--bob-orb-duration:16s;--bob-orb-delay:-6s;--bob-orb-blur:16px}.bob-orb--skyblue{--bob-orb-size:210px;--bob-orb-color:color-mix(in srgb, var(--color-skyblue-400) 80%, transparent);--bob-orb-top:14%;--bob-orb-left:2%;--bob-orb-duration:20s;--bob-orb-delay:-9s;--bob-orb-blur:14px}.bob-orb--purple{--bob-orb-size:250px;--bob-orb-color:color-mix(in srgb, var(--color-purple-400) 80%, transparent);--bob-orb-top:76%;--bob-orb-left:4%;--bob-orb-duration:22s;--bob-orb-delay:-12s;--bob-orb-blur:20px}.bob-orb--magenta{--bob-orb-size:180px;--bob-orb-color:color-mix(in srgb, var(--color-magenta-400) 72%, transparent);--bob-orb-top:44%;--bob-orb-left:62%;--bob-orb-duration:12s;--bob-orb-delay:-5s;--bob-orb-blur:16px}.bob-atmosphere-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-primary) 30%, transparent) 0%, color-mix(in srgb, var(--color-surface-primary) 42%, transparent) 55%, color-mix(in srgb, var(--color-surface-primary) 34%, transparent) 100%);position:absolute;inset:0}.bob-atmosphere--page .bob-orb{width:calc(var(--bob-orb-size) * 3);height:calc(var(--bob-orb-size) * 3);filter:blur(calc(var(--bob-orb-blur) * 3))}.bob-atmosphere--page .bob-atmosphere-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-primary) 45%, transparent) 0%, color-mix(in srgb, var(--color-surface-primary) 60%, transparent) 55%, color-mix(in srgb, var(--color-surface-primary) 70%, transparent) 100%)}.bob-shell{--bob-ring-angle:0deg;background:conic-gradient(from var(--bob-ring-angle), var(--color-skyblue-400), var(--color-purple-400), var(--color-magenta-400), var(--color-pink-400), var(--color-yellow-400), var(--color-teal-400), var(--color-skyblue-400));border-radius:1.125rem;padding:2px}@media (prefers-reduced-motion:no-preference){.bob-shell{animation:9s linear infinite bobRingTurn}}.bob-chip{background:linear-gradient(120deg, var(--bob-chip-from), var(--bob-chip-to));border-radius:999px;padding:1.5px;transition:box-shadow .16s;display:inline-flex}.bob-chip:hover{box-shadow:0 4px 14px -4px var(--bob-chip-to)}.bob-chip--0{--bob-chip-from:var(--color-skyblue-400);--bob-chip-to:var(--color-purple-400)}.bob-chip--1{--bob-chip-from:var(--color-pink-400);--bob-chip-to:var(--color-magenta-400)}.bob-chip--2{--bob-chip-from:var(--color-teal-400);--bob-chip-to:var(--color-lemongrass-400)}.bob-chip--3{--bob-chip-from:var(--color-yellow-400);--bob-chip-to:var(--color-coral-400)}.bob-chip--4{--bob-chip-from:var(--color-indigo-400);--bob-chip-to:var(--color-skyblue-400)}.bob-header{background:linear-gradient(115deg, var(--color-skyblue-400) 0%, var(--color-purple-500) 30%, var(--color-magenta-500) 55%, var(--color-pink-600) 75%, var(--color-teal-400) 100%);background-size:260% 260%}@media (prefers-reduced-motion:no-preference){.bob-header{animation:12s ease-in-out infinite bobHeaderSweep}}.bob-shimmer{position:relative;overflow:hidden}.bob-shimmer:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--color-surface-primary) 65%, transparent) 50%, transparent 100%);width:45%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.bob-shimmer:after{animation:.9s ease-out both bobShimmer}}.bob-caret{vertical-align:-.15em;background:var(--color-purple-500);border-radius:1px;width:2px;height:1em;margin-left:2px;display:inline-block}@media (prefers-reduced-motion:no-preference){.bob-caret{animation:.9s step-end infinite bobCaretBlink}}.bob-user-bubble{background:linear-gradient(120deg, var(--color-skyblue-600), var(--color-purple-500));color:var(--color-gray-0)}