@youcan/celeste 0.13.0 → 0.14.0

package/dist/celeste.css

@@ -1214,14 +1214,14 @@ to {
 .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
-}.celeste-calendar[data-v-f067ca68] {
+}.celeste-calendar[data-v-8b6a5725] {
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
   color: var(--color-text-sub-600);
   gap: var(--spacing-8);
 }
-.celeste-calendar-header[data-v-f067ca68] {
+.celeste-calendar-header[data-v-8b6a5725] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1230,13 +1230,13 @@ to {
   border-radius: var(--radius-8);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-calendar-heading[data-v-f067ca68] {
+.celeste-calendar-heading[data-v-8b6a5725] {
   flex: 1;
   color: var(--color-text-sub-600);
   font: var(--label-sm);
   text-align: center;
 }
-.celeste-calendar-nav[data-v-f067ca68] {
+.celeste-calendar-nav[data-v-8b6a5725] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -1254,49 +1254,49 @@ to {
   color: var(--color-icon-sub-600);
   cursor: pointer;
 }
-.celeste-calendar-nav i[data-v-f067ca68] {
+.celeste-calendar-nav i[data-v-8b6a5725] {
   width: 20px;
   height: 20px;
 }
-.celeste-calendar-nav:dir(rtl) i[data-v-f067ca68] {
+.celeste-calendar-nav:dir(rtl) i[data-v-8b6a5725] {
   transform: scaleX(-1);
 }
-.celeste-calendar-nav[data-v-f067ca68]:hover {
+.celeste-calendar-nav[data-v-8b6a5725]:hover {
   color: var(--color-icon-strong-950);
 }
-.celeste-calendar-nav[data-v-f067ca68]:focus-visible {
+.celeste-calendar-nav[data-v-8b6a5725]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-calendar-nav[data-disabled][data-v-f067ca68] {
+.celeste-calendar-nav[data-disabled][data-v-8b6a5725] {
   background-color: transparent;
   box-shadow: none;
   color: var(--color-icon-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-calendar-months[data-v-f067ca68] {
+.celeste-calendar-months[data-v-8b6a5725] {
   display: flex;
   gap: var(--spacing-16);
 }
-.celeste-calendar-grid[data-v-f067ca68] {
+.celeste-calendar-grid[data-v-8b6a5725] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
   width: 100%;
   border-collapse: collapse;
 }
-.celeste-calendar-body[data-v-f067ca68] {
+.celeste-calendar-body[data-v-8b6a5725] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
 }
-.celeste-calendar-week[data-v-f067ca68] {
+.celeste-calendar-week[data-v-8b6a5725] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.celeste-calendar-weekday[data-v-f067ca68] {
+.celeste-calendar-weekday[data-v-8b6a5725] {
   flex: 1;
   padding-block: var(--spacing-10);
   color: var(--color-text-soft-400);
@@ -1304,12 +1304,12 @@ to {
   text-align: center;
   text-transform: uppercase;
 }
-.celeste-calendar-cell[data-v-f067ca68] {
+.celeste-calendar-cell[data-v-8b6a5725] {
   position: relative;
   flex: 1;
   min-width: 0;
 }
-.celeste-calendar-day[data-v-f067ca68] {
+.celeste-calendar-day[data-v-8b6a5725] {
   display: flex;
   position: relative;
   box-sizing: border-box;
@@ -1329,44 +1329,44 @@ to {
      -moz-user-select: none;
           user-select: none;
 }
-.celeste-calendar-day[data-v-f067ca68]:hover {
+.celeste-calendar-day[data-v-8b6a5725]:hover {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-calendar-day[data-v-f067ca68]:focus-visible {
+.celeste-calendar-day[data-v-8b6a5725]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-calendar-day[data-outside-view][data-v-f067ca68], .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68] {
+.celeste-calendar-day[data-outside-view][data-v-8b6a5725], .celeste-calendar-day[data-outside-visible-view][data-v-8b6a5725] {
   color: var(--color-text-disabled-300);
 }
-.celeste-calendar-day[data-outside-view][data-v-f067ca68]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68]:hover {
+.celeste-calendar-day[data-outside-view][data-v-8b6a5725]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-8b6a5725]:hover {
   background-color: var(--color-bg-white-0);
   color: var(--color-text-disabled-300);
 }
-.celeste-calendar-day[data-disabled][data-v-f067ca68] {
+.celeste-calendar-day[data-disabled][data-v-8b6a5725] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-calendar-day[data-unavailable][data-v-f067ca68] {
+.celeste-calendar-day[data-unavailable][data-v-8b6a5725] {
   color: var(--color-text-disabled-300);
   text-decoration: line-through;
   pointer-events: none;
 }
-.celeste-calendar-day[data-selected][data-v-f067ca68] {
+.celeste-calendar-day[data-selected][data-v-8b6a5725] {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-calendar-day[data-selected][data-v-f067ca68]:hover {
+.celeste-calendar-day[data-selected][data-v-8b6a5725]:hover {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-calendar-day-number[data-v-f067ca68] {
+.celeste-calendar-day-number[data-v-8b6a5725] {
   position: relative;
 }
-.celeste-calendar-day[data-today][data-v-f067ca68]::after,
-.celeste-calendar-day[data-marked][data-v-f067ca68]::after {
+.celeste-calendar-day[data-today][data-v-8b6a5725]::after,
+.celeste-calendar-day[data-marked][data-v-8b6a5725]::after {
   content: "";
   position: absolute;
   bottom: 6px;
@@ -1377,8 +1377,8 @@ to {
   border-radius: var(--radius-full);
   background-color: var(--color-primary-base);
 }
-.celeste-calendar-day[data-selected][data-today][data-v-f067ca68]::after,
-.celeste-calendar-day[data-selected][data-marked][data-v-f067ca68]::after {
+.celeste-calendar-day[data-selected][data-today][data-v-8b6a5725]::after,
+.celeste-calendar-day[data-selected][data-marked][data-v-8b6a5725]::after {
   background-color: var(--color-text-white-0);
 }.celeste-chart-card[data-v-e3917b02] {
   display: flex;
@@ -2877,7 +2877,7 @@ to {
     transform: translateY(10px);
     opacity: 0;
 }
-}.celeste-combobox-root[data-v-7e1e8d15] {
+}.celeste-combobox-root[data-v-bfdab687] {
   flex-shrink: 0;
 }.celeste-dropdown-separator[data-v-bf73b588] {
   width: 100%;
@@ -3425,7 +3425,7 @@ to {
   --celeste-digit-input-border-color: transparent;
   --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
-}.celeste-digit-input[data-v-20a3fbb5] {
+}.celeste-digit-input[data-v-12ddf69b] {
   display: flex;
   align-items: center;
   max-width: 100%;
@@ -3646,7 +3646,7 @@ to {
 }
 .celeste-dropdown-menu-trigger[data-disabled][data-v-182db80e] i {
   color: var(--color-icon-disabled-300);
-}[data-v-fa4c1e84] {
+}[data-v-154e9b38] {
   box-sizing: border-box;
 }[data-v-cf42d877] .celeste-tooltip-content {
   display: flex;
@@ -4031,16 +4031,16 @@ to {
 }
 .celeste-slider .celeste-slider-thumb:active {
   cursor: grabbing;
-}.celeste-range-calendar[data-v-87d63238] {
+}.celeste-range-calendar[data-v-ebdaadb8] {
   display: flex;
   box-sizing: border-box;
   color: var(--color-text-sub-600);
 }
-.celeste-range-calendar-months[data-v-87d63238] {
+.celeste-range-calendar-months[data-v-ebdaadb8] {
   display: flex;
   align-items: stretch;
 }
-.celeste-range-calendar-month[data-v-87d63238] {
+.celeste-range-calendar-month[data-v-ebdaadb8] {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -4048,10 +4048,10 @@ to {
   min-width: 0;
   padding: 20px;
 }
-.celeste-range-calendar-month[data-v-87d63238]:not(:last-child) {
+.celeste-range-calendar-month[data-v-ebdaadb8]:not(:last-child) {
   border-inline-end: 1px solid var(--color-stroke-soft-200);
 }
-.celeste-range-calendar-header[data-v-87d63238] {
+.celeste-range-calendar-header[data-v-ebdaadb8] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4060,13 +4060,13 @@ to {
   border-radius: var(--radius-8);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-range-calendar-heading[data-v-87d63238] {
+.celeste-range-calendar-heading[data-v-ebdaadb8] {
   flex: 1;
   color: var(--color-text-sub-600);
   font: var(--label-sm);
   text-align: center;
 }
-.celeste-range-calendar-nav[data-v-87d63238] {
+.celeste-range-calendar-nav[data-v-ebdaadb8] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -4084,74 +4084,74 @@ to {
   color: var(--color-icon-sub-600);
   cursor: pointer;
 }
-.celeste-range-calendar-nav i[data-v-87d63238] {
+.celeste-range-calendar-nav i[data-v-ebdaadb8] {
   width: 20px;
   height: 20px;
 }
-.celeste-range-calendar-nav:dir(rtl) i[data-v-87d63238] {
+.celeste-range-calendar-nav:dir(rtl) i[data-v-ebdaadb8] {
   transform: scaleX(-1);
 }
-.celeste-range-calendar-nav[data-v-87d63238]:hover {
+.celeste-range-calendar-nav[data-v-ebdaadb8]:hover {
   color: var(--color-icon-strong-950);
 }
-.celeste-range-calendar-nav[data-v-87d63238]:focus-visible {
+.celeste-range-calendar-nav[data-v-ebdaadb8]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-range-calendar-nav[data-disabled][data-v-87d63238] {
+.celeste-range-calendar-nav[data-disabled][data-v-ebdaadb8] {
   background-color: transparent;
   box-shadow: none;
   color: var(--color-icon-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-range-calendar-grid[data-v-87d63238] {
+.celeste-range-calendar-grid[data-v-ebdaadb8] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
   width: 100%;
   border-collapse: collapse;
 }
-.celeste-range-calendar-body[data-v-87d63238] {
+.celeste-range-calendar-body[data-v-ebdaadb8] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
 }
-.celeste-range-calendar-week[data-v-87d63238] {
+.celeste-range-calendar-week[data-v-ebdaadb8] {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
   align-items: center;
 }
-.celeste-range-calendar-weekday[data-v-87d63238] {
+.celeste-range-calendar-weekday[data-v-ebdaadb8] {
   padding-block: var(--spacing-10);
   color: var(--color-text-soft-400);
   font: var(--label-sm);
   text-align: center;
   text-transform: uppercase;
 }
-.celeste-range-calendar-cell[data-v-87d63238] {
+.celeste-range-calendar-cell[data-v-ebdaadb8] {
   position: relative;
   min-width: 0;
 }
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-highlighted]) {
   background-color: var(--color-primary-alpha-10);
 }
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-start]),
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-start]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-selection-start]),
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-highlighted-start]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-ebdaadb8]:first-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-ebdaadb8]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
   border-start-start-radius: var(--radius-8);
   border-end-start-radius: var(--radius-8);
 }
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-end]),
-.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-end]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-selection-end]),
+.celeste-range-calendar-cell[data-v-ebdaadb8]:has(.celeste-range-calendar-day[data-highlighted-end]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-ebdaadb8]:last-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-ebdaadb8]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
   border-start-end-radius: var(--radius-8);
   border-end-end-radius: var(--radius-8);
 }
-.celeste-range-calendar-day[data-v-87d63238] {
+.celeste-range-calendar-day[data-v-ebdaadb8] {
   display: flex;
   position: relative;
   box-sizing: border-box;
@@ -4173,51 +4173,51 @@ to {
      -moz-user-select: none;
           user-select: none;
 }
-.celeste-range-calendar-day[data-v-87d63238]:hover {
+.celeste-range-calendar-day[data-v-ebdaadb8]:hover {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-range-calendar-day[data-v-87d63238]:focus-visible {
+.celeste-range-calendar-day[data-v-ebdaadb8]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-range-calendar-day[data-outside-view][data-v-87d63238], .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238] {
+.celeste-range-calendar-day[data-outside-view][data-v-ebdaadb8], .celeste-range-calendar-day[data-outside-visible-view][data-v-ebdaadb8] {
   color: var(--color-text-disabled-300);
 }
-.celeste-range-calendar-day[data-outside-view][data-v-87d63238]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238]:hover {
+.celeste-range-calendar-day[data-outside-view][data-v-ebdaadb8]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-ebdaadb8]:hover {
   background-color: transparent;
   color: var(--color-text-disabled-300);
 }
-.celeste-range-calendar-day[data-disabled][data-v-87d63238] {
+.celeste-range-calendar-day[data-disabled][data-v-ebdaadb8] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-range-calendar-day[data-unavailable][data-v-87d63238] {
+.celeste-range-calendar-day[data-unavailable][data-v-ebdaadb8] {
   color: var(--color-text-disabled-300);
   text-decoration: line-through;
   pointer-events: none;
 }
-.celeste-range-calendar-day[data-selected][data-v-87d63238], .celeste-range-calendar-day[data-highlighted][data-v-87d63238] {
+.celeste-range-calendar-day[data-selected][data-v-ebdaadb8], .celeste-range-calendar-day[data-highlighted][data-v-ebdaadb8] {
   color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selected][data-v-87d63238]:hover, .celeste-range-calendar-day[data-highlighted][data-v-87d63238]:hover {
+.celeste-range-calendar-day[data-selected][data-v-ebdaadb8]:hover, .celeste-range-calendar-day[data-highlighted][data-v-ebdaadb8]:hover {
   background-color: transparent;
   color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selection-start][data-v-87d63238], .celeste-range-calendar-day[data-selection-end][data-v-87d63238] {
+.celeste-range-calendar-day[data-selection-start][data-v-ebdaadb8], .celeste-range-calendar-day[data-selection-end][data-v-ebdaadb8] {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-range-calendar-day[data-selection-start][data-v-87d63238]:hover, .celeste-range-calendar-day[data-selection-end][data-v-87d63238]:hover {
+.celeste-range-calendar-day[data-selection-start][data-v-ebdaadb8]:hover, .celeste-range-calendar-day[data-selection-end][data-v-ebdaadb8]:hover {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-range-calendar-day-number[data-v-87d63238] {
+.celeste-range-calendar-day-number[data-v-ebdaadb8] {
   position: relative;
 }
-.celeste-range-calendar-day[data-today][data-v-87d63238]::after,
-.celeste-range-calendar-day[data-marked][data-v-87d63238]::after {
+.celeste-range-calendar-day[data-today][data-v-ebdaadb8]::after,
+.celeste-range-calendar-day[data-marked][data-v-ebdaadb8]::after {
   content: "";
   position: absolute;
   bottom: 6px;
@@ -4228,10 +4228,10 @@ to {
   border-radius: var(--radius-full);
   background-color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selection-start][data-today][data-v-87d63238]::after,
-.celeste-range-calendar-day[data-selection-end][data-today][data-v-87d63238]::after,
-.celeste-range-calendar-day[data-selection-start][data-marked][data-v-87d63238]::after,
-.celeste-range-calendar-day[data-selection-end][data-marked][data-v-87d63238]::after {
+.celeste-range-calendar-day[data-selection-start][data-today][data-v-ebdaadb8]::after,
+.celeste-range-calendar-day[data-selection-end][data-today][data-v-ebdaadb8]::after,
+.celeste-range-calendar-day[data-selection-start][data-marked][data-v-ebdaadb8]::after,
+.celeste-range-calendar-day[data-selection-end][data-marked][data-v-ebdaadb8]::after {
   background-color: var(--color-text-white-0);
 }.celeste-pagination-ellipsis[data-v-5fcf13e0] {
   -webkit-user-select: none;
@@ -4327,11 +4327,11 @@ to {
   flex: 1;
   border-radius: calc(infinity * 1px);
   background-color: var(--color-bg-sub-300);
-}.celeste-scroll-area[data-v-1bb37e0a] {
+}.celeste-scroll-area[data-v-0933ded6] {
   position: relative;
   overflow: hidden;
 }
-[data-v-1bb37e0a] .celeste-scroll-area-viewport {
+[data-v-0933ded6] .celeste-scroll-area-viewport {
   width: 100%;
   height: 100%;
   border-radius: inherit;
@@ -4615,6 +4615,219 @@ to {
 .celeste-label[aria-disabled=true][data-v-5ae119db]::after, .celeste-label[aria-disabled=true][data-v-5ae119db] >  a,
 .celeste-label[aria-disabled=true] .celeste-sublabel[data-v-5ae119db] {
   color: inherit;
+}.celeste-mochi[data-v-ce7048d3] {
+  --mochi-size: var(--v51b30026);
+  --mochi-rotate: var(--v54792142);
+  position: relative;
+  flex: none;
+  width: var(--mochi-size);
+  height: var(--mochi-size);
+  overflow: hidden;
+  border-radius: calc(var(--mochi-size) * 0.2222);
+  background: linear-gradient(180deg, var(--color-brand-300) 0%, #f90171 100%);
+  isolation: isolate;
+}
+.celeste-mochi[data-v-ce7048d3]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 max(1px, var(--mochi-size) * 0.0278) var(--color-brand-200);
+  pointer-events: none;
+}
+.celeste-mochi[data-v-ce7048d3] > * {
+  position: absolute;
+}
+.celeste-mochi-stage[data-v-ce7048d3] {
+  inset: 0;
+  transform: rotate(var(--mochi-rotate));
+}
+.celeste-mochi-chan[data-v-ce7048d3] {
+  position: absolute;
+  top: 24%;
+  left: -15%;
+  width: 129.4%;
+  height: 140.9%;
+  transition: transform 0.38s cubic-bezier(0.3, -0.4, 0.7, 0.2);
+}
+.celeste-mochi-body[data-v-ce7048d3] {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: var(--color-brand-400);
+  box-shadow: inset 0 calc(var(--mochi-size) * 0.242) calc(var(--mochi-size) * 0.4015) rgba(255, 255, 255, 0.8), inset 0 calc(var(--mochi-size) * 0.363) calc(var(--mochi-size) * 0.2826) var(--color-brand-300);
+}
+.celeste-mochi-eyes[data-v-ce7048d3] {
+  --eye-top: 12.8%;
+  --eye-h: 19.4%;
+  position: absolute;
+  transform-origin: 50% calc(var(--eye-top) + var(--eye-h) / 2);
+  transition: transform 0.7s ease-in-out;
+  pointer-events: none;
+  inset: 0;
+}
+.celeste-mochi-eye[data-v-ce7048d3] {
+  position: absolute;
+  top: var(--eye-top);
+  width: 13.6%;
+  height: var(--eye-h);
+  overflow: hidden;
+  border-radius: var(--radius-full);
+  background: linear-gradient(180deg, var(--color-static-white) 0%, rgba(255, 255, 255, 0.6) 100%);
+  filter: drop-shadow(0 calc(var(--mochi-size) * 0.0305) calc(var(--mochi-size) * 0.0153) var(--color-pink-500));
+}
+.celeste-mochi-eye-l[data-v-ce7048d3] {
+  left: 31.5%;
+}
+.celeste-mochi-eye-r[data-v-ce7048d3] {
+  right: 31.5%;
+}
+.celeste-mochi-peek-drop .celeste-mochi-eye[data-v-ce7048d3],
+.celeste-mochi-peek-hidden .celeste-mochi-eye[data-v-ce7048d3],
+.celeste-mochi-peek-out .celeste-mochi-eye[data-v-ce7048d3] {
+  height: calc(var(--eye-h) * 80 / 112);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.celeste-mochi-peek-drop .celeste-mochi-eye[data-v-ce7048d3] {
+  animation: celeste-mochi-squint-ce7048d3 0.25s ease-in-out 1s both;
+}
+.celeste-mochi[data-anim=blink-twice] .celeste-mochi-eye[data-v-ce7048d3],
+.celeste-mochi[data-anim=look-blink-twice] .celeste-mochi-eye[data-v-ce7048d3] {
+  animation: celeste-mochi-blink-twice-ce7048d3 3.5s linear both;
+}
+.celeste-mochi[data-anim=blink-once] .celeste-mochi-eye[data-v-ce7048d3],
+.celeste-mochi[data-anim=look-blink-once] .celeste-mochi-eye[data-v-ce7048d3] {
+  animation: celeste-mochi-blink-once-ce7048d3 3.5s linear both;
+}
+.celeste-mochi[data-anim=look-blink-twice] .celeste-mochi-eyes[data-v-ce7048d3] {
+  animation: celeste-mochi-look-after-blink-twice-ce7048d3 3.5s linear both;
+}
+.celeste-mochi[data-anim=look-blink-once] .celeste-mochi-eyes[data-v-ce7048d3] {
+  animation: celeste-mochi-look-after-blink-once-ce7048d3 3.5s linear both;
+}
+.celeste-mochi-thinking .celeste-mochi-eyes[data-v-ce7048d3] {
+  transform: translate(3.77%, -3.118%) rotate(-7deg);
+  transition: transform 0.6s ease-out;
+}
+.celeste-mochi-thinking .celeste-mochi-eye[data-v-ce7048d3] {
+  animation: celeste-mochi-blink-twice-ce7048d3 3.5s linear 1s infinite;
+}
+.celeste-mochi-peek-drop .celeste-mochi-chan[data-v-ce7048d3] {
+  animation: celeste-mochi-drop-ce7048d3 2.01s linear both;
+}
+.celeste-mochi-peek-hidden .celeste-mochi-chan[data-v-ce7048d3] {
+  transform: translateY(calc(var(--mochi-size) * 0.754));
+}
+.celeste-mochi-peek-out .celeste-mochi-chan[data-v-ce7048d3] {
+  transform: translateY(calc(var(--mochi-size) * 0.295));
+  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.celeste-mochi-peek-home .celeste-mochi-chan[data-v-ce7048d3] {
+  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+@media (prefers-reduced-motion: reduce) {
+.celeste-mochi[data-v-ce7048d3] * {
+    transition-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    animation-delay: 0s !important;
+    animation-iteration-count: 1 !important;
+}
+}
+@keyframes celeste-mochi-blink-twice-ce7048d3 {
+0%, 4.57%, 8% {
+    top: var(--eye-top);
+    height: var(--eye-h);
+    animation-timing-function: ease-in;
+}
+2.29%, 10.29% {
+    top: calc(var(--eye-top) + var(--eye-h) / 2);
+    height: 0;
+    animation-timing-function: ease-out;
+}
+12.57%, 100% {
+    top: var(--eye-top);
+    height: var(--eye-h);
+}
+}
+@keyframes celeste-mochi-blink-once-ce7048d3 {
+0% {
+    top: var(--eye-top);
+    height: var(--eye-h);
+    animation-timing-function: ease-in;
+}
+2.29% {
+    top: calc(var(--eye-top) + var(--eye-h) / 2);
+    height: 0;
+    animation-timing-function: ease-out;
+}
+4.57%, 100% {
+    top: var(--eye-top);
+    height: var(--eye-h);
+}
+}
+@keyframes celeste-mochi-look-after-blink-twice-ce7048d3 {
+0%, 14.29% {
+    transform: translate(0, 0);
+    animation-timing-function: ease-out;
+}
+22.86%, 42.86% {
+    transform: translate(3.393%, 1.386%);
+    animation-timing-function: ease-in-out;
+}
+54.29%, 74.29% {
+    transform: translate(-3.393%, 1.386%);
+    animation-timing-function: ease-in-out;
+}
+85.71%, 100% {
+    transform: translate(0, 0);
+}
+}
+@keyframes celeste-mochi-look-after-blink-once-ce7048d3 {
+0%, 8.57% {
+    transform: translate(0, 0);
+    animation-timing-function: ease-out;
+}
+17.14%, 37.14% {
+    transform: translate(3.393%, 1.386%);
+    animation-timing-function: ease-in-out;
+}
+48.57%, 68.57% {
+    transform: translate(-3.393%, 1.386%);
+    animation-timing-function: ease-in-out;
+}
+80%, 100% {
+    transform: translate(0, 0);
+}
+}
+@keyframes celeste-mochi-squint-ce7048d3 {
+from {
+    height: var(--eye-h);
+    border-bottom-right-radius: var(--radius-full);
+    border-bottom-left-radius: var(--radius-full);
+}
+to {
+    height: calc(var(--eye-h) * 80 / 112);
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+}
+@keyframes celeste-mochi-drop-ce7048d3 {
+0% {
+    transform: translateY(0);
+    animation-timing-function: cubic-bezier(0.43, -0.3, 0.74, 0.33);
+}
+21.4% {
+    transform: translateY(calc(var(--mochi-size) * -0.0082));
+    animation-timing-function: cubic-bezier(0.3, -0.05, 0.7, -0.5);
+}
+44.28%, 68.15% {
+    transform: translateY(calc(var(--mochi-size) * 0.754));
+    animation-timing-function: linear(0, 0.048, 0.168, 0.326, 0.497, 0.66, 0.804, 0.921, 1.009, 1.068, 1.103, 1.118, 1.118, 1.107, 1.089, 1.069, 1.049, 1.031, 1.015, 1.003, 0.995, 0.989, 0.986, 0.986, 0.987, 0.988, 0.991, 0.993, 0.995, 0.997, 0.999, 1, 1.001, 1.002, 1.002, 1.002, 1.001, 1.001, 1.001, 1.001, 1);
+}
+100% {
+    transform: translateY(calc(var(--mochi-size) * 0.295));
+}
 }.celeste-modal-body[data-v-8872ed90] {
   padding: var(--spacing-16);
 }
@@ -5364,7 +5577,7 @@ to {
 .celeste-select-item[data-state=checked][data-v-3fe18f57] .i-celeste-check-line {
   display: none;
 }
-.celeste-segmented-control[data-v-1b4b28d6] {
+.celeste-segmented-control[data-v-e04f0e52] {
   display: flex;
   position: relative;
   gap: var(--spacing-4);
@@ -5375,10 +5588,10 @@ to {
   border-radius: var(--radius-10);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-segmented-control[data-orientation='vertical'][data-v-1b4b28d6] {
+.celeste-segmented-control[data-orientation='vertical'][data-v-e04f0e52] {
     flex-direction: column;
 }
-.celeste-segmented-control-indicator[data-v-1b4b28d6] {
+.celeste-segmented-control-indicator[data-v-e04f0e52] {
   position: absolute;
   z-index: -1;
   top: 0;
@@ -5392,7 +5605,7 @@ to {
   pointer-events: none;
 }
 @media (prefers-reduced-motion: reduce) {
-.celeste-segmented-control-indicator[data-v-1b4b28d6] {
+.celeste-segmented-control-indicator[data-v-e04f0e52] {
     transition-duration: 0s;
 }
 }
@@ -6041,13 +6254,13 @@ to {
   white-space: nowrap;
 }
 
-.celeste-tab-menu-root[data-v-d5a36238] {
+.celeste-tab-menu-root[data-v-0965db3b] {
   display: flex;
 }
-.celeste-tab-menu-root[data-orientation='vertical'][data-v-d5a36238] {
+.celeste-tab-menu-root[data-orientation='vertical'][data-v-0965db3b] {
     flex-direction: row;
 }
-.celeste-tab-menu-root[data-orientation='horizontal'][data-v-d5a36238] {
+.celeste-tab-menu-root[data-orientation='horizontal'][data-v-0965db3b] {
     flex-direction: column;
 }