.cromma-skeleton{position:relative;overflow:hidden}.cromma-skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--foreground) 8%, transparent) 50%, transparent 100%);animation:laper-shimmer-sweep var(--skeleton-duration,1.5s) var(--skeleton-delay,0s) infinite ease-in-out both;position:absolute;inset:0}.dark .cromma-skeleton:after{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--foreground) 5%, transparent) 50%, transparent 100%)}@media (prefers-reduced-motion:reduce){.cromma-skeleton:after{animation:none}}@keyframes cromma-chat-shimmer{0%{background-position-x:calc(var(--chat-shimmer-band) * -1)}to{background-position-x:100vw}}.cromma-chat-shimmer{background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--shimmer-tint) calc(var(--chat-shimmer-peak) * 100%), transparent), transparent);background-size:var(--chat-shimmer-band) 100%;animation:cromma-chat-shimmer var(--chat-shimmer-duration) var(--ease-shimmer) infinite;background-repeat:no-repeat;background-attachment:fixed}@media (prefers-reduced-motion:reduce){.cromma-chat-shimmer{animation:none}}.cromma-bubble-body[data-markdown]>:has(+.cromma-bubble-stamp){display:inline}.cromma-bubble-body[data-markdown]>:has(+.cromma-bubble-stamp)>p:last-child{display:inline}@keyframes cromma-pulse{0%{opacity:var(--motion-pulse-min)}to{opacity:var(--motion-pulse-max)}}.cromma-pulse{animation:cromma-pulse var(--motion-pulse-period) var(--motion-pulse-ease) var(--pulse-delay,0s) infinite both}@media (prefers-reduced-motion:reduce){.cromma-pulse{opacity:var(--motion-pulse-max);animation:none}}.cromma-avatar-sweep{transform-box:fill-box;animation:laper-shimmer-sweep var(--skeleton-duration,1.5s) var(--skeleton-delay,0s) infinite ease-in-out both}.dark .cromma-avatar-sweep{opacity:.625}.cromma-avatar-primary-in{animation:cromma-avatar-primary-in var(--motion-quick) var(--ease-motion) both}@keyframes cromma-avatar-primary-in{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.cromma-avatar-sweep,.cromma-avatar-primary-in{animation:none}}.cromma-edge-top{background-color:color-mix(in srgb, var(--edge-tone,var(--btn-emphasis-from,var(--card))) calc(var(--subpage-edge-alpha) * 100%), transparent);-webkit-backdrop-filter:blur(var(--subpage-blur-radius));backdrop-filter:blur(var(--subpage-blur-radius));-webkit-mask-image:var(--subpage-edge-mask);mask-image:var(--subpage-edge-mask);-webkit-mask-image:var(--subpage-edge-mask)}.cromma-edge-bottom__blur{-webkit-backdrop-filter:blur(var(--edge-blur-bottom-radius));backdrop-filter:blur(var(--edge-blur-bottom-radius));-webkit-mask-image:linear-gradient(to top, black calc(var(--edge-blur-bottom-start) * 100%), transparent);mask-image:linear-gradient(to top, black calc(var(--edge-blur-bottom-start) * 100%), transparent);-webkit-mask-image:linear-gradient(to top, black calc(var(--edge-blur-bottom-start) * 100%), transparent)}.cromma-edge-bottom__wash{background-image:linear-gradient(to top, color-mix(in srgb, var(--edge-tone,var(--btn-emphasis-to,var(--card))) calc(var(--edge-blur-bottom-backing) * 100%), transparent), transparent)}.cromma-count-badge{--badge-tone:var(--destructive);isolation:isolate;color:var(--destructive-foreground);background-color:color-mix(in srgb, var(--badge-tone) var(--count-badge-tint), color-mix(in srgb, var(--card) calc(var(--count-badge-frost) * 100%), transparent));background-image:linear-gradient(to bottom, color-mix(in srgb, var(--inverse) calc(var(--count-badge-sheen-top) * 100%), transparent), transparent 50%, color-mix(in srgb, var(--scrim) calc(var(--count-badge-sheen-bottom) * 100%), transparent));box-shadow:var(--count-badge-shadow)}.cromma-count-badge[data-muted]{--badge-tone:var(--muted-foreground)}.cromma-count-badge:after{content:"";z-index:-1;border-radius:inherit;padding:var(--count-badge-rim-width);background:linear-gradient(var(--count-badge-rim-angle), color-mix(in srgb, var(--inverse) calc(var(--count-badge-rim-lit) * 100%), transparent), color-mix(in srgb, var(--inverse) calc(var(--count-badge-rim-shade) * 100%), transparent));-webkit-mask:var(--mask-ring);mask:var(--mask-ring);mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.cromma-frosted{letter-spacing:-.04em;white-space:nowrap;color:var(--foreground);font-weight:600;line-height:1;display:inline-block;position:relative;transform:rotate(-.75deg)}.cromma-frosted__chip{z-index:0;border:1px solid color-mix(in srgb, var(--scrim) 6%, transparent);border-top-color:color-mix(in srgb, var(--inverse) 72%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--inverse) 38%, transparent), color-mix(in srgb, var(--inverse) 10%, transparent) 58%, color-mix(in srgb, var(--inverse) 20%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--inverse) 50%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--scrim) 5%, transparent), 0 3px 10px color-mix(in srgb, var(--scrim) 7%, transparent);position:absolute;inset:-.3rem -.55rem}.cromma-frosted__sharp,.cromma-frosted__blurred{z-index:1;position:relative}.cromma-frosted__sharp{display:inline-block;-webkit-mask-image:linear-gradient(#000 0% 42%,#0000 100%);mask-image:linear-gradient(#000 0% 42%,#0000 100%)}.cromma-frosted__blurred{filter:blur(2px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 58% 100%);mask-image:linear-gradient(#0000 0%,#000 58% 100%)}@property --electric-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes electric-rotate{to{--electric-angle:360deg}}.cromma-group-card{background-color:var(--card);background-image:linear-gradient(to bottom, color-mix(in oklch, var(--card), white 40%), var(--card) 45%);box-shadow:inset 0 0 0 1px var(--border), inset 0 -8px 14px -12px oklch(0% none none/.12), 0 1px 2px oklch(0% none none/.04), 0 4px 12px -6px oklch(0% none none/.08)}.dark .cromma-group-card{background-image:linear-gradient(to bottom, color-mix(in oklch, var(--card), white 4%), var(--card) 45%);box-shadow:inset 0 0 0 1px var(--border), inset 0 -8px 14px -12px oklch(0% none none/.4), 0 4px 12px -6px oklch(0% none none/.4)}.cromma-hero{background:linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--muted) 60%, var(--card)) 100%)}.cromma-hero__dots{opacity:.6;-webkit-mask-image:var(--mask-fade-down);mask-image:var(--mask-fade-down);-webkit-mask-image:var(--mask-fade-down)}.dark .cromma-hero__dots{opacity:.5}.cromma-hero__shine{background:linear-gradient(180deg, color-mix(in srgb, var(--inverse) 60%, transparent) 0%, transparent 18%)}.dark .cromma-hero__shine{background:linear-gradient(180deg, color-mix(in srgb, var(--inverse) 8%, transparent) 0%, transparent 18%)}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)translateY(-4px)}}@keyframes logo-nod{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-10px)}}@keyframes logo-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(.98,1.03)}}@keyframes logo-bounce{0%{transform:scale(1)}22%{transform:scale(1.1,.88)translateY(14px)}48%{transform:scale(.94,1.1)translateY(-26px)}70%{transform:scale(1.03,.97)translateY(4px)}to{transform:scale(1)translateY(0)}}@keyframes logo-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1.06)}}@keyframes logo-droop{0%,to{transform:rotate(4deg)translateY(12px)}50%{transform:rotate(5deg)translateY(16px)}}@keyframes logo-sleep{0%,to{transform:rotate(7deg)scale(1)}50%{transform:rotate(7deg)scale(1.03)translateY(-3px)}}@keyframes logo-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.logo-body{transition:transform .3s var(--ease-settle)}.logo-breathe{animation:4s ease-in-out infinite logo-breathe}.logo-nod{animation:2.2s ease-in-out infinite logo-nod}.logo-bob{animation:.9s ease-in-out infinite logo-bob}.logo-bounce{animation:logo-bounce .7s var(--ease-settle) 1, logo-breathe 4s ease-in-out .7s infinite}.logo-pop{animation:logo-pop .35s var(--ease-settle) forwards}.logo-droop{animation:5s ease-in-out infinite logo-droop}.logo-sleep{animation:6s ease-in-out infinite logo-sleep}.logo-sway{animation:2.4s ease-in-out infinite logo-sway}@media (prefers-reduced-motion:reduce){.logo-body{animation:none!important}}:is(.cromma-row:has(+.cromma-row[data-selected]) .cromma-row-hairline,[data-row-cell]:has(+[data-row-cell] .cromma-row[data-selected]) .cromma-row-hairline){opacity:0}.cromma-field{border-radius:var(--mobile-field-radius);background-image:linear-gradient(to bottom, var(--field), color-mix(in oklch, var(--field), var(--muted) 30%));box-shadow:inset 0 0 0 1px var(--field-border), inset 0 -1.5px 0 0 oklch(0% none none/.06), 0 1px 3px oklch(0% none none/.06)}.dark .cromma-field{box-shadow:inset 0 0 0 1px var(--field-border), inset 0 -1.5px 0 0 oklch(0% none none/.3), 0 1px 3px oklch(0% none none/.45)}.cromma-field-well{z-index:-1;inset:calc(-1 * var(--mobile-field-well-inset)) calc(-1 * var(--mobile-field-well-inset)) calc(-1 * var(--mobile-field-well-drop));border-radius:calc(var(--mobile-field-radius) + var(--mobile-field-well-inset));background-color:var(--field-well);opacity:0;transition:opacity var(--motion-quick) var(--ease-motion), transform var(--motion-quick) var(--ease-motion);pointer-events:none;position:absolute;transform:scale(.96)}:focus-within>.cromma-field-well{opacity:1;transform:scale(1)}.cromma-round-ink{color:var(--card);background-color:color-mix(in srgb, var(--foreground) 88%, transparent);background-image:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--foreground) 88%, transparent))}.cromma-round-ink:hover{background-color:var(--foreground)}.laper-rainbow-sheen{background:repeating-linear-gradient(100deg, transparent 0px, color-mix(in srgb, var(--inverse) 5%, transparent) 38px, color-mix(in srgb, var(--inverse) 22%, transparent) 60px, color-mix(in srgb, var(--inverse) 5%, transparent) 82px, transparent 120px);width:calc(100% + 122px);animation:5.6s linear infinite laper-rainbow-roll-b;position:absolute;top:0;bottom:0;left:-122px}@keyframes laper-rainbow-roll-b{0%{transform:translate(0)}to{transform:translate(122px)}}.laper-rainbow-paused .laper-rainbow-sheen{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.laper-rainbow-sheen{animation:none}}.laper-toast-viewport{pointer-events:none;transition:height .15s;transform:translate(-50%)}.laper-toast{--gap:12px;--peek:12px;--scale:calc(max(0, 1 - var(--toast-index) * .1));--shrink:calc(1 - var(--scale));z-index:calc(1000 - var(--toast-index));transform-origin:bottom;pointer-events:auto;-webkit-user-select:none;user-select:none;transform:translateX(-50%) translateY(calc(var(--toast-index) * var(--peek) * -1 - var(--shrink) * 100%)) scale(var(--scale));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,width .15s,height .15s;position:absolute;bottom:0;left:50%}.laper-toast[data-expanded]{transform:translateX(-50%) translateY(calc(var(--toast-offset-y) * -1))}.laper-toast[data-behind]{overflow:hidden}.laper-toast-content{transition:opacity .25s}.laper-toast[data-behind] .laper-toast-content{opacity:0;pointer-events:none}.laper-toast[data-starting]{transform:translate(-50%)translateY(150%)}.laper-toast[data-ending]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(150%)}.laper-toast[data-limited]{opacity:0;pointer-events:none}.laper-toast-viewport[data-reduced-motion],.laper-toast-viewport[data-reduced-motion] .laper-toast,.laper-toast-viewport[data-reduced-motion] .laper-toast-content{transition:none}@keyframes toast-progress{0%{stroke-dashoffset:106.814px}to{stroke-dashoffset:0}}.toast-close-btn svg{color:var(--foreground);animation:3.33s ease-out forwards toast-icon-color}@keyframes toast-icon-color{0%{color:var(--foreground)}to{color:var(--toast-icon-color)}}
