/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");
@layer properties;
:root {
  --font-body: "IBM Plex Sans", -apple-system, system-ui, "Segoe UI", Helvetica,
        Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --font-display: "Hanken Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  --font-sans: var(--font-body);
  --font-serif: var(--font-display);
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .\!static {
    position: static !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-0 {
    top: calc(var(--spacing) * -0);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-\[calc\(100\%\+0\.5rem\)\] {
    top: calc(100% + 0.5rem);
  }
  .top-full {
    top: 100%;
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[calc\(5\.5rem_\+_env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(5.5rem + env(safe-area-inset-bottom));
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-\[9999px\] {
    left: calc(9999px * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-full {
    left: 100%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[33\] {
    z-index: 33;
  }
  .z-\[55\] {
    z-index: 55;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-3 {
    margin: calc(var(--spacing) * -3);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-2\.5 {
    margin-left: calc(var(--spacing) * -2.5);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .\!h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-\[3\.25rem\] {
    height: 3.25rem;
  }
  .h-\[5\.28rem\] {
    height: 5.28rem;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20rem\] {
    height: 20rem;
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[82vh\] {
    height: 82vh;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[calc\(100vh-var\(--app-chrome-top\)-var\(--app-chrome-bottom\)\)\] {
    height: calc(100vh - var(--app-chrome-top) - var(--app-chrome-bottom));
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[20rem\] {
    max-height: 20rem;
  }
  .max-h-\[22rem\] {
    max-height: 22rem;
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[26rem\] {
    max-height: 26rem;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
  .max-h-\[92dvh\] {
    max-height: 92dvh;
  }
  .max-h-\[100dvh\] {
    max-height: 100dvh;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[min\(55vh\,28rem\)\] {
    max-height: min(55vh, 28rem);
  }
  .max-h-\[min\(56vh\,24rem\)\] {
    max-height: min(56vh, 24rem);
  }
  .max-h-full {
    max-height: 100%;
  }
  .\!min-h-8 {
    min-height: calc(var(--spacing) * 8) !important;
  }
  .\!min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }
  .\!min-h-full {
    min-height: 100% !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-\[1\.25rem\] {
    min-height: 1.25rem;
  }
  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }
  .min-h-\[2\.25rem\] {
    min-height: 2.25rem;
  }
  .min-h-\[3\.75rem\] {
    min-height: 3.75rem;
  }
  .min-h-\[6rem\] {
    min-height: 6rem;
  }
  .min-h-\[12rem\] {
    min-height: 12rem;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[22px\] {
    min-height: 22px;
  }
  .min-h-\[30rem\] {
    min-height: 30rem;
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[3\%\] {
    width: 3%;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[6\.5rem\] {
    width: 6.5rem;
  }
  .w-\[7\.92rem\] {
    width: 7.92rem;
  }
  .w-\[10\%\] {
    width: 10%;
  }
  .w-\[11\%\] {
    width: 11%;
  }
  .w-\[14rem\] {
    width: 14rem;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[88vw\] {
    width: 88vw;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[min\(34rem\,calc\(100vw-2rem\)\)\] {
    width: min(34rem, calc(100vw - 2rem));
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-\[5rem\] {
    max-width: 5rem;
  }
  .max-w-\[6rem\] {
    max-width: 6rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[20rem\] {
    max-width: 20rem;
  }
  .max-w-\[38\.4rem\] {
    max-width: 38.4rem;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[88vw\] {
    max-width: 88vw;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[min\(20rem\,100\%\)\] {
    max-width: min(20rem, 100%);
  }
  .max-w-\[min\(20rem\,calc\(100vw-3rem\)\)\] {
    max-width: min(20rem, calc(100vw - 3rem));
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-\[2rem\] {
    min-width: 2rem;
  }
  .min-w-\[3rem\] {
    min-width: 3rem;
  }
  .min-w-\[5rem\] {
    min-width: 5rem;
  }
  .min-w-\[7\.5rem\] {
    min-width: 7.5rem;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[9rem\] {
    min-width: 9rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[11rem\] {
    min-width: 11rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[14rem\] {
    min-width: 14rem;
  }
  .min-w-\[28rem\] {
    min-width: 28rem;
  }
  .min-w-\[36rem\] {
    min-width: 36rem;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .\!translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\!translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-\[0\.97\] {
    scale: 0.97;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-s-resize {
    cursor: s-resize;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-y {
    resize: vertical;
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[3fr_2fr\] {
    grid-template-columns: 3fr 2fr;
  }
  .\!flex-col {
    flex-direction: column !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-between {
    align-content: space-between;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\!gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-20 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .-space-x-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-px {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
      margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-6 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-8 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-blue-500\/20 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
      }
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
  }
  .divide-border-strong {
    :where(& > :not(:last-child)) {
      border-color: var(--border-strong);
    }
  }
  .divide-cyan-400\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
      }
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-200);
    }
  }
  .divide-gray-700 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-700);
    }
  }
  .divide-green-500\/20 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
      }
    }
  }
  .divide-pink-500\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
      }
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .\!overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-\[color\:var\(--primary-ink\)\] {
    border-color: var(--primary-ink) !important;
  }
  .border-\[\#c9c9c9\] {
    border-color: #c9c9c9;
  }
  .border-accent {
    border-color: var(--accent);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-800\/60 {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 60%, transparent);
    }
  }
  .border-amber-800\/80 {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 80%, transparent);
    }
  }
  .border-amber-border {
    border-color: var(--color-amber-border);
  }
  .border-black\/5 {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-blue-500\/20 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .border-blue-500\/30 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
  .border-blue-500\/40 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .border-blue-500\/50 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .border-blue-500\/60 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent);
    }
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border-strong {
    border-color: var(--border-strong);
  }
  .border-border-strong\/60 {
    border-color: var(--border-strong);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border-strong) 60%, transparent);
    }
  }
  .border-border\/40 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .border-border\/50 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-border\/60 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .border-border\/70 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }
  .border-btn-primary-bg {
    border-color: var(--btn-primary-bg);
  }
  .border-btn-primary-bg\/40 {
    border-color: var(--btn-primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--btn-primary-bg) 40%, transparent);
    }
  }
  .border-calendar-cell-day-bg {
    border-color: var(--interactive-bg);
  }
  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }
  .border-cyan-400\/50 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent);
    }
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-500\/30 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .border-emerald-500\/60 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
    }
  }
  .border-emerald-border {
    border-color: var(--color-emerald-border);
  }
  .border-focus-ring {
    border-color: var(--focus-ring);
  }
  .border-focus-ring\/40 {
    border-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--focus-ring) 40%, transparent);
    }
  }
  .border-fuchsia-400 {
    border-color: var(--color-fuchsia-400);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-green-400\/60 {
    border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-400) 60%, transparent);
    }
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-green-500\/30 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }
  .border-green-500\/50 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
    }
  }
  .border-indigo-border {
    border-color: var(--color-indigo-border);
  }
  .border-ink-muted\/60 {
    border-color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ink-muted) 60%, transparent);
    }
  }
  .border-neutral-border {
    border-color: var(--neutral-border);
  }
  .border-orange-border {
    border-color: var(--color-orange-border);
  }
  .border-primary-border {
    border-color: var(--primary-border);
  }
  .border-primary-border\/50 {
    border-color: var(--primary-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary-border) 50%, transparent);
    }
  }
  .border-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-purple-border {
    border-color: var(--color-purple-border);
  }
  .border-quaternary-border {
    border-color: var(--quaternary-border);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-red-500\/50 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
  .border-red-600\/50 {
    border-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-600) 50%, transparent);
    }
  }
  .border-rose-200\/70 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-rose-300\/70 {
    border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }
  .border-rose-400 {
    border-color: var(--color-rose-400);
  }
  .border-rose-border {
    border-color: var(--color-rose-border);
  }
  .border-secondary-border {
    border-color: var(--secondary-border);
  }
  .border-sky-border {
    border-color: var(--color-sky-border);
  }
  .border-slate-border {
    border-color: var(--color-slate-border);
  }
  .border-teal-border {
    border-color: var(--color-teal-border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-500\/30 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .border-violet-500\/60 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 60%, transparent);
    }
  }
  .border-violet-border {
    border-color: var(--color-violet-border);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/70 {
    border-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .bg-\[\#b91c1c\] {
    background-color: #b91c1c;
  }
  .bg-\[\#f5f5f4\] {
    background-color: #f5f5f4;
  }
  .bg-\[color-mix\(in_oklch\,var\(--border\)_80\%\,transparent_20\%\)\] {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--border) 80%,transparent 20%);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--ink\)_20\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--ink) 20%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--ink\)_40\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--ink) 40%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--ink\)_68\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--ink) 68%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--panel\)_90\%\,transparent\)\] {
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel) 90%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--panel\)_92\%\,transparent\)\] {
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel) 92%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--panel-soft\)_30\%\,transparent\)\] {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 30%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--panel-soft\)_35\%\,transparent\)\] {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 35%,transparent);
    }
  }
  .bg-\[color-mix\(in_oklch\,var\(--panel-soft\)_60\%\,transparent\)\] {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 60%,transparent);
    }
  }
  .bg-\[var\(--day-circle-bg\)\] {
    background-color: var(--day-circle-bg);
  }
  .bg-\[var\(--page-accent\)\]\/12 {
    background-color: var(--page-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--page-accent) 12%, transparent);
    }
  }
  .bg-\[var\(--page-accent\)\]\/20 {
    background-color: var(--page-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--page-accent) 20%, transparent);
    }
  }
  .bg-\[var\(--page-accent\)\]\/80 {
    background-color: var(--page-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--page-accent) 80%, transparent);
    }
  }
  .bg-accent\/10 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }
  .bg-accent\/15 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-400\/10 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }
  .bg-amber-400\/20 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-800\/10 {
    background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-800) 10%, transparent);
    }
  }
  .bg-amber-bg {
    background-color: var(--color-amber-bg);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-black\/65 {
    background-color: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/50 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-btn-primary-bg {
    background-color: var(--btn-primary-bg);
  }
  .bg-calendar-cell-day-bg {
    background-color: var(--interactive-bg);
  }
  .bg-calendar-cell-day-bg\/10 {
    background-color: var(--interactive-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--interactive-bg) 10%, transparent);
    }
  }
  .bg-calendar-cell-day-bg\/20 {
    background-color: var(--interactive-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--interactive-bg) 20%, transparent);
    }
  }
  .bg-calendar-cell-day-bg\/30 {
    background-color: var(--interactive-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--interactive-bg) 30%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/5 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-500\/15 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-bg {
    background-color: var(--color-emerald-bg);
  }
  .bg-focus-ring {
    background-color: var(--focus-ring);
  }
  .bg-focus-ring\/10 {
    background-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--focus-ring) 10%, transparent);
    }
  }
  .bg-focus-ring\/15 {
    background-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--focus-ring) 15%, transparent);
    }
  }
  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }
  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }
  .bg-fuchsia-900\/30 {
    background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-800\/50 {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-500\/10 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }
  .bg-green-500\/20 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }
  .bg-indigo-bg {
    background-color: var(--color-indigo-bg);
  }
  .bg-ink {
    background-color: var(--ink);
  }
  .bg-ink\/5 {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ink) 5%, transparent);
    }
  }
  .bg-ink\/8 {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ink) 8%, transparent);
    }
  }
  .bg-ink\/20 {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ink) 20%, transparent);
    }
  }
  .bg-ink\/\[0\.06\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ink) 6%, transparent);
    }
  }
  .bg-input-bg {
    background-color: var(--input-bg);
  }
  .bg-neutral-bg {
    background-color: var(--neutral-bg);
  }
  .bg-orange-bg {
    background-color: var(--color-orange-bg);
  }
  .bg-panel {
    background-color: var(--panel);
  }
  .bg-panel-soft {
    background-color: var(--panel-soft);
  }
  .bg-panel-soft\/30 {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 30%, transparent);
    }
  }
  .bg-panel-soft\/40 {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 40%, transparent);
    }
  }
  .bg-panel-soft\/50 {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 50%, transparent);
    }
  }
  .bg-panel-soft\/55 {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 55%, transparent);
    }
  }
  .bg-panel\/80 {
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel) 80%, transparent);
    }
  }
  .bg-panel\/85 {
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel) 85%, transparent);
    }
  }
  .bg-panel\/95 {
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel) 95%, transparent);
    }
  }
  .bg-primary-bg {
    background-color: var(--primary-bg);
  }
  .bg-primary-bg\/20 {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-bg) 20%, transparent);
    }
  }
  .bg-primary-bg\/60 {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-bg) 60%, transparent);
    }
  }
  .bg-primary-border\/60 {
    background-color: var(--primary-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-border) 60%, transparent);
    }
  }
  .bg-primary-ink {
    background-color: var(--primary-ink);
  }
  .bg-primary-solid {
    background-color: var(--primary-solid);
  }
  .bg-primary-solid\/70 {
    background-color: var(--primary-solid);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-solid) 70%, transparent);
    }
  }
  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-purple-900\/30 {
    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
    }
  }
  .bg-purple-bg {
    background-color: var(--color-purple-bg);
  }
  .bg-quaternary-bg {
    background-color: var(--quaternary-bg);
  }
  .bg-quaternary-border\/40 {
    background-color: var(--quaternary-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--quaternary-border) 40%, transparent);
    }
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/10 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-red-500\/20 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-red-900\/50 {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
    }
  }
  .bg-red-950\/50 {
    background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
    }
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-rose-bg {
    background-color: var(--color-rose-bg);
  }
  .bg-secondary-bg {
    background-color: var(--secondary-bg);
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-bg {
    background-color: var(--color-sky-bg);
  }
  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }
  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-slate-900\/60 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
    }
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-slate-950\/80 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
  }
  .bg-slate-bg {
    background-color: var(--color-slate-bg);
  }
  .bg-table-head {
    background-color: var(--table-head);
  }
  .bg-teal-bg {
    background-color: var(--color-teal-bg);
  }
  .bg-tertiary-bg {
    background-color: var(--tertiary-bg);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-500\/5 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
    }
  }
  .bg-violet-500\/10 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }
  .bg-violet-500\/15 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }
  .bg-violet-bg {
    background-color: var(--color-violet-bg);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-zinc-600 {
    background-color: var(--color-zinc-600);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-600 {
    --tw-gradient-from: var(--color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black {
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/80 {
    --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-600 {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-600 {
    --tw-gradient-from: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-800 {
    --tw-gradient-from: var(--color-cyan-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-700 {
    --tw-gradient-from: var(--color-emerald-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-50 {
    --tw-gradient-from: var(--color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-800 {
    --tw-gradient-from: var(--color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-800 {
    --tw-gradient-from: var(--color-indigo-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-900 {
    --tw-gradient-from: var(--color-purple-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-900\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-700 {
    --tw-gradient-from: var(--color-sky-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-800 {
    --tw-gradient-from: var(--color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-zinc-700 {
    --tw-gradient-from: var(--color-zinc-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-zinc-800 {
    --tw-gradient-from: var(--color-zinc-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-200 {
    --tw-gradient-to: var(--color-amber-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-400 {
    --tw-gradient-to: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-400 {
    --tw-gradient-to: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-900\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-900\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-400 {
    --tw-gradient-to: var(--color-fuchsia-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-800 {
    --tw-gradient-to: var(--color-fuchsia-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-900 {
    --tw-gradient-to: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-400 {
    --tw-gradient-to: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-900\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-950 {
    --tw-gradient-to: var(--color-indigo-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-200 {
    --tw-gradient-to: var(--color-orange-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-400 {
    --tw-gradient-to: var(--color-orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-900 {
    --tw-gradient-to: var(--color-pink-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-800 {
    --tw-gradient-to: var(--color-purple-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-300 {
    --tw-gradient-to: var(--color-sky-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500 {
    --tw-gradient-to: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-500 {
    --tw-gradient-to: var(--color-zinc-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-600 {
    --tw-gradient-to: var(--color-zinc-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-700 {
    --tw-gradient-to: var(--color-zinc-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-900 {
    --tw-gradient-to: var(--color-zinc-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .fill-blue-600 {
    fill: var(--color-blue-600);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .\!pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-\[calc\(var\(--app-fab-bottom\,5\.5rem\)\+4rem\)\] {
    padding-bottom: calc(var(--app-fab-bottom,5.5rem) + 4rem);
  }
  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }
  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
  .\!pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .\!text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-right\! {
    text-align: right !important;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-\[13px\] {
    font-size: 13px !important;
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-ink {
    color: var(--ink) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }
  .text-\[\#555\] {
    color: #555;
  }
  .text-\[var\(--day-circle-fg\)\] {
    color: var(--day-circle-fg);
  }
  .text-\[var\(--page-accent\)\] {
    color: var(--page-accent);
  }
  .text-accent {
    color: var(--accent);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-ink {
    color: var(--color-amber-ink);
  }
  .text-amber-ink\/70 {
    color: var(--color-amber-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-ink) 70%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-300\/70 {
    color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-300) 70%, transparent);
    }
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-btn-primary-text {
    color: var(--btn-primary-text);
  }
  .text-calendar-cell-day-bg {
    color: var(--interactive-bg);
  }
  .text-calendar-cell-day-ink {
    color: var(--interactive-fg);
  }
  .text-cyan-100 {
    color: var(--color-cyan-100);
  }
  .text-cyan-300 {
    color: var(--color-cyan-300);
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-ink {
    color: var(--color-emerald-ink);
  }
  .text-focus-ring {
    color: var(--focus-ring);
  }
  .text-fuchsia-300 {
    color: var(--color-fuchsia-300);
  }
  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-100 {
    color: var(--color-green-100);
  }
  .text-green-300 {
    color: var(--color-green-300);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-indigo-ink {
    color: var(--color-indigo-ink);
  }
  .text-ink {
    color: var(--ink);
  }
  .text-ink-muted {
    color: var(--ink-muted);
  }
  .text-ink-muted\/40 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 40%, transparent);
    }
  }
  .text-ink-muted\/45 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 45%, transparent);
    }
  }
  .text-ink-muted\/50 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 50%, transparent);
    }
  }
  .text-ink-muted\/60 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 60%, transparent);
    }
  }
  .text-ink-muted\/70 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 70%, transparent);
    }
  }
  .text-ink-muted\/80 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 80%, transparent);
    }
  }
  .text-ink-muted\/90 {
    color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink-muted) 90%, transparent);
    }
  }
  .text-ink-soft {
    color: var(--ink-soft);
  }
  .text-ink-subtle {
    color: var(--ink-subtle);
  }
  .text-ink\/50 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ink) 50%, transparent);
    }
  }
  .text-interactive-fg {
    color: var(--interactive-fg);
  }
  .text-neutral-ink {
    color: var(--neutral-ink);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-orange-900 {
    color: var(--color-orange-900);
  }
  .text-orange-ink {
    color: var(--color-orange-ink);
  }
  .text-panel {
    color: var(--panel);
  }
  .text-primary-ink {
    color: var(--primary-ink);
  }
  .text-purple-300 {
    color: var(--color-purple-300);
  }
  .text-purple-400 {
    color: var(--color-purple-400);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-purple-ink {
    color: var(--color-purple-ink);
  }
  .text-quaternary-ink {
    color: var(--quaternary-ink);
  }
  .text-red-100 {
    color: var(--color-red-100);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-700\/80 {
    color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-700) 80%, transparent);
    }
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-rose-ink {
    color: var(--color-rose-ink);
  }
  .text-secondary-ink {
    color: var(--secondary-ink);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800 {
    color: var(--color-sky-800);
  }
  .text-sky-ink {
    color: var(--color-sky-ink);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-slate-ink {
    color: var(--color-slate-ink);
  }
  .text-teal-ink {
    color: var(--color-teal-ink);
  }
  .text-teal-ink\/70 {
    color: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-ink) 70%, transparent);
    }
  }
  .text-tertiary-ink {
    color: var(--tertiary-ink);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-violet-ink {
    color: var(--color-violet-ink);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-zinc-700 {
    color: var(--color-zinc-700);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder-gray-500 {
    &::placeholder {
      color: var(--color-gray-500);
    }
  }
  .placeholder-slate-500 {
    &::placeholder {
      color: var(--color-slate-500);
    }
  }
  .accent-violet-500 {
    accent-color: var(--color-violet-500);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_var\(--border\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_10px_-2px_rgba\(220\,38\,38\,0\.7\)\] {
    --tw-shadow: 0 2px 10px -2px var(--tw-shadow-color, rgba(220,38,38,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--border\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[box-shadow\:0_0_0_1px_var\(--ink\)_0\.06\,0_12px_28px_-8px_rgba\(0\,0\,0\,0\.28\)\] {
    box-shadow: 0 0 0 1px var(--ink) 0.06,0 12px 28px -8px rgba(0,0,0,0.28);
  }
  .shadow-black\/5 {
    --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/40 {
    --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-400\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-400) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-400\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-400\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-400\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-400\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-yellow-400\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[color\:var\(--primary-ink\)\]\/20 {
    --tw-ring-color: var(--primary-ink);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary-ink) 20%, transparent);
    }
  }
  .ring-\[var\(--page-accent\)\]\/25 {
    --tw-ring-color: var(--page-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--page-accent) 25%, transparent);
    }
  }
  .ring-accent {
    --tw-ring-color: var(--accent);
  }
  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }
  .ring-border {
    --tw-ring-color: var(--border);
  }
  .ring-border-strong {
    --tw-ring-color: var(--border-strong);
  }
  .ring-emerald-300 {
    --tw-ring-color: var(--color-emerald-300);
  }
  .ring-focus-ring\/30 {
    --tw-ring-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--focus-ring) 30%, transparent);
    }
  }
  .ring-focus-ring\/50 {
    --tw-ring-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--focus-ring) 50%, transparent);
    }
  }
  .ring-fuchsia-400 {
    --tw-ring-color: var(--color-fuchsia-400);
  }
  .ring-green-500 {
    --tw-ring-color: var(--color-green-500);
  }
  .ring-ink\/10 {
    --tw-ring-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ink) 10%, transparent);
    }
  }
  .ring-ink\/15 {
    --tw-ring-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ink) 15%, transparent);
    }
  }
  .ring-panel-soft {
    --tw-ring-color: var(--panel-soft);
  }
  .ring-primary-border\/30 {
    --tw-ring-color: var(--primary-border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary-border) 30%, transparent);
    }
  }
  .ring-purple-500 {
    --tw-ring-color: var(--color-purple-500);
  }
  .ring-red-500\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
  .ring-white\/70 {
    --tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-blue-400\/50 {
    --tw-drop-shadow-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-drop-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-400) 50%, transparent) var(--tw-drop-shadow-alpha), transparent);
    }
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }
  .drop-shadow-green-400\/50 {
    --tw-drop-shadow-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-drop-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-400) 50%, transparent) var(--tw-drop-shadow-alpha), transparent);
    }
    --tw-drop-shadow: var(--tw-drop-shadow-size);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-color\,background-color\] {
    transition-property: border-color,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[-moz-appearance\:textfield\] {
    -moz-appearance: textfield;
  }
  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }
  .\[animation-delay\:-0\.3s\] {
    animation-delay: -0.3s;
  }
  .\[animation-delay\:-0\.15s\] {
    animation-delay: -0.15s;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/dur\:rotate-180 {
    &:is(:where(.group\/dur):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/menu\:rotate-180 {
    &:is(:where(.group\/menu):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\/block\:opacity-100 {
    &:is(:where(.group\/block):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:w-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(var(--spacing) * 6);
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:-rotate-3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(3deg * -1);
      }
    }
  }
  .group-hover\:text-ink {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .group-hover\:text-ink-muted {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ink-muted);
      }
    }
  }
  .group-hover\:text-ink-soft {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--ink-soft);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:brightness-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-brightness: brightness(90%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\/block\:opacity-100 {
    &:is(:where(.group\/block):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/name\:opacity-100 {
    &:is(:where(.group\/name):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/opt\:opacity-100 {
    &:is(:where(.group\/opt):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/peek\:ml-0\.5 {
    &:is(:where(.group\/peek):hover *) {
      @media (hover: hover) {
        margin-left: calc(var(--spacing) * 0.5);
      }
    }
  }
  .group-hover\/peek\:max-w-\[3rem\] {
    &:is(:where(.group\/peek):hover *) {
      @media (hover: hover) {
        max-width: 3rem;
      }
    }
  }
  .group-hover\/peek\:opacity-100 {
    &:is(:where(.group\/peek):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/person-row\:opacity-100 {
    &:is(:where(.group\/person-row):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/photo\:opacity-100 {
    &:is(:where(.group\/photo):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/popover\:visible {
    &:is(:where(.group\/popover):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\/popover\:opacity-100 {
    &:is(:where(.group\/popover):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/resize\:bg-ink\/40 {
    &:is(:where(.group\/resize):hover *) {
      @media (hover: hover) {
        background-color: var(--ink);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ink) 40%, transparent);
        }
      }
    }
  }
  .group-hover\/scene-row\:opacity-100 {
    &:is(:where(.group\/scene-row):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/trigger\:border-ink {
    &:is(:where(.group\/trigger):hover *) {
      @media (hover: hover) {
        border-color: var(--ink);
      }
    }
  }
  .group-hover\/trigger\:bg-ink {
    &:is(:where(.group\/trigger):hover *) {
      @media (hover: hover) {
        background-color: var(--ink);
      }
    }
  }
  .group-hover\/trigger\:text-ink {
    &:is(:where(.group\/trigger):hover *) {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .peer-\[\.bulk-actions\]\:border-t {
    &:is(:where(.peer):is(.bulk-actions) ~ *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .peer-\[\.bulk-actions\]\:border-t-2 {
    &:is(:where(.peer):is(.bulk-actions) ~ *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }
  }
  .placeholder\:text-ink-muted {
    &::placeholder {
      color: var(--ink-muted);
    }
  }
  .placeholder\:text-ink-muted\/35 {
    &::placeholder {
      color: var(--ink-muted);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--ink-muted) 35%, transparent);
      }
    }
  }
  .placeholder\:text-ink-muted\/45 {
    &::placeholder {
      color: var(--ink-muted);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--ink-muted) 45%, transparent);
      }
    }
  }
  .placeholder\:text-ink-muted\/60 {
    &::placeholder {
      color: var(--ink-muted);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--ink-muted) 60%, transparent);
      }
    }
  }
  .placeholder\:text-ink-muted\/70 {
    &::placeholder {
      color: var(--ink-muted);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--ink-muted) 70%, transparent);
      }
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pr-0 {
    &:last-child {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .odd\:bg-input-bg {
    &:nth-child(odd) {
      background-color: var(--input-bg);
    }
  }
  .even\:bg-\[color-mix\(in_oklch\,var\(--panel-soft\)_30\%\,transparent\)\] {
    &:nth-child(even) {
      background-color: var(--panel-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel-soft) 30%,transparent);
      }
    }
  }
  .open\:z-50 {
    &:is([open], :popover-open, :open) {
      z-index: 50;
    }
  }
  .checked\:border-blue-600 {
    &:checked {
      border-color: var(--color-blue-600);
    }
  }
  .checked\:border-fuchsia-500 {
    &:checked {
      border-color: var(--color-fuchsia-500);
    }
  }
  .checked\:border-green-500 {
    &:checked {
      border-color: var(--color-green-500);
    }
  }
  .checked\:border-purple-500 {
    &:checked {
      border-color: var(--color-purple-500);
    }
  }
  .checked\:bg-blue-600 {
    &:checked {
      background-color: var(--color-blue-600);
    }
  }
  .checked\:bg-fuchsia-500 {
    &:checked {
      background-color: var(--color-fuchsia-500);
    }
  }
  .checked\:bg-green-500 {
    &:checked {
      background-color: var(--color-green-500);
    }
  }
  .checked\:bg-purple-500 {
    &:checked {
      background-color: var(--color-purple-500);
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
  }
  .hover\:border-border-strong {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
  }
  .hover\:border-focus-ring {
    &:hover {
      @media (hover: hover) {
        border-color: var(--focus-ring);
      }
    }
  }
  .hover\:border-focus-ring\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--focus-ring);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--focus-ring) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-focus-ring\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--focus-ring);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--focus-ring) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-gray-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .hover\:border-green-400\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-green-400) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-green-400\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-green-400) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-ink-muted {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ink-muted);
      }
    }
  }
  .hover\:border-red-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-400);
      }
    }
  }
  .hover\:border-teal-ink\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-ink);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-teal-ink) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-yellow-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:bg-\[\#f5f5f4\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f5f5f4;
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklch\,var\(--panel-soft\)_30\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--panel-soft) 30%,transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--page-accent\)\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--page-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--page-accent) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-600\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 6%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-blue-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-800);
      }
    }
  }
  .hover\:bg-blue-950\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-950) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-btn-primary-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-calendar-cell-day-bg\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--interactive-bg) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-cyan-400\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-focus-ring\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--focus-ring);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--focus-ring) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-focus-ring\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--focus-ring);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--focus-ring) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-focus-ring\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--focus-ring);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--focus-ring) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:bg-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:bg-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-gray-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-gray-700\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-gray-800\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-ink\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ink);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ink) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-input-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--input-bg);
      }
    }
  }
  .hover\:bg-panel {
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .hover\:bg-panel-soft {
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .hover\:bg-panel-soft\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--panel-soft) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-pink-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-purple-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-500);
      }
    }
  }
  .hover\:bg-purple-900\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-purple-900\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-400);
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-red-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-red-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-800);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-rose-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-700);
      }
    }
  }
  .hover\:bg-tertiary-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tertiary-bg);
      }
    }
  }
  .hover\:bg-violet-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-gradient-to-r {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:from-blue-900\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-950\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(28.2% 0.091 267.935) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-900\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-900\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-950\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.065 152.934) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-green-950) 60%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-900\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 50%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:\!text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white) !important;
      }
    }
  }
  .hover\:text-\[\#1a1a1a\] {
    &:hover {
      @media (hover: hover) {
        color: #1a1a1a;
      }
    }
  }
  .hover\:text-accent {
    &:hover {
      @media (hover: hover) {
        color: var(--accent);
      }
    }
  }
  .hover\:text-amber-ink {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-ink);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-calendar-cell-day-ink {
    &:hover {
      @media (hover: hover) {
        color: var(--interactive-fg);
      }
    }
  }
  .hover\:text-focus-ring {
    &:hover {
      @media (hover: hover) {
        color: var(--focus-ring);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-green-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-300);
      }
    }
  }
  .hover\:text-green-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .hover\:text-ink {
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .hover\:text-ink-muted {
    &:hover {
      @media (hover: hover) {
        color: var(--ink-muted);
      }
    }
  }
  .hover\:text-ink-soft {
    &:hover {
      @media (hover: hover) {
        color: var(--ink-soft);
      }
    }
  }
  .hover\:text-purple-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-300);
      }
    }
  }
  .hover\:text-red-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-rose-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-700);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-yellow-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-300);
      }
    }
  }
  .hover\:text-yellow-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-400);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-2xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:ring-2 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-blue-500\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-blue-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-fuchsia-400\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-fuchsia-400\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(74% 0.238 322.16) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-green-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-red-400\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-400) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-red-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-yellow-400\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:ring-accent {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--accent);
      }
    }
  }
  .hover\:ring-white {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-white);
      }
    }
  }
  .hover\:brightness-105 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(1.02);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:drop-shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:drop-shadow-green-400\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-drop-shadow-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-drop-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-400) 50%, transparent) var(--tw-drop-shadow-alpha), transparent);
        }
        --tw-drop-shadow: var(--tw-drop-shadow-size);
      }
    }
  }
  .focus\:border-\[var\(--border-strong\)\] {
    &:focus {
      border-color: var(--border-strong);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-border-strong {
    &:focus {
      border-color: var(--border-strong);
    }
  }
  .focus\:border-focus-ring {
    &:focus {
      border-color: var(--focus-ring);
    }
  }
  .focus\:border-fuchsia-400 {
    &:focus {
      border-color: var(--color-fuchsia-400);
    }
  }
  .focus\:border-green-400\/60 {
    &:focus {
      border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-400) 60%, transparent);
      }
    }
  }
  .focus\:border-purple-500 {
    &:focus {
      border-color: var(--color-purple-500);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:border-rose-400 {
    &:focus {
      border-color: var(--color-rose-400);
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:bg-input-bg {
    &:focus {
      background-color: var(--input-bg);
    }
  }
  .focus\:bg-panel {
    &:focus {
      background-color: var(--panel);
    }
  }
  .focus\:shadow-lg {
    &:focus {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:shadow-fuchsia-400\/30 {
    &:focus {
      --tw-shadow-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:shadow-green-400\/20 {
    &:focus {
      --tw-shadow-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-400) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:ring-accent {
    &:focus {
      --tw-ring-color: var(--accent);
    }
  }
  .focus\:ring-black {
    &:focus {
      --tw-ring-color: var(--color-black);
    }
  }
  .focus\:ring-blue-300 {
    &:focus {
      --tw-ring-color: var(--color-blue-300);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-focus-ring {
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
  }
  .focus\:ring-focus-ring\/20 {
    &:focus {
      --tw-ring-color: var(--focus-ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus-ring) 20%, transparent);
      }
    }
  }
  .focus\:ring-focus-ring\/30 {
    &:focus {
      --tw-ring-color: var(--focus-ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus-ring) 30%, transparent);
      }
    }
  }
  .focus\:ring-fuchsia-400 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-400);
    }
  }
  .focus\:ring-gray-200 {
    &:focus {
      --tw-ring-color: var(--color-gray-200);
    }
  }
  .focus\:ring-green-400 {
    &:focus {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .focus\:ring-green-400\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-green-400) 50%, transparent);
      }
    }
  }
  .focus\:ring-purple-500 {
    &:focus {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .focus\:ring-red-300 {
    &:focus {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .focus\:ring-yellow-400 {
    &:focus {
      --tw-ring-color: var(--color-yellow-400);
    }
  }
  .focus\:ring-offset-0 {
    &:focus {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-focus-ring\/30 {
    &:focus-visible {
      --tw-ring-color: var(--focus-ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--focus-ring) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-red-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-red-600 {
    &:focus-visible {
      outline-color: var(--color-red-600);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-\[0\.97\] {
    &:active {
      scale: 0.97;
    }
  }
  .active\:scale-\[0\.98\] {
    &:active {
      scale: 0.98;
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:bg-calendar-cell-day-bg {
    &:active {
      background-color: var(--interactive-bg);
    }
  }
  .active\:bg-calendar-cell-day-bg\/90 {
    &:active {
      background-color: var(--interactive-bg);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--interactive-bg) 90%, transparent);
      }
    }
  }
  .active\:opacity-90 {
    &:active {
      opacity: 90%;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-25 {
    &:disabled {
      opacity: 25%;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .supports-\[backdrop-filter\]\:bg-panel\/80 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--panel);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--panel) 80%, transparent);
      }
    }
  }
  .max-sm\:order-1 {
    @media (width < 40rem) {
      order: 1;
    }
  }
  .max-sm\:order-2 {
    @media (width < 40rem) {
      order: 2;
    }
  }
  .max-sm\:order-3 {
    @media (width < 40rem) {
      order: 3;
    }
  }
  .max-sm\:order-4 {
    @media (width < 40rem) {
      order: 4;
    }
  }
  .max-sm\:order-6 {
    @media (width < 40rem) {
      order: 6;
    }
  }
  .max-sm\:mb-3 {
    @media (width < 40rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .sm\:relative {
    @media (width >= 40rem) {
      position: relative;
    }
  }
  .sm\:sticky {
    @media (width >= 40rem) {
      position: sticky;
    }
  }
  .sm\:top-0 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:z-10 {
    @media (width >= 40rem) {
      z-index: 10;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:table {
    @media (width >= 40rem) {
      display: table;
    }
  }
  .sm\:table-cell {
    @media (width >= 40rem) {
      display: table-cell;
    }
  }
  .sm\:table-header-group {
    @media (width >= 40rem) {
      display: table-header-group;
    }
  }
  .sm\:table-row {
    @media (width >= 40rem) {
      display: table-row;
    }
  }
  .sm\:table-row-group {
    @media (width >= 40rem) {
      display: table-row-group;
    }
  }
  .sm\:h-7 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-14 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:max-h-48 {
    @media (width >= 40rem) {
      max-height: calc(var(--spacing) * 48);
    }
  }
  .sm\:max-h-\[80vh\] {
    @media (width >= 40rem) {
      max-height: 80vh;
    }
  }
  .sm\:max-h-\[85vh\] {
    @media (width >= 40rem) {
      max-height: 85vh;
    }
  }
  .sm\:w-7 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-14 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .sm\:w-40 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .sm\:w-52 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-72 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-md {
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
  .sm\:max-w-xs {
    @media (width >= 40rem) {
      max-width: var(--container-xs);
    }
  }
  .sm\:min-w-\[14rem\] {
    @media (width >= 40rem) {
      min-width: 14rem;
    }
  }
  .sm\:min-w-\[56rem\] {
    @media (width >= 40rem) {
      min-width: 56rem;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 40rem) {
      flex-shrink: 0;
    }
  }
  .sm\:table-fixed {
    @media (width >= 40rem) {
      table-layout: fixed;
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:grid-cols-1 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-6 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[auto_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-nowrap {
    @media (width >= 40rem) {
      flex-wrap: nowrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:gap-1 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-3\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-x-3 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:divide-x {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .sm\:divide-y-0 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius-lg);
    }
  }
  .sm\:border-b-0 {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .sm\:p-2 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .sm\:p-3\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-9 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-1 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .sm\:px-2\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-2 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:pb-24 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:text-center {
    @media (width >= 40rem) {
      text-align: center;
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:align-top {
    @media (width >= 40rem) {
      vertical-align: top;
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-\[1\.65rem\] {
    @media (width >= 40rem) {
      font-size: 1.65rem;
    }
  }
  .sm\:leading-6 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .sm\:transition-\[width\] {
    @media (width >= 40rem) {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .sm\:duration-200 {
    @media (width >= 40rem) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .sm\:focus-within\:w-80 {
    @media (width >= 40rem) {
      &:focus-within {
        width: calc(var(--spacing) * 80);
      }
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-stretch {
    @media (width >= 48rem) {
      align-items: stretch;
    }
  }
  .md\:space-y-0 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-x-4 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .lg\:right-6 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .lg\:bottom-12 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:contents {
    @media (width >= 64rem) {
      display: contents;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:h-auto {
    @media (width >= 64rem) {
      height: auto;
    }
  }
  .lg\:max-h-\[85vh\] {
    @media (width >= 64rem) {
      max-height: 85vh;
    }
  }
  .lg\:max-h-full {
    @media (width >= 64rem) {
      max-height: 100%;
    }
  }
  .lg\:w-96 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-7 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[22rem_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 22rem minmax(0,1fr);
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-stretch {
    @media (width >= 64rem) {
      align-items: stretch;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:rounded-2xl {
    @media (width >= 64rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .lg\:border {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .lg\:p-14 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-20 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .lg\:py-6 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .xl\:grid-cols-1 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .\32 xl\:grid-cols-1 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-2 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-3 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-4 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-5 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-6 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .dark\:block {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      display: none;
    }
  }
  .dark\:inline-block {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      display: inline-block;
    }
  }
  .dark\:divide-gray-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-700);
      }
    }
  }
  .dark\:border-amber-300\/10 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
      }
    }
  }
  .dark\:border-amber-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-amber-400);
    }
  }
  .dark\:border-blue-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-blue-500);
    }
  }
  .dark\:border-border\/20 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 20%, transparent);
      }
    }
  }
  .dark\:border-border\/25 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 25%, transparent);
      }
    }
  }
  .dark\:border-emerald-400\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-400\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
      }
    }
  }
  .dark\:border-gray-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-red-800 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-red-800);
    }
  }
  .dark\:border-red-900\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }
  }
  .dark\:border-red-900\/70 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 70%, transparent);
      }
    }
  }
  .dark\:border-rose-700\/60 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-700) 60%, transparent);
      }
    }
  }
  .dark\:border-rose-800\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
      }
    }
  }
  .dark\:border-violet-400\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
      }
    }
  }
  .dark\:border-violet-400\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
      }
    }
  }
  .dark\:bg-amber-300\/10 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/60 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-blue-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-blue-600);
    }
  }
  .dark\:bg-blue-900 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-blue-900);
    }
  }
  .dark\:bg-blue-900\/20 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-emerald-200);
    }
  }
  .dark\:bg-gray-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-gray-800 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-900 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-red-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-red-600);
    }
  }
  .dark\:bg-red-600\/90 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent);
      }
    }
  }
  .dark\:bg-red-900\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/20 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-rose-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-rose-200);
    }
  }
  .dark\:bg-rose-900\/60 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/40 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-white {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-white);
    }
  }
  .dark\:text-amber-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-amber-300);
    }
  }
  .dark\:text-amber-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-amber-500);
    }
  }
  .dark\:text-black {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-black);
    }
  }
  .dark\:text-blue-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-blue-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-blue-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-blue-500);
    }
  }
  .dark\:text-emerald-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-emerald-300);
    }
  }
  .dark\:text-emerald-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-emerald-500);
    }
  }
  .dark\:text-gray-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-500);
    }
  }
  .dark\:text-gray-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-600);
    }
  }
  .dark\:text-indigo-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-indigo-400);
    }
  }
  .dark\:text-orange-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-orange-500);
    }
  }
  .dark\:text-purple-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-purple-400);
    }
  }
  .dark\:text-red-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-rose-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-rose-200);
    }
  }
  .dark\:text-rose-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-rose-300);
    }
  }
  .dark\:text-rose-300\/80 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: color-mix(in srgb, oklch(81% 0.117 11.638) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-rose-300) 80%, transparent);
      }
    }
  }
  .dark\:text-sky-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-sky-500);
    }
  }
  .dark\:text-slate-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-violet-300 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-violet-300);
    }
  }
  .dark\:text-white {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-white);
    }
  }
  .dark\:text-zinc-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-zinc-500);
    }
  }
  .dark\:placeholder-gray-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &::placeholder {
        color: var(--color-gray-400);
      }
    }
  }
  .dark\:ring-blue-400 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .dark\:ring-white {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-ring-color: var(--color-white);
    }
  }
  .dark\:ring-offset-gray-800 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-ring-offset-color: var(--color-gray-800);
    }
  }
  .dark\:hover\:bg-amber-300\/50 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-700);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-600);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:bg-red-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-500);
        }
      }
    }
  }
  .dark\:hover\:bg-red-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-700);
        }
      }
    }
  }
  .dark\:hover\:bg-red-900\/30 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-900\/60 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/40 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:focus\:border-blue-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        border-color: var(--color-blue-500);
      }
    }
  }
  .dark\:focus\:ring-blue-500 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        --tw-ring-color: var(--color-blue-500);
      }
    }
  }
  .dark\:focus\:ring-blue-600 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        --tw-ring-color: var(--color-blue-600);
      }
    }
  }
  .dark\:focus\:ring-blue-800 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        --tw-ring-color: var(--color-blue-800);
      }
    }
  }
  .dark\:focus\:ring-gray-700 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        --tw-ring-color: var(--color-gray-700);
      }
    }
  }
  .dark\:focus\:ring-red-900 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:focus {
        --tw-ring-color: var(--color-red-900);
      }
    }
  }
  .print\:my-0 {
    @media print {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:max-w-none {
    @media print {
      max-width: none;
    }
  }
  .print\:p-0 {
    @media print {
      padding: calc(var(--spacing) * 0);
    }
  }
  .print\:shadow-none {
    @media print {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .phx-submit-loading\:opacity-75 {
    &.phx-submit-loading, .phx-submit-loading & {
      opacity: 75%;
    }
  }
  .\[\&_\.date-time-field-wrapper\]\:border-0 {
    & .date-time-field-wrapper {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&_\.date-time-field-wrapper\]\:bg-transparent {
    & .date-time-field-wrapper {
      background-color: transparent;
    }
  }
  .\[\&_\.date-time-field-wrapper\]\:shadow-none {
    & .date-time-field-wrapper {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&_input\]\:border-0 {
    & input {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&_input\]\:bg-transparent {
    & input {
      background-color: transparent;
    }
  }
  .\[\&_input\]\:shadow-none {
    & input {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
    &::-webkit-inner-spin-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
    &::-webkit-outer-spin-button {
      appearance: none;
    }
  }
  .\[\&\>\*\:first-child\]\:rounded-t-xl {
    &>*:first-child {
      border-top-left-radius: var(--radius-xl);
      border-top-right-radius: var(--radius-xl);
    }
  }
  .\[\&\>\*\:first-child\]\:sm\:rounded-t-lg {
    &>*:first-child {
      @media (width >= 40rem) {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
      }
    }
  }
  .\[\&\>\*\:last-child\]\:rounded-b-xl {
    &>*:last-child {
      border-bottom-right-radius: var(--radius-xl);
      border-bottom-left-radius: var(--radius-xl);
    }
  }
  .\[\&\>\*\:last-child\]\:sm\:rounded-b-lg {
    &>*:last-child {
      @media (width >= 40rem) {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
      }
    }
  }
  .\[\[data-combobox-selected\]_\&\]\:block {
    [data-combobox-selected] & {
      display: block;
    }
  }
}
@layer components {
  .app-shell {
    --app-chrome-top: 3rem;
    --app-chrome-bottom: 0px;
    --app-sidebar-width: 15.5rem;
    display: grid;
    min-height: 100vh;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }
  @media (width >= 64rem) {
    .app-shell:not(.app-shell--bottom-dock) {
      grid-template-columns: var(--app-sidebar-width) minmax(0, 1fr);
      overflow-x: clip;
    }
  }
  .app-shell.app-shell--bottom-dock {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    --app-chrome-bottom: 3.5rem;
  }
  .app-shell.app-shell--bottom-dock .app-shell__column {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
  }
  .app-shell__sidebar {
    position: relative;
    z-index: 40;
    display: none;
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      display: block;
    }
    @media (width >= 64rem) {
      height: 100vh;
    }
    @media (width >= 64rem) {
      align-self: flex-start;
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
    background: var(--sidebar-bg);
    border-right: 1px solid var(--sidebar-border);
  }
  .app-shell__sidebar-stack {
    display: flex;
    height: 100%;
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 4);
  }
  .app-shell__sidebar-head {
    position: relative;
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    width: 100%;
    flex-shrink: 0;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .app-shell__sidebar-context {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
  }
  .app-shell__sidebar-body {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 1);
    scrollbar-gutter: stable;
  }
  .app-shell__sidebar-foot {
    margin-top: auto;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    padding-top: calc(var(--spacing) * 4);
    border-top: 1px solid var(--sidebar-border);
  }
  .context-switcher {
    position: relative;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
  }
  .context-switcher__trigger {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    appearance: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .context-switcher__trigger:hover, .context-switcher__trigger:focus-visible {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
  }
  .context-switcher__mark {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-lg);
  }
  .context-switcher__mark--brand {
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 6%, var(--sidebar-bg));
    }
  }
  .context-switcher__brand-logo {
    display: block;
    height: 2.1rem;
    width: auto;
    max-width: 2.1rem;
    object-fit: contain;
  }
  .context-switcher__text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0);
    text-align: left;
  }
  .context-switcher__label {
    font-size: 0.6875rem;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .context-switcher__name {
    overflow: hidden;
    font-size: 0.875rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.015em;
    letter-spacing: -0.015em;
    text-overflow: clip;
    white-space: nowrap;
    color: var(--ink);
  }
  .context-switcher__chevron {
    margin-left: auto;
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    color: var(--ink-muted);
    opacity: 60%;
  }
  .context-switcher__flyout {
    display: flex;
    max-width: calc(100vw - 1.5rem);
    min-width: 13.5rem;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    inset: auto;
    margin: 0;
    background: var(--sidebar-bg);
  }
  .context-switcher__flyout:not(:popover-open) {
    display: none;
  }
  @supports (anchor-name: --x) {
    .context-switcher__flyout:popover-open {
      top: anchor(bottom);
      left: anchor(left);
      margin-top: 0.35rem;
    }
  }
  @supports not (anchor-name: --x) {
    .context-switcher__flyout {
      left: 0.75rem;
      top: 3.75rem;
    }
    .context-switcher--header .context-switcher__flyout {
      top: 4rem;
    }
  }
  .context-switcher__section {
    margin-top: calc(var(--spacing) * 1);
  }
  .context-switcher__section-title {
    margin: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 0.5);
    font-size: 0.625rem;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .context-switcher__item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    text-decoration-line: none;
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    color: var(--ink-soft);
  }
  .context-switcher__item:hover, .context-switcher__item:focus-visible {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .context-switcher__item--active .context-switcher__item-name {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .context-switcher__item-name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .context-switcher__divider {
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background: var(--sidebar-border);
  }
  .context-switcher__item--action {
    color: var(--ink-muted);
  }
  .context-switcher__action-icon {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 6%, var(--sidebar-bg));
    }
    color: var(--ink-muted);
  }
  .context-switcher__action-icon-svg {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }
  .context-switcher--header {
    width: auto;
    max-width: 100%;
  }
  .context-switcher--header .context-switcher__trigger {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    padding: calc(var(--spacing) * 1);
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 3%, var(--panel-soft));
    }
    box-shadow: inset 0 0 0 1px var(--border);
  }
  .context-switcher--header .context-switcher__trigger:hover, .context-switcher--header .context-switcher__trigger:focus-visible {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 6%, var(--panel-soft));
    }
    box-shadow: inset 0 0 0 1px var(--border-strong);
  }
  .context-switcher--header .context-switcher__mark {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-xl);
    font-size: 0.625rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    box-shadow: inset 0 0 0 1px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ink) 8%, transparent);
    }
  }
  .context-switcher--header .context-switcher__brand-logo {
    height: 2.1rem;
    max-width: 2.1rem;
  }
  .context-switcher--header .context-switcher__label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--ink-subtle);
    text-transform: uppercase;
  }
  .context-switcher--header .context-switcher__name {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .context-switcher--header .context-switcher__chevron {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    opacity: 70%;
  }
  .shell-toggle.app-shell__sidebar-collapse {
    position: fixed;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 100%;
    top: 90%;
    left: var(--app-sidebar-width);
    transform: translate(-50%, -50%);
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 0.5rem;
    color: var(--ink-muted);
    background-color: var(--sidebar-bg);
    box-shadow: inset 0 0 0 1px var(--sidebar-border);
  }
  .shell-toggle.app-shell__sidebar-collapse[data-collapsed="true"] {
    left: 0;
    transform: translate(0, -50%);
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .shell-toggle.app-shell__sidebar-collapse:hover, .shell-toggle.app-shell__sidebar-collapse:focus-visible {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 5%, var(--sidebar-bg));
    }
    border-color: transparent;
    color: var(--ink-soft);
  }
  .app-shell__sidebar-collapse .shell-toggle__icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .app-shell__sidebar-collapse[data-collapsed="true"] .shell-toggle__icon {
    transform: rotate(180deg);
  }
  .app-shell__topbar-context {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .app-shell__nav {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .app-shell__nav-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .app-shell__nav-section-title {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: 0.625rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .app-shell__superadmin-banner {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--accent) 10%, transparent);
    }
    border: 1px solid var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklch, var(--accent) 28%, transparent);
    }
  }
  .app-shell__superadmin {
    position: relative;
  }
  .app-shell__superadmin-trigger {
    width: 100%;
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    text-align: left;
  }
  .app-shell__superadmin-chevron {
    margin-left: auto;
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  .app-shell__superadmin-flyout {
    display: flex;
    min-width: 12rem;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 1);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    inset: auto;
    margin: 0;
    background: var(--sidebar-bg);
  }
  .app-shell__superadmin-flyout:not(:popover-open) {
    display: none;
  }
  @supports (anchor-name: --x) {
    .app-shell__superadmin-flyout:popover-open {
      bottom: anchor(top);
      left: anchor(left);
      margin-bottom: 0.35rem;
    }
  }
  @supports not (anchor-name: --x) {
    .app-shell__superadmin-flyout {
      left: 0.75rem;
      bottom: 3.5rem;
    }
  }
  .app-shell__nav-group-title {
    margin-top: calc(var(--spacing) * 0);
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.625rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .app-shell__nav-group-title::-webkit-details-marker {
    display: none;
  }
  .app-shell__nav-group-title:hover {
    color: var(--ink-soft);
  }
  .app-shell__nav-group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .app-shell__nav-chevron {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .app-shell__nav-group[open] > .app-shell__nav-group-title .app-shell__nav-chevron {
    transform: rotate(90deg);
  }
  .app-shell__nav-group-items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 0.5);
  }
  .app-shell__nav-link {
    position: relative;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: 0.625rem;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    text-decoration-line: none;
    transition-property: background-color,color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .app-shell__sidebar .app-shell__nav-link::before {
    display: none;
  }
  .app-shell__nav-link-icon {
    height: 1.125rem;
    width: 1.125rem;
    flex-shrink: 0;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
    color: var(--sidebar-icon);
  }
  .app-shell__nav-link-label {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .app-shell__nav-link:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__nav-link:hover .app-shell__nav-link-icon {
    color: var(--sidebar-icon-hover);
  }
  .app-shell__nav-link--current {
    background: var(--sidebar-active-bg);
    color: var(--ink);
    font-weight: 600;
    box-shadow: var(--sidebar-active-shadow);
  }
  .app-shell__nav-link--current:hover {
    background: var(--sidebar-active-bg);
    color: var(--ink);
  }
  .app-shell__nav-link--current .app-shell__nav-link-icon {
    color: var(--sidebar-icon-active);
  }
  .app-shell__nav-recents {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .app-shell__nav-recents[hidden] {
    display: none;
  }
  .app-shell__nav-recents .app-shell__nav-section-title {
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .app-shell__recents-list {
    display: flex;
    max-height: calc(var(--spacing) * 52);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 1);
  }
  .app-shell__nav-recents-trigger {
    width: 100%;
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    text-align: left;
  }
  .app-shell__nav-recents-flyout {
    display: flex;
    max-height: calc(var(--spacing) * 72);
    min-width: 13rem;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    overflow-y: auto;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 1);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    inset: auto;
    margin: 0;
    background: var(--sidebar-bg);
  }
  .app-shell__nav-recents-flyout:not(:popover-open) {
    display: none;
  }
  @supports (anchor-name: --x) {
    .app-shell__nav-recents-flyout:popover-open {
      left: anchor(right);
      top: anchor(top);
      margin-left: 0.4rem;
    }
  }
  @supports not (anchor-name: --x) {
    .app-shell__nav-recents-flyout {
      left: 15rem;
      top: 8rem;
    }
  }
  .app-shell__nav-link--recent {
    padding-block: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 2.5);
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .app-shell__nav-link--recent::before {
    display: none;
  }
  .app-shell__nav-link--recent .app-shell__nav-link-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    color: var(--sidebar-icon);
    opacity: 0.85;
  }
  .app-shell__nav-link--recent:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
    color: var(--ink-soft);
  }
  .app-shell__nav-link--recent:hover .app-shell__nav-link-icon {
    opacity: 1;
    color: var(--sidebar-icon-hover);
  }
  .app-shell__nav-link--recent.app-shell__nav-link--current {
    background: var(--sidebar-active-bg);
    color: var(--ink);
    box-shadow: var(--sidebar-active-shadow);
  }
  .app-shell__nav-link--recent.app-shell__nav-link--current .app-shell__nav-link-icon {
    color: var(--sidebar-icon-active);
    opacity: 1;
  }
  .app-shell__nav-profile {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: 0.625rem;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    text-decoration-line: none;
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
    background: var(--sidebar-profile-bg);
  }
  .app-shell__nav-profile:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__nav-profile.app-shell__nav-link--current {
    background: var(--sidebar-active-bg);
    color: var(--ink);
    font-weight: 600;
  }
  .app-shell__nav-profile-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    text-align: left;
  }
  .app-shell__nav-profile-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .app-shell__nav-profile-email {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6875rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .app-shell__plan {
    position: relative;
  }
  .app-shell__plan-link {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.625rem;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.75rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    text-decoration-line: none;
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .app-shell__plan-link::-webkit-details-marker {
    display: none;
  }
  .app-shell__plan-link:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 4%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__plan-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  .app-shell__plan-label {
    flex: 1;
    text-align: left;
  }
  .app-shell__plan-tier {
    border-radius: calc(infinity * 1px);
    background-color: var(--neutral-bg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--neutral-ink);
  }
  .app-shell__plan-caret {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    color: var(--ink-muted);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .app-shell__plan-link--dock .app-shell__plan-label, .app-shell__plan-link--dock .app-shell__plan-caret {
    display: none;
  }
  .app-shell__plan-link--dock {
    justify-content: center;
  }
  .app-shell__plan-menu {
    position: absolute;
    bottom: 100%;
    left: calc(var(--spacing) * 0);
    z-index: 30;
    margin-bottom: calc(var(--spacing) * 1.5);
    width: 100%;
    min-width: 13rem;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .app-shell__plan-menu-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .app-shell__plan-menu-item-title {
    display: block;
    font-size: 0.8125rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .app-shell__plan-menu-item-sub {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 0.6875rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--ink-muted);
  }
  .app-shell__column {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--bg);
  }
  .app-shell__topbar {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 25;
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background: var(--topbar-bg);
  }
  .app-shell__topbar-inner {
    margin-inline: auto;
    display: flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 0);
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .app-shell__breadcrumb-wrap {
    margin-left: calc(var(--spacing) * 2);
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .app-shell__breadcrumb {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.78rem;
    color: var(--ink-muted);
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .app-shell__breadcrumb-link {
    color: var(--ink-muted);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: var(--ink-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .app-shell__breadcrumb-current {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .app-shell__breadcrumb-project {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .app-shell__breadcrumb-edit {
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 0.5);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .app-shell__toolbar {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .app-shell__command-open {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    font-size: 0.8rem;
    color: var(--ink-muted);
  }
  .app-shell__command-open:hover {
    background-color: var(--interactive-bg);
    color: var(--interactive-fg);
  }
  .app-shell__icon-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    font-size: 0.8rem;
    color: var(--ink-soft);
  }
  .app-shell__icon-btn:hover {
    background-color: var(--interactive-bg);
    color: var(--interactive-fg);
  }
  .app-shell__main {
    flex: 1;
  }
  .app-shell--bottom-dock .app-shell__main {
    padding-bottom: max(0.5rem, var(--app-chrome-bottom));
  }
  @media (width < 64rem) {
    .app-shell:not(.app-shell--bottom-dock) {
      --app-chrome-top: 0px;
      overflow-x: clip;
    }
    .app-shell__column, .app-shell__main, .app-shell__page {
      min-width: 0;
      max-width: 100%;
    }
    .app-shell:not(.app-shell--bottom-dock) .app-shell__topbar {
      display: none;
    }
    .app-shell:not(.app-shell--bottom-dock) .app-shell__main {
      padding-bottom: calc(4.35rem + env(safe-area-inset-bottom));
      --app-fab-bottom: calc(
                4.35rem + env(safe-area-inset-bottom) + 1rem
            );
    }
    #app-shell[data-mobnav-hidden]:not(.app-shell--bottom-dock) .app-shell__main {
      padding-bottom: env(safe-area-inset-bottom);
      --app-fab-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
    .page-header--items-end > :last-child:not(:only-child), .page-header--items-center > :last-child:not(:only-child), .page-header--row > :last-child:not(:only-child) {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0.5rem;
      width: 100%;
    }
    .page-header__actions {
      flex-wrap: wrap;
      gap: 0.5rem;
      width: 100%;
    }
    .page-header--items-end > :last-child:not(:only-child) .btn-primary, .page-header--items-end > :last-child:not(:only-child) .btn-secondary, .page-header--items-center > :last-child:not(:only-child) .btn-primary, .page-header--items-center > :last-child:not(:only-child) .btn-secondary, .page-header--row > :last-child:not(:only-child) .btn-primary, .page-header--row > :last-child:not(:only-child) .btn-secondary {
      width: 100%;
      justify-content: center;
    }
  }
  .app-shell__mobnav {
    position: fixed;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 32;
    display: flex;
    align-items: stretch;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    background: var(--sidebar-bg);
    padding-bottom: calc(env(safe-area-inset-bottom) + 0.4rem);
    transition: transform 0.25s ease;
  }
  .app-shell__mobnav--hidden {
    transform: translateY(100%);
  }
  #app-shell[data-mobnav-hidden] .app-shell__mobnav {
    transform: translateY(100%);
  }
  .app-shell__mobnav-collapse {
    position: absolute;
    left: calc(1/2 * 100%);
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: var(--border);
    color: var(--ink-muted);
    top: 0;
    transform: translate(-50%, -100%);
    background: var(--sidebar-bg);
  }
  .app-shell__mobnav-collapse:hover {
    color: var(--ink);
  }
  .app-shell__mobnav-restore {
    position: fixed;
    left: calc(1/2 * 100%);
    z-index: 32;
    display: none;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    bottom: calc(env(safe-area-inset-bottom) + 0.5rem);
    background: var(--sidebar-bg);
  }
  #app-shell[data-mobnav-hidden] .app-shell__mobnav-restore {
    display: flex;
  }
  .app-shell__mobnav-tab {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    text-decoration-line: none;
    min-height: 3.25rem;
  }
  .app-shell__mobnav-tab:hover {
    color: var(--ink);
  }
  .app-shell__mobnav-tab--current {
    color: var(--ink);
    font-weight: 600;
  }
  .app-shell__mobnav-icon {
    height: 1.375rem;
    width: 1.375rem;
  }
  .app-shell__mobnav-drawer {
    margin: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    inset: auto 0 0 0;
    max-height: 75vh;
    overflow-y: auto;
    background: var(--sidebar-bg);
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }
  .app-shell__mobnav-drawer:not(:popover-open) {
    display: none;
  }
  .app-shell__mobnav-drawer::backdrop {
    background: color-mix(in oklch, black 45%, transparent);
  }
  .app-shell__mobnav-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .app-shell__mobnav-drawer-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .app-shell__mobnav-drawer-context {
    margin-inline: calc(var(--spacing) * -1);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: calc(var(--spacing) * 3);
  }
  .app-shell__mobnav-drawer-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: calc(var(--spacing) * 3);
  }
  .app-shell__mobnav-drawer-action {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    text-align: left;
  }
  .app-shell__dock {
    position: fixed;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 32;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    background: var(--sidebar-bg);
    height: var(--app-chrome-bottom);
    min-height: 3.25rem;
  }
  .app-shell__dock-inner {
    margin-inline: auto;
    display: flex;
    height: 100%;
    max-width: 100vw;
    align-items: stretch;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .app-shell__dock-brand {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .app-shell__dock-scroll {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0.5);
  }
  .app-shell__dock-link {
    flex-shrink: 0;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.85rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--ink-soft);
    text-decoration-line: none;
  }
  .app-shell__dock-link:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 6%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__dock-link.app-shell__nav-link--current {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 9%, var(--sidebar-bg));
    }
    color: var(--ink);
    font-weight: 600;
  }
  .app-shell__dock-section-title {
    flex-shrink: 0;
    align-self: center;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .app-shell__dock-group {
    position: relative;
    flex-shrink: 0;
  }
  .app-shell__dock-group-title {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.85rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--ink-soft);
  }
  .app-shell__dock-group-title::-webkit-details-marker {
    display: none;
  }
  .app-shell__dock-group-title:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 6%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__dock-chevron {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    rotate: calc(90deg * -1);
  }
  .app-shell__dock-flyout {
    display: flex;
    min-width: 11rem;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 1);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    inset: auto;
    margin: 0 0 0.5rem 0;
    background: var(--sidebar-bg);
  }
  .app-shell__dock-flyout:not(:popover-open) {
    display: none;
  }
  .app-shell__dock-flyout-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .app-shell__dock-recents[hidden] {
    display: none;
  }
  .app-shell__dock-recent-link {
    display: block;
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.85rem;
    color: var(--ink-soft);
    text-decoration-line: none;
  }
  .app-shell__dock-recent-link:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 6%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__nav-kbd {
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shortcut-helper {
    position: absolute;
  }
  .shortcut-helper__popover {
    margin: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 72);
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 0);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    margin-top: 0.5rem;
  }
  .shortcut-helper__popover:popover-open {
    display: flex;
  }
  .shortcut-helper__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.8rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .shortcut-helper__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    overflow-y: auto;
    padding: calc(var(--spacing) * 2);
    max-height: 60vh;
  }
  .shortcut-helper__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.9rem;
    color: var(--ink-soft);
  }
  .shortcut-helper__keys {
    flex-shrink: 0;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.72rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 4%, var(--panel));
    }
  }
  @supports (anchor-name: --x) {
    .shortcut-helper__popover {
      position-area: bottom span-left;
      margin-top: 0.5rem;
    }
  }
  .app-shell__dock-flyout::after {
    content: "";
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 2);
  }
  @supports (anchor-name: --x) {
    .app-shell__dock-flyout:popover-open {
      bottom: anchor(top);
      left: anchor(left);
    }
  }
  @supports not (anchor-name: --x) {
    .app-shell__dock-flyout {
      bottom: calc(var(--app-chrome-bottom) + 0.25rem);
      left: 0.75rem;
    }
  }
  .app-shell__dock-profile {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 0.85rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    text-decoration-line: none;
  }
  .app-shell__dock-profile:hover {
    background-color: var(--interactive-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklch, var(--interactive-bg) 80%, transparent );
    }
    color: var(--interactive-fg);
  }
  .app-shell__dock-profile.app-shell__nav-link--current {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 9%, var(--sidebar-bg));
    }
    color: var(--ink);
  }
  .app-shell__dock-profile-label {
    display: none;
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .app-shell--bottom-dock .floating-chat {
    bottom: calc(1rem + var(--app-chrome-bottom));
  }
  :root[data-density="compact"] .app-shell__topbar-inner {
    padding-block: calc(var(--spacing) * 2);
  }
  :root[data-density="compact"] .app-shell__main {
    padding: calc(var(--spacing) * 0);
  }
  :root[data-density="compact"] .app-shell__icon-btn, :root[data-density="compact"] .app-shell__command-open {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .app-shell__page {
    --page-gutter: 1rem;
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (min-width: 1024px) {
    .app-shell__page {
      --page-gutter: 1.5rem;
    }
  }
  @media (min-width: 1280px) {
    .app-shell__page {
      max-width: 75rem;
      margin-inline: auto;
    }
  }
  .app-shell:has(#plan-page-root) .app-shell__page, .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__page, .app-shell:has(#shotlist-root .shotlist-sheet-wrap) .app-shell__page {
    --page-gutter: 0px;
    max-width: none;
    padding-inline: calc(var(--spacing) * 0);
  }
  .app-shell:has(#plan-page-root) .app-shell__main, .app-shell:has(#plan-page-root) .app-shell__page {
    background: var(--panel);
  }
  .app-shell__avatar--sidebar {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    font-size: 0.6875rem;
    box-shadow: none;
  }
  .app-shell__avatar--dock {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .app-shell__icon--sm {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .app-shell__icon--xs {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
  }
  .app-shell__dock-brand-logo {
    display: block;
    flex-shrink: 0;
  }
  .floating-chat__icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .floating-chat {
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    z-index: 35;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--border);
    height: min(34rem, calc(100vh - 4rem));
    width: min(28rem, calc(100vw - 2rem));
  }
  .floating-chat--wide {
    width: min(42rem, calc(100vw - 2rem));
  }
  .floating-chat .floating-chat__handle {
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-block: calc(var(--spacing) * 1.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    border-radius: 0.75rem 0.75rem 0 0;
    color: var(--ink);
  }
  .floating-chat:not(.floating-chat--minimized) .floating-chat__handle:hover {
    background-color: var(--panel);
    color: var(--ink);
  }
  .floating-chat .floating-chat__minimize, .floating-chat .floating-chat__stash, .floating-chat .floating-chat__drag-handle {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    color: inherit;
    &:hover {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklch, var(--accent) 18%, transparent );
      }
    }
  }
  .floating-chat .floating-chat__handle-inner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 4);
    color: inherit;
  }
  .floating-chat__spacer {
    display: none;
    flex: 1;
  }
  .floating-chat__drag-handle {
    display: flex;
    flex-shrink: 0;
    cursor: grab;
    align-items: center;
    justify-content: center;
    &:active {
      cursor: grabbing;
    }
  }
  .floating-chat__body {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    background-color: var(--panel);
  }
  .floating-chat__resize-handle {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 2);
    cursor: n-resize;
    touch-action: none;
    background-color: transparent;
  }
  .floating-chat__resize-handle:hover {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklch, var(--panel-soft) 50%, transparent );
    }
  }
  .command-palette {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 70;
  }
  .command-palette__backdrop {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: rgba(33,33,30,0.42);
  }
  .command-palette__dialog {
    position: relative;
    margin-inline: auto;
    margin-top: clamp(2.5rem, 12vh, 8rem);
    width: min(40rem, calc(100vw - 1.25rem));
    overflow: hidden;
    border-radius: 0.95rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 32px 80px -44px var(--tw-shadow-color, rgba(15,15,15,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .command-palette__input-row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding: 0.56rem;
  }
  .command-palette__input {
    width: 100%;
    border-radius: 0.55rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: 0.56rem;
    padding-block: 0.64rem;
    font-size: 0.95rem;
    color: var(--ink);
    --tw-outline-style: none;
    outline-style: none;
  }
  .command-palette__results {
    display: grid;
    max-height: min(22rem, 52vh);
    gap: 0.26rem;
    overflow: auto;
    padding: 0.44rem;
  }
  .command-palette__section-title {
    grid-column: 1 / -1;
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .command-palette__section-title--break {
    grid-column: 1 / -1;
    padding-inline: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .command-palette__empty-hint {
    grid-column: 1 / -1;
    display: none;
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .command-palette__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.56rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: 0.62rem;
    padding-block: 0.58rem;
    text-align: left;
    font-size: 0.9rem;
    color: var(--ink-soft);
    &:hover {
      @media (hover: hover) {
        background-color: var(--interactive-bg);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--interactive-fg);
      }
    }
    &[data-active="true"] {
      background-color: var(--interactive-bg);
    }
    &[data-active="true"] {
      color: var(--interactive-fg);
    }
    & span {
      font-size: 0.78rem;
    }
    & span {
      color: var(--ink-muted);
    }
  }
  .app-body {
    position: relative;
    isolation: isolate;
    margin: calc(var(--spacing) * 0);
    font-family: var(--font-sans);
    color: var(--ink);
    letter-spacing: -0.01em;
  }
  .plan-timeline__slot {
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
    background: var(--surface-raised);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--surface-raised) 92%, var(--stroke-base) 8% );
    }
  }
  .plan-timeline__drag-handle {
    position: absolute;
    top: calc(var(--spacing) * 1);
    right: calc(var(--spacing) * 1);
    z-index: 20;
    min-height: 1.5rem;
    min-width: 1.5rem;
    flex-shrink: 0;
    cursor: grab;
    touch-action: none;
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
    &:active {
      cursor: grabbing;
    }
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--ink) 70%, transparent);
    }
  }
  .plan-activity-backdrop {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
}
@layer components {
  .rb-table-zebra tbody tr:nth-child(odd) td {
    background-color: var(--panel);
  }
  .rb-table-zebra tbody tr:nth-child(even) td {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 38%, var(--panel) 62%);
    }
  }
  .rb-table-zebra tbody tr:hover td {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 52%, var(--panel) 48%);
    }
  }
  .rb-tabs {
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-bottom: 1px solid var(--border);
    background: transparent;
  }
  .rb-tabs__track {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
  }
  .rb-tabs__tab {
    position: relative;
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    flex: 0 1 auto;
  }
  .rb-tabs--spread .rb-tabs__tab {
    flex: 1 1 0;
    min-width: 0;
  }
  .rb-tabs__icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    opacity: 70%;
  }
  .rb-tabs__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rb-tabs__badge {
    display: inline-flex;
    min-width: 1.1rem;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: 1px;
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--panel-soft) 100%, transparent);
    }
    color: var(--ink-muted);
    border: 1px solid var(--border);
  }
  .rb-tabs__tab--inactive {
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .rb-tabs__tab--inactive:hover {
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--panel-soft) 55%, transparent);
    }
  }
  .rb-tabs__tab--active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    border-bottom-color: var(--primary);
  }
  .rb-tabs__tab--active .rb-tabs__icon {
    color: var(--primary-ink);
    opacity: 100%;
  }
  .rb-tabs__tab--active .rb-tabs__badge {
    background: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--primary) 12%, transparent);
    }
    color: var(--primary-text);
    border-color: var(--primary-border);
  }
  .rb-tabs__tab:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    background: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--primary) 8%, transparent);
    }
  }
  @media (max-width: 36rem) {
    .rb-tabs__track {
      flex-wrap: nowrap;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .rb-tabs__track::-webkit-scrollbar {
      display: none;
    }
    .rb-tabs--spread .rb-tabs__tab {
      flex: 0 0 auto;
    }
  }
  .layout-html {
    scrollbar-gutter: stable;
  }
  .rb-form {
    margin-top: calc(var(--spacing) * 8);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  :root[data-density="compact"] .rb-form {
    margin-top: calc(var(--spacing) * 5);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .page-header--row {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .page-header--row > :first-child, .page-header--items-end > :first-child, .page-header--items-center > :first-child {
    min-width: calc(var(--spacing) * 0);
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .page-header--row > :last-child:not(:only-child), .page-header--items-end > :last-child:not(:only-child), .page-header--items-center > :last-child:not(:only-child) {
    width: 100%;
    flex-shrink: 0;
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .page-title-xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .page-subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .resource-page-actions {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      width: auto;
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .card-actions-bar {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.375rem;
  }
  .card-actions-bar__btn {
    display: inline-flex;
    height: 2.25rem;
    width: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: var(--ink-muted);
    transition: color 150ms ease, background-color 150ms ease;
  }
  .card-actions-bar__btn:hover {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary-bg) 22%, transparent);
    }
    color: var(--primary-ink);
  }
  .card-actions-bar__btn--danger:hover {
    background-color: color-mix(in oklch, rgb(254 226 226) 100%, transparent);
    color: rgb(220 38 38);
  }
  :root[data-theme="dark"] .card-actions-bar__btn--danger:hover {
    background-color: color-mix(in oklch, rgb(127 29 29) 20%, transparent);
  }
  .card-actions-bar__icon {
    height: 1rem;
    width: 1rem;
    flex-shrink: 0;
  }
  .card-actions-bar__label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-muted);
  }
  .card-actions-bar--compact .card-actions-bar__label, .card-actions-bar__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  @media (width < 64rem) {
    .card-actions-bar:not(.card-actions-bar--compact) {
      margin-top: 0.75rem;
      width: 100%;
      gap: 0.5rem;
      border-top: 1px solid var(--border);
      padding-top: 0.75rem;
    }
    .card-actions-bar:not(.card-actions-bar--compact) .card-actions-bar__label {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: nowrap;
    }
    .card-actions-bar:not(.card-actions-bar--compact) .card-actions-bar__btn {
      display: flex;
      flex: 1 1 0%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      height: auto;
      min-height: 2.75rem;
      width: auto;
      min-width: 0;
      padding: 0.5rem;
    }
    .card-actions-bar--compact {
      gap: 0.5rem;
    }
    .card-actions-bar--compact .card-actions-bar__btn {
      height: 2.5rem;
      width: 2.5rem;
    }
  }
  .btn-primary {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-offset: 2px;
    }
    &:focus-visible {
      outline-color: var(--btn-primary-bg);
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .btn-secondary {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .btn-modal-cancel {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--border);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ring-inset: inset;
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .btn-modal-cancel-secondary {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .resource-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .resource-grid--compact {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .resource-grid--people {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
  }
  .resource-grid--people.resource-grid--compact {
    gap: calc(var(--spacing) * 2.5);
  }
  @media (width < 64rem) {
    .resource-grid--people {
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
  }
  @media (width >= 64rem) {
    .people-column .resource-grid--people {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .resource-card {
    position: relative;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .resource-card:not(.resource-card--compact):not(.resource-card--person) {
    height: 18rem;
  }
  .resource-card--compact {
    height: 5.5rem;
    border-radius: var(--radius-xl);
  }
  .resource-card--person:not(.resource-card--compact) {
    height: 7rem;
  }
  .resource-card:hover, .resource-card:focus-within {
    border-color: var(--border-strong);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .resource-card:hover .resource-card__title, .resource-card:focus-within .resource-card__title {
    text-decoration-line: underline;
    text-decoration-color: var(--primary-ink);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklch, var(--primary-ink) 30%, transparent);
    }
  }
  .resource-card__overlay {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
  }
  .resource-card:not(.resource-card--compact):not(.resource-card--person) .resource-card__media {
    position: relative;
    height: calc(var(--spacing) * 40);
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
  }
  .resource-card__media--badge {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .resource-card__cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .resource-card__photo-badge {
    position: absolute;
    right: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    z-index: 10;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .resource-card__body {
    pointer-events: none;
    position: relative;
    z-index: 10;
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    padding: calc(var(--spacing) * 4);
  }
  .resource-card__row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .resource-card__letter-badge {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: var(--primary-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-ink) 10%,transparent);
    }
    color: var(--primary-ink);
  }
  .resource-card__letter-text {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .resource-card__letter-badge--cast {
    box-shadow: inset 0 0 0 1px color-mix(in oklch, #10b981 28%, transparent);
  }
  .resource-card__letter-badge--crew {
    box-shadow: inset 0 0 0 1px color-mix(in oklch, #8b5cf6 28%, transparent);
  }
  .resource-card__title {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    text-decoration-line: none;
    text-decoration-color: var(--primary-ink);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklch,var(--primary-ink) 30%,transparent);
    }
    text-underline-offset: 4px;
  }
  .resource-card__subtitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex-shrink: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .resource-card__chips {
    margin-top: auto;
    display: flex;
    max-height: 1.625rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
    overflow: hidden;
  }
  .resource-card__chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .resource-card__chip-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  .resource-card__actions {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    opacity: 1;
    transition: opacity 150ms ease;
  }
  @media (hover: hover) {
    .resource-card__actions {
      opacity: 0;
    }
    .resource-card:hover .resource-card__actions, .resource-card:focus-within .resource-card__actions {
      opacity: 1;
    }
  }
  @media (width < 48rem) {
    .resource-card__row {
      flex-direction: row;
      align-items: flex-start;
      gap: 0.5rem;
    }
    .resource-card__actions {
      justify-content: flex-end;
      gap: 0.375rem;
      align-self: auto;
    }
    .resource-card--compact .resource-card__row {
      align-items: center;
      gap: 0.625rem;
    }
  }
  .resource-card--compact .resource-card__body {
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .resource-card--compact .resource-card__row {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .resource-card--compact .resource-card__title-group {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .resource-card--compact .resource-card__title {
    display: inline;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .resource-card--compact .resource-card__subtitle-inline {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .resource-card--compact .resource-card__chips {
    margin-top: auto;
    max-height: 1.375rem;
    gap: calc(var(--spacing) * 1.5);
  }
  .resource-card--compact .resource-card__chip {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
  }
  .resource-card--compact .resource-card__chip-icon {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }
  .resource-card--person:not(.resource-card--compact) {
    flex-direction: row;
  }
  .resource-card--person:not(.resource-card--compact) .resource-card__body {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    overflow: hidden;
    padding: calc(var(--spacing) * 4);
  }
  .resource-card__person-avatar {
    flex-shrink: 0;
    align-self: center;
  }
  .resource-card__person-avatar .resource-card__letter-badge {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
  }
  .resource-card__person-avatar .resource-card__letter-text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .resource-card__person-main {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    overflow: hidden;
  }
  .resource-card--person:not(.resource-card--compact) .resource-card__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .resource-card--person:not(.resource-card--compact) .resource-card__row {
    align-items: center;
  }
  .resource-empty {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .resource-empty__inner {
    display: flex;
    max-width: var(--container-sm);
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
  }
  .resource-empty__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .resource-empty__text {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .resource-empty__cta {
    margin-top: calc(var(--spacing) * 4);
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    min-height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text) !important;
    text-decoration-line: none !important;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .resource-empty__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .resource-empty__cta--secondary {
    margin-top: calc(var(--spacing) * 4);
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .form-modal {
    margin-top: calc(var(--spacing) * 8);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .form-modal__heading {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .form-modal__icon-tile {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    color: var(--ink-muted);
  }
  .form-modal__fields {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .form-field__label {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .form-field__input, .form-field__select {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    width: 100%;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &::placeholder {
      color: var(--ink-muted);
    }
    &:focus {
      border-color: var(--border-strong);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    min-height: 3.25rem;
  }
  textarea.form-field__input {
    padding-block: calc(var(--spacing) * 3);
    min-height: 6rem;
  }
  .form-modal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
  }
  .form-modal__actions--sectioned {
    margin-top: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 6);
  }
  .confirm-modal {
    position: relative;
    z-index: 100;
    display: none;
  }
  .confirm-modal__backdrop {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel) 80%,transparent);
    }
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .confirm-modal__scroll {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    overflow-y: auto;
  }
  .confirm-modal__center {
    display: flex;
    min-height: 100%;
    align-items: flex-end;
    justify-content: center;
    padding: calc(var(--spacing) * 4);
    text-align: center;
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .confirm-modal__panel {
    position: relative;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 4);
    text-align: left;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      width: 100%;
    }
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .confirm-modal__body {
    @media (width >= 40rem) {
      display: flex;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .confirm-modal__icon-wrap {
    margin-inline: auto;
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    color: var(--ink-muted);
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .confirm-modal__icon-wrap--danger {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--danger) 14%, var(--panel-soft));
    }
    border-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--danger) 32%, var(--border));
    }
    color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--danger) 70%, var(--ink) 30%);
    }
  }
  .confirm-modal__icon-wrap--warning {
    background-color: #f59e0b;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, #f59e0b 14%, var(--panel-soft));
    }
    border-color: #f59e0b;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, #f59e0b 32%, var(--border));
    }
    color: #b45309;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, #b45309 70%, var(--ink) 30%);
    }
  }
  :root[data-theme="dark"] .confirm-modal__icon-wrap--warning {
    color: #fbbf24;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, #fbbf24 78%, var(--ink) 22%);
    }
  }
  .confirm-modal__icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .confirm-modal__text-wrap {
    margin-top: calc(var(--spacing) * 3);
    text-align: center;
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .confirm-modal__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .confirm-modal__message {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .confirm-modal__actions {
    margin-top: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      display: flex;
    }
    @media (width >= 40rem) {
      flex-direction: row-reverse;
    }
  }
  .confirm-modal__confirm {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .confirm-modal__confirm:hover {
    background-color: var(--btn-primary-hover);
  }
  .confirm-modal__cancel {
    margin-top: calc(var(--spacing) * 3);
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--border);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ring-inset: inset;
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .icon--xs {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
  }
  .icon--sm {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .icon--md {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .icon--lg {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .icon--xl {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
  }
  .icon--plus-leading {
    margin-right: calc(var(--spacing) * 1.5);
    margin-left: calc(var(--spacing) * -0.5);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .icon--plus-leading-sm {
    margin-right: calc(var(--spacing) * 1.5);
    margin-left: calc(var(--spacing) * -0.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .page-header--items-end {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
    @media (width >= 40rem) {
      align-items: flex-end;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .page-header--items-center {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .page-header__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  @media (width < 64rem) {
    .page-header__actions {
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      gap: 0.5rem;
    }
  }
  .empty-state--dashed {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 8);
  }
  .schedule-block__row--panel.group\/block:hover {
    cursor: pointer;
    opacity: 90%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .panel-shell__header {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .panel-shell__header--day-overview {
    align-items: flex-start;
  }
  .panel-shell__header--block-overview {
    align-items: flex-start;
  }
  .panel-shell__edge-controls {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    z-index: 70;
    display: flex;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    pointer-events: auto;
  }
  .panel-shell__edge-controls .shell-toggle {
    z-index: 70;
  }
  .plan-panel--block-overview .block-overview-panel__icon-tile {
    background-color: var(--neutral-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--neutral-bg) 42%,var(--panel-soft));
    }
    color: var(--neutral-ink);
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-panel--block-overview.plan-panel--block-type-scene .block-overview-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-overview.plan-panel--block-type-break .block-overview-panel__icon-tile {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 42%,var(--panel-soft));
    }
    color: var(--tertiary-ink);
  }
  .plan-panel--block-overview.plan-panel--block-type-setup .block-overview-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-overview.plan-panel--block-type-teardown .block-overview-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-overview.plan-panel--block-type-lunch .block-overview-panel__icon-tile {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 42%,var(--panel-soft));
    }
    color: var(--tertiary-ink);
  }
  .plan-panel--block-overview.plan-panel--block-type-location-scout .block-overview-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-overview .block-overview-panel__summary-card {
    background-color: var(--neutral-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--neutral-bg) 28%,var(--panel-soft));
    }
    color: var(--ink);
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 10%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-panel--block-overview.plan-panel--block-type-scene .block-overview-panel__summary-card {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview.plan-panel--block-type-break .block-overview-panel__summary-card {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview.plan-panel--block-type-setup .block-overview-panel__summary-card {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview.plan-panel--block-type-teardown .block-overview-panel__summary-card {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview.plan-panel--block-type-lunch .block-overview-panel__summary-card {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview.plan-panel--block-type-location-scout .block-overview-panel__summary-card {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 22%,var(--panel-soft));
    }
  }
  .plan-panel--block-overview .block-overview-panel__summary-label {
    color: var(--ink-muted);
  }
  .plan-panel--block-overview .block-overview-panel__summary-stat {
    color: var(--ink);
  }
  .plan-panel--block-edit {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-panel--block-edit .block-edit-panel__section {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 88%,var(--panel));
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-panel--block-edit .block-edit-panel__icon-tile {
    background-color: var(--neutral-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--neutral-bg) 42%,var(--panel-soft));
    }
    color: var(--neutral-ink);
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-panel--block-edit.plan-panel--block-type-scene .block-edit-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-edit.plan-panel--block-type-break .block-edit-panel__icon-tile {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 42%,var(--panel-soft));
    }
    color: var(--tertiary-ink);
  }
  .plan-panel--block-edit.plan-panel--block-type-setup .block-edit-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-edit.plan-panel--block-type-teardown .block-edit-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .plan-panel--block-edit.plan-panel--block-type-lunch .block-edit-panel__icon-tile {
    background-color: var(--tertiary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--tertiary-bg) 42%,var(--panel-soft));
    }
    color: var(--tertiary-ink);
  }
  .plan-panel--block-edit.plan-panel--block-type-location-scout .block-edit-panel__icon-tile {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--primary-bg) 42%,var(--panel-soft));
    }
    color: var(--primary-ink);
  }
  .block-edit-panel__delete-bar {
    display: none;
  }
  .block-edit-panel__delete-btn {
    min-height: calc(var(--spacing) * 11);
    width: 100%;
  }
  .block-edit-panel__delete-btn--desktop {
    display: none;
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .plan-panel--day-edit {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .day-edit-panel--reference {
    --day-edit-field-bg: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      --day-edit-field-bg: color-mix(in oklch, var(--panel-soft) 94%, var(--ink) 4%);
    }
  }
  :root[data-theme="dark"] .day-edit-panel--reference {
    --day-edit-field-bg: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      --day-edit-field-bg: color-mix(in oklch, var(--panel-soft) 88%, var(--ink) 8%);
    }
  }
  .day-edit-soft-input {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--day-edit-field-bg);
    color: var(--ink);
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .day-edit-panel--reference .day-edit-soft-input [data-trigger] {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .day-edit-ref-section-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .day-edit-ref-section-head__rule {
    height: 1px;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    background-color: var(--border);
  }
  .day-edit-time-field__inner {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--day-edit-field-bg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .day-edit-cast-rank {
    background-color: #ffd54f;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,#ffd54f 78%,var(--panel));
    }
    color: #3d2914;
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,#3d2914 10%,transparent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,#ffd54f 28%,var(--panel-soft));
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 12%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .plan-panel.plan-panel--day.plan-panel--day-overview {
    color: #1a1a1a;
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
  }
  .plan-panel.plan-panel--block.plan-panel--block-overview.block-overview-shell {
    color: #1a1a1a;
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
  }
  .panel-shell__footer-actions {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .panel-shell__footer-fabs {
    display: none;
  }
  @media (width < 64rem) {
    .panel-shell {
      z-index: 50;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      justify-content: stretch;
      width: 100%;
      max-width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      overflow: hidden;
      overflow-x: clip;
      overscroll-behavior: none;
      touch-action: none;
    }
    .panel-shell__panel-frame {
      width: 100%;
      max-width: calc(100% - 2.75rem);
      min-width: 0;
    }
    .panel-shell__panel {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      height: 100%;
      max-height: 100%;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      overflow-x: clip;
    }
    .panel-shell__header--block-overview, .panel-shell__header--day-overview {
      min-width: 0;
      max-width: 100%;
      overflow-x: clip;
    }
    .panel-shell__body {
      min-height: 0;
      overscroll-behavior: contain;
      touch-action: pan-y;
      -webkit-overflow-scrolling: touch;
    }
    .panel-shell__footer--docked {
      display: none !important;
    }
    .panel-shell__footer-fabs {
      position: fixed;
      z-index: 33;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3);
      pointer-events: none;
      left: 1rem;
      right: 1rem;
      bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
    .panel-shell__footer-fabs:not(:has(.btn-danger-outline)) {
      justify-content: flex-end;
    }
    .block-edit-panel__footer-fabs.panel-shell__footer-fabs {
      justify-content: space-between;
    }
    .block-edit-panel__delete-bar {
      flex-shrink: 0;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--border);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      background-color: var(--panel-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch, var(--panel-soft) 50%, transparent);
      }
      display: block;
      margin-bottom: calc(2.75rem + 1rem);
    }
    .fixed.inset-0.flex.justify-end[role="dialog"]:has(.block-edit-panel__footer-fabs) [data-panel-scroll] {
      padding-bottom: calc(2.75rem + 1rem);
    }
    .panel-shell__footer-fabs .panel-shell__footer-actions {
      display: contents;
    }
    .panel-shell__footer-fabs .panel-shell__footer-actions > div {
      display: contents;
    }
    .panel-shell__footer-fabs .btn-danger-outline, .panel-shell__footer-fabs .panel-shell__footer-actions > *:last-child:not(.btn-danger-outline), .panel-shell__footer-fabs .panel-shell__footer-actions > *:only-child:not(.btn-danger-outline), .panel-shell__footer-fabs .panel-shell__footer-actions button:not(.btn-danger-outline), .panel-shell__footer-fabs .panel-shell__footer-actions a {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      pointer-events: auto;
      height: 2.75rem;
      min-width: 2.75rem;
      gap: 0.375rem;
      padding-left: 1rem;
      padding-right: 1rem;
      transform: none;
      font-size: 0.8125rem;
      line-height: 1rem;
    }
    .panel-shell__footer-fabs .btn-danger-outline:active, .panel-shell__footer-fabs .panel-shell__footer-actions > *:last-child:not(.btn-danger-outline):active, .panel-shell__footer-fabs .panel-shell__footer-actions > *:only-child:not(.btn-danger-outline):active, .panel-shell__footer-fabs .panel-shell__footer-actions button:not(.btn-danger-outline):active, .panel-shell__footer-fabs .panel-shell__footer-actions a:active {
      scale: 0.97;
    }
    .panel-shell:has(.panel-shell__footer-fabs) .panel-shell__body, .panel-shell:has(.panel-shell__footer-fabs) [data-panel-scroll] {
      padding-bottom: calc(2.75rem + 1rem);
    }
    .panel-shell__footer {
      padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    }
    .panel-shell__edge-controls {
      display: none !important;
    }
    .block-overview-shell .panel-shell__body, .day-overview-shell.plan-panel--day-overview .panel-shell__body {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      padding-bottom: 0;
    }
    .block-overview-shell .rb-tabs {
      flex-shrink: 0;
      min-width: 0;
      max-width: 100%;
    }
    .block-overview-shell .block-overview-panel__scroll {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      touch-action: pan-y;
      -webkit-overflow-scrolling: touch;
    }
    .day-overview-shell.plan-panel--day-overview .rb-tabs {
      flex-shrink: 0;
      min-width: 0;
      max-width: 100%;
    }
    .day-overview-shell.plan-panel--day-overview .day-overview-panel__scroll {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      touch-action: pan-y;
      -webkit-overflow-scrolling: touch;
    }
    .fixed.inset-0.flex.justify-end[role="dialog"]:not(.panel-shell) {
      z-index: 50;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      justify-content: stretch;
      width: 100%;
      max-width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      overflow: hidden;
      overflow-x: clip;
      overscroll-behavior: none;
      touch-action: none;
    }
    .fixed.inset-0.flex.justify-end[role="dialog"]:not(.panel-shell) [data-panel-scroll] {
      touch-action: pan-y;
      overscroll-behavior: contain;
    }
    .fixed.inset-0.flex.justify-end[role="dialog"]:not(.panel-shell) > .absolute.inset-0 {
      display: none;
    }
    .fixed.inset-0.flex.justify-end[role="dialog"]:not(.panel-shell) > .plan-panel {
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: 100%;
      min-height: 0;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .app-shell:has(.panel-shell), .app-shell:has(.fixed.inset-0.flex.justify-end[role="dialog"]) {
      overflow: hidden;
      height: 100dvh;
    }
    .app-shell:has(.panel-shell) .app-shell__main, .app-shell:has(.panel-shell) .app-shell__page, .app-shell:has(.fixed.inset-0.flex.justify-end[role="dialog"]) .app-shell__main, .app-shell:has(.fixed.inset-0.flex.justify-end[role="dialog"]) .app-shell__page {
      overflow: hidden;
    }
  }
  .plan-panel--day-overview .panel-shell__header, .plan-panel--block-overview.block-overview-shell .panel-shell__header {
    background-color: transparent;
  }
  .day-overview-shell .day-overview-panel__header {
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .block-overview-shell .block-overview-panel__header {
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .block-overview-shell .block-overview-panel__header h2, .block-overview-shell .block-overview-panel__header p, .day-overview-shell .day-overview-panel__header h2, .day-overview-shell .day-overview-panel__header p {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .day-overview-shell .day-overview-panel__header-actions button {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 88%,var(--ink) 6%);
    }
    padding: calc(var(--spacing) * 0);
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch,var(--ink) 72%,transparent);
    }
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--panel-soft) 78%,var(--ink) 10%);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel-soft) 70%,var(--ink) 12%);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink-muted);
    }
  }
  .block-overview-shell .block-overview-panel__header-actions button {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 88%,var(--ink) 6%);
    }
    padding: calc(var(--spacing) * 0);
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch,var(--ink) 72%,transparent);
    }
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--panel-soft) 78%,var(--ink) 10%);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel-soft) 70%,var(--ink) 12%);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink-muted);
    }
  }
  .day-overview-shell .rb-tabs--inset, .block-overview-shell .rb-tabs--inset {
    padding-inline: calc(var(--spacing) * 4);
  }
  @media (max-width: 36rem) {
    .day-overview-shell .rb-tabs--inset, .block-overview-shell .rb-tabs--inset {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .day-overview-shell .day-overview-panel__icon-tile {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: #ffd141;
    color: #1a1a1a;
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,#1a1a1a 10%,transparent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,#ffd54f 22%,var(--panel-soft));
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
  }
  .day-overview-shell .day-overview-panel__icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .day-overview-shell .day-overview-panel__head-row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .day-overview-shell .day-overview-panel__head-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .day-overview-shell .day-overview-panel__panel-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .day-overview-shell .day-overview-panel__day-subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink-muted);
  }
  .day-overview-shell .day-overview-panel__day-name {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: var(--ink-soft);
  }
  .day-overview-shell .day-overview-panel__header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .day-overview-shell .day-overview-panel__scroll {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 4);
  }
  .day-overview-shell .day-overview-panel__tab-stack--tight {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .day-overview-shell .day-overview-panel__section-row {
    display: flex;
    min-height: 1.75rem;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .day-overview-shell .day-overview-panel__empty-hint {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .day-overview-shell .day-overview-panel__manage-btn {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .day-overview-shell .day-overview-panel__footer-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .day-overview-shell .day-overview-panel__call-card {
    background-color: #ffd141;
    color: #1a1a1a;
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,#1a1a1a 10%,transparent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,#ffd54f 18%,var(--panel-soft));
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 15%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .day-overview-shell .day-overview-panel__call-label {
    color: color-mix(in oklch,#1a1a1a 78%,#3d2914);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink-muted);
    }
  }
  .day-overview-shell .day-overview-panel__call-time {
    color: #1a1a1a;
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
    }
  }
  .day-overview-shell .day-overview-panel__call-time-icon {
    color: color-mix(in oklch,#1a1a1a 55%,#caa400);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklch,#ffd54f 80%,var(--ink));
      }
    }
  }
  .day-overview-shell .day-overview-panel__link-gold {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #b8860b;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch,#b8860b 55%,var(--accent));
    }
  }
  .day-overview-shell .day-overview-panel__section-heading {
    font-size: 10.5px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .day-overview-shell .day-overview-panel__scene-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 4%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--border);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--border-strong);
        }
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--panel-soft);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklch,var(--panel-soft) 85%,var(--ink) 12%);
          }
        }
      }
    }
  }
  .day-overview-shell .day-overview-panel__scene-meta-pill {
    background-color: var(--color-white);
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch,var(--ink) 78%,var(--ink-muted));
    }
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 8%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel) 88%,var(--ink) 6%);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink-soft);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 12%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .day-overview-shell .day-overview-panel__scene-thumb {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel) 88%,var(--ink) 4%);
    }
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 9%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel) 80%,var(--ink) 8%);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ink));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 18%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .day-overview-shell .day-overview-panel__scene-thumb__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .day-overview-shell .day-overview-panel__cast-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 4%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--border);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
    }
  }
  .day-overview-shell .day-overview-panel__facts-bar {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 4%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--border);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
    }
  }
  .day-overview-shell .day-overview-panel__facts-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .day-overview-shell .day-overview-panel__fact {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
  }
  .day-overview-shell .day-overview-panel__fact-icon {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    color: var(--ink-muted);
    opacity: 90%;
  }
  .day-overview-shell .day-overview-panel__fact-label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
  }
  .day-overview-shell .day-overview-panel__fact-value {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .day-overview-shell .day-overview-panel__fact-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .day-overview-shell .day-overview-panel__fact--location {
    max-width: 12rem;
  }
  .day-overview-shell .day-overview-panel__fact-call-input {
    width: 4.25rem;
    cursor: pointer;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--panel-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--panel-soft) 82%,var(--ink) 8%);
      }
    }
  }
  .day-overview-shell .day-overview-panel__fact-location-select {
    max-width: 10rem;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .day-overview-shell .day-overview-panel__avatar-stack > * {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--panel));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--panel-soft));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .day-overview-shell .day-overview-panel__quote-card {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 2px 8px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 5%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .day-overview-shell .day-overview-panel__quote-card__rail {
    display: flex;
    width: calc(var(--spacing) * 9);
    align-items: flex-start;
    justify-content: center;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklch,#c9a227 55%,var(--accent));
    --tw-gradient-to: color-mix(in oklch,#8b7a3a 42%,var(--accent));
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-top: calc(var(--spacing) * 2);
  }
  .day-overview-shell .day-overview-panel__quote-card__mark-disc {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklch,#e8d48a 70%,#c9a227);
    --tw-gradient-to: color-mix(in oklch,#b8860b 55%,#6b5a1f);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, color-mix(in oklch,var(--ink) 18%,transparent)), inset 0 1px 0 var(--tw-shadow-color, color-mix(in oklch,#fff 35%,transparent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .day-overview-shell .day-overview-panel__quote-card__mark {
    font-family: var(--font-serif);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: color-mix(in oklch,#fff 25%,#fef9e8);
    opacity: 0.98;
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--ink);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklch,var(--ink) 25%,#fef9e8);
      }
    }
  }
  .day-overview-shell .day-overview-panel__blocks-table {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch,var(--border) 55%,transparent);
    }
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--panel-soft) 88%,var(--panel));
    }
  }
  .day-overview--full .day-overview-panel__blocks-table > div {
    scrollbar-gutter: auto !important;
  }
  .day-overview--full .day-overview-panel__blocks-table .blocks-col--actions {
    width: 0.75rem !important;
  }
  .day-overview--full .day-overview-panel__blocks-table td.blocks-col--actions {
    position: relative;
    padding: 0 !important;
  }
  .day-overview--full .day-overview-panel__blocks-table td.blocks-col--actions > div {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    left: auto;
    width: max-content !important;
    transform: translateY(-50%);
    border-radius: 0.5rem;
    padding: 0.125rem 0.25rem;
    background: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel) 82%, transparent);
    }
    backdrop-filter: blur(2px);
  }
  .day-overview-shell .day-overview-panel__blocks-table .day-blocks-table__drag-handle {
    position: relative;
    z-index: 10;
    display: inline-flex;
    min-height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    cursor: grab;
    touch-action: none;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 0.5);
    padding-block: calc(var(--spacing) * 2);
    -webkit-user-select: none;
    user-select: none;
    &:active {
      cursor: grabbing;
    }
    -webkit-user-drag: none;
  }
  .day-overview--full .day-overview--full__header {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .day-overview--full__header-row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .day-overview--full__back {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .day-overview--full__heading {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .day-overview--full__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
  }
  .day-overview--full__title {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    color: var(--ink);
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .day-overview--full__day-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    text-transform: uppercase;
    background: var(--accent-base);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--accent-base) 16%, transparent);
    }
    color: var(--accent-base);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--accent-base) 78%, var(--ink));
    }
    box-shadow: inset 0 0 0 1px var(--accent-base);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--accent-base) 34%, transparent);
    }
  }
  .day-overview--full__title-input {
    max-width: var(--container-md);
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    color: var(--ink);
    &:hover {
      @media (hover: hover) {
        border-color: var(--focus-ring);
      }
    }
    &:focus {
      border-color: var(--border);
    }
    &:focus {
      background-color: var(--panel);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &::placeholder {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &::placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    &::placeholder {
      color: var(--ink-subtle);
    }
  }
  .day-overview--full__subtitle {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .day-overview--full__date-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1.5);
  }
  .day-overview--full__date-field-wrap {
    position: relative;
  }
  .day-overview--full__date-rel {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .day-overview--full__toolbar {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
  }
  .day-overview--full__btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .day-overview--full__btn--ghost {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .day-overview--full__btn--primary {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
  }
  .day-overview--full__date-field .date-time-field-wrapper {
    border-radius: var(--radius-lg);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: #ffd141;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch,#ffd141 50%,var(--border-strong));
    }
    background-color: #ffd141;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,#ffd141 10%,var(--input-bg));
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklch,#ffd54f 28%,var(--border-strong));
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: #ffd54f;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,#ffd54f 8%,var(--input-bg));
      }
    }
  }
  .day-overview--full__date-field .date-time-field-wrapper:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in oklch,#ffd141 65%,transparent);
    border-color: #ffd141;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch,#ffd141 70%,var(--border-strong));
    }
  }
  .day-overview--full__date-field .date-time-field-wrapper, .day-overview--full__date-field .date-time-field-wrapper input {
    cursor: pointer;
  }
  .day-overview--full__date-field .date-time-field-wrapper input {
    padding-left: calc(var(--spacing) * 9) !important;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .day-overview--full__date-field-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 2.5);
    z-index: 10;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: color-mix(in oklch,#1a1a1a 45%,#caa400);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: #ffd54f;
    }
  }
  @media (min-width: 1024px) {
    .day-overview--full__aside {
      position: sticky;
      top: calc(var(--spacing) * 4);
      align-self: flex-start;
    }
  }
  .plan-panel--day-overview .panel-shell__footer, .plan-panel--block-overview.block-overview-shell .panel-shell__footer {
    padding-inline: calc(var(--spacing) * 5);
  }
  .schedule-block__row--timeline {
    isolation: isolate;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: visible;
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: relative;
  }
  .schedule-block__row--timeline > .relative > button {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .schedule-block__row--not-first {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-top-color: var(--border-strong);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in srgb, var(--border-strong) 80%, transparent);
    }
  }
  .schedule-block__row--current {
    border-color: var(--color-red-400);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .schedule-block__row--first {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .schedule-block__row--last {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .form-field__label--muted {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .form-field__input--disabled {
    cursor: not-allowed;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink-muted);
  }
  .form-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
  }
  .panel-content--spaced {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .panel-header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .btn-danger-outline {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-200);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-red-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-red-400);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
          }
        }
      }
    }
  }
  .btn-danger-outline--xs {
    height: calc(var(--spacing) * 8);
    min-height: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .btn-danger {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-red-600);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-offset: 2px;
    }
    &:focus-visible {
      outline-color: var(--color-red-600);
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-500);
        }
      }
    }
  }
  .btn-danger-soft {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-red-700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--color-red-400);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 70%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-red-200);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
          }
        }
      }
    }
  }
  .btn-danger-soft--sm {
    height: calc(var(--spacing) * 9);
    min-height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .schedule-block__row--focused {
    border-color: var(--focus-ring) !important;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    --tw-ring-inset: inset;
  }
  .media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: 1.5rem 1.25rem;
  }
  .media-card {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .media-card__thumb {
    position: relative;
    display: block;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background-color: var(--panel-soft);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    box-shadow: inset 0 0 0 1px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ink) 6%, transparent);
    }
  }
  .media-card:hover .media-card__thumb {
    box-shadow: inset 0 0 0 1px var(--ink), 0 14px 28px -16px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ink) 10%, transparent), 0 14px 28px -16px color-mix(in oklch, var(--ink) 45%, transparent);
    }
  }
  .media-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .media-card:hover .media-card__image {
    scale: 1.04;
  }
  .media-card__scrim {
    pointer-events: none;
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    z-index: 0;
    height: calc(var(--spacing) * 16);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    background: linear-gradient(to bottom, oklch(0.16 0.012 250 / 0.6), transparent);
  }
  .media-card:hover .media-card__scrim {
    opacity: 100%;
  }
  .media-card__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .media-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    text-decoration-line: none;
    text-underline-offset: 4px;
  }
  .media-card:hover .media-card__title {
    text-decoration-line: underline;
  }
  .media-card__scene {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .media-card__caption {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-soft);
  }
  .media-card__badge {
    position: absolute;
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    z-index: 10;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background: oklch(0.2 0.012 250 / 0.62);
  }
  .media-card__action {
    position: absolute;
    z-index: 10;
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    color: var(--color-white);
    opacity: 100%;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    background: oklch(0.2 0.012 250 / 0.55);
  }
  @media (hover: hover) {
    .media-card__action {
      opacity: 0;
    }
    .media-card:hover .media-card__action {
      opacity: 1;
    }
  }
  .media-card__action:hover {
    background: oklch(0.2 0.012 250 / 0.78);
  }
  .media-card__action--delete {
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
  }
  .media-card__action--detach {
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 11);
  }
  .media-dropzone {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .media-dropzone__inner {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary-border);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .media-dropzone__icon-stack {
    position: relative;
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  .media-dropzone__icon-tile {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .media-dropzone__icon-tile--back {
    --tw-translate-x: 6px;
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: calc(10deg * -1);
    opacity: 50%;
  }
  .media-dropzone__icon-tile--mid {
    --tw-translate-x: calc(4px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 6deg;
    opacity: 70%;
  }
  .media-dropzone__icon-tile--front {
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-ink);
  }
  .media-dropzone__text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .media-dropzone__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .media-dropzone__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .media-pending {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .media-pending__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding: calc(var(--spacing) * 2);
  }
  .media-pending__thumb {
    position: relative;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: var(--radius-md);
    background-color: var(--panel);
  }
  .media-pending__placeholder {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--panel-soft);
  }
  .media-pending__progress {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0.5);
    background-color: var(--primary-solid);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .media-pending__meta {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
  }
  .media-pending__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .media-pending__status {
    font-size: 10px;
    color: var(--ink-muted);
  }
  .media-pending__cancel {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .media-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .media-empty__stage {
    position: relative;
    margin-bottom: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 28);
  }
  .media-empty__card {
    position: absolute;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .media-empty__card--a {
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 20);
    rotate: calc(6deg * -1);
    opacity: 50%;
  }
  .media-empty__card--b {
    top: calc(var(--spacing) * 1);
    right: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 20);
    rotate: 6deg;
    opacity: 70%;
  }
  .media-empty__card--c {
    top: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 20);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
  }
  .media-empty__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .media-empty__text {
    max-width: var(--container-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .app-flash {
    position: fixed;
    z-index: 55;
    top: calc(0.5rem + env(safe-area-inset-top, 0px));
    left: 0.75rem;
    right: 0.75rem;
    max-width: 24rem;
    margin-inline: auto;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0.375rem 1.75rem 0.375rem 0.625rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    box-shadow: 0 12px 32px var(--ink), 0 1px 0 var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 12px 32px color-mix(in srgb, var(--ink) 22%, transparent), 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent);
    }
    backdrop-filter: blur(10px);
    text-decoration: none;
  }
  @media (width >= 64rem) {
    .app-shell:not(.app-shell--bottom-dock) .app-flash {
      top: auto;
      bottom: 3.75rem;
      left: var(--app-sidebar-width, 13.8rem);
      right: 0;
      margin-inline: auto;
      width: min(24rem, calc(100vw - var(--app-sidebar-width, 13.8rem) - 1.5rem));
    }
  }
  .app-flash--info {
    background: #10b981;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #10b981 14%, color-mix(in srgb, var(--panel) 82%, transparent));
    }
    border-color: #10b981;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #10b981 28%, var(--border));
    }
    color: var(--ink);
  }
  .app-flash--error {
    background: #f43f5e;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #f43f5e 14%, color-mix(in srgb, var(--panel) 82%, transparent));
    }
    border-color: #f43f5e;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #f43f5e 28%, var(--border));
    }
    color: var(--ink);
  }
  .app-flash--sync {
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel-soft) 88%, var(--panel) 12%);
    }
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--border) 88%, transparent);
    }
    color: var(--ink);
  }
  .app-flash__icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
  }
  .app-flash--info .app-flash__icon {
    color: #059669;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, #059669 72%, var(--ink) 28%);
    }
  }
  .app-flash--error .app-flash__icon {
    color: #e11d48;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, #e11d48 72%, var(--ink) 28%);
    }
  }
  .app-flash--sync .app-flash__icon {
    color: var(--ink-muted);
  }
  .app-flash__body {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .app-flash__text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .app-flash__title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .app-flash__undo {
    flex-shrink: 0;
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 6%, transparent);
    }
  }
  .app-flash__undo:hover {
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 10%, transparent);
    }
  }
  .app-flash__close {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 1);
    display: inline-flex;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .app-flash__close:hover {
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 8%, transparent);
    }
    color: var(--ink);
  }
  .app-flash__close-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    opacity: 60%;
  }
  .app-flash__close:hover .app-flash__close-icon {
    opacity: 90%;
  }
  .wizard-steps {
    flex-shrink: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .wizard-steps__list {
    display: flex;
    align-items: center;
  }
  .wizard-steps__item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .wizard-steps__item:last-child {
    flex: none;
  }
  .wizard-steps__body {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .wizard-steps__marker {
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wizard-steps__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-soft);
    text-transform: uppercase;
  }
  .wizard-steps__optional {
    margin-left: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
    text-transform: none;
    opacity: 80%;
  }
  .wizard-steps__connector {
    height: 1px;
    min-width: calc(var(--spacing) * 4);
    flex: 1;
    background-color: var(--border-strong);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .wizard-steps__connector--complete {
    background: var(--focus-ring);
  }
  .wizard-steps__item--current .wizard-steps__marker {
    border-color: var(--focus-ring);
    color: var(--focus-ring);
    background: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--focus-ring) 14%, var(--panel));
    }
  }
  .wizard-steps__item--current .wizard-steps__label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .wizard-steps__item--complete .wizard-steps__marker {
    border-color: var(--focus-ring);
    color: var(--color-white);
    background: var(--focus-ring);
  }
  .wizard-steps__item--upcoming .wizard-steps__marker {
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
    color: var(--ink-muted);
  }
  .wizard-steps__item--upcoming .wizard-steps__label {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .wizard-modal--day {
    border-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--focus-ring) 30%, transparent);
    }
  }
  .wizard-modal--suspended {
    pointer-events: none;
    visibility: hidden;
  }
  .wizard-modal-header--day {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel-soft) 40%, transparent);
    }
  }
  .wizard-modal-header__title-row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .wizard-modal-header__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
    text-transform: uppercase;
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .wizard-modal-header__title--sentence {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-transform: none;
  }
  .wizard-modal-header__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
    text-transform: none;
  }
  .wizard-modal--block {
    border-color: var(--border-strong);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--border-strong) 80%, transparent);
    }
  }
  .wizard-block-details {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 30%, transparent);
    }
    padding: calc(var(--spacing) * 3.5);
  }
  .wizard-block-duration {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 30%, transparent);
    }
    padding: calc(var(--spacing) * 3.5);
  }
  .wizard-breadcrumb {
    flex-shrink: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
  .wizard-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .wizard-breadcrumb__item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .wizard-breadcrumb__segment {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
  }
  .wizard-breadcrumb__segment--current {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .wizard-breadcrumb__segment--link {
    cursor: pointer;
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--focus-ring);
      }
    }
  }
  .wizard-breadcrumb__sep {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    flex-shrink: 0;
    color: var(--ink-muted);
    opacity: 60%;
  }
  .wizard-block-type-picker__section-label {
    color: var(--ink-muted);
  }
  .wizard-block-type-picker__picker {
    border-color: var(--border);
  }
  .wizard-block-scene-picker {
    min-height: calc(var(--spacing) * 0);
  }
  .wizard-block-shot-picker__list {
    min-height: calc(var(--spacing) * 0);
  }
  .wizard-shot-picker__scene-header {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 1);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel) 95%, transparent);
    }
  }
  .wizard-shot-picker__scene-header--compact {
    position: static;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    padding-block: calc(var(--spacing) * 0);
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: transparent;
  }
  .wizard-shot-picker__scene-badge {
    display: flex;
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: var(--primary-bg);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--primary-ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wizard-shot-picker__scene-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink);
    text-transform: uppercase;
  }
  .wizard-shot-picker__scene-count {
    flex-shrink: 0;
    font-size: 0.65rem;
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wizard-shot-card {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  button.wizard-shot-card {
    cursor: pointer;
    appearance: none;
  }
  .wizard-shot-card--interactive {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .wizard-shot-card--interactive:hover {
    border-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--focus-ring) 60%, transparent);
    }
  }
  .wizard-shot-card--selected {
    border-color: var(--focus-ring);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklch, var(--focus-ring) 30%, transparent);
    }
    background-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--focus-ring) 6%, transparent);
    }
  }
  .wizard-shot-card--scheduled {
    border-color: var(--primary-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--primary-border) 55%, var(--border-strong));
    }
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary-bg) 38%, var(--panel));
    }
  }
  .wizard-shot-card__body {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .wizard-shot-card__title-row {
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
  .wizard-shot-card__badge {
    flex-shrink: 0;
    border-radius: 0.25rem;
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .wizard-shot-card__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .wizard-shot-card__duration {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wizard-shot-card__scheduled {
    margin-left: auto;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    background-color: var(--primary-bg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--primary-ink);
    text-transform: uppercase;
  }
  .wizard-shot-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
  }
  .wizard-shot-card__tag {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .wizard-shot-card__notes {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink-soft);
  }
  .wizard-scene-card {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
  }
  button.wizard-scene-card {
    cursor: pointer;
    appearance: none;
  }
  .wizard-scene-card--interactive {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .wizard-scene-card--interactive:hover {
    border-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--focus-ring) 60%, transparent);
    }
  }
  .wizard-scene-card--selected {
    border-color: var(--focus-ring);
    background-color: var(--panel-soft);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklch, var(--focus-ring) 30%, transparent);
    }
  }
  .wizard-scene-card__badge {
    display: flex;
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--primary-bg);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--primary-ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .wizard-scene-card__name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .wizard-block-selection {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .wizard-block-selection__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .wizard-block-selection__change {
    flex-shrink: 0;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
}
html.scroll-locked, body.scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
}
body.scroll-locked {
  position: fixed;
  width: 100%;
}
@layer components {
  .workspace-dashboard {
    margin-inline: auto;
    max-width: 90rem;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-block: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .workspace-dashboard__page-header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-end;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .workspace-dashboard__page-header-main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .workspace-dashboard__page-header-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .workspace-dashboard__page-title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .workspace-dashboard__page-owner {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .workspace-dashboard__owner {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .workspace-dashboard__page-header-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .workspace-dashboard__member-text {
    min-width: calc(var(--spacing) * 0);
  }
  .workspace-dashboard__project-card-edit {
    pointer-events: auto;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:active {
      scale: 0.98;
    }
  }
  .workspace-dashboard__member-edit-btn {
    pointer-events: auto;
    position: relative;
    z-index: 10;
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1.5);
    color: var(--ink-muted);
    opacity: 100%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--focus-ring);
    }
  }
  @media (hover: hover) {
    .workspace-dashboard__member-edit-btn {
      opacity: 0%;
    }
    .workspace-dashboard__member-row:hover .workspace-dashboard__member-edit-btn {
      opacity: 1;
    }
  }
  .workspace-dashboard__invite-dashed-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .workspace-dashboard__btn-invite {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .workspace-dashboard__btn-new {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--color-amber-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-border) 62%, var(--border));
    }
    background-color: var(--color-amber-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-bg) 58%, var(--panel) 42%);
    }
    color: var(--color-amber-ink);
  }
  .workspace-dashboard__btn-new:hover {
    color: var(--color-amber-ink);
    border-color: var(--color-amber-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-border) 82%, var(--border));
    }
    background-color: var(--color-amber-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-bg) 78%, var(--panel) 22%);
    }
  }
  .workspace-dashboard__kpi-grid {
    display: none;
    @media (width >= 40rem) {
      display: grid;
    }
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .workspace-dashboard__kpi {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    transition-property: transform,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .workspace-dashboard__kpi:hover {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  a.workspace-dashboard__kpi--link {
    color: inherit;
    text-decoration-line: none;
  }
  .workspace-dashboard__kpi-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .workspace-dashboard__kpi-label {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.625rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-soft);
    text-transform: uppercase;
  }
  .workspace-dashboard__kpi-icon {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: var(--neutral-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--neutral-border) 26%, transparent);
    }
    color: var(--ink-soft);
  }
  .workspace-dashboard__kpi-value {
    flex-shrink: 0;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .workspace-dashboard__kpi-value--sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .workspace-dashboard__kpi-sub {
    font-size: 0.6875rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
  }
  .workspace-dashboard__main-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 7);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .workspace-dashboard__projects-col {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-dashboard__section-title {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-soft);
    text-transform: uppercase;
  }
  .workspace-dashboard__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .workspace-dashboard__project-card {
    position: relative;
    display: flex;
    min-height: 10.5rem;
    cursor: pointer;
    flex-direction: column;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform,box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-outline-style: none;
    outline-style: none;
    container-type: inline-size;
  }
  .workspace-dashboard__project-card:hover {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--border-strong);
  }
  .workspace-dashboard__project-card:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .workspace-dashboard__project-inner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .workspace-dashboard__project-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    padding-right: calc(var(--spacing) * 2);
  }
  .workspace-dashboard__project-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .workspace-dashboard__project-card:hover .workspace-dashboard__project-name {
    text-decoration-line: underline;
    text-underline-offset: 4px;
    text-decoration-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in srgb, var(--ink) 30%, transparent);
    }
  }
  .workspace-dashboard__project-meta {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .workspace-dashboard__project-footer {
    position: relative;
    z-index: 10;
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 4);
    border-top-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklch, var(--border) 70%, transparent);
    }
  }
  .workspace-dashboard__project-dates {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .workspace-dashboard__project-dates--empty {
    font-style: italic;
  }
  @container (max-width: 19rem) {
    .workspace-dashboard__project-card {
      padding: calc(var(--spacing) * 4);
    }
    .workspace-dashboard__project-inner {
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
    }
    .workspace-dashboard__project-text {
      width: 100%;
      padding-right: calc(var(--spacing) * 0);
    }
    .workspace-dashboard__project-name {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .workspace-dashboard__project-card-edit {
      align-self: flex-end;
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 1);
    }
    .workspace-dashboard__project-card-edit span {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .workspace-dashboard__project-meta {
      margin-top: calc(var(--spacing) * 1.5);
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 1);
    }
  }
  .workspace-dashboard__empty-projects {
    position: relative;
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 20);
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
  }
  .workspace-dashboard__empty-projects:hover {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 50%, transparent);
    }
  }
  .workspace-dashboard__empty-projects:hover .workspace-dashboard__empty-icon {
    transform: scale(1.1);
  }
  .workspace-dashboard__empty-icon {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    background-color: var(--color-violet-600);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-dashboard__empty-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
  }
  .workspace-dashboard__empty-desc {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .workspace-dashboard__empty-cta {
    margin-top: calc(var(--spacing) * 8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--btn-primary-text);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .workspace-dashboard__empty-cta-icon {
    margin-right: calc(var(--spacing) * 2);
    margin-left: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .workspace-dashboard__members-col {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-dashboard__members-count {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--border) 72%, transparent);
    }
  }
  .workspace-dashboard__member-list {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .workspace-dashboard__member-row {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .workspace-dashboard__member-main {
    pointer-events: none;
    position: relative;
    z-index: 10;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .workspace-dashboard__member-avatar {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--border);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-dashboard__member-row:hover .workspace-dashboard__member-avatar {
    --tw-ring-color: var(--focus-ring);
  }
  .workspace-dashboard__member-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .workspace-dashboard__member-role {
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
    opacity: 60%;
  }
  .workspace-dashboard__member-empty {
    padding: calc(var(--spacing) * 8);
    text-align: center;
  }
  .workspace-dashboard__member-empty-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    font-style: italic;
  }
  .workspace-dashboard__member-filter {
    position: relative;
    margin-bottom: calc(var(--spacing) * 2);
  }
  .workspace-dashboard__member-filter-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 2.5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--ink-muted);
    opacity: 60%;
  }
  .workspace-dashboard__member-filter-input {
    width: 100%;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-block: calc(var(--spacing) * 1.5);
    padding-right: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 7);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink);
    &::placeholder {
      color: var(--ink-muted);
    }
    &::placeholder {
      opacity: 60%;
    }
    &:focus {
      border-color: var(--focus-ring);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .workspace-dashboard__member-view-all {
    display: block;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .workspace-dashboard__invite-footer {
    padding: calc(var(--spacing) * 3);
    background-color: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel) 50%, transparent);
    }
  }
  .workspace-modal__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .workspace-modal__grid-span {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .workspace-modal__role-section {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 4);
  }
  .workspace-modal__view-header {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .workspace-modal__view-avatar {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--panel-soft);
  }
  .workspace-modal__view-name {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
  }
  .workspace-modal__view-email {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .workspace-modal__view-badges {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .workspace-modal__joined {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    font-style: italic;
  }
  .workspace-modal__detail-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .workspace-modal__detail-block {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-modal__detail-label {
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .workspace-modal__detail-value {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .workspace-modal__footer-actions {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 6);
  }
  .workspace-modal__space {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-modal__date-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
}
@media (width < 64rem) {
  .workspace-dashboard__members-collapse {
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
  }
  .workspace-dashboard__members-collapse-trigger {
    cursor: pointer;
    list-style: none;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--accent-base);
    padding: 0.25rem 0;
  }
  .workspace-dashboard__members-collapse-trigger::-webkit-details-marker {
    display: none;
  }
  .workspace-dashboard__members-collapse:not([open]) .workspace-dashboard__members-collapse-body {
    display: none;
  }
  .workspace-dashboard__project-card-edit {
    min-height: 2.75rem;
    min-width: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@layer components {
  .workspace-timeline__chart {
    --tl-label: 22rem;
    --tl-row: 4rem;
    --tl-head: 2.5rem;
    display: flex;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
  }
  .workspace-timeline__labels {
    flex-shrink: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    width: var(--tl-label);
  }
  .workspace-timeline__labels-head {
    display: flex;
    align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
    height: var(--tl-head);
  }
  .workspace-timeline__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    height: var(--tl-row);
    border-bottom-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--border) 65%, transparent);
    }
  }
  .workspace-timeline__label:last-child, .workspace-timeline__row:last-of-type {
    border-bottom-color: transparent;
  }
  .workspace-timeline__scroll {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow-x: auto;
  }
  .workspace-timeline__plot {
    position: relative;
  }
  .workspace-timeline__plot--zoom {
    width: var(--tl-chart);
  }
  .workspace-timeline__months {
    display: flex;
    align-items: stretch;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    height: var(--tl-head);
  }
  .workspace-timeline__month {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    overflow: hidden;
    padding-left: calc(var(--spacing) * 1.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--ink-muted);
    border-left: 1px solid var(--border);
  }
  .workspace-timeline__month:first-child {
    border-left: 0;
  }
  .workspace-timeline__month-year {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-soft);
  }
  .workspace-timeline__body {
    position: relative;
  }
  .workspace-timeline__overlay {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
  }
  .workspace-timeline__overlay--front {
    z-index: 4;
  }
  .workspace-timeline__gridline {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px dashed var(--border-strong);
  }
  .workspace-timeline__today {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 2px solid var(--color-rose-ink);
    opacity: 0.65;
  }
  .workspace-timeline__row {
    position: relative;
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    height: var(--tl-row);
    border-bottom-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--border) 65%, transparent);
    }
  }
  .workspace-timeline__label:hover, .workspace-timeline__row:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--ink) 5%, transparent);
    }
  }
  .workspace-timeline__swatch {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--tl-ink);
  }
  .workspace-timeline__bar {
    position: absolute;
    inset-block: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    min-width: 0.75rem;
    background-color: var(--tl-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--tl-bg) 75%, var(--panel));
    }
    border: 1px solid var(--tl-border);
  }
  .workspace-timeline__day {
    position: absolute;
    inset-block: calc(var(--spacing) * 1.5);
    width: 9px;
    border-left: 3px solid var(--tl-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 3px solid color-mix(in srgb, var(--tl-ink) 78%, transparent);
    }
  }
  .workspace-timeline__day:hover {
    border-left-color: var(--tl-ink);
  }
  .workspace-timeline__day--clash, .workspace-timeline__day--clash:hover {
    width: 11px;
    border-left-width: 5px;
    border-left-color: var(--color-rose-ink);
  }
  .workspace-timeline__clash-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background-color: var(--color-rose-bg);
    color: var(--color-rose-ink);
    border: 1px solid var(--color-rose-border);
  }
  .workspace-timeline__clash-link {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: var(--color-rose-bg);
    border-color: var(--color-rose-border);
    color: var(--color-rose-ink);
  }
  .workspace-timeline__clash-link:hover {
    color: var(--color-rose-ink);
    background-color: var(--color-rose-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-rose-bg) 70%, var(--panel));
    }
  }
  .workspace-timeline__undated {
    display: block;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 3);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-timeline__undated:hover {
    background-color: var(--panel-soft);
  }
  @media (max-width: 767px) {
    .workspace-timeline__chart {
      --tl-label: 11rem;
      --tl-row: 4.5rem;
    }
    .workspace-timeline__label, .workspace-timeline__labels-head {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
}
@layer components {
  .workspace-calendar__card {
    --plan-cal-row: 5rem;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
  }
  .month-cal__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
  .month-cal__nav-end {
    margin-left: auto;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .month-cal__picker {
    max-width: 13rem;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .month-cal__cell {
    gap: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 1.5);
  }
  .month-cal__dot {
    margin-top: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 1);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: currentcolor;
    opacity: 0%;
  }
  .month-cal__dot--on {
    opacity: 60%;
  }
  .month-cal__cell-head {
    display: flex;
    flex-shrink: 0;
    align-items: baseline;
    gap: calc(var(--spacing) * 1.5);
  }
  .workspace-calendar__nav-clash {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background-color: var(--color-rose-bg);
    color: var(--color-rose-ink);
    border: 1px solid var(--color-rose-border);
  }
  .workspace-calendar__nav-hidden {
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
  }
  .workspace-calendar__pills {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    overflow: hidden;
  }
  .workspace-calendar__pill {
    display: block;
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: var(--tl-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--tl-bg) 70%, var(--panel));
    }
    border: 1px solid var(--tl-border);
  }
  .workspace-calendar__pill:hover {
    background-color: var(--tl-bg);
    border-color: var(--tl-ink);
  }
  .workspace-calendar__pill-title {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--tl-ink);
  }
  .workspace-calendar__pill-sub {
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink-muted);
  }
  .workspace-calendar__pill--clash, .workspace-calendar__pill--clash:hover {
    background-color: var(--color-rose-bg);
    border-color: var(--color-rose-ink);
  }
  .workspace-calendar__pill--clash .workspace-calendar__pill-title {
    color: var(--color-rose-ink);
  }
  .workspace-calendar__chip-swatch {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--tl-ink);
  }
  .workspace-calendar__picker {
    position: relative;
    flex-shrink: 0;
  }
  .workspace-calendar__picker-trigger {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    max-width: 13rem;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-calendar__picker-trigger:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 6%, transparent);
    }
  }
  .workspace-calendar__picker-trigger--on {
    border-color: var(--border-strong);
  }
  .workspace-calendar__picker-panel {
    position: absolute;
    top: 100%;
    right: calc(var(--spacing) * 0);
    z-index: 30;
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    max-height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 64);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    overflow-y: auto;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .workspace-calendar__picker-option {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-calendar__picker-option:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--ink) 6%, transparent);
    }
  }
  .workspace-calendar__picker-check {
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
  }
  .workspace-calendar__picker-check--on {
    background-color: var(--tl-ink);
    border-color: var(--tl-ink);
    color: var(--panel);
  }
  .workspace-calendar__picker-clear {
    margin-top: calc(var(--spacing) * 0.5);
    width: 100%;
    border-radius: var(--radius-lg);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-calendar__picker-clear:hover:not(:disabled) {
    color: var(--ink);
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--ink) 6%, transparent);
    }
  }
  .workspace-calendar__picker-clear:disabled {
    cursor: default;
    opacity: 45%;
  }
}
@layer components {
  .workspace-views {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 0.5);
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--ink) 3%, var(--panel) 97%);
    }
  }
  .workspace-views .plan-calendar__view-btn {
    flex: none;
    padding-inline: calc(var(--spacing) * 3);
  }
}
@layer components {
  .project-page {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .project-page--people {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .people-split {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .people-column {
    scroll-margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .people-column--cast {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .people-column--crew {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .people-section-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: calc(var(--spacing) * 4);
  }
  .people-section-icon {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .people-section-icon--cast {
    background-color: var(--color-emerald-500);
  }
  .people-section-icon--crew {
    background-color: var(--color-violet-500);
  }
  .people-section-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
  }
  .people-section-count {
    border-radius: calc(infinity * 1px);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
  }
  @media (width < 64rem) {
    .people-header-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.5rem;
      width: 100%;
    }
  }
  .member-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .member-row__meta {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .member-row__actions {
    opacity: 1;
    transition: opacity 150ms ease;
  }
  @media (hover: hover) {
    .member-row__actions {
      opacity: 0;
    }
    .group\/member:hover .member-row__actions {
      opacity: 1;
    }
  }
  @media (width < 40rem) {
    .member-row {
      flex-direction: column;
      align-items: stretch;
      gap: 0.75rem;
    }
    .member-row__meta {
      width: 100%;
      justify-content: space-between;
    }
  }
  .people-empty {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 10);
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
  }
  .people-empty:hover {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklch, var(--panel-soft) 50%, transparent );
    }
  }
  .people-empty:hover .people-empty__icon {
    transform: scale(1.1);
  }
  .people-empty__icon {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .people-empty__icon--cast {
    background-color: var(--color-emerald-500);
  }
  .people-empty__icon--crew {
    background-color: var(--color-violet-500);
  }
  .people-empty__cta {
    margin-top: calc(var(--spacing) * 4);
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    min-height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text) !important;
    text-decoration-line: none !important;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .people-header-actions {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      width: auto;
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .people-modal-section {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .people-modal-section + .people-modal-section {
    margin-top: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 6);
  }
  .people-modal-section__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .people-accent-box--crew {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .people-accent-box--cast {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .people-accent-link--crew {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-violet-600);
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .people-accent-link--cast {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-emerald-600);
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-700);
      }
    }
  }
  .plan-activity-overlay {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
  }
  .plan-activity-backdrop {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .plan-activity-panel {
    position: relative;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 16);
    width: min(40rem, calc(100vw - 1.25rem));
    background-color: var(--panel);
  }
  .plan-activity-card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .plan-activity-head {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .plan-activity-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .plan-activity-head-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .plan-activity-link {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        color: var(--ink-soft);
      }
    }
  }
  .plan-activity-close {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .plan-activity-list {
    max-height: 60vh;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow-y: auto;
    padding-right: calc(var(--spacing) * 1);
  }
  .plan-activity-item {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
  }
  .plan-activity-item-head {
    margin-bottom: calc(var(--spacing) * 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .plan-activity-time {
    flex-shrink: 0;
    font-size: 11px;
    color: var(--ink-muted);
  }
  .plan-activity-body {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-soft);
  }
  .plan-activity-body-strong {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .plan-activity-action {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .plan-activity-muted {
    color: var(--ink-muted);
  }
  .plan-activity-target {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .plan-activity-target-em {
    color: var(--ink-soft);
  }
  .plan-activity-changes {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .plan-activity-empty {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .plan-modal-date-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .workspace-list {
    margin-inline: auto;
    max-width: 90rem;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-block: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .workspace-list__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-end;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .workspace-list__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .workspace-list__subtitle {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-soft);
  }
  .workspace-list__header-actions {
    display: flex;
    flex-shrink: 0;
    gap: calc(var(--spacing) * 2);
  }
  .workspace-list__invitations {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-list__invitations-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .workspace-list__invitation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--primary-border);
    background-color: var(--primary-bg);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .workspace-list__empty-state {
    position: relative;
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 20);
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-list__empty-state:hover {
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 50%, transparent);
    }
  }
  .workspace-list__empty-icon-wrap {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    background-color: var(--neutral-solid);
    color: var(--on-solid);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .workspace-list__empty-state:hover .workspace-list__empty-icon-wrap {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .workspace-list__empty-icon {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
  }
  .workspace-list__empty-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
  }
  .workspace-list__empty-desc {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .workspace-list__empty-hint {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-subtle);
  }
  .workspace-list__empty-inner {
    max-width: var(--container-sm);
    padding-inline: calc(var(--spacing) * 4);
  }
  .workspace-list__modal-header {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .workspace-list__modal-icon-wrap {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: var(--neutral-solid);
    color: var(--on-solid);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .workspace-list__modal-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .workspace-list__modal-titles {
    min-width: calc(var(--spacing) * 0);
  }
  .workspace-list__modal-title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .workspace-list__modal-subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .workspace-list__modal-form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .project-limit-cta {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--primary-border);
    background-color: var(--primary-bg);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 7);
    text-align: center;
  }
  .project-limit-cta__icon {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--panel);
    color: var(--primary-ink);
  }
  .project-limit-cta__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--primary-ink);
  }
  .project-limit-cta__body {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-sm);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--ink-soft);
  }
  .project-limit-cta__button {
    margin-top: calc(var(--spacing) * 5);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    text-decoration-line: none;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .project-limit-cta__dismiss {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .workspace-list__modal-grid {
    display: grid;
    gap: calc(var(--spacing) * 6);
  }
  .workspace-list__modal-hint {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-subtle);
  }
  .workspace-list__modal-actions {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 4);
  }
  .workspace-list__modal-cancel-xl {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink-soft);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .workspace-list__modal-submit {
    min-width: 140px;
    border-radius: var(--radius-xl);
    background-color: var(--primary-solid);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--fg);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        opacity: 95%;
      }
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .workspace-list__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17.5rem), 1fr));
  }
  .workspace-list__workspace-card {
    position: relative;
    display: flex;
    min-height: 10.5rem;
    cursor: pointer;
    flex-direction: column;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform,box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-outline-style: none;
    outline-style: none;
  }
  .workspace-list__workspace-card:hover {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--border-strong);
  }
  .workspace-list__workspace-card:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .workspace-list__workspace-inner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .workspace-list__workspace-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    padding-right: calc(var(--spacing) * 2);
  }
  .workspace-list__workspace-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .workspace-list__workspace-card:hover .workspace-list__workspace-name {
    color: var(--neutral-ink);
  }
  .workspace-list__workspace-meta {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .workspace-list__plan-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    background-color: var(--neutral-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--neutral-ink) 12%, transparent);
    }
    color: var(--neutral-ink);
  }
  .workspace-list__workspace-footer {
    position: relative;
    z-index: 10;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 4);
    border-top-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklch, var(--border) 70%, transparent);
    }
  }
  .workspace-list__workspace-stats {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1.5);
  }
  .workspace-list__workspace-stat {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    color: var(--ink-muted);
  }
  .workspace-list__workspace-stat-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--neutral-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--neutral-ink) 60%, var(--ink-muted));
    }
  }
  .workspace-list__workspace-stat-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: var(--neutral-ink);
  }
  :root[data-theme="dark"] .workspace-list__workspace-stat-value {
    color: white;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, white 92%, var(--neutral-ink));
    }
  }
  .workspace-list__grid--compact {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .workspace-list__grid--compact .workspace-list__grid-new-card {
    display: none;
  }
  .workspace-list__workspace-card--compact, .workspace-dashboard__project-card--compact {
    min-height: calc(var(--spacing) * 0);
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 3);
    transition-property: box-shadow, border-color, background-color;
  }
  .workspace-list__workspace-card--compact .workspace-list__workspace-inner, .workspace-dashboard__project-card--compact .workspace-dashboard__project-inner {
    display: contents;
  }
  .workspace-list__workspace-card--compact .workspace-list__workspace-text, .workspace-dashboard__project-card--compact .workspace-dashboard__project-text {
    flex: 1;
    padding-right: calc(var(--spacing) * 0);
  }
  .workspace-list__workspace-card--compact .workspace-list__workspace-footer, .workspace-dashboard__project-card--compact .workspace-dashboard__project-footer {
    margin-top: calc(var(--spacing) * 0);
    flex-wrap: nowrap;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    padding-top: calc(var(--spacing) * 0);
    order: 5;
    flex: 0 0 auto;
  }
  .workspace-list__workspace-card--compact .workspace-dashboard__project-card-edit, .workspace-dashboard__project-card--compact .workspace-dashboard__project-card-edit {
    order: 6;
  }
  .workspace-list__workspace-card--compact:hover, .workspace-dashboard__project-card--compact:hover {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--panel-soft);
  }
  .workspace-list__new-card {
    display: flex;
    min-height: 5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    text-align: center;
    text-decoration-line: none;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform,box-shadow,border-color,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @media (width >= 40rem) {
      min-height: 10.5rem;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
    border-color: var(--primary-solid);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix( in oklab, var(--primary-solid) 42%, var(--border) );
    }
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--primary-bg) 28%, var(--panel) 72% );
    }
  }
  .workspace-list__new-card:hover {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--primary-solid);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix( in oklab, var(--primary-solid) 58%, var(--border) );
    }
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, var(--primary-bg) 42%, var(--panel) 58% );
    }
  }
  .workspace-list__new-card:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  .workspace-list__new-card-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .workspace-list__new-card-hint {
    display: none;
    max-width: 12rem;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    @media (width >= 40rem) {
      display: block;
    }
  }
  .workspace-list__new-card-icon {
    margin-bottom: calc(var(--spacing) * 0.5);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 12);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
    color: var(--on-solid);
    background-color: var(--primary-solid);
  }
  .workspace-members {
    margin-inline: auto;
    max-width: var(--container-5xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-block: calc(var(--spacing) * 8);
  }
  .scene-breakdown {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .shotlist-overview {
    margin-bottom: calc(var(--spacing) * 0);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .shotlist-overview__totals {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .shotlist-overview__stat {
    display: inline-flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 1);
  }
  .shotlist-overview__stat-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-overview__stat-label {
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .shotlist-overview__stat-rule {
    height: calc(var(--spacing) * 3.5);
    width: 1px;
    flex-shrink: 0;
    align-self: center;
    background: var(--border);
  }
  .shotlist-overview__statuses {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding: calc(var(--spacing) * 0.5);
  }
  .shotlist-overview__status {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .shotlist-overview__status--active {
    background-color: var(--panel);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shotlist-overview__status-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: var(--radius-sm);
    background: var(--ink-muted);
  }
  .shotlist-overview__status--not_started .shotlist-overview__status-dot {
    background: var(--ink-soft);
  }
  .shotlist-overview__status--in_prep .shotlist-overview__status-dot {
    background: var(--color-sky-ink);
  }
  .shotlist-overview__status--needs_attention .shotlist-overview__status-dot {
    background: var(--color-amber-ink);
  }
  .shotlist-overview__status--ready_to_shoot .shotlist-overview__status-dot {
    background: var(--color-emerald-ink);
  }
  .shotlist-overview__status--in_the_can .shotlist-overview__status-dot {
    background: var(--color-purple-ink);
  }
  .shotlist-overview__status-n {
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-overview__status--active .shotlist-overview__status-n {
    color: var(--ink);
  }
  .shotlist-overview__showing {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-overview__actions {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .shotlist-overview__toggles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-overview__toggles .shotlist-grid__scope-toggle {
    height: auto;
  }
  #shotlist-root .shotlist-overview__toggles .shotlist-grid__scope-btn {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .shotlist-scene-group-toggle {
    display: inline-flex;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding: calc(var(--spacing) * 0.5);
  }
  .shotlist-scene-group-toggle__btn {
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .shotlist-scene-group-toggle__btn--active {
    background-color: var(--panel);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shotlist-shoot-groups {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow-y: auto;
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: var(--border);
    background-color: var(--panel);
  }
  .shotlist-shoot-group {
    display: flex;
    flex-direction: column;
  }
  .shotlist-shoot-group + .shotlist-shoot-group {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border-strong);
  }
  .shotlist-shoot-group__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    background: var(--surface-raised, var(--panel-soft));
  }
  .shotlist-shoot-group__date {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .shotlist-shoot-group__meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-shoot-group .shotlist-grid {
    flex: none;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shotlist-kanban {
    display: grid;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    gap: calc(var(--spacing) * 3);
    overflow: hidden;
    padding: calc(var(--spacing) * 3);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 0;
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel-soft) 70%, var(--panel));
    }
  }
  .shotlist-kanban--with-plan {
    grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(12rem, 1.35fr);
  }
  #shotlist-root .shotlist-grid-wrap > .shotlist-overview + .shotlist-kanban {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: var(--border);
  }
  .shotlist-kanban__column {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shotlist-kanban__column.is-drop-target {
    border-color: var(--color-teal-border);
    box-shadow: 0 0 0 1px var(--color-teal-ink), 0 1px 2px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklch, var(--color-teal-ink) 28%, transparent), 0 1px 2px color-mix(in oklch, var(--ink) 6%, transparent);
    }
    background: var(--color-teal-bg);
  }
  .shotlist-kanban__column--plan {
    border-color: var(--color-teal-border);
    border-style: dashed;
    border-width: 1.5px;
    background: var(--color-teal-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-teal-bg) 70%, var(--panel));
    }
    box-shadow: inset 0 0 0 1px var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--color-teal-ink) 10%, transparent);
    }
  }
  .shotlist-kanban__column--plan.is-drop-target, .shotlist-kanban__column--plan-active {
    border-style: solid;
    border-color: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--color-teal-ink) 45%, var(--color-teal-border));
    }
    background: var(--color-teal-bg);
    box-shadow: 0 0 0 1px var(--color-teal-ink), 0 1px 2px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklch, var(--color-teal-ink) 28%, transparent), 0 1px 2px color-mix(in oklch, var(--ink) 8%, transparent);
    }
  }
  .shotlist-kanban__head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel-soft) 70%, var(--panel));
    }
  }
  .shotlist-kanban__head--plan {
    border-bottom-color: var(--color-teal-border);
    background: var(--color-teal-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-teal-bg) 80%, var(--panel));
    }
  }
  .shotlist-kanban__head--plan .shotlist-kanban__title {
    color: var(--color-teal-ink);
  }
  .shotlist-kanban__plan-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    color: var(--color-teal-ink);
  }
  .shotlist-kanban__dot {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: var(--radius-sm);
    background: var(--ink-muted);
  }
  .shotlist-kanban__column--in_prep .shotlist-kanban__dot {
    background: var(--color-sky-ink);
  }
  .shotlist-kanban__column--needs_attention .shotlist-kanban__dot {
    background: var(--color-amber-ink);
  }
  .shotlist-kanban__column--ready_to_shoot .shotlist-kanban__dot {
    background: var(--color-emerald-ink);
  }
  .shotlist-kanban__column--in_the_can .shotlist-kanban__dot {
    background: var(--color-purple-ink);
  }
  .shotlist-kanban__title {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .shotlist-kanban__count {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-kanban__cards {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    overflow-y: auto;
    padding: calc(var(--spacing) * 3);
    background: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel-soft) 55%, var(--panel));
    }
  }
  .shotlist-kanban__cards--plan {
    background: var(--color-teal-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-teal-bg) 55%, var(--panel));
    }
  }
  .shotlist-kanban__empty {
    margin: auto;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink-muted);
  }
  .shotlist-kanban__plan-empty {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
  }
  .shotlist-kanban__plan-empty-icon {
    margin-bottom: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--color-teal-ink) 70%, var(--ink-muted));
    }
  }
  .shotlist-kanban__plan-empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-teal-ink);
  }
  .shotlist-kanban__plan-empty-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink-muted);
  }
  .plan-day-cal {
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
  }
  .plan-day-cal__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
  }
  .plan-day-cal__nav-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .plan-day-cal__month {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .plan-day-cal__weekdays {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--border);
    padding-inline: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 1);
  }
  .plan-day-cal__weekday {
    background-color: var(--panel-soft);
    padding-block: calc(var(--spacing) * 1);
    text-align: center;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .plan-day-cal__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1px;
    background-color: var(--border);
    padding: calc(var(--spacing) * 1);
  }
  .plan-day-cal__day {
    position: relative;
    display: flex;
    aspect-ratio: 1 / 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 0.5);
    background-color: var(--panel);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .plan-day-cal__day:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-teal-ink);
  }
  .plan-day-cal__day--empty {
    pointer-events: none;
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--panel-soft) 40%, transparent);
    }
  }
  .plan-day-cal__day--today .plan-day-cal__num {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-teal-ink);
  }
  .plan-day-cal__day--has-day {
    background: var(--color-teal-bg);
  }
  .plan-day-cal__day--has-day:hover {
    background: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-teal-ink) 12%, var(--color-teal-bg));
    }
  }
  .plan-day-cal__day--selected {
    background: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-teal-ink) 16%, var(--color-teal-bg));
    }
    box-shadow: inset 0 0 0 2px var(--color-teal-ink);
  }
  .plan-day-cal__day--new {
    border-style: dashed;
  }
  .plan-day-cal__num {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .plan-day-cal__dot {
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background: var(--color-teal-ink);
  }
  .plan-day-cal__day--selected .plan-day-cal__dot {
    background: var(--color-teal-ink);
  }
  .plan-day-cal__picked {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
  }
  .plan-day-cal__picked-row {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .plan-day-cal__picked-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .plan-day-cal__picked-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .plan-day-cal__picked-meta {
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .plan-day-cal__picked-blocks {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
  }
  .plan-day-cal__call-time {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .shotlist-kanban__card {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .shotlist-kanban__card--scheduled {
    gap: calc(var(--spacing) * 2);
  }
  .shotlist-kanban__card.is-dragging {
    opacity: 40%;
  }
  .shotlist-kanban__card[draggable="true"] {
    cursor: grab;
  }
  .shotlist-kanban__card[draggable="true"]:active {
    cursor: grabbing;
  }
  .shotlist-kanban__card-top {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .shotlist-kanban__num {
    flex-shrink: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-kanban__grip {
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  .shotlist-kanban__name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .shotlist-kanban__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .shotlist-kanban__shots {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shotlist-kanban__shots-tip {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: 100%;
    z-index: 30;
    margin-bottom: calc(var(--spacing) * 1);
    display: none;
    max-width: 14rem;
    min-width: 9rem;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shotlist-kanban__shots:hover .shotlist-kanban__shots-tip, .shotlist-kanban__shots:focus-within .shotlist-kanban__shots-tip {
    display: block;
  }
  .shotlist-kanban__shots-tip-title {
    display: block;
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .shotlist-kanban__shots-tip-list {
    margin-top: calc(var(--spacing) * 1);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    font-size: 0.7rem;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .shotlist-kanban__schedule {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
    border-color: var(--color-teal-border);
    background: var(--color-teal-bg);
    color: var(--color-teal-ink);
  }
  .shotlist-kanban__schedule:hover {
    border-color: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--color-teal-ink) 40%, transparent);
    }
  }
  .shotlist-kanban__schedule-icon {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
  }
  .shotlist-kanban__schedule-text {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .shotlist-kanban__schedule-extra {
    flex-shrink: 0;
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    opacity: 80%;
  }
  .scene-breakdown__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .scene-breakdown__stat {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-soft);
  }
  .scene-breakdown__stat-value {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .scene-breakdown__stat-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .scene-breakdown__stat-pill {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .scene-breakdown__stat-pill--int {
    background-color: var(--color-amber-100);
    color: var(--color-amber-900);
  }
  .scene-breakdown__stat-pill--ext {
    background-color: var(--color-emerald-100);
    color: var(--color-emerald-900);
  }
  .scene-card {
    position: relative;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-block: calc(var(--spacing) * 5);
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 3);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .scene-card--clickable {
    cursor: pointer;
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .scene-card__header {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .scene-card__number-wrap {
    display: flex;
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .scene-card__number-caption {
    font-size: 9px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .scene-card__number {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 22%, var(--panel-soft));
    }
    color: var(--ink);
  }
  .scene-card__title-wrap {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .scene-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .scene-card__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .scene-card__chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--ink-soft);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 60%, transparent);
    }
  }
  .scene-card__chip--shots {
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .scene-card__actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    opacity: 60%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .scene-card:hover .scene-card__actions {
    opacity: 100%;
  }
  .scene-card__action {
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .scene-card__action--danger:hover {
    color: var(--color-red-600);
  }
  @media (width < 64rem) {
    .scene-card__header {
      flex-wrap: wrap;
    }
    .scene-card__title {
      white-space: normal;
    }
    .scene-card__actions {
      width: 100%;
      justify-content: flex-end;
      gap: 0.5rem;
      margin-top: 0.5rem;
      padding-top: 0.5rem;
      border-top: 1px solid var(--border);
      opacity: 1;
    }
    .scene-card__action {
      display: inline-flex;
      height: 2.5rem;
      width: 2.5rem;
      align-items: center;
      justify-content: center;
    }
  }
  .scene-card__grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .scene-card__field {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .scene-card__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .scene-card__footer {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .scene-card__meta {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    color: var(--ink-soft);
  }
  .scene-card__meta-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  .scene-card__tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .tag-editor {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .tag-editor__pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .tag-editor__remove {
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    opacity: 50%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .tag-editor__form {
    width: 100%;
  }
  .tag-editor__input {
    width: 100%;
    border-radius: var(--radius-md);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--ink-muted);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:focus {
      --tw-ring-inset: inset;
    }
  }
  .tag-editor__more {
    position: relative;
    display: inline-flex;
  }
  .tag-editor__more-chip {
    display: inline-flex;
    cursor: default;
    border-radius: calc(infinity * 1px);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink-muted);
  }
  .tag-editor__more-pop {
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: calc(var(--spacing) * 0);
    z-index: 30;
    margin-bottom: calc(var(--spacing) * 1);
    display: none;
    max-width: 16rem;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 2);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tag-editor__more:hover .tag-editor__more-pop {
    display: flex;
  }
  .scene-edit {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-6xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-bottom: calc(var(--spacing) * 24);
  }
  .scene-edit__bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    padding-bottom: max(0.6rem, env(safe-area-inset-bottom, 0px));
    background: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel) 95%, transparent);
    }
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 16px -8px rgba(0, 0, 0, 0.08);
    animation: edit-mode-bar-slide-up 200ms ease-out;
  }
  @media (width >= 64rem) {
    .scene-edit__bottom-bar {
      left: var(--app-sidebar-width, 12rem);
    }
  }
  .app-shell--bottom-dock .scene-edit__bottom-bar {
    bottom: var(--app-chrome-bottom);
  }
  .scene-edit__bottom-bar-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .scene-edit__bottom-bar-btn--secondary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .scene-edit__bottom-bar-btn--primary {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
  }
  .plan-selection-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    padding-bottom: max(0.6rem, env(safe-area-inset-bottom, 0px));
    background: var(--panel);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--panel) 95%, transparent);
    }
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 16px -8px rgba(0, 0, 0, 0.08);
    animation: edit-mode-bar-slide-up 200ms ease-out;
  }
  @media (width >= 64rem) {
    .plan-selection-bar {
      left: var(--app-sidebar-width, 12rem);
    }
  }
  .app-shell--bottom-dock .plan-selection-bar {
    bottom: var(--app-chrome-bottom);
  }
  .plan-selection-bar__count {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .plan-selection-bar__actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .plan-selection-bar__btn {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .plan-selection-bar__btn--secondary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .scene-edit__card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .scene-edit__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .scene-edit__count {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .scene-edit__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .scene-edit__quick-add-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .scene-edit__field {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .scene-edit__field--wide {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .scene-edit__field--full {
    grid-column: 1 / -1;
  }
  .scene-edit__field--action {
    display: flex;
    align-items: flex-end;
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
  .scene-edit__label {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .scene-edit__input {
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--input-bg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
  }
  .scene-edit__input--small {
    max-width: 7rem;
  }
  .scene-edit__add-button {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    @media (width >= 80rem) {
      width: auto;
    }
  }
  .scene-edit__empty {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .scene-edit__shots-table {
    width: 100%;
    min-width: 60rem;
    table-layout: fixed;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .scene-edit__shot-row td {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2.5);
    vertical-align: top;
  }
  .scene-edit__shot-row td:first-child {
    min-width: 13rem;
  }
  .scene-edit__shot-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .scene-edit__open-button {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-strong);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .scene-edit__delete-button {
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 1.5);
    color: var(--color-red-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .scene-edit__tags {
    display: flex;
    min-height: 1.75rem;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .scene-edit__back-link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .scene-edit__shot-meta-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .scene-edit__meta-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 4);
  }
  .scene-edit__meta-title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
  }
  @media (max-width: 768px) {
    .scene-edit__input--small {
      max-width: 100%;
    }
    .scene-edit__shots-table {
      min-width: 52rem;
    }
  }
  .block-edit {
    margin-inline: auto;
    max-width: var(--container-6xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-bottom: calc(var(--spacing) * 24);
  }
  .day-edit-page {
    margin-inline: auto;
    max-width: var(--container-6xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-bottom: calc(var(--spacing) * 24);
  }
  .equipment-show {
    width: 100%;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .location-show {
    margin-inline: auto;
    width: 100%;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .profile-page {
    margin-inline: auto;
    max-width: var(--container-3xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .profile-page__hero {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .profile-page__avatar {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .profile-page__title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .profile-page__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .profile-page__plan-chip {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary-border);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--primary-ink);
      }
    }
  }
  .profile-page__plan-chip-hint {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--ink-muted);
  }
  .plans-cta {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    text-decoration-line: none;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .plans-cta--soft {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  .plans-cta--hero {
    background-color: var(--primary-solid);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .profile-page__card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 4);
  }
  .profile-page__card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .profile-page__card-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .profile-page__card-desc {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .profile-page__card-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .profile-page__divider {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-top: calc(var(--spacing) * 4);
  }
  .profile-page__dl {
    display: grid;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .profile-page__dt {
    color: var(--ink-muted);
  }
  .profile-page__dd {
    color: var(--ink);
  }
  .profile-page__timezone-select {
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
  }
  .profile-page__form-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .profile-page__form-span {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .profile-page__row {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .profile-page__row-label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  .profile-page__row-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .profile-page__switch {
    position: relative;
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: transparent;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    background-color: var(--border);
  }
  .profile-page__switch--on {
    background-color: var(--btn-primary-bg);
  }
  .profile-page__switch-knob {
    pointer-events: none;
    display: inline-block;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .profile-page__switch-knob--on {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .profile-page__density-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .profile-page__telegram-dl {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .profile-page__telegram-code {
    border-radius: 0.25rem;
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--ink);
  }
  .profile-page__link-muted {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .profile-page__btn-soft {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .profile-page__telegram-actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .profile-page__telegram-footnote {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  .profile-page__workspace-link {
    display: block;
  }
  .profile-page__workspace-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .profile-page__workspace-name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .profile-page__workspace-role {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .profile-page__workspace-slug {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .profile-page__workspace-empty {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .project-audit {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .project-audit__toolbar {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .project-audit__filter-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .project-audit__segments {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: stretch;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 0.5);
  }
  .project-audit__segment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .project-audit__segment--active {
    background-color: var(--interactive-bg);
    color: var(--interactive-fg);
  }
  .project-audit__segment--inactive {
    color: var(--ink-muted);
    &:hover {
      @media (hover: hover) {
        color: var(--ink-soft);
      }
    }
  }
  .project-audit__panel {
    position: relative;
  }
  .project-audit__list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);
  }
  .project-audit__list::before {
    content: "";
    position: absolute;
    width: 1px;
    left: 1.125rem;
    top: 1.5rem;
    bottom: 1.5rem;
    background: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--border) 85%, transparent);
    }
  }
  .audit-event {
    --evt: oklch(0.6 0.03 260);
    display: grid;
    column-gap: calc(var(--spacing) * 4);
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }
  .audit-event[data-category="created"] {
    --evt: oklch(0.62 0.14 150);
  }
  .audit-event[data-category="updated"] {
    --evt: oklch(0.6 0.14 250);
  }
  .audit-event[data-category="deleted"] {
    --evt: oklch(0.62 0.2 20);
  }
  .audit-event[data-category="assigned"] {
    --evt: oklch(0.58 0.16 300);
  }
  .audit-event[data-category="removed"] {
    --evt: oklch(0.6 0.03 260);
  }
  .audit-event[data-category="changed"] {
    --evt: oklch(0.6 0.12 210);
  }
  .audit-event__rail {
    display: flex;
    justify-content: center;
  }
  .audit-event__marker {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 0.5);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--evt) 16%, var(--panel));
    }
    box-shadow: inset 0 0 0 1px var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--evt) 40%, transparent);
    }
  }
  .audit-event__marker-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: var(--evt);
  }
  .audit-event__card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .audit-event__card:hover {
    border-color: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--evt) 40%, var(--border));
    }
  }
  .audit-event__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .audit-event__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .audit-event__aggregate {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .audit-event__badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .audit-event__head-right {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .audit-event__time {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .audit-event__revert {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .audit-event__revert:hover {
    color: var(--ink);
    border-color: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--evt) 45%, var(--border));
    }
    background-color: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--evt) 8%, var(--panel));
    }
  }
  .audit-event__revert-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
  }
  .audit-event__actor {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .audit-event__avatar {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 0.7rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    background: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--evt) 22%, var(--panel));
    }
    color: var(--evt);
    box-shadow: inset 0 0 0 1px var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--evt) 35%, transparent);
    }
  }
  .audit-event__who {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .audit-event__action {
    color: var(--ink-muted);
  }
  .audit-event__target {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
  }
  .audit-event__changes {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    grid-template-columns: max-content minmax(0, 1fr);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--panel-soft) 55%, transparent);
    }
    border: 1px solid var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--border) 65%, transparent);
    }
  }
  .audit-event__change {
    display: contents;
  }
  .audit-event__change-label {
    align-self: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .audit-event__change-value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .audit-event__diff {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .audit-event__arrow {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--ink-muted);
  }
  .audit-event__cleared {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .audit-chip {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .audit-chip--new {
    color: var(--ink);
    background: var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--evt) 18%, transparent);
    }
    box-shadow: inset 0 0 0 1px var(--evt);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--evt) 32%, transparent);
    }
  }
  .audit-chip--old {
    color: var(--ink-muted);
    text-decoration-line: line-through;
    background-color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--ink-muted) 10%, transparent);
    }
    text-decoration-color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in srgb, var(--ink-muted) 55%, transparent);
    }
  }
  @media (width < 48rem) {
    .audit-event__head {
      flex-wrap: wrap;
    }
  }
  .project-audit__empty {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .project-audit__empty-text {
    color: var(--ink-muted);
  }
  .project-audit__modal-layout {
    @media (width >= 40rem) {
      display: flex;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .project-audit__modal-icon-wrap {
    margin-inline: auto;
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-red-100);
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
      }
    }
  }
  .project-audit__modal-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: var(--color-red-600);
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-red-400);
    }
  }
  .project-audit__modal-copy {
    margin-top: calc(var(--spacing) * 3);
    text-align: center;
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .project-audit__modal-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .project-audit__modal-desc {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
  }
  .project-audit__modal-actions {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
  }
  .project-audit__modal-cancel {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--border);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ring-inset: inset;
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .project-audit__modal-danger {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-red-600);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .summary-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .block-type-badge {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .block-type-badge--sm {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 9px;
    white-space: nowrap;
  }
  .block-type-badge--solid[data-block-type] {
    background-color: var(--badge-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--badge-ink) 22%, var(--badge-bg));
    }
    color: var(--badge-ink);
  }
  .chat-message--ai {
    border-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    color: var(--ink-soft);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shots-editor__overlay {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 4);
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 40%, transparent);
    }
  }
  .shots-editor__modal {
    position: relative;
    z-index: 10;
    display: flex;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    max-width: var(--container-2xl);
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    max-height: min(92vh, 56rem);
  }
  .shots-editor__modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .shots-editor__modal-body {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    overflow: hidden;
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 4);
  }
  .shots-editor__modal-footer {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 50%, transparent);
    }
  }
  .shots-editor__icon-btn {
    flex-shrink: 0;
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 1.5);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .shots-editor__btn {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-soft);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:active {
      scale: 0.98;
    }
  }
  .shots-editor__inline-card {
    margin-top: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shots-editor__inline-body {
    display: flex;
    max-height: min(70vh, 40rem);
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    overflow: hidden;
  }
  .shots-editor__table {
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-collapse: separate;
    border-spacing: 0;
  }
  .shots-editor__table--shotlist {
    overflow: visible;
  }
  .shots-editor__table--shotlist thead th {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.65rem;
  }
  .shots-editor__table--shotlist tbody td {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .shots-editor__table thead {
    background-color: var(--panel-soft);
  }
  .shots-editor__table thead th {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--ink-muted);
    text-transform: uppercase;
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 1;
    background-color: var(--panel-soft);
    border-bottom: 1px solid var(--border);
  }
  .shots-editor__table thead th:first-child {
    border-top-left-radius: var(--radius-xl);
  }
  .shots-editor__table thead th:last-child {
    border-top-right-radius: var(--radius-xl);
  }
  .shots-editor__table tbody td {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    vertical-align: middle;
  }
  .shots-editor__table tbody tr {
    border-bottom: 1px solid var(--border);
  }
  .shots-editor__table tbody tr:last-child {
    border-bottom: none;
  }
  .shots-editor__table tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--radius-xl);
  }
  .shots-editor__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--radius-xl);
  }
  .shots-editor__action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 1);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  .shots-editor__action-btn--danger {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .shots-editor__row-actions {
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
  }
  .shots-editor__table tbody tr:hover .shots-editor__row-actions {
    opacity: 1;
    pointer-events: auto;
  }
  .shots-editor__table tbody tr:focus-within .shots-editor__row-actions {
    opacity: 1;
    pointer-events: auto;
  }
  .shots-editor__assign-body {
    padding: calc(var(--spacing) * 6);
  }
  .shots-editor__assign-cards {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .shots-editor__assign-card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding: calc(var(--spacing) * 4);
  }
  .shots-editor__assign-card--wide {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .shots-editor__assign-section-title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .shots-editor__assign-label {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
  }
  .shots-editor__assign-input {
    display: block;
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--input-bg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
  }
  .shots-editor__assign-warning {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-amber-900);
  }
  .shots-editor__assign-warning p {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .chat-page {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    min-height: calc(100dvh - 4.35rem - env(safe-area-inset-bottom));
  }
  .chat-page > .bg-panel {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
  }
  #shotlist-root {
    --page-gutter: 0.375rem;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 1.5);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    #shotlist-root {
      --page-gutter: 1rem;
    }
  }
  #shotlist-root .shotlist-header__intro {
    min-width: 18rem;
  }
  #shotlist-root .shotlist-header__script-slot {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
  }
  #shotlist-root .shotlist-sheet__script-body {
    position: absolute;
    inset: calc(var(--spacing) * 4);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #shotlist-root .shotlist-sheet__script-body::-webkit-scrollbar {
    display: none;
  }
  #shotlist-root .shotlist-sheet {
    max-height: calc(100dvh - 15rem);
    overflow: auto;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  #shotlist-root .shotlist-grid-wrap:has(> .shotlist-overview) > .shotlist-sheet {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  #shotlist-root .shotlist-sheet__table {
    width: 100%;
    min-width: 56rem;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  #shotlist-root .shotlist-sheet__col-num {
    width: 3%;
  }
  #shotlist-root .shotlist-sheet__col-scene {
    width: 13%;
  }
  #shotlist-root .shotlist-sheet__col-script {
    width: 16%;
  }
  #shotlist-root .shotlist-sheet__col-camera {
    width: 13%;
  }
  #shotlist-root .shotlist-sheet__col-desc {
    width: 26%;
  }
  #shotlist-root .shotlist-sheet__col-desc--wide {
    width: 40%;
  }
  #shotlist-root .shotlist-sheet__col-refs--full {
    width: 29%;
  }
  #shotlist-root .shotlist-sheet__col-refs--no-script {
    width: 31%;
  }
  #shotlist-root .shotlist-sheet__col-refs--no-desc {
    width: 55%;
  }
  #shotlist-root .shotlist-sheet__col-refs--solo {
    width: 71%;
  }
  #shotlist-root .shotlist-sheet__head {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  #shotlist-root .shotlist-sheet__head th {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background: var(--panel);
    box-shadow: inset 0 -1px 0 var(--border);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__th-num {
    padding-inline: calc(var(--spacing) * 1);
    text-align: center;
  }
  #shotlist-root .shotlist-sheet__th-scene {
    padding-inline: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-sheet__th-camera {
    padding-inline: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-sheet__th-script {
    padding-inline: calc(var(--spacing) * 3);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__th-script-label {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  #shotlist-root .shotlist-sheet__th-desc {
    padding-inline: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-sheet__th-refs {
    padding-inline: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-sheet__row {
    vertical-align: top;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-sheet__row > td {
    background-color: var(--panel);
    transition: background-color 0.15s ease;
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-sheet__row:hover > td {
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-sheet__row--alt > td {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 55%, var(--panel));
    }
  }
  #shotlist-root .shotlist-sheet__row--no-img > td {
    height: 4.25rem;
  }
  #shotlist-root .shotlist-sheet__row--alt:hover > td {
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-sheet__row--scene-start {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--border-strong);
  }
  #shotlist-root .shotlist-sheet__row--shot {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--border);
  }
  #shotlist-root .shotlist-sheet__row.is-drop-before > td, #shotlist-root .shotlist-grid__row.is-drop-before > td {
    box-shadow: inset 0 2px 0 0 var(--primary);
  }
  #shotlist-root .shotlist-sheet__row.is-drop-after > td, #shotlist-root .shotlist-grid__row.is-drop-after > td {
    box-shadow: inset 0 -2px 0 0 var(--primary);
  }
  #shotlist-root .is-dragging-row, #shotlist-root .is-dragging-row > td {
    opacity: 40%;
  }
  #shotlist-root .shotlist-sheet__row.is-dragging-row, #shotlist-root .shotlist-sheet__row.is-dragging-row > td.shotlist-sheet__cell-scene, #shotlist-root .shotlist-sheet__row.is-dragging-row > td.shotlist-sheet__script-cell {
    opacity: 1;
  }
  #shotlist-root .shotlist-grid__body.is-dragging [id^="grid-tags-"], #shotlist-root .shotlist-grid__body.is-dragging input[placeholder="Add shot name…"] {
    display: none;
  }
  #shotlist-root .shotlist-grid__body.is-dragging .shotlist-grid__ref-thumb {
    aspect-ratio: auto;
    height: 2.75rem;
  }
  #shotlist-root .shotlist-grid__body.is-dragging .shotlist-grid__row > td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__ref-img, #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__ref-staged-img {
    height: 2.5rem;
    width: 4.5rem;
  }
  #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__refs-actions {
    display: none;
  }
  #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__cell-num, #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__cell-scene, #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__cell-camera, #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__cell-desc, #shotlist-root .shotlist-sheet.is-dragging .shotlist-sheet__cell-refs {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  #shotlist-root .shotlist-sheet__cell-num-actions {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 0.5);
  }
  #shotlist-root .shotlist-sheet__cell-num-actions .shotlist-move-buttons {
    flex-direction: column;
  }
  #shotlist-root .shotlist-sheet__cell-num-actions .shotlist-move-buttons__btn {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  #shotlist-root .shotlist-sheet__cell-num-delete {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    justify-content: center;
  }
  #shotlist-root .shotlist-sheet__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
  }
  #shotlist-root .shotlist-insert {
    position: absolute;
    z-index: 20;
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    color: var(--ink-subtle);
    opacity: 0%;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-insert:hover {
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__row:hover .shotlist-insert, #shotlist-root .shotlist-grid__row:hover .shotlist-insert, #shotlist-root .shotlist-cardgrid__cell:hover .shotlist-insert {
    opacity: 100%;
  }
  #shotlist-root .shotlist-insert--above {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #shotlist-root .shotlist-insert--below {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
  }
  #shotlist-root .shotlist-insert--left {
    top: 50%;
    left: 0;
    transform: translate(calc(-50% - 0.375rem), -50%);
  }
  #shotlist-root .shotlist-insert--right {
    top: 50%;
    right: 0;
    transform: translate(calc(50% + 0.375rem), -50%);
  }
  #shotlist-root .shotlist-move-buttons {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
  }
  #shotlist-root .shotlist-move-buttons__btn {
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-move-buttons__btn:hover:not(:disabled) {
    background-color: var(--panel-soft);
    color: var(--ink);
  }
  #shotlist-root .shotlist-move-buttons__btn:disabled {
    cursor: not-allowed;
    opacity: 30%;
  }
  #shotlist-root .shotlist-sheet__shot-delete {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-sheet__shot-delete:hover {
    color: var(--danger);
  }
  #shotlist-root .shotlist-sheet__cell-num {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-sheet__cell-num--empty {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
  }
  #shotlist-root .shotlist-sheet__cell-scene {
    position: relative;
    z-index: 1;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    vertical-align: top;
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 10%, var(--panel));
    }
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-sheet__row:hover > td.shotlist-sheet__cell-scene, #shotlist-root .shotlist-sheet__row--alt > td.shotlist-sheet__cell-scene, #shotlist-root .shotlist-sheet__row--alt:hover > td.shotlist-sheet__cell-scene {
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 10%, var(--panel));
    }
  }
  #shotlist-root .shotlist-sheet__cell-camera {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  #shotlist-root .shotlist-sheet__script-cell {
    position: relative;
    vertical-align: top;
    background-color: var(--panel);
  }
  #shotlist-root .shotlist-sheet__row:hover > td.shotlist-sheet__script-cell, #shotlist-root .shotlist-sheet__row--alt > td.shotlist-sheet__script-cell, #shotlist-root .shotlist-sheet__row--alt:hover > td.shotlist-sheet__script-cell {
    background-color: var(--panel);
  }
  #shotlist-root .shotlist-sheet__cell-desc {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    vertical-align: top;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__cell-refs {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    vertical-align: top;
  }
  #shotlist-root .shotlist-sheet__cell-blank {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  #shotlist-root .shotlist-sheet__notes {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__dash {
    color: var(--ink-subtle);
  }
  #shotlist-root .shotlist-sheet__placeholder {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__empty-cell {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
  }
  #shotlist-root .shotlist-sheet__empty-box {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-md);
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    text-align: center;
  }
  #shotlist-root .shotlist-sheet__empty-icon {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--panel-soft);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__empty-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-soft);
  }
  #shotlist-root .shotlist-sheet__empty-link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__empty-link:hover {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 88%, var(--ink) 12%);
    }
  }
  #shotlist-root .shotlist-sheet__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__script-form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  #shotlist-root .shotlist-sheet__script-input {
    display: block;
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--input-bg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ink);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  #shotlist-root .shotlist-sheet__script-actions {
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__script-save {
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    background-color: var(--primary);
    color: var(--btn-primary-text);
  }
  #shotlist-root .shotlist-sheet__script-cancel {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__script-edit {
    margin: calc(var(--spacing) * -1);
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  #shotlist-root .shotlist-sheet__script-text {
    font-family: var(--font-serif);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    color: var(--ink-soft);
    font-style: italic;
  }
  #shotlist-root .shotlist-sheet__script-add {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  #shotlist-root .shotlist-sheet__script-empty {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-soft);
    font-style: italic;
  }
  #shotlist-root .shotlist-importing {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--primary) 20%, transparent);
    }
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary) 6%, transparent);
    }
  }
  #shotlist-root .shotlist-importing__copy {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-grow: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  #shotlist-root .shotlist-importing__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  #shotlist-root .shotlist-importing__detail {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-soft);
  }
  #shotlist-root .shotlist-importing__bar {
    position: relative;
    margin-top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    width: 100%;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary) 15%, transparent);
    }
  }
  #shotlist-root .shotlist-importing__bar-fill {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    border-radius: calc(infinity * 1px);
    background-color: var(--primary);
    transition: width 300ms ease;
  }
  #shotlist-root .shotlist-importing__bar--indeterminate .shotlist-importing__bar-fill {
    width: calc(1/3 * 100%);
    animation: shotlist-importing-slide 1.1s ease-in-out infinite;
  }
  @keyframes shotlist-importing-slide {
    0% {
      left: -33%;
    }
    100% {
      left: 100%;
    }
  }
  #shotlist-root .shotlist-importing__cancel {
    margin-left: auto;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  #shotlist-root .shotlist-sheet__scene {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__scene-link {
    display: block;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  #shotlist-root .shotlist-sheet__scene-heading {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__scene-num {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background-color: var(--scene-color, var(--ink));
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.45);
  }
  #shotlist-root .shotlist-sheet__scene-name {
    min-width: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .group\/scene:hover .shotlist-sheet__scene-name {
    color: var(--primary);
  }
  #shotlist-root .shotlist-sheet__scene-meta {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  #shotlist-root .shotlist-sheet__scene-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  #shotlist-root .shotlist-sheet__scene-loc {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__scene-loc-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    opacity: 60%;
  }
  #shotlist-root .shotlist-sheet__scene-loc-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  #shotlist-root .shotlist-sheet__refs {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__refs-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-sheet__ref {
    position: relative;
  }
  #shotlist-root .shotlist-sheet__ref-img {
    cursor: zoom-in;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-sheet__ref-img:hover {
    border-color: var(--primary);
  }
  #shotlist-root .shotlist-sheet__ref-delete {
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -2);
    display: none;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--danger);
  }
  #shotlist-root .group\/ref:hover .shotlist-sheet__ref-delete {
    display: flex;
  }
  #shotlist-root .shotlist-sheet__ref-staged-img {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--panel-soft);
    object-fit: cover;
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--primary) 60%, transparent);
    }
    box-shadow: 0 0 0 1px var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent);
    }
  }
  #shotlist-root .shotlist-sheet__ref-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--panel-soft);
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--primary) 60%, transparent);
    }
    box-shadow: 0 0 0 1px var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent);
    }
  }
  #shotlist-root .shotlist-sheet__ref-loading-icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    animation: var(--animate-pulse);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-sheet__ref-progress {
    position: absolute;
    bottom: calc(var(--spacing) * 1);
    left: calc(var(--spacing) * 1);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.55rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--ink) 70%, transparent);
    }
  }
  #shotlist-root .shotlist-sheet__ref-cancel {
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -2);
    display: none;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--danger);
  }
  #shotlist-root .group\/entry:hover .shotlist-sheet__ref-cancel {
    display: flex;
  }
  #shotlist-root .shotlist-sheet__ref-error {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.55rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    background-color: var(--danger);
  }
  #shotlist-root .shotlist-sheet__refs-actions {
    position: relative;
    display: flex;
    width: 100%;
    align-items: stretch;
  }
  #shotlist-root .shotlist-sheet__ref-drop {
    display: flex;
    flex: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-sheet__ref-drop:hover {
    border-color: var(--primary);
    background-color: var(--panel);
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__ref-drop-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .group\/drop:hover .shotlist-sheet__ref-drop-icon {
    color: var(--primary);
  }
  #shotlist-root .shotlist-sheet__ref-drop-text {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  #shotlist-root .shotlist-sheet__ref-menu {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 30;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-block: calc(var(--spacing) * 1);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  #shotlist-root .shotlist-sheet__ref-menu-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-sheet__ref-menu-item:hover {
    background-color: var(--panel-soft);
    color: var(--ink);
  }
  #shotlist-root .shotlist-sheet__refs-error {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--danger) 10%, transparent);
    }
    color: var(--danger);
  }
  #shotlist-root .shotlist-grid {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__main, .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__page, #shotlist-root:has(.shotlist-grid-wrap), #shotlist-root .shotlist-grid-wrap {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__page, #shotlist-root:has(.shotlist-grid-wrap), #shotlist-root .shotlist-grid-wrap {
    flex: 1;
  }
  @media (width < 64rem) {
    .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__main {
      height: 100dvh;
    }
  }
  @media (width >= 64rem) {
    .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__column {
      height: 100dvh;
      overflow: hidden;
    }
    .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__main {
      overflow: hidden;
    }
  }
  @media (width >= 64rem) {
    .app-shell:has(#shotlist-root .shotlist-sheet-wrap) .app-shell__column {
      height: 100dvh;
      overflow: hidden;
    }
    .app-shell:has(#shotlist-root .shotlist-sheet-wrap) .app-shell__main {
      overflow: hidden;
    }
    .app-shell:has(#shotlist-root .shotlist-sheet-wrap) .app-shell__main, .app-shell:has(#shotlist-root .shotlist-sheet-wrap) .app-shell__page, #shotlist-root:has(.shotlist-sheet-wrap), #shotlist-root .shotlist-sheet-wrap {
      display: flex;
      min-height: 0;
      flex-direction: column;
    }
    #shotlist-root:has(.shotlist-sheet-wrap), #shotlist-root .shotlist-sheet-wrap {
      flex: 1 1 0%;
    }
    #shotlist-root .shotlist-sheet-wrap .shotlist-sheet {
      flex: 1 1 0%;
      min-height: 0;
      max-height: none;
    }
  }
  @media (width < 40rem) {
    #shotlist-root .shotlist-grid__mobile-bar {
      display: flex;
      flex-shrink: 0;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 2);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--border);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
    }
  }
  #shotlist-root .shotlist-grid thead th {
    background-color: var(--table-head);
  }
  #shotlist-root .shotlist-grid thead .shotlist-grid__head-meta th {
    background: var(--panel);
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-grid thead tr:last-child th {
    background: var(--surface-raised, var(--panel-soft));
    box-shadow: inset 0 -1px 0 var(--border-strong);
  }
  #shotlist-root .shotlist-grid__head-context {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-transform: none;
  }
  #shotlist-root .shotlist-grid__col-labels td {
    padding-block: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 3);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
    background-color: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--scene-color, var(--ink)) 3%, var(--panel));
    }
  }
  #shotlist-root .shotlist-grid__scene-context {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1.5);
  }
  #shotlist-root .shotlist-grid__scene-picker {
    display: inline-flex;
    max-width: 20rem;
    min-width: 11rem;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--input-bg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--focus-ring);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--focus-ring);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  #shotlist-root .shotlist-grid__scene-picker-num {
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-grid__scene-picker-name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ink-soft);
  }
  #shotlist-root .shotlist-grid__scene-picker-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-grid__scene-meta {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  #shotlist-root .shotlist-grid__scene-location {
    display: inline-flex;
    max-width: 14rem;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-grid__scene-location-muted {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
    opacity: 80%;
  }
  #shotlist-root .shotlist-grid__scene-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      display: table-row;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 7%, var(--surface-raised, var(--panel)));
    }
  }
  #shotlist-root .shotlist-grid__scene-cell {
    display: contents;
  }
  @media (min-width: 640px) {
    #shotlist-root .shotlist-grid__scene-cell {
      display: table-cell;
      vertical-align: middle;
      background: var(--scene-color, var(--ink));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--scene-color, var(--ink)) 7%, var(--surface-raised, var(--panel)));
      }
      position: sticky;
      top: var(--sticky-top, 0);
      z-index: 11;
      transition: padding 0.15s ease;
      padding-top: 0.85rem;
      padding-bottom: 0.85rem;
    }
    #shotlist-root .shotlist-grid__scene-cell--select {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      text-align: center;
    }
    #shotlist-root .shotlist-grid__scene-cell--num {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      text-align: center;
    }
    #shotlist-root .shotlist-grid__scene-cell--info {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    #shotlist-root .shotlist-grid__scene-row.is-stuck .shotlist-grid__scene-cell {
      padding-block: calc(var(--spacing) * 2);
      box-shadow: inset 0 -1px 0 var(--border-strong);
    }
  }
  #shotlist-root .shotlist-grid__shot-num {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-grid__scene-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-grid__scene-line-item {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  #shotlist-root .shotlist-grid__scene-line-item:not(:first-child)::before {
    content: "·";
    margin-inline: calc(var(--spacing) * 2);
    opacity: 50%;
  }
  #shotlist-root .shotlist-grid__control {
    min-height: 2.5rem;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-grid__scene-num {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    min-width: 1.75rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: var(--scene-color, var(--ink));
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.45);
  }
  #shotlist-root .shotlist-grid__scene-row-inner {
    display: flex;
    min-height: 3.25rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-grid__add-shot-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-grid__add-shot-btn:hover {
    background-color: var(--btn-primary-hover);
    color: var(--btn-primary-text);
  }
  #shotlist-root .shotlist-grid__add-shot-btn:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus-ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  #shotlist-root .shotlist-grid__summary {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-grid__scope-toggle {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding: calc(var(--spacing) * 0.5);
  }
  #shotlist-root .shotlist-grid__scope-btn {
    display: inline-flex;
    height: 100%;
    flex-shrink: 0;
    align-items: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  #shotlist-root .shotlist-grid__scope-btn--active {
    background-color: var(--panel);
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  #shotlist-root .shotlist-grid__body {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    overflow: auto;
    max-height: calc(100dvh - 15rem);
    padding-bottom: calc(var(--app-fab-bottom, 5.5rem) + 5.5rem);
  }
  #shotlist-root .shotlist-sheet {
    padding-bottom: calc(var(--app-fab-bottom, 5.5rem) + 5.5rem);
  }
  @media (width >= 64rem) {
    #shotlist-root .shotlist-grid__body {
      max-height: none;
    }
  }
  #shotlist-root .shotlist-grid__row {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-grid__row > td {
    background-color: var(--panel);
    transition: background-color 0.15s ease;
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-grid__row:hover > td {
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-grid__row--alt > td {
    background-color: var(--panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--panel-soft) 55%, var(--panel));
    }
  }
  @media (min-width: 640px) {
    #shotlist-root .shotlist-grid__row--no-img > td {
      height: 3.5rem;
    }
  }
  #shotlist-root .shotlist-grid__row--alt:hover > td {
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-grid__row--selected > td {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary-bg) 35%, transparent);
    }
  }
  #shotlist-root .shotlist-grid__row--selected:hover > td {
    background-color: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch, var(--primary-bg) 50%, transparent);
    }
  }
  #shotlist-root .shotlist-grid__ref-thumb {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    aspect-ratio: 16 / 9;
  }
  #shotlist-root .shotlist-grid__ref-thumb:hover {
    border-color: var(--primary-border);
    transform: scale(1.03);
  }
  #shotlist-root .shotlist-grid__ref-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #shotlist-root .shotlist-browse {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  #shotlist-root .shotlist-browse__topbar {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-browse__topbar-end {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-grid-wrap > .shotlist-overview {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: var(--border);
  }
  #shotlist-root .shotlist-grid-wrap > .shotlist-overview + .shotlist-grid, #shotlist-root .shotlist-grid-wrap > .shotlist-overview + .shotlist-cardgrid, #shotlist-root .shotlist-grid-wrap > .shotlist-overview + .shotlist-kanban, #shotlist-root .shotlist-grid-wrap > .shotlist-overview + .shotlist-shoot-groups, #shotlist-root .shotlist-grid-wrap:has(> .shotlist-overview) > .shotlist-sheet {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #shotlist-root .shotlist-browse__kpis {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      display: flex;
    }
  }
  #shotlist-root .shotlist-browse__kpi {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
  }
  #shotlist-root .shotlist-browse__kpi-value {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-browse__kpi-label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    opacity: 80%;
  }
  #shotlist-root .shotlist-browse__legend-dot, #shotlist-root .shotlist-browse__status-dot {
    display: inline-block;
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background: currentColor;
  }
  #shotlist-root .shotlist-browse__scene-cell {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 3.5);
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 22%, var(--panel));
    }
  }
  #shotlist-root .shotlist-browse__scene-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-browse__scene-badge {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-radius: var(--radius-lg);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  #shotlist-root .shotlist-browse__scene-aside {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  #shotlist-root .shotlist-browse__progress {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  #shotlist-root .shotlist-browse__progress-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  #shotlist-root .shotlist-browse__progress-track {
    display: block;
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 28);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-browse__progress-fill {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background: var(--color-emerald-ink, #10b981);
    transition: width 0.2s ease;
  }
  #shotlist-root .shotlist-browse__add-shot {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--ink);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-browse__add-shot:hover {
    border-color: var(--focus-ring);
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-browse__col-labels td {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--ink-muted);
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-browse__cell {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    vertical-align: middle;
    box-shadow: inset 0 -1px 0 var(--border);
  }
  #shotlist-root .shotlist-browse__cell-shot {
    padding-left: calc(var(--spacing) * 4);
  }
  #shotlist-root .shotlist-browse__cell-actions {
    padding-right: calc(var(--spacing) * 4);
    text-align: right;
  }
  #shotlist-root .shotlist-browse__thumb {
    position: relative;
    width: calc(var(--spacing) * 28);
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    aspect-ratio: 16 / 9;
  }
  #shotlist-root .shotlist-browse__thumb-btn, #shotlist-root .shotlist-browse__thumb-img {
    display: block;
    height: 100%;
    width: 100%;
  }
  #shotlist-root .shotlist-browse__thumb-img {
    object-fit: cover;
  }
  #shotlist-root .shotlist-browse__thumb-empty {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-browse__thumb-num {
    position: absolute;
    top: calc(var(--spacing) * 1);
    left: calc(var(--spacing) * 1);
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1);
    font-size: 0.65rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: rgb(0 0 0 / 0.6);
  }
  #shotlist-root .shotlist-browse__size {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink);
  }
  #shotlist-root .shotlist-browse__setup-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  #shotlist-root .shotlist-browse__setup-sub {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-browse__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  #shotlist-root .shotlist-browse__status {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  #shotlist-root .shotlist-browse__status-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-browse__date {
    border-color: var(--color-teal-border);
    background: var(--color-teal-bg);
    color: var(--color-teal-ink);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  #shotlist-root .shotlist-browse__date:hover {
    border-color: var(--color-teal-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--color-teal-ink) 40%, transparent);
    }
  }
  #shotlist-root .shotlist-browse__date--empty {
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border-strong);
    background-color: transparent;
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-browse__date--empty:hover {
    border-color: var(--focus-ring);
    color: var(--focus-ring);
  }
  #shotlist-root .shotlist-browse__menu-trigger {
    margin-left: auto;
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--ink);
      }
    }
  }
  #shotlist-root .shotlist-browse__menu-item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel-soft);
      }
    }
  }
  #shotlist-root .shotlist-browse__menu-item--danger {
    color: var(--color-red-600);
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
        }
      }
    }
  }
  @media (width < 40rem) {
    #shotlist-root .shotlist-grid__cards {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      padding: calc(var(--spacing) * 3);
    }
  }
  #shotlist-root .shotlist-grid__card-scene-group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  #shotlist-root .shotlist-grid__card-scene {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border: 1px solid var(--scene-color, var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--scene-color, var(--primary)) 45%, transparent);
    }
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 20%, var(--panel));
    }
  }
  #shotlist-root .shotlist-grid__card-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  #shotlist-root .shotlist-grid__card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--scene-color, var(--ink)) 6%, var(--panel));
    }
  }
  #shotlist-root .shotlist-grid__card--selected {
    border-color: var(--primary-border);
    background: var(--primary-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--primary-bg) 35%, transparent);
    }
  }
  #shotlist-root .shotlist-grid__card select, #shotlist-root .shotlist-grid__card input[type="text"] {
    width: 100%;
    border-color: var(--border-strong);
    background-color: var(--panel);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.95rem;
    min-height: 2.5rem;
  }
  #shotlist-root .shotlist-cardgrid {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0);
    overflow-y: auto;
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: var(--border);
    background-color: var(--panel);
    padding: calc(var(--spacing) * 0);
  }
  #shotlist-root .shotlist-cardgrid__scene {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
  }
  #shotlist-root .shotlist-cardgrid__scene:nth-child(odd) {
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--scene-color, var(--ink)) 7%, var(--surface-raised, var(--panel)) );
    }
  }
  #shotlist-root .shotlist-cardgrid__scene:nth-child(even) {
    background: var(--scene-color, var(--ink));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--scene-color, var(--ink)) 3%, var(--panel) );
    }
  }
  #shotlist-root .shotlist-cardgrid__band {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    background: inherit;
  }
  #shotlist-root .shotlist-cardgrid__band-main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
  }
  #shotlist-root .shotlist-cardgrid__band-num {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    min-width: 1.25rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 1);
    font-size: 0.7rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: var(--scene-color, var(--ink));
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.45);
  }
  #shotlist-root .shotlist-cardgrid__band-name {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  #shotlist-root .shotlist-cardgrid__band-count {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  #shotlist-root .shotlist-cardgrid__grid {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (min-width: 40rem) {
    #shotlist-root .shotlist-cardgrid__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    #shotlist-root .shotlist-cardgrid__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  #shotlist-root .shotlist-cardgrid__cell {
    position: relative;
  }
  #shotlist-root .shotlist-cardgrid__cell[draggable="true"] {
    cursor: grab;
  }
  #shotlist-root .shotlist-cardgrid__cell[draggable="true"]:active {
    cursor: grabbing;
  }
  #shotlist-root .shotlist-cardgrid__grip {
    position: absolute;
    right: calc(var(--spacing) * 1.5);
    bottom: calc(var(--spacing) * 1.5);
    z-index: 20;
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    cursor: grab;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    color: var(--color-white);
    opacity: 0%;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-cardgrid__grip:active {
    cursor: grabbing;
  }
  #shotlist-root .shotlist-cardgrid__cell:hover .shotlist-cardgrid__grip {
    opacity: 100%;
  }
  #shotlist-root .shotlist-cardgrid__cell.is-drop-before {
    box-shadow: inset 2px 0 0 0 var(--primary);
  }
  #shotlist-root .shotlist-cardgrid__cell.is-drop-after {
    box-shadow: inset -2px 0 0 0 var(--primary);
  }
  #shotlist-root .shotlist-cardgrid__card {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--panel-soft);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    aspect-ratio: 16 / 9;
  }
  #shotlist-root .shotlist-cardgrid__card:hover {
    border-color: var(--primary-border);
  }
  #shotlist-root .shotlist-cardgrid__img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #shotlist-root .shotlist-cardgrid__placeholder {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 9);
    color: var(--ink-muted);
  }
  #shotlist-root .shotlist-cardgrid__placeholder-text {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-soft);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  #shotlist-root .shotlist-cardgrid__hover-desc {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 3);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    background: color-mix(in oklch, black 78%, transparent);
  }
  #shotlist-root .shotlist-cardgrid__card:hover .shotlist-cardgrid__hover-desc {
    opacity: 100%;
  }
  #shotlist-root .shotlist-cardgrid__hover-desc-text {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  #shotlist-root .shotlist-cardgrid__num {
    position: absolute;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  #shotlist-root .shotlist-cardgrid__status {
    position: absolute;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    text-transform: uppercase;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  #shotlist-root .shotlist-cardgrid__chips {
    position: absolute;
    inset-inline: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
  }
  #shotlist-root .shotlist-cardgrid__chip {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  #shotlist-root .shotlist-cardgrid__add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--border-strong);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary-border);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--primary-ink);
      }
    }
    aspect-ratio: 16 / 9;
  }
  #shotlist-root .shotlist-cardgrid__empty {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ink-muted);
    grid-column: 1 / -1;
  }
  #shotlist-root .shotlist-header__toolbar {
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 1rem;
  }
  @media (min-width: 64rem) {
    #shotlist-root .shotlist-header__intro {
      flex: 0 1 auto;
    }
    #shotlist-root .shotlist-header__toolbar {
      flex: 1 1 auto;
    }
    #shotlist-root .shotlist-header__breakdown-btn {
      margin-left: auto;
    }
  }
  #shotlist-root .shotlist-header__action-row {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  #shotlist-root .shotlist-header__more {
    display: none;
  }
  #shotlist-root .shotlist-fab-cluster {
    position: fixed;
    z-index: 33;
    right: 5.25rem;
    bottom: var(--app-fab-bottom, calc(1rem + env(safe-area-inset-bottom)));
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  #shotlist-root .shotlist-edit-fab-wrap {
    display: contents;
  }
  #shotlist-root .shotlist-edit-fab {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    height: 3.25rem;
    min-width: 3.25rem;
    gap: 0.5rem;
    padding-left: 1.35rem;
    padding-right: 1.35rem;
    font-size: 0.95rem;
    line-height: 1.1rem;
  }
  #shotlist-root .shotlist-edit-fab svg {
    height: 1.4rem;
    width: 1.4rem;
  }
  #shotlist-root .shotlist-header__edit-btn {
    display: none !important;
  }
  #shotlist-root .shotlist-edit-fab:active {
    scale: 0.97;
  }
  #shotlist-root .shotlist-header__browse-actions {
    display: none;
  }
  #shotlist-root .shotlist-actions-fabs {
    display: contents;
  }
  #shotlist-root .shotlist-actions-fab {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--panel);
    color: var(--ink);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #shotlist-root .shotlist-actions-fab:hover {
    background-color: var(--panel-soft);
  }
  #shotlist-root .shotlist-actions-fab:active {
    scale: 0.97;
  }
  #workspace-list-root .workspace-new-fab-wrap {
    display: none;
  }
  #workspace-list-root .workspace-new-fab {
    position: fixed;
    z-index: 33;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
  }
  #workspace-list-root .workspace-new-fab:active {
    scale: 0.97;
  }
  #workspace-list-root .workspace-new-fab__icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  #workspace-list-root .workspace-new-fab__label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  #workspace-dashboard-root .project-new-fab-wrap {
    display: none;
  }
  #workspace-dashboard-root .project-new-fab {
    position: fixed;
    z-index: 33;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
  }
  #workspace-dashboard-root .project-new-fab:active {
    scale: 0.97;
  }
  #workspace-dashboard-root .project-new-fab__icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  #workspace-dashboard-root .project-new-fab__label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  #day-edit-root .day-edit-add-block-fab-wrap, #day-edit-root .day-edit-edit-fab-wrap {
    display: none;
  }
  #day-edit-root .day-edit-add-block-fab, #day-edit-root .day-edit-edit-fab {
    position: fixed;
    z-index: 33;
  }
  @media (width < 64rem) {
    #shotlist-root .shotlist-header {
      gap: 0.5rem;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    #shotlist-root .shotlist-header__toolbar {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      gap: 0.5rem;
      width: 100%;
    }
    #shotlist-root .shotlist-grid__mobile-bar {
      flex-direction: column;
      align-items: stretch;
      gap: 0.5rem;
    }
    #shotlist-root .shotlist-grid__scope-toggle {
      height: calc(var(--spacing) * 9);
      width: 100%;
      flex-shrink: 0;
    }
    #shotlist-root .shotlist-grid__scope-btn {
      flex: 1;
      justify-content: center;
      min-height: 1.75rem;
    }
    #shotlist-root .shotlist-header__breakdown-btn {
      display: none !important;
    }
    #shotlist-root .shotlist-header__more {
      flex: 0 0 auto;
    }
    #shotlist-root .shotlist-header__script-slot[aria-hidden] {
      display: none;
    }
    #shotlist-root .shotlist-grid__scene-row {
      flex-wrap: nowrap;
      align-items: center;
    }
    #shotlist-root .shotlist-grid__scene-row-inner {
      flex: 1 1 0;
      min-width: 0;
      flex-wrap: nowrap;
      align-items: center;
    }
    #shotlist-root .shotlist-grid__scene-head {
      flex: 1 1 0;
      min-width: 0;
    }
    #shotlist-root .shotlist-grid__add-shot-btn {
      flex: 0 0 auto;
    }
    #shotlist-root .shotlist-grid__row select, #shotlist-root .shotlist-grid__row input[type="text"] {
      min-height: 2.5rem;
      border-color: var(--border-strong);
      background-color: var(--panel);
      padding-inline: calc(var(--spacing) * 2.5);
      padding-block: calc(var(--spacing) * 2);
      font-size: 0.95rem;
    }
    #shotlist-root .shotlist-grid__body {
      scrollbar-width: none;
      overflow-x: hidden;
    }
    #shotlist-root .shotlist-grid__body::-webkit-scrollbar {
      display: none;
    }
    #workspace-list-root .workspace-new-fab-wrap {
      display: contents;
    }
    #workspace-list-root .workspace-new-fab {
      left: 1rem;
      right: auto;
      bottom: var(--app-fab-bottom, calc(1rem + env(safe-area-inset-bottom)));
      height: 2.75rem;
      min-width: 2.75rem;
      gap: 0.375rem;
      padding-left: 1rem;
      padding-right: 1rem;
      transform: none;
      font-size: 0.8125rem;
      line-height: 1rem;
    }
    #workspace-dashboard-root .project-new-fab-wrap {
      display: contents;
    }
    #workspace-dashboard-root .project-new-fab {
      left: 1rem;
      right: auto;
      bottom: var(--app-fab-bottom, calc(1rem + env(safe-area-inset-bottom)));
      height: 2.75rem;
      min-width: 2.75rem;
      gap: 0.375rem;
      padding-left: 1rem;
      padding-right: 1rem;
      transform: none;
      font-size: 0.8125rem;
      line-height: 1rem;
    }
    #shotlist-root .shotlist-header__add-btn, #shotlist-root .shotlist-header__action-row {
      display: none !important;
    }
    #shotlist-root .shotlist-actions-fabs {
      display: none !important;
    }
    #shotlist-root .shotlist-header__more {
      display: block;
      align-self: stretch;
    }
    #workspace-list-root .workspace-list__grid-new-card, #workspace-list-root .workspace-list__empty-new-btn {
      display: none !important;
    }
    #workspace-dashboard-root .workspace-dashboard__header-new-btn, #workspace-dashboard-root .workspace-dashboard__empty-new-btn {
      display: none !important;
    }
    #day-edit-root .day-overview--full__floating-actions, #day-edit-root .day-edit-blocks__add-btn {
      display: none !important;
    }
    #day-edit-root .day-edit-add-block-fab-wrap, #day-edit-root .day-edit-edit-fab-wrap {
      display: contents;
    }
    #day-edit-root .day-edit-add-block-fab {
      right: calc(1rem + 6.5rem + 1.25rem);
      left: auto;
      bottom: var(--app-fab-bottom, calc(1rem + env(safe-area-inset-bottom)));
    }
    #day-edit-root .day-edit-edit-fab {
      right: 1rem;
      left: auto;
      bottom: var(--app-fab-bottom, calc(1rem + env(safe-area-inset-bottom)));
    }
    #day-edit-root .day-overview-panel__blocks-table .blocks-col--mobile-hide {
      display: none;
    }
    #day-edit-root .day-overview-panel__blocks-table thead {
      display: none;
    }
    #day-edit-root .day-overview-panel__blocks-table > div {
      scrollbar-width: none;
      scrollbar-gutter: auto;
    }
    #day-edit-root .day-overview-panel__blocks-table > div::-webkit-scrollbar {
      display: none;
    }
    #day-edit-root .day-overview-panel__blocks-table th, #day-edit-root .day-overview-panel__blocks-table td {
      padding-top: 0.3125rem;
      padding-bottom: 0.3125rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
    #day-edit-root .day-overview-panel__blocks-table .block-type-badge, .day-overview--full .day-overview-panel__blocks-table .block-type-badge {
      display: block;
      width: fit-content;
      max-width: 100%;
      white-space: normal;
      margin-bottom: 0.2rem;
    }
    .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__column {
      height: 100dvh;
      max-height: 100dvh;
      min-height: 0;
      overflow: hidden;
    }
    .app-shell:has(#shotlist-root .shotlist-grid-wrap) .app-shell__main {
      flex: 1 1 auto;
      min-height: 0;
      overflow: hidden;
    }
    #shotlist-root .shotlist-grid__body, #shotlist-root .shotlist-sheet {
      max-height: none;
    }
  }
  @media (min-width: 64rem) and (max-height: 900px) {
    #shotlist-root .shotlist-header {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  }
}
.comment-thread {
  margin-top: calc(var(--spacing) * 5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 4);
}
.day-overview-panel__scroll .comment-thread, .block-overview-panel__scroll .comment-thread, .day-overview--full .comment-thread {
  margin-top: calc(var(--spacing) * 0);
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  padding-top: calc(var(--spacing) * 1);
}
.day-overview-panel__comments, .block-overview-panel__comments {
  margin-top: calc(var(--spacing) * 1);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 5);
}
.comment-thread__header {
  margin-bottom: calc(var(--spacing) * 3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
}
.comment-thread__title {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.comment-thread__title-icon {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  flex-shrink: 0;
  color: var(--ink-muted);
}
.comment-thread__count {
  display: inline-flex;
  min-width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--panel-soft);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-soft);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  border: 1px solid var(--border);
}
.comment-thread__list {
  display: flex;
  max-height: calc(var(--spacing) * 80);
  flex-direction: column;
  gap: calc(var(--spacing) * 3.5);
  overflow-y: auto;
  padding-block: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 0.5);
  border-top: 1px solid var(--border);
}
.comment-thread__empty {
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 5);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--ink-muted);
}
.comment-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
}
.comment-item--theirs {
  align-items: flex-start;
}
.comment-item--mine {
  align-items: flex-end;
}
.comment-item--resolved {
  opacity: 55%;
}
.comment-item__row {
  display: flex;
  max-width: 88%;
  align-items: flex-end;
  gap: calc(var(--spacing) * 1);
}
.comment-item--mine .comment-item__row {
  flex-direction: row-reverse;
}
.comment-item__bubble {
  min-width: calc(var(--spacing) * 0);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.comment-item--theirs .comment-item__bubble {
  border-bottom-left-radius: var(--radius-md);
  background-color: var(--panel-soft);
  color: var(--ink);
  border: 1px solid var(--border);
}
.comment-item--mine .comment-item__bubble {
  border-bottom-right-radius: var(--radius-md);
  color: var(--ink);
  background: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary) 16%, var(--panel));
  }
  border: 1px solid var(--primary-border);
}
.comment-item__meta {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: calc(var(--spacing) * 2);
  row-gap: calc(var(--spacing) * 0.5);
}
.comment-item--mine .comment-item__meta {
  justify-content: flex-end;
}
.comment-item__author {
  font-size: 12px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.comment-item__badge {
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
  background: var(--panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--panel) 70%, transparent);
  }
  border: 1px solid var(--border);
}
.comment-item__footer {
  margin-top: calc(var(--spacing) * 1.5);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.comment-item__reply-btn {
  display: inline-flex;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--panel);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--ink);
    }
  }
}
.comment-item__reply-btn:focus-visible {
  color: var(--ink);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--focus-ring);
  --tw-outline-style: none;
  outline-style: none;
}
.comment-item__reply-icon {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  flex-shrink: 0;
  color: currentcolor;
}
.comment-item__reply-count {
  font-size: 11px;
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.comment-item__time {
  margin-left: auto;
  font-size: 10px;
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.comment-item__actions {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  padding-bottom: calc(var(--spacing) * 0.5);
}
@media (hover: hover) and (pointer: fine) {
  .comment-item__actions, .reply-item__delete {
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .comment-item:hover .comment-item__actions, .comment-item:focus-within .comment-item__actions, .reply-item:hover .reply-item__delete, .reply-item:focus-within .reply-item__delete {
    opacity: 100%;
  }
}
.comment-item__action {
  display: inline-flex;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--panel-soft);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--ink);
    }
  }
}
.comment-item__action--success {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-emerald-600);
    }
  }
}
.comment-item__action--danger {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-600);
    }
  }
}
.comment-item__action-icon {
  height: calc(var(--spacing) * 3.5);
  width: calc(var(--spacing) * 3.5);
  flex-shrink: 0;
}
.comment-item__body {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--ink);
}
.comment-item__mention {
  position: relative;
  display: inline;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--ink);
  text-decoration-line: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent);
  }
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.comment-item--mine .comment-item__mention {
  text-decoration-color: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb, var(--ink) 40%, transparent);
  }
}
.comment-item__mention:hover, .comment-item__mention:focus-visible {
  text-decoration-color: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb, var(--ink) 70%, transparent);
  }
  background: transparent;
}
.comment-item__mention[data-tip]:hover::after, .comment-item__mention[data-tip]:focus-visible::after {
  content: attr(data-tip);
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: calc(1/2 * 100%);
  z-index: 30;
  margin-bottom: calc(var(--spacing) * 1.5);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-strong);
  background-color: var(--panel);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: pre-line;
  color: var(--ink);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  min-width: 10rem;
  max-width: 18rem;
}
.comment-item__mention[data-tip]:hover::before, .comment-item__mention[data-tip]:focus-visible::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(1/2 * 100%);
  z-index: 30;
  margin-bottom: calc(var(--spacing) * 0.5);
  height: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 0);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-inline-style: var(--tw-border-style);
  border-inline-width: 4px;
  border-top-style: var(--tw-border-style);
  border-top-width: 4px;
  border-inline-color: transparent;
  border-top-color: var(--border);
}
.comment-item__replies {
  display: flex;
  width: 100%;
  max-width: 92%;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
}
.comment-item--mine .comment-item__replies {
  align-items: flex-end;
}
.comment-item--theirs .comment-item__replies {
  align-items: flex-start;
}
.reply-item {
  display: flex;
  width: 100%;
  max-width: 95%;
}
.reply-item--theirs {
  justify-content: flex-start;
}
.reply-item--mine {
  justify-content: flex-end;
  align-self: flex-end;
}
.reply-item__bubble {
  min-width: calc(var(--spacing) * 0);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1.5);
}
.reply-item--theirs .reply-item__bubble {
  border-bottom-left-radius: var(--radius-md);
  background-color: var(--panel-soft);
  border: 1px solid var(--border);
}
.reply-item--mine .reply-item__bubble {
  border-bottom-right-radius: var(--radius-md);
  background: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary) 16%, var(--panel));
  }
  border: 1px solid var(--primary-border);
}
.reply-item__meta {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: baseline;
  column-gap: calc(var(--spacing) * 1.5);
}
.reply-item--mine .reply-item__meta {
  justify-content: flex-end;
}
.reply-item__author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.reply-item__footer {
  margin-top: calc(var(--spacing) * 1);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.reply-item__time {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 10px;
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.reply-item__delete {
  flex-shrink: 0;
}
.reply-item__action-icon {
  height: calc(var(--spacing) * 3);
  width: calc(var(--spacing) * 3);
}
.reply-item__body {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 13px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--ink);
}
.reply-item .comment-item__action {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.comment-form {
  margin-top: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 3);
}
.comment-form--reply {
  margin-top: calc(var(--spacing) * 1);
  width: 100%;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  padding-top: calc(var(--spacing) * 0);
}
.comment-item--mine .comment-form--reply {
  max-width: 92%;
}
.comment-form__composer {
  position: relative;
}
.comment-form__shell {
  display: flex;
  min-height: 4.5rem;
  align-items: stretch;
  overflow: hidden;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--input-bg);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.comment-form__shell:focus-within {
  border-color: var(--primary-border);
  box-shadow: 0 0 0 2px var(--focus-ring);
}
.comment-form--reply .comment-form__shell {
  background-color: var(--panel-soft);
  border-left: 2px solid var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid color-mix(in srgb, var(--primary) 28%, var(--border));
  }
}
.comment-form__field {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  flex-direction: column;
}
.comment-form__input {
  display: block;
  width: 100%;
  flex: 1;
  resize: none;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 3.5);
  padding-top: calc(var(--spacing) * 3);
  padding-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--ink);
  &::placeholder {
    color: var(--ink-muted);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  min-height: 2.75rem;
  max-height: 10rem;
  field-sizing: content;
}
.comment-form__meta {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-bottom: calc(var(--spacing) * 2.5);
}
.comment-form__hint {
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  color: var(--ink-muted);
}
.comment-form__cancel {
  flex-shrink: 0;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      color: var(--ink);
    }
  }
}
.comment-form__cancel:focus-visible {
  border-radius: var(--radius-sm);
  color: var(--ink);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--focus-ring);
  --tw-outline-style: none;
  outline-style: none;
}
.comment-form__send {
  display: inline-flex;
  width: 4.25rem;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1);
  align-self: stretch;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--primary-border);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--primary-ink);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary) 16%, var(--input-bg, var(--panel)));
  }
}
.comment-form__send:hover {
  background: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary) 26%, var(--input-bg, var(--panel)));
  }
}
.comment-form__shell:focus-within .comment-form__send {
  background: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary) 22%, var(--input-bg, var(--panel)));
  }
}
.comment-form__send:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--focus-ring);
  --tw-outline-style: none;
  outline-style: none;
  --tw-ring-inset: inset;
}
.comment-form__send-icon {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex-shrink: 0;
}
.comment-form__send-label {
  --tw-leading: 1;
  line-height: 1;
}
.comment-form__mention-menu {
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 30;
  margin-bottom: calc(var(--spacing) * 1.5);
  max-height: calc(var(--spacing) * 48);
  overflow-y: auto;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  padding-block: calc(var(--spacing) * 1);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.comment-form__mention-option {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0.5);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--panel-soft);
    }
  }
}
.comment-form__mention-option.is-active {
  background-color: var(--primary-bg);
}
.comment-form__mention-option-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink);
}
.comment-form__mention-option.is-active .comment-form__mention-option-name {
  color: var(--primary-ink);
}
.comment-form__mention-option-meta {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--ink-muted);
}
.comment-form__mention-option.is-active .comment-form__mention-option-meta {
  color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--primary) 72%, var(--ink-muted));
  }
}
.comment-form__mention-empty {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--ink-muted);
}
.blocks-table__shot-info-trigger {
  cursor: help;
}
.blocks-table__shot-preview-panel {
  max-width: 20rem;
  min-width: 14rem;
}
.blocks-table__shot-preview-panel--scene {
  max-width: 22rem;
  min-width: 16rem;
}
.blocks-table__shot-preview-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.blocks-table__shot-preview-count {
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--ink-muted);
  text-transform: uppercase;
}
.blocks-table__scene-shots {
  margin-top: calc(var(--spacing) * 2);
  max-height: calc(var(--spacing) * 64);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  overflow-y: auto;
}
.blocks-table__scene-shot {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 1.5);
}
.blocks-table__scene-shot:first-child {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  padding-top: calc(var(--spacing) * 0);
}
.blocks-table__scene-shot-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.blocks-table__scene-shot-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  color: var(--ink-muted);
}
.blocks-table__shot-preview-more {
  margin-top: calc(var(--spacing) * 1.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 1.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
}
.blocks-table__shot-preview-list {
  margin-top: calc(var(--spacing) * 2);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.blocks-table__shot-preview-row {
  display: grid;
  grid-template-columns: 4.5rem minmax(0,1fr);
  align-items: flex-start;
  gap: calc(var(--spacing) * 2);
}
.blocks-table__shot-preview-label {
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--ink-muted);
  text-transform: uppercase;
}
.blocks-table__shot-preview-value {
  min-width: calc(var(--spacing) * 0);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  overflow-wrap: break-word;
  white-space: pre-wrap;
  color: var(--ink);
}
.blocks-table__shot-preview-empty {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--ink-muted);
}
.people-count-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: var(--radius-md);
  text-align: left;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.people-count-badge__preview {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 40;
  margin-top: calc(var(--spacing) * 1.5);
  display: none;
  width: calc(var(--spacing) * 56);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-strong);
  background-color: var(--panel);
  padding: calc(var(--spacing) * 2.5);
  text-align: left;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.people-count-badge:hover .people-count-badge__preview, .people-count-badge:focus-within .people-count-badge__preview {
  display: block;
}
.people-count-badge__preview-title {
  margin-bottom: calc(var(--spacing) * 1.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--ink-muted);
  text-transform: uppercase;
}
.people-count-badge__preview-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-block: calc(var(--spacing) * 1.5);
}
.people-count-badge__preview-item:first-of-type {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  padding-top: calc(var(--spacing) * 0);
}
.people-count-badge__preview-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.people-count-badge__preview-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  color: var(--ink-muted);
}
.people-count-badge__preview-more {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-top: calc(var(--spacing) * 1.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
}
.comment-count-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel-soft);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
}
.comment-count-badge--active {
  border-color: var(--primary-border);
  background-color: var(--primary-bg);
  color: var(--primary-ink);
}
.comment-count-badge__icon {
  height: calc(var(--spacing) * 3.5);
  width: calc(var(--spacing) * 3.5);
}
.comment-count-badge__preview {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 40;
  margin-top: calc(var(--spacing) * 1.5);
  display: none;
  width: calc(var(--spacing) * 72);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-strong);
  background-color: var(--panel);
  padding: calc(var(--spacing) * 2.5);
  text-align: left;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.comment-count-badge:hover .comment-count-badge__preview, .comment-count-badge:focus-within .comment-count-badge__preview {
  display: block;
}
.comment-count-badge__preview-title {
  margin-bottom: calc(var(--spacing) * 1.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--ink-muted);
  text-transform: uppercase;
}
.comment-count-badge__preview-item {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-block: calc(var(--spacing) * 1.5);
}
.comment-count-badge__preview-item:first-of-type {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  padding-top: calc(var(--spacing) * 0);
}
.comment-count-badge__preview-meta {
  margin-bottom: calc(var(--spacing) * 0.5);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
}
.comment-count-badge__preview-author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.comment-count-badge__preview-time {
  flex-shrink: 0;
  font-size: 10px;
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.comment-count-badge__preview-body {
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--ink-soft);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comment-preview {
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 0.75rem;
  background: var(--panel);
  box-shadow: 0 1px 2px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 2px color-mix(in oklch, var(--ink) 5%, transparent);
  }
}
.day-overview-panel__tab-stack--tight > .comment-preview, .block-overview-panel__scroll .space-y-4 > .comment-preview {
  margin-top: 1.75rem !important;
}
.comment-preview__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom: 1px solid var(--border);
  padding: 0.5rem 0.75rem;
  background: var(--panel-soft);
}
.comment-preview__title {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.comment-preview__title-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  color: var(--ink-muted);
}
.comment-preview__empty {
  padding: 0.875rem 0.75rem;
}
.comment-preview__empty-copy {
  font-size: 0.75rem;
  color: var(--ink-muted);
}
.comment-preview__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.comment-preview__item {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
}
.comment-preview__item + .comment-preview__item {
  border-top: 1px solid var(--border);
}
.comment-preview__avatar {
  margin-top: 0.125rem;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  background: var(--primary-bg);
  color: var(--primary-ink);
  box-shadow: inset 0 0 0 1px var(--primary-border);
}
.comment-preview__content {
  min-width: 0;
  flex: 1;
}
.comment-preview__body {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.comment-preview__meta {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
  font-size: 11px;
  line-height: 1;
  color: var(--ink-muted);
}
.comment-preview__author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--ink-soft);
}
.comment-preview__dot {
  flex-shrink: 0;
  opacity: 0.5;
}
.comment-preview__time {
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.media-comments-panel {
  position: fixed;
  inset-block: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  z-index: 40;
  display: flex;
  width: 100%;
  max-width: var(--container-md);
  flex-direction: column;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.media-comments-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.media-comments-panel__title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.media-comments-panel__body {
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  overflow-y: auto;
  padding: calc(var(--spacing) * 4);
}
.project-dood {
  --dood-cast-col: 11.5rem;
  --dood-day-col: 2.625rem;
  --dood-row-h: 2.625rem;
  --dood-line: var(--border, rgba(0, 0, 0, 0.1));
  @supports (color: color-mix(in lab, red, red)) {
    --dood-line: color-mix(in oklch, var(--border, rgba(0, 0, 0, 0.1)) 88%, transparent);
  }
}
.dood-sheet {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.dood-sheet__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
  padding: 0.625rem 1rem;
  border-bottom: 1px solid var(--dood-line);
}
.dood-sheet__bar-start {
  display: flex;
  min-width: 0;
  flex-shrink: 0;
  align-items: baseline;
  gap: 0.5rem;
}
.dood-sheet__range {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.dood-sheet__range-total {
  font-weight: 500;
  color: var(--ink-muted);
}
.dood-sheet__mobile-summary {
  display: none;
  font-size: 0.75rem;
  color: var(--ink-muted);
}
.dood-sheet__key {
  display: none;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 0.875rem;
}
.dood-sheet__key-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
  white-space: nowrap;
}
.dood-sheet__swatch {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.25rem;
  border: 1px solid var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklch, var(--ink) 12%, transparent);
  }
}
.dood-sheet__swatch--work {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 82%, var(--panel));
  }
}
.dood-sheet__swatch--start {
  background: var(--color-teal-ink);
}
.dood-sheet__swatch--finish {
  background: var(--color-orange-ink);
}
.dood-sheet__swatch--hold {
  background: var(--color-amber-ink);
}
.dood-sheet__swatch--rehearsal {
  background: var(--color-violet-ink);
}
.dood-sheet__swatch--travel {
  background: var(--color-sky-ink);
}
.dood-sheet__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.625rem;
}
.dood-sheet__edit-slot {
  display: flex;
  flex-shrink: 0;
}
.dood-sheet__pager {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem;
  border-radius: 0.5rem;
  border: 1px solid var(--dood-line);
  background: var(--panel);
}
.dood-sheet__pager-label {
  min-width: 2.25rem;
  padding-inline: 0.25rem;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-muted);
}
.dood-sheet__grid-wrap {
  display: none;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.dood-sheet__grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
}
.dood-grid {
  display: grid;
  width: 100%;
  column-gap: 0;
  grid-template-columns: var(--dood-cast-col) repeat(var(--dood-day-count, 1), minmax(var(--dood-day-col), 1fr));
}
.dood-grid--header {
  position: sticky;
  top: 0;
  z-index: 12;
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 92%, var(--panel));
  }
  border-bottom: 1px solid var(--dood-line);
}
.dood-grid--footer {
  position: sticky;
  bottom: 0;
  z-index: 8;
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 94%, var(--panel));
  }
  border-top: 1px solid var(--dood-line);
  font-variant-numeric: tabular-nums;
}
.dood-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--dood-row-h);
  padding: 0.25rem 0.35rem;
  border-right: 1px solid var(--dood-line);
  background: var(--panel);
}
.dood-cell:last-child {
  border-right: 0;
}
.dood-row .dood-cell {
  border-bottom: 1px solid var(--dood-line);
}
.dood-grid--footer .dood-cell {
  border-bottom: 0;
}
.dood-cell--cast-head, .dood-cell--cast, .dood-cell--foot-label {
  justify-content: flex-start;
  padding-left: 0.875rem;
  padding-right: 0.625rem;
}
.dood-cell--cast-head {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-muted);
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 92%, var(--panel));
  }
}
.dood-cell--day-head {
  flex-direction: column;
  gap: 0.05rem;
  padding-block: 0.35rem;
  min-width: 0;
}
.dood-day-head__num {
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
  line-height: 1;
}
.dood-day-head__date {
  font-size: 0.5625rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-muted);
  line-height: 1.1;
  text-align: center;
}
.dood-day-head__date--muted {
  font-size: 0.625rem;
  font-weight: 600;
}
.dood-day-head__sub {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.5rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.1;
}
.dood-cell--shoot-day.dood-cell--day-head {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 6%, var(--panel));
  }
}
.dood-cell--shoot-day.dood-cell--day-head .dood-day-head__num {
  color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--accent) 78%, var(--ink));
  }
}
.dood-cell--non-shoot {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 4%, var(--panel));
  }
}
.dood-cell--weekend {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 7.5%, var(--panel));
  }
}
.dood-cell--today:not([class*="dood-cell--status-"]) {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 9%, var(--panel));
  }
}
.dood-cell--day-head.dood-cell--today {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 16%, var(--panel));
  }
  box-shadow: inset 0 2px 0 var(--accent);
}
.dood-cell--weekend .dood-day-head__date, .dood-cell--weekend .dood-day-head__num {
  color: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--ink) 52%, transparent);
  }
}
.dood-cell--cast {
  background: var(--panel);
}
.dood-cast-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
  width: 100%;
}
.dood-cast-row__text {
  min-width: 0;
  flex: 1 1 auto;
}
.dood-cast-row__name {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dood-cast-row__name:hover {
  text-decoration: underline;
}
.dood-cast-row__role {
  display: block;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.2;
}
.dood-cast-row__total {
  flex-shrink: 0;
  min-width: 1.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink-muted);
  text-align: right;
}
.dood-cell--work {
  padding: 0;
  border: 0;
  border-right: 1px solid var(--dood-line);
  border-bottom: 1px solid var(--dood-line);
  font: inherit;
  color: inherit;
  position: relative;
  overflow: visible;
}
.dood-cell__code {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.dood-cell__empty {
  display: block;
  width: 100%;
  height: 100%;
}
.dood-cell--work:hover:not(:disabled):not([class*="dood-cell--status-"]) {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 7%, var(--panel));
  }
}
.dood-cell--work:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: -2px;
  z-index: 2;
}
.dood-cell--status-work {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 82%, var(--panel));
  }
  color: var(--accent-fg);
}
.dood-cell--status-start {
  background: var(--color-teal-ink);
  color: var(--color-teal-bg);
}
.dood-cell--status-finish {
  background: var(--color-orange-ink);
  color: var(--color-orange-bg);
}
.dood-cell--status-single {
  background: var(--color-indigo-ink);
  color: var(--color-indigo-bg);
}
.dood-cell--status-hold {
  background: var(--color-amber-ink);
  color: var(--color-amber-bg);
}
.dood-cell--status-drop {
  background: var(--color-slate-ink);
  color: var(--color-slate-bg);
}
.dood-cell--status-rehearsal {
  background: var(--color-violet-ink);
  color: var(--color-violet-bg);
}
.dood-cell--status-travel {
  background: var(--color-sky-ink);
  color: var(--color-sky-bg);
}
.dood-cell--status-work:hover:not(:disabled) {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 88%, var(--panel));
  }
}
.dood-row:hover .dood-cell--cast {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 10%, var(--panel));
  }
}
.dood-row:hover .dood-cell--work:not([class*="dood-cell--status-"]):not(:hover) {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 6%, var(--panel));
  }
}
.dood-cell__status-popover {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: calc(100% + 0.2rem);
  z-index: 40;
  transform: translateX(-50%) translateY(0.15rem);
  padding: 0.28rem 0.45rem;
  border-radius: 0.4rem;
  border: 1px solid var(--border-strong, rgba(0, 0, 0, 0.12));
  background: var(--panel);
  box-shadow: 0 6px 16px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 6px 16px color-mix(in srgb, var(--ink) 12%, transparent);
  }
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ink);
  white-space: nowrap;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 100ms ease, transform 100ms ease, visibility 0s linear 100ms;
}
.dood-cell--work:hover:not(:disabled) .dood-cell__status-popover, .dood-cell--work:focus-visible:not(:disabled) .dood-cell__status-popover {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition: opacity 100ms ease, transform 100ms ease, visibility 0s linear 0s;
}
.dood-cell--foot {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--ink-muted);
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 94%, var(--panel));
  }
}
.dood-cell--foot-label {
  justify-content: space-between;
  gap: 0.5rem;
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 94%, var(--panel));
  }
}
.dood-foot-label__text {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.dood-foot-label__total {
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.dood-foot-note {
  color: var(--ink-muted);
}
.dood-cell--other-project:not([class*="dood-cell--status-"]) {
  background: var(--color-amber-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-amber-ink) 10%, var(--panel));
  }
}
.dood-cell--other-project::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: var(--color-amber-ink);
  pointer-events: none;
  z-index: 1;
}
.dood-status-menu {
  position: fixed;
  z-index: 60;
  display: flex;
  flex-direction: column;
  min-width: 10.5rem;
  padding: 0.35rem;
  border-radius: 0.65rem;
  border: 1px solid var(--border-strong, rgba(0, 0, 0, 0.12));
  background: var(--panel);
  box-shadow: 0 10px 25px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 10px 25px color-mix(in srgb, var(--ink) 14%, transparent);
  }
}
.dood-status-menu__item {
  border: 0;
  background: transparent;
  color: var(--ink);
  border-radius: 0.45rem;
  padding: 0.35rem 0.55rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.dood-status-menu__item:hover, .dood-status-menu__item:focus-visible {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 12%, transparent);
  }
  outline: none;
}
.dood-status-menu__item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--focus-ring);
}
.dood-status-menu__item--clear {
  color: var(--ink-muted);
}
.dood-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 14%, transparent);
  }
  color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--accent) 72%, var(--ink));
  }
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  border: 1px solid var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklch, var(--accent) 22%, transparent);
  }
}
.dood-mobile {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 1rem 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
}
.dood-mobile-legend-wrap {
  border: 1px solid var(--dood-line);
  border-radius: 0.5rem;
  background: var(--panel);
}
.dood-mobile-legend-wrap__toggle {
  cursor: pointer;
  list-style: none;
  padding: 0.45rem 0.65rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.dood-mobile-legend-wrap__toggle::-webkit-details-marker {
  display: none;
}
.dood-mobile-legend-wrap[open] .dood-mobile-legend-wrap__toggle {
  border-bottom: 1px solid var(--dood-line);
}
.dood-mobile-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.625rem;
  padding: 0.5rem 0.65rem;
}
.dood-mobile-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ink-muted);
  line-height: 1.2;
  white-space: nowrap;
}
.dood-mobile-legend__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.25rem;
  border-radius: 0.35rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.dood-mobile-legend__mark--work {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 82%, var(--panel));
  }
  color: var(--accent-fg);
}
.dood-mobile-legend__mark--start {
  background: var(--color-teal-ink);
  color: var(--color-teal-bg);
}
.dood-mobile-legend__mark--finish {
  background: var(--color-orange-ink);
  color: var(--color-orange-bg);
}
.dood-mobile-legend__mark--hold {
  background: var(--color-amber-ink);
  color: var(--color-amber-bg);
}
.dood-mobile-legend__mark--rehearsal {
  background: var(--color-violet-ink);
  color: var(--color-violet-bg);
}
.dood-mobile-legend__mark--travel {
  background: var(--color-sky-ink);
  color: var(--color-sky-bg);
}
.dood-mobile-card {
  border: 1px solid var(--dood-line);
  border-radius: 0.5rem;
  background: var(--panel);
  padding: 0.875rem 1rem;
}
.dood-mobile-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
  margin-bottom: 0.5rem;
}
.dood-mobile-card__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
}
.dood-mobile-card__identity .dood-avatar {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
}
.dood-mobile-card__names {
  min-width: 0;
}
.dood-mobile-card__name {
  display: block;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.25;
}
.dood-mobile-card__name:hover {
  text-decoration: underline;
}
.dood-mobile-card__role {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  color: var(--ink-muted);
  line-height: 1.35;
}
.dood-mobile-card__total {
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.45rem;
  border: 1px solid var(--dood-line);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.dood-mobile-card__total-value {
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
}
.dood-mobile-card__total-label {
  margin-top: 0.05rem;
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.dood-mobile-card__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 1rem 0.75rem;
  border-radius: 0.45rem;
  border: 1px dashed var(--dood-line);
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 55%, transparent);
  }
  text-align: center;
}
.dood-mobile-card__empty-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--ink-muted);
}
.dood-mobile-card__empty-text {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.35;
}
.dood-mobile-card__days {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.dood-mobile-day {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3rem 0.4rem 0.3rem 0.5rem;
  border-radius: 0.45rem;
  border: 1px solid var(--dood-line);
  background: var(--panel);
  line-height: 1.2;
  white-space: nowrap;
}
.dood-mobile-day__date {
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.dood-mobile-day__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.3rem;
  border-radius: 0.35rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums;
}
.dood-mobile-day--work {
  border-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--accent) 24%, transparent);
  }
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 8%, var(--panel));
  }
}
.dood-mobile-day--work .dood-mobile-day__mark {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 82%, var(--panel));
  }
  color: var(--accent-fg);
}
.dood-mobile-day--start {
  border-color: var(--color-teal-border);
  background: var(--color-teal-bg);
}
.dood-mobile-day--start .dood-mobile-day__mark {
  background: var(--color-teal-ink);
  color: var(--color-teal-bg);
}
.dood-mobile-day--finish {
  border-color: var(--color-orange-border);
  background: var(--color-orange-bg);
}
.dood-mobile-day--finish .dood-mobile-day__mark {
  background: var(--color-orange-ink);
  color: var(--color-orange-bg);
}
.dood-mobile-day--single {
  border-color: var(--color-indigo-border);
  background: var(--color-indigo-bg);
}
.dood-mobile-day--single .dood-mobile-day__mark {
  background: var(--color-indigo-ink);
  color: var(--color-indigo-bg);
}
.dood-mobile-day--hold {
  border-color: var(--color-amber-border);
  background: var(--color-amber-bg);
}
.dood-mobile-day--hold .dood-mobile-day__mark {
  background: var(--color-amber-ink);
  color: var(--color-amber-bg);
}
.dood-mobile-day--drop {
  border-color: var(--color-slate-border);
  background: var(--color-slate-bg);
}
.dood-mobile-day--drop .dood-mobile-day__mark {
  background: var(--color-slate-ink);
  color: var(--color-slate-bg);
}
.dood-mobile-day--rehearsal {
  border-color: var(--color-violet-border);
  background: var(--color-violet-bg);
}
.dood-mobile-day--rehearsal .dood-mobile-day__mark {
  background: var(--color-violet-ink);
  color: var(--color-violet-bg);
}
.dood-mobile-day--travel {
  border-color: var(--color-sky-border);
  background: var(--color-sky-bg);
}
.dood-mobile-day--travel .dood-mobile-day__mark {
  background: var(--color-sky-ink);
  color: var(--color-sky-bg);
}
@media (width < 64rem) {
  .dood-sheet__range {
    display: none;
  }
  .dood-sheet__mobile-summary {
    display: inline;
  }
  .dood-sheet__key, .dood-sheet__actions {
    display: none;
  }
  .dood-sheet__bar {
    flex-wrap: wrap;
  }
  .dood-mobile {
    padding-bottom: calc(var(--app-fab-bottom, 5.5rem) + 1rem);
  }
  .project-dood .page-header--row > :last-child:not(:only-child) {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (width >= 64rem) {
  .dood-sheet {
    padding-inline: 1.25rem;
  }
  .dood-sheet__bar {
    padding-inline: 0;
  }
  .dood-sheet__key {
    display: flex;
  }
  .dood-sheet__grid-wrap {
    display: block;
    flex: 0 1 auto;
    max-height: 100%;
    margin-bottom: 1rem;
    border: 1px solid var(--dood-line);
    border-radius: 0.75rem;
  }
  .dood-mobile {
    display: none;
  }
  .dood-cell--cast-head, .dood-cell--cast, .dood-cell--foot-label {
    position: sticky;
    left: 0;
    z-index: 15;
    min-width: var(--dood-cast-col);
  }
  .dood-cell--cast-head {
    z-index: 20;
  }
  .dood-cell--cast, .dood-cell--cast-head, .dood-cell--foot-label {
    box-shadow: 1px 0 0 var(--dood-line), 4px 0 8px -2px var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 1px 0 0 var(--dood-line), 4px 0 8px -2px color-mix(in srgb, var(--ink) 8%, transparent);
    }
  }
}
@media (width < 64rem) {
  .dood-sheet__grid-wrap {
    display: none;
  }
  .dood-mobile {
    display: flex;
  }
}
@layer components {
  .app-shell__main:has(#day-progress-root) {
    width: 100%;
    padding: calc(var(--spacing) * 0);
  }
  @media (width < 64rem) {
    .app-shell:not(.app-shell--bottom-dock) .app-shell__main:has(#day-progress-root) {
      padding-bottom: calc(4.35rem + env(safe-area-inset-bottom));
    }
  }
  .day-progress {
    position: relative;
    width: 100%;
    padding-bottom: calc(var(--spacing) * 24);
  }
  .day-progress .page-header {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width < 40rem) {
    .day-progress__header-clock, .day-progress__header-time-left {
      padding-block: calc(var(--spacing) * 1);
    }
    .day-progress__clock-time, .day-progress__time-left-value {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .day-progress__header-clock, .day-progress__header-time-left, .day-progress__header-calltime {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      flex: none;
    }
    background: var(--primary-bg, oklch(0.55 0.15 250));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--primary-bg, oklch(0.55 0.15 250)) 10%, var(--panel-soft));
    }
  }
  .day-progress__header-calltime {
    justify-content: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .day-progress__header-calltime--unset {
    align-items: center;
    border-color: var(--color-amber-300);
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
    color: var(--color-amber-700);
  }
  .day-progress__header-calltime-cta {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .day-progress__time-left-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .day-progress__time-left-value {
    margin-top: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .day-progress__clock-label {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--ink-muted);
    text-transform: uppercase;
  }
  .day-progress__clock-live {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-500);
    animation: day-progress-clock-pulse 2s ease-in-out infinite;
  }
  @keyframes day-progress-clock-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.35;
    }
  }
  .day-progress__clock-time {
    margin-top: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .day-progress__type {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .day-progress__type--scene {
    background: var(--accent-base, oklch(0.55 0.15 250));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--accent-base, oklch(0.55 0.15 250)) 14%, var(--panel-soft));
    }
    color: var(--accent-base, oklch(0.55 0.15 250));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--accent-base, oklch(0.55 0.15 250)) 72%, var(--ink));
    }
  }
  .day-progress__type--shot {
    background: oklch(0.55 0.18 300);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.55 0.18 300) 14%, var(--panel-soft));
    }
    color: oklch(0.55 0.18 300);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.55 0.18 300) 72%, var(--ink));
    }
  }
  .day-progress__type--break {
    background-color: var(--panel-soft);
    color: var(--ink-muted);
    box-shadow: inset 0 0 0 1px var(--border);
  }
  .day-progress__type--lunch {
    background: oklch(0.75 0.15 85);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.75 0.15 85) 18%, var(--panel-soft));
    }
    color: oklch(0.55 0.12 75);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.55 0.12 75) 70%, var(--ink));
    }
  }
  .day-progress__type--setup, .day-progress__type--teardown {
    background: oklch(0.6 0.1 180);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.6 0.1 180) 14%, var(--panel-soft));
    }
    color: oklch(0.5 0.1 180);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.5 0.1 180) 72%, var(--ink));
    }
  }
  .day-progress__type--location_scout {
    background: oklch(0.6 0.12 150);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.6 0.12 150) 14%, var(--panel-soft));
    }
    color: oklch(0.5 0.12 150);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.5 0.12 150) 72%, var(--ink));
    }
  }
  .day-progress__type--default {
    background-color: var(--panel-soft);
    color: var(--ink-muted);
    box-shadow: inset 0 0 0 1px var(--border);
  }
  .day-progress__variance {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .day-progress__variance--behind {
    background: oklch(0.55 0.2 25);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.55 0.2 25) 16%, var(--panel-soft));
    }
    color: oklch(0.5 0.2 25);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.5 0.2 25) 78%, var(--ink));
    }
  }
  .day-progress__variance--ahead {
    background: oklch(0.6 0.15 150);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, oklch(0.6 0.15 150) 16%, var(--panel-soft));
    }
    color: oklch(0.5 0.15 150);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, oklch(0.5 0.15 150) 78%, var(--ink));
    }
  }
  .day-progress__variance--on_track {
    background: var(--accent-base, oklch(0.55 0.15 250));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--accent-base, oklch(0.55 0.15 250)) 14%, var(--panel-soft));
    }
    color: var(--accent-base, oklch(0.55 0.15 250));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--accent-base, oklch(0.55 0.15 250)) 72%, var(--ink));
    }
  }
  .day-progress__variance--neutral {
    background-color: var(--panel-soft);
    color: var(--ink-muted);
    box-shadow: inset 0 0 0 1px var(--border);
  }
}
@media (width < 64rem) {
  #people-invites-root .people-invites-table {
    display: none;
  }
  #people-invites-root .people-invites-cards {
    display: grid;
    gap: 0.75rem;
  }
  #people-invites-root .people-invites-card {
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--panel);
    padding: 0.85rem 1rem;
  }
  #people-invites-root .people-invites-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
  }
  #people-invites-root .people-invites-card__email {
    margin: 0;
    font-weight: 600;
    color: var(--ink);
    word-break: break-word;
  }
  #people-invites-root .people-invites-card__role {
    font-size: 0.75rem;
    color: var(--ink-muted);
  }
  #people-invites-root .people-invites-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.65rem;
    align-items: center;
  }
  #people-invites-root .people-invites-card__url {
    flex: 1 1 100%;
    min-width: 0;
    border-radius: 0.5rem;
    border: 1px solid var(--border-strong);
    background: var(--input-bg);
    padding: 0.35rem 0.5rem;
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
  }
}
@media (width >= 64rem) {
  #people-invites-root .people-invites-cards {
    display: none;
  }
}
@layer components {
  .error-page__main {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 16);
  }
  .error-page__card {
    width: 100%;
    max-width: var(--container-md);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--fg);
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .error-page__status {
    font-family: var(--font-serif);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ink);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    opacity: 0.14;
  }
  .error-page__title {
    margin-top: calc(var(--spacing) * 2);
    font-family: var(--font-serif);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ink);
  }
  .error-page__message {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--ink-muted);
  }
  .error-page__actions {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  .error-page__btn-back {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-strong);
    background-color: var(--input-bg);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--panel);
      }
    }
  }
  .error-page__btn-primary {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--btn-primary-bg);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--btn-primary-text);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--btn-primary-hover);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-offset: 2px;
    }
    &:focus-visible {
      outline-color: var(--btn-primary-bg);
    }
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .error-page__footer {
    margin-top: calc(var(--spacing) * 10);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ink-subtle);
  }
}
[iconify="icon-park-outline:double-left"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 36L12 24l12-12m12 24L24 24l12-12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:search"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4S4 11.611 4 21s7.611 17 17 17Z'/%3E%3Cpath stroke-linecap='round' d='M26.657 14.343A7.98 7.98 0 0 0 21 12a7.98 7.98 0 0 0-5.657 2.343m17.879 18.879l8.485 8.485'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:moon"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M28.053 4.41c-5.47 1.427-9.507 6.4-9.507 12.317c0 7.03 5.698 12.728 12.727 12.728c5.916 0 10.89-4.038 12.316-9.508A20 20 0 0 1 44 24c0 11.046-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4c1.389 0 2.744.141 4.053.41Z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:sun"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='m9.15 9.15l2.228 2.228M3 24h3.15m3 14.85l2.228-2.228M38.85 38.85l-2.228-2.228M45 24h-3.15m-3-14.85l-2.228 2.228M24 3v3.15'/%3E%3Cpath fill='currentColor' d='M24 36c6.627 0 12-5.373 12-12s-5.373-12-12-12s-12 5.373-12 12s5.373 12 12 12Z'/%3E%3Cpath stroke-linecap='round' d='M24 45v-3.15'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:message"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M44 24c0 11.046-8.954 20-20 20H4V24C4 12.954 12.954 4 24 4s20 8.954 20 20m-30-6h18m-18 8h18m-18 8h10'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:caution"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M24 5L2 43h44z' clip-rule='evenodd'/%3E%3Cpath stroke-linecap='round' d='M24 35v1m0-17l.008 10'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:refresh"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M42 8v16M6 24v16m36-16c0-9.941-8.059-18-18-18a17.95 17.95 0 0 0-12.952 5.5M6 24c0 9.941 8.059 18 18 18a17.94 17.94 0 0 0 12.5-5.048'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:close"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:arrow-left"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M5.799 24h36m-24 12l-12-12l12-12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:delete"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M9 10v34h30V10z'/%3E%3Cpath stroke-linecap='round' d='M20 20v13m8-13v13M4 10h40'/%3E%3Cpath d='m16 10l3.289-6h9.488L32 10z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:edit"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M7 42h36'/%3E%3Cpath d='M11 26.72V34h7.317L39 13.308L31.695 6z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:local"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M9.858 32.757C6.238 33.843 4 35.343 4 37c0 3.314 8.954 6 20 6s20-2.686 20-6c0-1.657-2.239-3.157-5.858-4.243'/%3E%3Cpath d='M24 35s13-8.496 13-18.318C37 9.678 31.18 4 24 4S11 9.678 11 16.682C11 26.504 24 35 24 35Z'/%3E%3Cpath d='M24 22a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:time"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath stroke-linecap='round' d='M24.008 12v12.01l8.479 8.48'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:play"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath d='M20 24v-6.928l6 3.464L32 24l-6 3.464l-6 3.464z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:peoples"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M19 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M32.608 7A7 7 0 0 1 36 13a7 7 0 0 1-3.392 6M4 40.8V42h30v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496C27.92 28 25.68 28 21.2 28h-4.4c-4.48 0-6.72 0-8.432.872a8 8 0 0 0-3.496 3.496C4 34.08 4 36.32 4 40.8M44 42v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:peoples-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M12 7.255A6.99 6.99 0 0 0 9 13a7 7 0 0 0 3.392 6M36 7.255A6.99 6.99 0 0 1 39 13a6.99 6.99 0 0 1-3 5.746M12 40v2h24v-2c0-3.727 0-5.591-.609-7.062a8 8 0 0 0-4.33-4.329C29.592 28 27.728 28 24 28s-5.591 0-7.061.609a8 8 0 0 0-4.33 4.33C12 34.409 12 36.273 12 40m32 2v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496M4 42v-1.2c0-4.48 0-6.72.872-8.432a8 8 0 0 1 3.496-3.496'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:layers"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 11.914L24 19l20-7.086L24 5z'/%3E%3Cpath stroke-linecap='round' d='m4 20l20 7l20-7M4 28l20 7l20-7M4 36l20 7l20-7'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:hamburger-button"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M7.95 11.95h32m-32 12h32m-32 12h32'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:minus"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M10.5 24h28'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:clipboard-document"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192q.56-.045 1.124-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48 48 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.25 2.25 0 0 0 15 2.25h-1.5a2.25 2.25 0 0 0-2.15 1.586m5.8 0q.099.316.1.664v.75h-6V4.5q.001-.348.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:clock"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0a9 9 0 0 1 18 0'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:information-circle"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:compression"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M8.92 8.714C8.495 7.39 9.476 6 10.867 6h26.266c1.391 0 2.372 1.39 1.947 2.714C37.9 12.4 36 19.09 36 24s1.9 11.6 3.08 15.286C39.505 40.61 38.524 42 37.133 42H10.867c-1.391 0-2.372-1.39-1.947-2.714C10.1 35.6 12 28.91 12 24S10.1 12.4 8.92 8.714M4 15c1.5 2 2 6 2 9s-.5 7-2 9'/%3E%3Cpath d='M18 15.5h12M18 24h12m-12 8h4'/%3E%3Cpath stroke-linejoin='round' d='M44 15c-1.5 2-2 6-2 9s.5 6 2 9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:down"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M36 18L24 30L12 18'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:send"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M43 5L29.7 43l-7.6-17.1L5 18.3z'/%3E%3Cpath stroke-linecap='round' d='M43 5L22.1 25.9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:plus"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m24.06 10l-.036 28M10 24h28'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:left"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M31 36L19 24l12-12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:right"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m19 12l12 12l-12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:column"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath d='M39.3 6H8.7A2.7 2.7 0 0 0 6 8.7v30.6A2.7 2.7 0 0 0 8.7 42h30.6a2.7 2.7 0 0 0 2.7-2.7V8.7A2.7 2.7 0 0 0 39.3 6Z'/%3E%3Cpath stroke-linecap='round' d='M24 6v36'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:info"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M24 11a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5' clip-rule='evenodd'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24.5 34V20h-2M21 34h7'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:add-user"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Ccircle cx='24' cy='12' r='8'/%3E%3Cpath d='M42 44c0-9.941-8.059-18-18-18S6 34.059 6 44m13-5h10m-5-5v10'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:folder"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M7 6a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2zm9 23h4m-4 6h10'/%3E%3Cpath d='M8 5s3.765 13 16 13S40 5 40 5'/%3E%3Ccircle cx='24' cy='18' r='4'/%3E%3Cpath d='M15 4H9a2 2 0 0 0-2 2v6m26-8h6a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:arrow-right"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M42 24H6m24-12l12 12l-12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:undo"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M11.272 36.728A17.94 17.94 0 0 0 24 42c9.941 0 18-8.059 18-18S33.941 6 24 6c-4.97 0-9.47 2.015-12.728 5.272C9.614 12.93 6 17 6 17'/%3E%3Cpath d='M6 9v8h8'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:redo"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M36.728 36.728A17.94 17.94 0 0 1 24 42c-9.941 0-18-8.059-18-18S14.059 6 24 6c4.97 0 9.47 2.015 12.728 5.272C38.386 12.93 42 17 42 17'/%3E%3Cpath d='M42 8v9h-9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:check"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M43 11L16.875 37L5 25.182'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:add"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='36' height='36' x='6' y='6' rx='3'/%3E%3Cpath stroke-linecap='round' d='M24 16v16m-8-8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:calendar"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M5 19h38v21a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM5 9a2 2 0 0 1 2-2h34a2 2 0 0 1 2 2v10H5z'/%3E%3Cpath stroke-linecap='round' d='M16 4v8m16-8v8m-4 22h6m-20 0h6m8-8h6m-20 0h6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:movie-board"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M44 16H4v26h40zm0 0V6H4v10zM26 6l4 10M18 6l4 10M10 6l4 10M34 6l4 10m-26 8h24m-24 8h12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:grid-four"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='38' height='38' x='5' y='5' rx='2'/%3E%3Cpath d='M24 5v38M5 24h38'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:full-screen"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M33 6h9v9m0 18v9h-9m-18 0H6v-9m0-18V6h9'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:timer"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='28' r='16'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M28 4h-8m4 0v8m11 4l3-3M24 28v-6m0 6h-6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:preview-open"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 36c11.046 0 20-12 20-12s-8.954-12-20-12S4 24 4 24s8.954 12 20 12Z'/%3E%3Cpath d='M24 29a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:home"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 18v24h30V18L24 6z'/%3E%3Cpath stroke-linejoin='round' d='M19 29v13h10V29z'/%3E%3Cpath stroke-linecap='round' d='M9 42h30'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:color-card"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cpath id='SVGSJixWdrt' stroke='currentColor' d='M24.485 32H44v12H12.5'/%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M10 44a6 6 0 0 0 6-6V4H4v34a6 6 0 0 0 6 6'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M10 44a6 6 0 0 0 6-6V23.515M10 44a6 6 0 0 1-6-6V4h12v19.515M10 44h34V32H24.485M5.757 42.243a6 6 0 0 0 8.486 0L24.485 32M16 23.515L35.015 4.5l.47-.5l8.5 8.5l-19.5 19.5'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M14.243 42.243L43.985 12.5l-8.5-8.5L16 23.515'/%3E%3Cuse href='#SVGSJixWdrt' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cuse href='#SVGSJixWdrt' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M10 44a6 6 0 0 0 6-6V4H4v34a6 6 0 0 0 6 6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:lock"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='36' height='22' x='6' y='22' rx='2'/%3E%3Cpath stroke-linecap='round' d='M14 22v-8c0-5.523 4.477-10 10-10s10 4.477 10 10v8m-10 8v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:terminal"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='40' height='32' x='4' y='8' rx='2'/%3E%3Cpath stroke-linecap='round' d='m12 18l7 6l-7 6m11 2h13'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:setting"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M36.686 15.171a15.4 15.4 0 0 1 2.529 6.102H44v5.454h-4.785a15.4 15.4 0 0 1-2.529 6.102l3.385 3.385l-3.857 3.857l-3.385-3.385a15.4 15.4 0 0 1-6.102 2.529V44h-5.454v-4.785a15.4 15.4 0 0 1-6.102-2.529l-3.385 3.385l-3.857-3.857l3.385-3.385a15.4 15.4 0 0 1-2.529-6.102H4v-5.454h4.785a15.4 15.4 0 0 1 2.529-6.102l-3.385-3.385l3.857-3.857l3.385 3.385a15.4 15.4 0 0 1 6.102-2.529V4h5.454v4.785a15.4 15.4 0 0 1 6.102 2.529l3.385-3.385l3.857 3.857z'/%3E%3Cpath d='M24 29a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:close-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath stroke-linecap='round' d='M29.657 18.343L18.343 29.657m0-11.314l11.314 11.314'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:more"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='12' cy='24' r='3' fill='currentColor'/%3E%3Ccircle cx='24' cy='24' r='3' fill='currentColor'/%3E%3Ccircle cx='36' cy='24' r='3' fill='currentColor'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:experiment"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M12 4h24'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m10.777 30l7.242-14.961V4h12.01v11.039L37.245 30'/%3E%3Cpath stroke-linejoin='round' d='M7.794 43.673a3.273 3.273 0 0 1-1.52-4.372L10.777 30S18 35 24 30s13.246 0 13.246 0l4.49 9.305A3.273 3.273 0 0 1 38.787 44H9.22c-.494 0-.981-.112-1.426-.327Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:lightning"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M19 4h18L26 18h15L17 44l5-19H8z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:check-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z'/%3E%3Cpath stroke-linecap='round' d='m16 24l6 6l12-12'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:folder-plus"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M5 8a2 2 0 0 1 2-2h12l5 6h17a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M18 27h12m-6-6v12'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:pencil-square"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:double-right"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m12 12l12 12l-12 12m12-24l12 12l-12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:question-mark-circle-solid"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75s-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0c1.513 1.324 1.513 3.518 0 4.842a3.8 3.8 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502q.274-.133.503-.331c.83-.727.83-1.857 0-2.584M12 18a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:mail"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 39h40V9H4z'/%3E%3Cpath stroke-linecap='round' d='m4 9l20 15L44 9'/%3E%3Cpath stroke-linecap='round' d='M24 9H4v15m40 0V9H24'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:save"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M6 9a3 3 0 0 1 3-3h25.281L42 13.207V39a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3z'/%3E%3Cpath d='M24.008 6L24 13.385c0 .34-.448.615-1 .615h-8c-.552 0-1-.275-1-.615V6' clip-rule='evenodd'/%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24.008 6L24 13.385c0 .34-.448.615-1 .615h-8c-.552 0-1-.275-1-.615V6z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M9 6h25.281M14 26h20m-20 8h10.008'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:film"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='36' height='36' x='6' y='6' rx='3'/%3E%3Cpath stroke-linecap='round' d='M16 6v36M32 6v36M6 15h10m16 0h10M6 33h10M6 24h36m-10 9h10'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:comment"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M44 6H4v30h9v5l10-5h21zM14 19.5v3m10-3v3m10-3v3'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:bars-3"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:x-mark"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:full-screen-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M30 6h12v12M18 6H6v12m24 24h12V30M18 42H6V30M42 6L29 19M19 29L6 42'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:attention"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M24 37a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5' clip-rule='evenodd'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 12v16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:send-email"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M44 24V9H4v30h20m20-5H30m9-5l5 5l-5 5'/%3E%3Cpath d='m4 9l20 15L44 9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:arrow-up"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 6v36M12 18L24 6l12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:arrow-down"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 42V6m12 24L24 42L12 30'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:more-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='12' r='3' fill='currentColor'/%3E%3Ccircle cx='24' cy='24' r='3' fill='currentColor'/%3E%3Ccircle cx='24' cy='35' r='3' fill='currentColor'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:tool"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M44 16c0 6.627-5.373 12-12 12c-2.027 0-3.936-.503-5.61-1.39L9 44l-5-5l17.39-17.39A11.95 11.95 0 0 1 20 16c0-6.627 5.373-12 12-12c2.027 0 3.936.502 5.61 1.39L30 13l5 5l7.61-7.61A11.95 11.95 0 0 1 44 16'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:building-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M11 14L25 4v40H11z' clip-rule='evenodd'/%3E%3Cpath d='m25 13l14 10v21M4 44h40'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park:send-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='#000' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M42 6L4 20.1383L24 24.0083L29.0052 44L42 6Z'/%3E%3Cpath stroke-linecap='round' d='M24.0083 24.0084L29.6651 18.3516'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:send-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M42 6L4 20.138l20 3.87L29.005 44z'/%3E%3Cpath stroke-linecap='round' d='m24.008 24.008l5.657-5.656'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:preview-close"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M6 16c.635 1.22 1.596 2.35 2.823 3.355C12.26 22.173 17.779 24 24 24s11.739-1.827 15.177-4.645C40.404 18.35 41.365 17.22 42 16m-13.022 8l2.07 7.727m6.306-10.373l5.656 5.656M5 27.01l5.657-5.657m6.271 10.375L18.998 24'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:list-view"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='40' height='36' x='4' y='6' rx='3'/%3E%3Cpath d='M4 14h40M20 24h16m-16 8h16m-24-8h2m-2 8h2'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:tag"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 44V6a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v38l-16-8.273z'/%3E%3Cpath stroke-linecap='round' d='M16 18h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:movie"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath stroke-linejoin='round' d='M24 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm0 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm-9-9a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm18 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6Z'/%3E%3Cpath stroke-linecap='round' d='M24 44h20'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:config"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m24 4l-6 6h-8v8l-6 6l6 6v8h8l6 6l6-6h8v-8l6-6l-6-6v-8h-8z'/%3E%3Cpath d='M24 30a6 6 0 1 0 0-12a6 6 0 0 0 0 12Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:arrows-pointing-out"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="heroicons:arrows-pointing-in"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M39 6H9a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3'/%3E%3Cpath d='M20.5 28v-6.062l5.25 3.03L31 28l-5.25 3.031l-5.25 3.031zM6 15h36m-9-9l-6 9m-6-9l-6 9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:application-menu"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='currentColor' d='M10 14a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8M10 28a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8M10 42a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8m14 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:click"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 4v8'/%3E%3Cpath d='m22 22l20 4l-6 4l6 6l-6 6l-6-6l-4 6z' clip-rule='evenodd'/%3E%3Cpath d='m38.142 9.858l-5.657 5.657M9.858 38.142l5.657-5.657M4 24h8M9.858 9.858l5.657 5.657'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:copy"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M13 12.432v-4.62A2.813 2.813 0 0 1 15.813 5h24.374A2.813 2.813 0 0 1 43 7.813v24.375A2.813 2.813 0 0 1 40.188 35h-4.672'/%3E%3Cpath d='M32.188 13H7.811A2.813 2.813 0 0 0 5 15.813v24.374A2.813 2.813 0 0 0 7.813 43h24.375A2.813 2.813 0 0 0 35 40.188V15.811A2.813 2.813 0 0 0 32.188 13Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:move"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M22 43c-4.726-1.767-8.667-7.815-10.64-11.357c-.852-1.53-.403-3.408.964-4.502a3.83 3.83 0 0 1 5.1.283L19 29V17.5a2.5 2.5 0 0 1 5 0v6a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1 5 0v7.868c0 1.07-.265 2.128-.882 3.003C37.095 39.82 35.256 42.034 33 43c-3.5 1.5-6.63 1.634-11 0M10 8h22m-18 4l-4-4l4-4m14 0l4 4l-4 4'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:table"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='32' height='40' x='8' y='4' rx='2'/%3E%3Cpath d='M14 16h20m-20 8h20m-20 8h20M18 12v24'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:navigation"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24.5 4L9 44l15.5-9.09L40 44z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:sunrise"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%202v8m-7.07.93l1.41%201.41M2%2018h2m16%200h2m-2.93-7.07l-1.41%201.41M22%2022H2M8%206l4-4l4%204m0%2012a4%204%200%200%200-8%200%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:sunset"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2010V2m-7.07%208.93l1.41%201.41M2%2018h2m16%200h2m-2.93-7.07l-1.41%201.41M22%2022H2M16%206l-4%204l-4-4m8%2012a4%204%200%200%200-8%200%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:cloud-sun"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%202v2m-7.07.93l1.41%201.41M20%2012h2m-2.93-7.07l-1.41%201.41m-1.713%206.31a4%204%200%200%200-5.925-4.128M13%2022H7a5%205%200%201%201%204.9-6H13a3%203%200%200%201%200%206%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:star"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.12%202.12%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.12%202.12%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.12%202.12%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.12%202.12%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.12%202.12%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:house"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:trees"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 10v.2A3 3 0 0 1 8.9 16H5a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0m-3 6v6m6-3v3'/%3E%3Cpath d='M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:exchange"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 16h5V4l15 15l-15 15V24H18V13L4 28l14 16V32h5'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:ordered-list"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M9 4v9m3 0H6m6 14H6m0-7s3-3 5 0s-5 7-5 7m0 7.5s2-3 5-1s0 4.5 0 4.5s3 2.5 0 4.5s-5-1-5-1m5-3.5H9M9 4L6 6m15 18h22M21 38h22M21 10h22'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:user"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Ccircle cx='24' cy='12' r='8'/%3E%3Cpath d='M42 44c0-9.941-8.059-18-18-18S6 34.059 6 44'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:sum"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M19 7v12H7a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V29h12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H21a2 2 0 0 0-2 2'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:upload-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M11.678 20.271C7.275 21.318 4 25.277 4 30c0 5.523 4.477 10 10 10c.947 0 1.864-.132 2.733-.378m19.322-19.351c4.403 1.047 7.677 5.006 7.677 9.729c0 5.523-4.477 10-10 10c-.947 0-1.864-.132-2.732-.378M36 20c0-6.627-5.373-12-12-12s-12 5.373-12 12m5.065 7.881L24 20.924L31.132 28M24 38V24.462'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:add-text"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4' d='M4 8h28m-4 13h16M18 42V8m18 34V21'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:picture"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M39 6H9a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3'/%3E%3Cpath d='M18 23a5 5 0 1 0 0-10a5 5 0 0 0 0 10m9.79 3.22a2 2 0 0 1 3.243.053l8.775 12.583c.924 1.326-.025 3.144-1.64 3.144H16z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:check-small"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m10 24l10 10l20-20'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:calendar-three"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='40' height='36' x='4' y='8' rx='2'/%3E%3Cpath d='M4 20h40M4 32h40M17 4v8m14-8v8m-14 8v24m14-24v24m13-31v26M4 13v26m10 5h20'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:dot"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='currentColor' stroke='currentColor' stroke-width='4' d='M24 33a9 9 0 1 0 0-18a9 9 0 0 0 0 18Z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:alarm-clock"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44.333c10.125 0 18.333-8.208 18.333-18.333S34.125 7.667 24 7.667S5.667 15.875 5.667 26S13.875 44.333 24 44.333Z'/%3E%3Cpath stroke-linecap='round' d='m23.76 15.354l-.002 11.008l7.773 7.773M4 9l7-5m33 5l-7-5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:unlink"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m25.893 16.03l-7.779-7.778c-2.863-2.863-7.41-2.959-10.157-.213s-2.65 7.293.214 10.157l7.778 7.778m15.967-3.904l7.778 7.779c2.864 2.864 3.235 7.274.214 10.157s-7.294 2.65-10.157-.213l-7.779-7.779m-.734-10.938l-3.889-3.89M30.313 30.15l-3.889-3.889'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:keyboard"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M15 19a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m9-8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m9-8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5' clip-rule='evenodd'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M17 33h14'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:zoom-in"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4S4 11.611 4 21s7.611 17 17 17Z'/%3E%3Cpath stroke-linecap='round' d='M21 15v12m-5.984-5.984L27 21m6.222 12.222l8.485 8.485'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:scan"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M7 24h34M24 7v34'/%3E%3Cpath fill='currentColor' d='M5 5h4v4H5zm9 0h4v4h-4zm16 0h4v4h-4zm9 0h4v4h-4zm0 9h4v4h-4zM5 14h4v4H5zm0 25h4v4H5zm9 0h4v4h-4zm16 0h4v4h-4zm9 0h4v4h-4zm0-9h4v4h-4zM5 30h4v4H5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:expand-left-and-right"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M42 6v36M16 20l-4 4l4 4m16-8l4 4l-4 4M24 6v36M6 6v36'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:full-screen-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m6 6l10 9.9m-10 26L16 32m26 9.9L32.1 32m9.8-26L32 15.9M33 6h9v9m0 18v9h-9m-18 0H6v-9m0-18V6h9'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:landscape"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M14 28c3 0 12.5 1.5 12.5 5s-5.106 2.739-7.5 3c-2.073 0-7 0-7 3c0 4 20.545 5 24.5 5'/%3E%3Cpath d='M31 15c0-4.267-4.27-11-10.195-11s-10.472 8-12.26 15.467C6.757 26.933 7.013 36 7.013 36M26 24c0-2.5 1.4-7 6-7c4 0 6.2 4.042 7 7.5s1 8.5 1 8.5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:every-user"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Ccircle cx='14' cy='29' r='5'/%3E%3Ccircle cx='34' cy='29' r='5'/%3E%3Ccircle cx='24' cy='9' r='5'/%3E%3Cpath d='M24 44c0-5.523-4.477-10-10-10S4 38.477 4 44m40 0c0-5.523-4.477-10-10-10s-10 4.477-10 10m10-20c0-5.523-4.477-10-10-10s-10 4.477-10 10'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:right-bar"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='36' height='36' x='6' y='6' rx='3'/%3E%3Cpath stroke-linecap='round' d='M32 6v36m-3 0h6M29 6h6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:help"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 28.625v-4a6 6 0 1 0-6-6'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M24 37.625a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:calendar-thirty"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='40' height='40' x='4' y='4' rx='2'/%3E%3Cpath d='M4 14h40M4 11v12m40-12v12'/%3E%3Cpath d='M28 22v14h8V22z' clip-rule='evenodd'/%3E%3Cpath d='M12 22h8v14h-8m8-7h-6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notebook-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 4v40m8-32h8m-8 8h8M10 4h12M10 44h12'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:excel"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M8 15V6a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-9'/%3E%3Cpath d='M31 15h3m-6 8h6m-6 8h6'/%3E%3Cpath stroke-linejoin='round' d='M4 15h18v18H4zm6 6l6 6m0-6l-6 6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:magic-wand"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M7.58 35.42A19.9 19.9 0 0 1 4 24C4 12.954 12.954 4 24 4s20 8.954 20 20s-8.954 20-20 20a19.9 19.9 0 0 1-11.42-3.58m-5-5a20.1 20.1 0 0 0 5 5m-5-5L16 27m-3.42 13.42L21 32m-5-5l4-4l5 5l-4 4m-5-5l5 5m-4-18h4m-2-2v4m9 1h6m-3-3v6m1 9h4m-2-2v4'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:click-tap"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M15 26V15a3 3 0 1 1 6 0v11'/%3E%3Cpath stroke-linejoin='round' d='M39 25v6.5C39 37.851 33.851 43 27.5 43h-1C20.149 43 15 37.851 15 31.5V25'/%3E%3Cpath stroke-linejoin='round' d='M21 29v-5a3 3 0 1 1 6 0v5m0 0v-5a3 3 0 1 1 6 0v5m0 0v-5a3 3 0 1 1 6 0v5'/%3E%3Cpath d='M28 15a9.97 9.97 0 0 0-1.959-5.945A9.99 9.99 0 0 0 18 5a9.99 9.99 0 0 0-8.042 4.055A9.97 9.97 0 0 0 8 15'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:share"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M28 6h14v14m0 9.474V39a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h9m7.8 16.2L41.1 6.9'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:clear"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M20 5.914h8v8h15v8H5v-8h15z' clip-rule='evenodd'/%3E%3Cpath d='M8 40h32V22H8z'/%3E%3Cpath stroke-linecap='round' d='M16 39.898v-5.984m8 5.984v-6m8 6v-5.984M12 40h24'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:link"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24.707 9.565L9.858 24.415a9 9 0 0 0 0 12.727v0a9 9 0 0 0 12.728 0l17.678-17.677a6 6 0 0 0 0-8.486v0a6 6 0 0 0-8.486 0L14.101 28.657a3 3 0 0 0 0 4.243v0a3 3 0 0 0 4.242 0l14.85-14.85'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:file-pdf"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M10 4h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18 18h12v7.992L18.008 26z' clip-rule='evenodd'/%3E%3Cpath stroke-linecap='round' d='M18 18v16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:doc-detail"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M39 4H11a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M17 30h14m-14 6h7'/%3E%3Cpath d='M17 12h14v10H17z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:scanning"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M16 6H8a2 2 0 0 0-2 2v8m10 26H8a2 2 0 0 1-2-2v-8m26 10h8a2 2 0 0 0 2-2v-8M32 6h8a2 2 0 0 1 2 2v8m-8 8H14m13-8h-6m6 16h-6'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:audit"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m8 36l.005-7.957a1 1 0 0 1 1-1h10.002c.922 0 .917-.818.917-2.764s-4.902-3.585-4.902-10.426S20.1 5 24.32 5s8.817 2.012 8.817 8.853s-4.876 7.929-4.876 10.426s0 2.764.78 2.764h9.96a1 1 0 0 1 1 1V36z'/%3E%3Cpath stroke-linecap='round' d='M8 42h32'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:audit"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m8 36l.005-7.957a1 1 0 0 1 1-1h10.002c.922 0 .917-.818.917-2.764s-4.902-3.585-4.902-10.426S20.1 5 24.32 5s8.817 2.012 8.817 8.853s-4.876 7.929-4.876 10.426s0 2.764.78 2.764h9.96a1 1 0 0 1 1 1V36z'/%3E%3Cpath stroke-linecap='round' d='M8 42h32'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:workbench"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M12 33H4V7h40v26z'/%3E%3Cpath stroke-linecap='round' d='M16 22v4m8 7v6m0-21v8m8-12v12M12 41h24'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v9l8-6v23l-8-6v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='17' cy='21' r='5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:map-draw"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M17 12L4 6v30l13 6l14-6l13 6V12L31 6zm14-6v30M17 12v30'/%3E%3Cpath d='m10.5 9l6.5 3l14-6l6.5 3m-27 30l6.5 3l14-6l6.5 3'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:setting-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M18.284 43.171a20 20 0 0 1-8.696-5.304a6 6 0 0 0-5.182-9.838A20 20 0 0 1 4 24c0-2.09.32-4.106.916-6H5a6 6 0 0 0 5.385-8.65a20 20 0 0 1 8.267-4.627A6 6 0 0 0 24 8a6 6 0 0 0 5.348-3.277a20 20 0 0 1 8.267 4.627A6 6 0 0 0 43.084 18A20 20 0 0 1 44 24c0 1.38-.14 2.728-.406 4.03a6 6 0 0 0-5.182 9.838a20 20 0 0 1-8.696 5.303a6.003 6.003 0 0 0-11.432 0Z'/%3E%3Cpath d='M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:dashboard-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24.778 7c-11.046 0-20 8.954-20 20c0 5.23 1.713 10.436 5 14h30c3.286-3.564 5-8.77 5-14c0-11.046-8.954-20-20-20'/%3E%3Ccircle cx='24.778' cy='30' r='4'/%3E%3Cpath d='M24.778 20v6m0-14v2m-15 14h2m2-10l1.414 1.414M37.778 28h2m-5-8.586L36.192 18'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:play-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M15 24V11.876l10.5 6.062L36 24l-10.5 6.062L15 36.124z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:pic"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M5 10a2 2 0 0 1 2-2h34a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z' clip-rule='evenodd'/%3E%3Cpath stroke-linecap='round' d='M14.5 18a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3Cpath d='m15 24l5 4l6-7l17 13v4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-4z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:loading"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 24c0 11.046 8.954 20 20 20v0c11.046 0 20-8.954 20-20S35.046 4 24 4'/%3E%3Cpath d='M36 24c0-6.627-5.373-12-12-12s-12 5.373-12 12s5.373 12 12 12v0'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:check-correct"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M42 20v19a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h21'/%3E%3Cpath d='m16 20l10 8L41 7'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:code"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M16 13L4 25.432L16 37m16-24l12 12.432L32 37'/%3E%3Cpath d='m28 4l-7 40'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:printer"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M37 32H11v12h26z'/%3E%3Cpath stroke-linecap='round' d='M4 20h40v18h-6.983v-6H10.98v6H4z' clip-rule='evenodd'/%3E%3Cpath d='M38 4H10v16h28z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:people"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M6 40.8V42h36v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496C35.92 28 33.68 28 29.2 28H18.8c-4.48 0-6.72 0-8.432.872a8 8 0 0 0-3.496 3.496C6 34.08 6 36.32 6 40.8'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:plan"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M5 19h38v22a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm0-9a2 2 0 0 1 2-2h34a2 2 0 0 1 2 2v9H5z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m16 31l6 6l12-12'/%3E%3Cpath stroke-linecap='round' d='M16 5v8m16-8v8'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:ticket"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M9 16L34 6l4 10M4 16h40v6c-3 0-6 2-6 5.5s3 6.5 6 6.5v6H4v-6c3 0 6-2 6-6s-3-6-6-6z'/%3E%3Cpath d='M17 25.385h6m-6 6h14'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:close-small"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m14 14l20 20m-20 0l20-20'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:communication"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M33 38H22v-8h14v-8h8v16h-5l-3 3z'/%3E%3Cpath stroke-linejoin='round' d='M4 6h32v24H17l-4 4l-4-4H4z'/%3E%3Cpath d='M19 18h1m6 0h1m-15 0h1'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:grid-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath d='M39.3 6H8.7A2.7 2.7 0 0 0 6 8.7v30.6A2.7 2.7 0 0 0 8.7 42h30.6a2.7 2.7 0 0 0 2.7-2.7V8.7A2.7 2.7 0 0 0 39.3 6Z'/%3E%3Cpath stroke-linecap='round' d='M24 6v36M6 24h36'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:headset-one"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath d='M36 32a8 8 0 1 0 0-16'/%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M36 32a8 8 0 1 0 0-16'/%3E%3Cpath d='M12 16a8 8 0 1 0 0 16'/%3E%3Cpath stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M12 16a8 8 0 1 0 0 16'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M12 32V16c0-6.627 5.373-12 12-12s12 5.373 12 12v16c0 6.627-5.373 12-12 12'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:list"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m5 10l3 3l6-6M5 24l3 3l6-6M5 38l3 3l6-6m7-11h22M21 38h22M21 10h22'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:local-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 44s15-12 15-25c0-8.284-6.716-15-15-15S9 10.716 9 19c0 13 15 25 15 25Z'/%3E%3Cpath d='M24 25a6 6 0 1 0 0-12a6 6 0 0 0 0 12Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:mask"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath d='M14 14h20c5.523 0 10 4.477 10 10v3c0 7.18-5.82 13-13 13H17C9.82 40 4 34.18 4 27v-3c0-5.523 4.477-10 10-10Z' clip-rule='evenodd'/%3E%3Cpath stroke-linecap='round' d='M18 27h12m-6-6v12'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 25.042V12.014A4.168 4.168 0 0 1 11.047 9q2.399 2.29 3.424 5M44 25.042V12.766A4.478 4.478 0 0 0 36 10a111 111 0 0 0-3 4'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:mouse"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M24 16H12v16c0 6.627 5.373 12 12 12s12-5.373 12-12V16z' clip-rule='evenodd'/%3E%3Cpath d='M36 16c0-6.627-5.373-12-12-12v12zM24 4c-6.627 0-12 5.373-12 12h12z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:phone"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linejoin='round' d='M8 30h32v12a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2zm32 0V6a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2v24'/%3E%3Cpath stroke-linecap='round' d='M22 37h4'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:calendar-dot"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='40' height='40' x='4' y='4' rx='2'/%3E%3Cpath d='M4 14h40m0-3v12m-32-1h4m6 0h4m6 0h4m-24 7h4m6 0h4m6 0h4m-24 7h4m6 0h4m6 0h4M4 11v12'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:branch-two"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M36 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m-22 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0 32a4 4 0 1 0 0-8a4 4 0 0 0 0 8' clip-rule='evenodd'/%3E%3Cpath d='M14 12v24v-3c0-8 22-9 22-17v-4'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:box"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Crect width='36' height='30' x='6' y='12' rx='2'/%3E%3Cpath stroke-linecap='round' d='M17.95 24.008h12M6 13l7-8h22l7 8'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m15 12l3-6h12l3 6z'/%3E%3Crect width='40' height='30' x='4' y='12' rx='3'/%3E%3Cpath d='M24 35a8 8 0 1 0 0-16a8 8 0 0 0 0 16Z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:remind"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath d='M24 4c-7.732 0-14 6.268-14 14v20h28V18c0-7.732-6.268-14-14-14'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M10 38V18c0-7.732 6.268-14 14-14s14 6.268 14 14v20M4 38h40m-20 6a5 5 0 0 0 5-5v-1H19v1a5 5 0 0 0 5 5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:peoples"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M19 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M32.608 7A7 7 0 0 1 36 13a7 7 0 0 1-3.392 6M4 40.8V42h30v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496C27.92 28 25.68 28 21.2 28h-4.4c-4.48 0-6.72 0-8.432.872a8 8 0 0 0-3.496 3.496C4 34.08 4 36.32 4 40.8M44 42v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:peoples"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M19 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M32.608 7A7 7 0 0 1 36 13a7 7 0 0 1-3.392 6M4 40.8V42h30v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496C27.92 28 25.68 28 21.2 28h-4.4c-4.48 0-6.72 0-8.432.872a8 8 0 0 0-3.496 3.496C4 34.08 4 36.32 4 40.8M44 42v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:peoples"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M19 20a7 7 0 1 0 0-14a7 7 0 0 0 0 14M32.608 7A7 7 0 0 1 36 13a7 7 0 0 1-3.392 6M4 40.8V42h30v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496C27.92 28 25.68 28 21.2 28h-4.4c-4.48 0-6.72 0-8.432.872a8 8 0 0 0-3.496 3.496C4 34.08 4 36.32 4 40.8M44 42v-1.2c0-4.48 0-6.72-.872-8.432a8 8 0 0 0-3.496-3.496'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:video"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M4 10a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M36 8v32M12 8v32m26-22h6m-6 12h6M4 18h6m-6-2v4M9 8h6M9 40h6M33 8h6m-6 32h6M4 30h6m-6-2v4m40-4v4m0-16v4'/%3E%3Cpath d='m21 19l8 5l-8 5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:camera-five"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Ccircle cx='24' cy='21' r='16'/%3E%3Ccircle cx='24' cy='21' r='7'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 43h16m-8-6v6'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:notes"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 6a2 2 0 0 1 2-2h20l10 10v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linecap='round' d='M16 20h16m-16 8h16'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:double-left"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M24 36L12 24l12-12m12 24L24 24l12-12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:pause"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M16 12v24m16-24v24'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:wallet"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.982 11.969L31.785 4l4.612 7.989z' clip-rule='evenodd'/%3E%3Cpath stroke-linejoin='round' d='M4 14a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath stroke-linejoin='round' d='M35.25 33H44V23h-8.75c-2.9 0-5.25 2.239-5.25 5s2.35 5 5.25 5Z'/%3E%3Cpath stroke-linecap='round' d='M44 16.5v24'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:cycle"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M13 35H7v6m34 0h-6v-6m0-22h6V7M7 7h6v6'/%3E%3Cpath d='M13 7.294C7.578 10.871 4 17.018 4 24q.001 1.53.223 3M27 43.777A20 20 0 0 1 24 44c-6.982 0-13.129-3.578-16.706-9m36.483-14q.222 1.47.223 3c0 6.982-3.578 13.129-9 16.706M21 4.224A20 20 0 0 1 24 4c6.982 0 13.129 3.578 16.706 9'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:loading-four"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 24c0 11.046 8.954 20 20 20s20-8.954 20-20S35.046 4 24 4'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:up"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m13 30l12-12l12 12'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="lucide:reply"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3Cpath d='m9 17l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:return"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m13 8l-7 6l7 7'/%3E%3Cpath d='M6 14h22.994c6.883 0 12.728 5.62 12.996 12.5c.284 7.27-5.723 13.5-12.996 13.5H11.998'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:corner-up-left"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m16 14l-8 8l8 8'/%3E%3Cpath d='M40 38V25a3 3 0 0 0-3-3H8'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
[iconify="icon-park-outline:chart-histogram"] {
  --Iy: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M6 6v36h36M14 30v4m8-12v12m8-28v28m8-20v20'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--Iy);
  mask-image: var(--Iy);
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
  box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
  animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
:root {
  --seed-surface: oklch(1 0 0);
  --seed-text: oklch(0.335 0.008 75);
  --seed-brand-warm: oklch(0.335 0.006 75);
  --seed-brand-cool: oklch(0.55 0.03 240);
  --seed-neutral: oklch(0.52 0.008 75);
  --seed-danger: oklch(0.506 0.19265 27.7);
  --static-white: oklch(1 0 0);
  --brand: var(--seed-brand-warm);
  --brand-soft: oklch(from var(--brand) 0.8279 c h);
  --sage: var(--seed-brand-cool);
  --sage-soft: oklch(from var(--sage) 0.9003 c h);
  --accent: oklch(from var(--text-primary) 0.38 0.008 h);
  --link: var(--text-soft);
  --link-hover: var(--text-primary);
  --today: oklch(0.635 0.19 22);
  --danger: var(--seed-danger);
  --surface-base: var(--seed-surface);
  --surface-soft: oklch(from var(--seed-surface) 0.9655 c h);
  --surface-raised: oklch(from var(--seed-surface) 0.9474 c h);
  --surface-raised-strong: oklch(from var(--seed-surface) 0.9296 c h);
  --surface-raised-top: oklch(from var(--seed-surface) 0.9141 c h);
  --bg: var(--surface-base);
  --bg-soft: var(--surface-soft);
  --text-primary: var(--seed-text);
  --text-soft: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --text-soft: color-mix(in oklch, var(--text-primary) 78%, var(--surface-base) 22%);
  }
  --text-muted: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --text-muted: color-mix(in oklch, var(--text-primary) 82%, var(--surface-base) 18%);
  }
  --text-subtle: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --text-subtle: color-mix(in oklch, var(--text-primary) 32%, var(--surface-base) 68%);
  }
  --text-on-accent: var(--static-white);
  --stroke-base: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --stroke-base: color-mix(in oklch, var(--text-primary) 42%, var(--surface-base) 58%);
  }
  --stroke-soft: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --stroke-soft: color-mix(in oklch, var(--text-primary) 18%, var(--surface-base) 82%);
  }
  --border: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --border: color-mix(in oklch, var(--stroke-soft) 52%, transparent);
  }
  --border-strong: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --border-strong: color-mix(in oklch, var(--stroke-soft) 72%, transparent);
  }
  --border-grid: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --border-grid: color-mix(in oklch, var(--stroke-soft) 36%, transparent);
  }
  --primary: oklch(0.5 0.085 240);
  --primary-solid: var(--primary);
  --primary-bg: oklch(0.955 0.028 240);
  --primary-border: oklch(0.85 0.06 240);
  --primary-text: oklch(0.43 0.1 240);
  --tertiary: oklch(0.56 0.085 45);
  --tertiary-bg: oklch(0.955 0.03 45);
  --tertiary-border: oklch(0.85 0.07 45);
  --tertiary-text: oklch(0.45 0.1 45);
  --quaternary: oklch(0.68 0.12 75);
  --quaternary-bg: oklch(0.955 0.038 75);
  --quaternary-border: oklch(0.85 0.085 75);
  --quaternary-text: oklch(0.47 0.1 75);
  --neutral: var(--seed-neutral);
  --neutral-bg: oklch(from var(--neutral) 0.94 0.02 h);
  --neutral-border: oklch(from var(--neutral) 0.78 0.04 h);
  --neutral-text: oklch(from var(--neutral) 0.32 0.06 h);
  --on-solid: var(--fg);
  --interactive-bg: var(--surface-raised-strong);
  --interactive-text: var(--text-primary);
  --color-amber-bg: oklch(0.96 0.03 75);
  --color-amber-border: oklch(0.86 0.07 75);
  --color-amber-ink: oklch(0.38 0.1 75);
  --color-violet-bg: oklch(0.955 0.026 290);
  --color-violet-border: oklch(0.85 0.066 290);
  --color-violet-ink: oklch(0.38 0.14 290);
  --color-emerald-bg: oklch(0.955 0.03 155);
  --color-emerald-border: oklch(0.84 0.07 155);
  --color-emerald-ink: oklch(0.36 0.1 155);
  --color-rose-bg: oklch(0.955 0.026 18);
  --color-rose-border: oklch(0.85 0.066 18);
  --color-rose-ink: oklch(0.4 0.14 18);
  --color-cyan-bg: oklch(0.955 0.03 215);
  --color-cyan-border: oklch(0.84 0.066 215);
  --color-cyan-ink: oklch(0.38 0.1 215);
  --color-sky-bg: oklch(0.955 0.03 240);
  --color-sky-border: oklch(0.85 0.066 240);
  --color-sky-ink: oklch(0.38 0.13 240);
  --color-teal-bg: oklch(0.955 0.03 190);
  --color-teal-border: oklch(0.84 0.066 190);
  --color-teal-ink: oklch(0.36 0.09 190);
  --color-slate-bg: oklch(0.96 0.012 255);
  --color-slate-border: oklch(0.85 0.022 255);
  --color-slate-ink: oklch(0.32 0.04 255);
  --color-orange-bg: oklch(0.955 0.03 55);
  --color-orange-border: oklch(0.85 0.074 55);
  --color-orange-ink: oklch(0.4 0.12 55);
  --color-purple-ink: oklch(0.38 0.14 310);
  --color-indigo-bg: oklch(0.95 0.026 275);
  --color-indigo-border: oklch(0.84 0.066 275);
  --color-indigo-ink: oklch(0.36 0.14 275);
}
:root[data-theme="dark"] {
  --seed-surface: oklch(0.18 0.004 75);
  --seed-text: oklch(0.94 0.004 75);
  --seed-brand-warm: oklch(0.85 0.005 75);
  --seed-brand-cool: oklch(0.6 0.03 240);
  --seed-neutral: oklch(0.45 0.008 75);
  --seed-danger: oklch(0.8383 0.08908 26.76);
  --static-white: oklch(1 0 0);
  --surface-base: var(--seed-surface);
  --surface-soft: oklch(from var(--seed-surface) 0.155 c h);
  --surface-raised: oklch(from var(--seed-surface) 0.3124 c h);
  --surface-raised-strong: oklch(from var(--seed-surface) 0.2357 c h);
  --surface-raised-top: oklch(from var(--seed-surface) 0.3586 c h);
  --text-primary: var(--seed-text);
  --text-soft: var(--seed-text);
  @supports (color: color-mix(in lab, red, red)) {
    --text-soft: color-mix(in oklch, var(--seed-text) 92%, var(--seed-surface) 8%);
  }
  --text-muted: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --text-muted: color-mix(in oklch, var(--text-primary) 82%, var(--surface-base) 18%);
  }
  --text-subtle: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --text-subtle: color-mix(in oklch, var(--text-primary) 62%, var(--surface-base) 38%);
  }
  --stroke-base: var(--seed-text);
  @supports (color: color-mix(in lab, red, red)) {
    --stroke-base: color-mix(in oklch, var(--seed-text) 58%, var(--seed-surface) 42%);
  }
  --stroke-soft: var(--seed-text);
  @supports (color: color-mix(in lab, red, red)) {
    --stroke-soft: color-mix(in oklch, var(--seed-text) 18%, var(--seed-surface) 82%);
  }
  --brand: var(--seed-brand-warm);
  --brand-soft: oklch(from var(--brand) 0.764 c h);
  --sage: oklch(0.7 0.11 200);
  --sage-soft: oklch(0.42 0.07 200);
  --bg: oklch(from var(--surface-base) 0.17 c h);
  --bg-soft: var(--surface-soft);
  --border: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --border: color-mix(in oklch, var(--stroke-soft) 68%, transparent);
  }
  --border-strong: var(--stroke-base);
  @supports (color: color-mix(in lab, red, red)) {
    --border-strong: color-mix(in oklch, var(--stroke-base) 52%, transparent);
  }
  --border-grid: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --border-grid: color-mix(in oklch, var(--stroke-soft) 52%, transparent);
  }
  --panel: var(--surface-raised);
  @supports (color: color-mix(in lab, red, red)) {
    --panel: color-mix(in oklch, var(--surface-raised) 70%, var(--stroke-soft) 30%);
  }
  --panel-soft: var(--surface-raised-strong);
  @supports (color: color-mix(in lab, red, red)) {
    --panel-soft: color-mix(in oklch, var(--surface-raised-strong) 85%, var(--stroke-soft) 15%);
  }
  --accent: oklch(0.72 0.01 75);
  --link: var(--text-soft);
  --link-hover: var(--text-primary);
  --today: oklch(0.68 0.17 22);
  --danger: var(--seed-danger);
  --text-on-accent: oklch(from var(--seed-surface) 0.3101 c h);
  --primary: oklch(0.72 0.09 240);
  --primary-solid: oklch(0.66 0.1 240);
  --primary-bg: oklch(0.3 0.05 240);
  --primary-border: oklch(0.44 0.07 240);
  --primary-text: oklch(0.86 0.08 240);
  --tertiary: oklch(0.72 0.085 45);
  --tertiary-bg: oklch(0.31 0.05 45);
  --tertiary-border: oklch(0.45 0.07 45);
  --tertiary-text: oklch(0.87 0.08 45);
  --quaternary: oklch(0.8 0.12 75);
  --quaternary-bg: oklch(0.31 0.05 75);
  --quaternary-border: oklch(0.45 0.075 75);
  --quaternary-text: oklch(0.88 0.09 75);
  --neutral: var(--seed-neutral);
  --neutral-bg: oklch(from var(--neutral) 0.32 0.05 h);
  --neutral-border: oklch(from var(--neutral) 0.48 0.06 h);
  --neutral-text: oklch(from var(--neutral) 0.86 0.05 h);
  --interactive-bg: var(--surface-raised-strong);
  --interactive-text: var(--text-primary);
  --on-solid: var(--fg);
  --color-amber-bg: oklch(0.31 0.034 75);
  --color-amber-border: oklch(0.44 0.05 75);
  --color-amber-ink: oklch(0.86 0.066 75);
  --color-violet-bg: oklch(0.31 0.042 290);
  --color-violet-border: oklch(0.45 0.066 290);
  --color-violet-ink: oklch(0.86 0.074 290);
  --color-emerald-bg: oklch(0.3 0.038 155);
  --color-emerald-border: oklch(0.44 0.058 155);
  --color-emerald-ink: oklch(0.85 0.07 155);
  --color-rose-bg: oklch(0.31 0.042 18);
  --color-rose-border: oklch(0.45 0.066 18);
  --color-rose-ink: oklch(0.86 0.074 18);
  --color-cyan-bg: oklch(0.3 0.038 215);
  --color-cyan-border: oklch(0.44 0.058 215);
  --color-cyan-ink: oklch(0.85 0.07 215);
  --color-sky-bg: oklch(0.31 0.042 240);
  --color-sky-border: oklch(0.45 0.066 240);
  --color-sky-ink: oklch(0.86 0.074 240);
  --color-teal-bg: oklch(0.3 0.038 190);
  --color-teal-border: oklch(0.44 0.054 190);
  --color-teal-ink: oklch(0.85 0.066 190);
  --color-slate-bg: oklch(0.32 0.016 255);
  --color-slate-border: oklch(0.46 0.022 255);
  --color-slate-ink: oklch(0.84 0.03 255);
  --color-orange-bg: oklch(0.31 0.038 55);
  --color-orange-border: oklch(0.45 0.058 55);
  --color-orange-ink: oklch(0.86 0.074 55);
  --color-purple-ink: oklch(0.86 0.074 310);
  --color-indigo-bg: oklch(0.31 0.042 275);
  --color-indigo-border: oklch(0.45 0.066 275);
  --color-indigo-ink: oklch(0.86 0.074 275);
}
:root {
  --layout-topbar-bg: var(--bg);
  --layout-sidebar-bg: var(--surface-soft);
  --layout-sidebar-border: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --layout-sidebar-border: color-mix(in oklch, var(--stroke-soft) 72%, transparent);
  }
  --layout-sidebar-icon: var(--text-muted);
  @supports (color: color-mix(in lab, red, red)) {
    --layout-sidebar-icon: color-mix(in oklch, var(--text-muted) 92%, var(--text-primary) 8%);
  }
  --layout-sidebar-icon-hover: var(--text-soft);
  --layout-sidebar-icon-active: var(--text-primary);
  --layout-sidebar-active-bg: var(--surface-raised-strong);
  --layout-sidebar-active-shadow: none;
  --layout-sidebar-profile-bg: transparent;
  --panel: var(--static-white);
  --panel-soft: var(--surface-soft);
  --input-bg: var(--surface-raised);
  --focus-ring: var(--accent);
  --btn-primary-bg: var(--brand);
  --btn-primary-hover: oklch(from var(--brand) calc(l + 0.12) c h);
  --btn-primary-text: var(--static-white);
  --table-head-bg: transparent;
  --scrollbar-track-bg: var(--bg-soft);
  --scrollbar-thumb-bg: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb-bg: color-mix(in oklch, var(--stroke-soft) 65%, transparent);
  }
  --scrollbar-thumb-hover: var(--stroke-base);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb-hover: color-mix(in oklch, var(--stroke-base) 35%, transparent);
  }
  --calendar-strip-bg: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --calendar-strip-bg: color-mix(in oklch, var(--surface-soft) 70%, var(--surface-base) 30%);
  }
  --calendar-grid-bg: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --calendar-grid-bg: color-mix(in oklch, var(--stroke-soft) 40%, var(--surface-base) 60%);
  }
  --calendar-cell-day-text: var(--interactive-text);
  --day-circle-bg: oklch(from var(--quaternary) 0.48 0.15 h);
  --day-circle-text: oklch(from var(--surface-base) 0.99 0.02 h);
  --fg: var(--static-white);
  --fg-soft: var(--surface-base);
  @supports (color: color-mix(in lab, red, red)) {
    --fg-soft: color-mix(in oklch, var(--surface-base) 88%, var(--text-primary) 12%);
  }
  --ink: var(--text-primary);
  --ink-soft: var(--text-soft);
  --ink-muted: var(--text-muted);
  --ink-subtle: var(--text-subtle);
  --accent-base: var(--accent);
  --accent-fg: var(--text-on-accent);
  --accent-soft: var(--accent);
  --topbar-bg: var(--layout-topbar-bg);
  --sidebar-bg: var(--layout-sidebar-bg);
  --sidebar-border: var(--layout-sidebar-border);
  --sidebar-icon: var(--layout-sidebar-icon);
  --sidebar-icon-hover: var(--layout-sidebar-icon-hover);
  --sidebar-icon-active: var(--layout-sidebar-icon-active);
  --sidebar-active-bg: var(--layout-sidebar-active-bg);
  --sidebar-active-shadow: var(--layout-sidebar-active-shadow);
  --sidebar-profile-bg: var(--layout-sidebar-profile-bg);
  --scrollbar-track: var(--scrollbar-track-bg);
  --scrollbar-thumb: var(--scrollbar-thumb-bg);
  --table-head: var(--table-head-bg);
  --primary-ink: var(--primary-text);
  --tertiary-ink: var(--tertiary-text);
  --quaternary-ink: var(--quaternary-text);
  --neutral-ink: var(--neutral-text);
  --interactive-fg: var(--interactive-text);
  --surface-band: var(--calendar-strip-bg);
  --surface-grid: var(--calendar-grid-bg);
  --day-circle-fg: var(--day-circle-text);
}
:root[data-theme="dark"] {
  --layout-topbar-bg: var(--bg);
  @supports (color: color-mix(in lab, red, red)) {
    --layout-topbar-bg: color-mix(in oklch, var(--bg) 96%, transparent 4%);
  }
  --layout-sidebar-bg: oklch(from var(--surface-raised-strong) 0.2 c h);
  --layout-sidebar-border: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --layout-sidebar-border: color-mix(in oklch, var(--stroke-soft) 55%, transparent);
  }
  --layout-sidebar-icon: var(--text-muted);
  @supports (color: color-mix(in lab, red, red)) {
    --layout-sidebar-icon: color-mix(in oklch, var(--text-muted) 88%, var(--text-primary) 12%);
  }
  --layout-sidebar-icon-hover: var(--text-soft);
  --layout-sidebar-icon-active: var(--text-primary);
  --layout-sidebar-active-bg: var(--surface-raised);
  --layout-sidebar-active-shadow: none;
  --layout-sidebar-profile-bg: transparent;
  --input-bg: var(--surface-raised-top);
  --focus-ring: var(--accent);
  --btn-primary-bg: var(--text-primary);
  --btn-primary-hover: oklch(from var(--text-primary) calc(l - 0.1) c h);
  --btn-primary-text: var(--surface-base);
  --table-head-bg: transparent;
  --scrollbar-track-bg: var(--bg-soft);
  --scrollbar-thumb-bg: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb-bg: color-mix(in oklch, var(--stroke-soft) 80%, transparent);
  }
  --scrollbar-thumb-hover: var(--stroke-base);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb-hover: color-mix(in oklch, var(--stroke-base) 45%, transparent);
  }
  --calendar-strip-bg: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --calendar-strip-bg: color-mix(in oklch, var(--surface-soft) 70%, var(--surface-base) 30%);
  }
  --calendar-grid-bg: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    --calendar-grid-bg: color-mix(in oklch, var(--stroke-soft) 40%, var(--surface-base) 60%);
  }
  --calendar-cell-day-text: var(--interactive-text);
  --day-circle-bg: oklch(from var(--quaternary) 0.62 0.14 h);
  --day-circle-text: oklch(from var(--surface-base) 0.99 0.02 h);
  --fg: var(--static-white);
  --fg-soft: var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --fg-soft: color-mix(in oklch, var(--text-primary) 92%, var(--surface-base) 8%);
  }
  --ink: var(--text-primary);
  --ink-soft: var(--text-soft);
  --ink-muted: var(--text-muted);
  --ink-subtle: var(--text-subtle);
  --accent-base: var(--accent);
  --accent-fg: var(--text-on-accent);
  --accent-soft: var(--brand);
  --topbar-bg: var(--layout-topbar-bg);
  --sidebar-bg: var(--layout-sidebar-bg);
  --sidebar-border: var(--layout-sidebar-border);
  --sidebar-icon: var(--layout-sidebar-icon);
  --sidebar-icon-hover: var(--layout-sidebar-icon-hover);
  --sidebar-icon-active: var(--layout-sidebar-icon-active);
  --sidebar-active-bg: var(--layout-sidebar-active-bg);
  --sidebar-active-shadow: var(--layout-sidebar-active-shadow);
  --sidebar-profile-bg: var(--layout-sidebar-profile-bg);
  --scrollbar-track: var(--scrollbar-track-bg);
  --scrollbar-thumb: var(--scrollbar-thumb-bg);
  --table-head: var(--table-head-bg);
  --primary-ink: var(--primary-text);
  --tertiary-ink: var(--tertiary-text);
  --quaternary-ink: var(--quaternary-text);
  --neutral-ink: var(--neutral-text);
  --interactive-fg: var(--interactive-text);
  --surface-band: var(--calendar-strip-bg);
  --surface-grid: var(--calendar-grid-bg);
  --day-circle-fg: var(--day-circle-text);
}
* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
*::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
*::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border: 2px solid var(--scrollbar-track);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.layout-popover-portal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
}
[iconify] {
  display: inline-block;
  vertical-align: middle;
  visibility: visible;
  background-color: currentColor;
  -webkit-mask-size: cover;
  mask-size: cover;
  min-width: 0.5rem;
  min-height: 0.5rem;
}
.app-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 2.5%, transparent);
  }
  z-index: -1;
}
:root[data-theme="dark"] .app-body::before {
  background: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent-base) 6%, transparent);
  }
}
[data-theme-toggle] .theme-toggle-dark {
  display: none;
}
[data-theme-toggle] .theme-toggle-light {
  display: inline-flex;
}
:root[data-theme="dark"] [data-theme-toggle] .theme-toggle-dark {
  display: inline-flex;
}
:root[data-theme="dark"] [data-theme-toggle] .theme-toggle-light {
  display: none;
}
[data-density-toggle] .density-toggle-compact {
  display: none;
}
[data-density-toggle] .density-toggle-comfortable {
  display: inline-flex;
}
:root[data-density="compact"] [data-density-toggle] .density-toggle-compact {
  display: inline-flex;
}
:root[data-density="compact"] [data-density-toggle] .density-toggle-comfortable {
  display: none;
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}
@layer base {
  h1, h2, h3, h4 {
    font-family: var(--font-serif);
    letter-spacing: -0.02em;
  }
  a {
    color: var(--link);
    transition: color 140ms ease;
  }
  a:hover {
    color: var(--link-hover);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
button:not(:disabled), a[href], [phx-click], [data-command-open], [data-command-close], [data-command-item], [data-command-target-url] {
  cursor: pointer;
}
button:focus-visible, a:focus-visible, [phx-click]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--focus-ring);
}
button.nav-btn:focus-visible {
  box-shadow: inset 0 0 0 2px var(--border-strong);
}
:root[data-theme="dark"] {
  color-scheme: dark;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"] {
  color-scheme: light dark;
}
:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(0.85);
  opacity: 0.7;
  cursor: pointer;
}
:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator:hover, :root[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator:hover, :root[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
.auth-page {
  --auth-rose: oklch(0.62 0.19 14);
  --auth-cool: var(--sage);
  position: relative;
  isolation: isolate;
  background: radial-gradient( ellipse 70% 55% at 50% -8%, var(--auth-rose), transparent 70% ), radial-gradient( ellipse 55% 50% at 88% 18%, var(--auth-cool), transparent 62% ), radial-gradient( ellipse 55% 45% at 8% 88%, var(--auth-rose), transparent 60% ), var(--bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( ellipse 70% 55% at 50% -8%, color-mix(in oklch, var(--auth-rose) 16%, transparent), transparent 70% ), radial-gradient( ellipse 55% 50% at 88% 18%, color-mix(in oklch, var(--auth-cool) 12%, transparent), transparent 62% ), radial-gradient( ellipse 55% 45% at 8% 88%, color-mix(in oklch, var(--auth-rose) 8%, transparent), transparent 60% ), var(--bg);
  }
  background-size: 160% 160%;
  animation: auth-drift 26s ease-in-out infinite alternate;
}
@keyframes auth-drift {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-page {
    animation: none;
  }
}
.auth-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient( var(--ink) 1px, transparent 1px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient( color-mix(in oklch, var(--ink) 14%, transparent) 1px, transparent 1px );
  }
  background-size: 20px 20px;
  -webkit-mask-image: radial-gradient(ellipse 95% 85% at 50% 40%, #000 30%, transparent 85%);
  mask-image: radial-gradient(ellipse 95% 85% at 50% 40%, #000 30%, transparent 85%);
}
:root[data-theme="dark"] .auth-page {
  --auth-rose: oklch(0.58 0.17 14);
  background: radial-gradient( ellipse 70% 55% at 50% -8%, var(--auth-rose), transparent 70% ), radial-gradient( ellipse 55% 50% at 88% 18%, var(--auth-cool), transparent 62% ), radial-gradient( ellipse 55% 45% at 8% 88%, var(--auth-rose), transparent 60% ), var(--bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( ellipse 70% 55% at 50% -8%, color-mix(in oklch, var(--auth-rose) 14%, transparent), transparent 70% ), radial-gradient( ellipse 55% 50% at 88% 18%, color-mix(in oklch, var(--auth-cool) 10%, transparent), transparent 62% ), radial-gradient( ellipse 55% 45% at 8% 88%, color-mix(in oklch, var(--auth-rose) 7%, transparent), transparent 60% ), var(--bg);
  }
  background-size: 160% 160%;
}
.plan-calendar__grid-container {
  display: flex;
  min-height: calc(var(--spacing) * 0);
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background: var(--panel);
}
.plan-calendar__header {
  --plan-calendar-view-toggle-width: 11.25rem;
  position: relative;
  display: grid;
  min-width: calc(var(--spacing) * 0);
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  overflow: hidden;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  padding-inline: calc(var(--spacing) * 4);
  grid-template-columns: minmax(0, 1fr) var(--plan-calendar-view-toggle-width);
  height: 3.9375rem;
  min-height: 3.9375rem;
  max-height: 3.9375rem;
  padding-block: 0.75rem;
  padding-right: calc(1rem + var(--plan-calendar-view-toggle-width));
  background: var(--panel);
}
.plan-calendar__header-left {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  flex-wrap: nowrap;
}
.plan-calendar__header-actions {
  flex-shrink: 0;
}
.plan-calendar__header-nav {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  flex-wrap: nowrap;
}
.plan-calendar__header-month-cluster {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow: hidden;
}
.plan-calendar__month-title-wrap {
  max-width: 15rem;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
}
.plan-calendar__month-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
}
.plan-calendar__period-trigger {
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel-soft);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.plan-calendar__period-trigger:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 6%, transparent);
  }
}
.plan-calendar__month-arrows {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
}
.plan-calendar__nav-btn {
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel-soft);
  color: var(--ink-muted);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.plan-calendar__nav-btn:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 8%, transparent);
  }
  color: var(--ink);
}
[data-month-picker-panel] .plan-calendar__nav-btn {
  border-color: transparent;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.plan-calendar__nav-today {
  margin-left: auto;
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel-soft);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--ink);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  min-width: 5.75rem;
}
.plan-calendar__nav-today:hover:not(:disabled) {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 6%, transparent);
  }
  color: var(--ink);
}
.plan-calendar__nav-today:disabled {
  cursor: default;
  color: var(--ink-muted);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 56%, transparent);
  }
}
.plan-calendar__nav-today--lead {
  margin-left: 0;
}
.plan-calendar__nav-today--placeholder {
  visibility: hidden;
  pointer-events: none;
}
.plan-calendar__header-zoom--placeholder {
  flex-shrink: 0;
  width: 5.625rem;
  visibility: hidden;
}
.plan-calendar__view-toggle {
  position: absolute;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  padding: calc(var(--spacing) * 0.5);
  top: 50%;
  right: 1rem;
  width: var(--plan-calendar-view-toggle-width);
  transform: translateY(-50%);
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 3%, var(--panel) 97%);
  }
}
@media (max-width: 1023px) {
  .plan-calendar__header {
    --plan-calendar-view-toggle-width: 7.5rem;
    height: 3.25rem;
    min-height: 3.25rem;
    max-height: 3.25rem;
    padding-block: 0.5rem;
    border-bottom-color: transparent;
  }
}
.plan-calendar__view-btn {
  display: inline-flex;
  min-height: calc(var(--spacing) * 9);
  flex: 1;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  min-width: 0;
}
.plan-calendar__view-btn:hover {
  color: var(--ink);
}
.plan-calendar__view-btn--active {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 72%, transparent);
  }
  background: var(--panel);
  color: var(--ink);
  box-shadow: 0 1px 2px var(--text-primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 2px color-mix(in oklch, var(--text-primary) 10%, transparent);
  }
}
.plan-calendar__month {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: calc(var(--spacing) * 0);
  flex-shrink: 0;
  flex-direction: column;
}
.plan-calendar__month + .plan-calendar__month {
  margin-top: 1.5rem;
}
.plan-calendar__month-label {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 10;
  flex-shrink: 0;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
  background: var(--panel);
  border-bottom: 1px solid var(--border);
}
.plan-calendar__weekdays-row {
  display: grid;
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  background-color: var(--surface-band);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  grid-template-columns: repeat(7, minmax(0, 1fr));
  overflow-x: clip;
}
.plan-calendar__weekday {
  text-align: center;
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
  color: var(--ink-muted);
  text-transform: uppercase;
}
.plan-calendar__month-grid {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: calc(var(--spacing) * 0);
  flex-shrink: 0;
  align-self: stretch;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(var(--plan-cal-row, 11.5rem), auto);
  background: var(--surface-grid);
  gap: 1px;
  overflow-x: clip;
  overscroll-behavior-x: none;
}
.plan-calendar__month-grid > .plan-calendar__empty-cell {
  min-height: 100%;
  align-self: stretch;
}
.plan-calendar__day-trigger {
  position: relative;
  display: flex;
  height: 100%;
  min-height: calc(var(--spacing) * 0);
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  overflow: hidden;
  padding: calc(var(--spacing) * 3);
}
.plan-calendar__cell-link {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 0;
  display: block;
  cursor: pointer;
  overflow: hidden;
  font-size: 0px;
  --tw-leading: 1;
  line-height: 1;
  color: transparent;
}
.plan-calendar__cell-link--grab {
  cursor: grab;
}
.plan-calendar__cell-link--grab:active {
  cursor: grabbing;
}
.plan-calendar__day-cell {
  position: relative;
  display: flex;
  min-height: calc(var(--spacing) * 0);
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  background: var(--panel);
  container: daycell / inline-size;
}
.plan-calendar__block-count {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: 1px;
  font-size: 9px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  top: 0.625rem;
  right: 0.625rem;
  display: none;
  color: var(--ink-muted);
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ink) 5%, transparent);
  }
  border: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
  }
}
@container daycell (min-width: 7.5rem) {
  .plan-calendar__block-count {
    display: inline-flex;
  }
}
.group:hover .plan-calendar__block-count, .group:focus-within .plan-calendar__block-count {
  display: none;
}
.plan-calendar__day-cell:hover {
  background: var(--surface-raised-strong);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-raised-strong) 80%, var(--surface-base) 20% );
  }
  box-shadow: inset 0 0 0 1px var(--border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 62%, transparent);
  }
}
.plan-calendar__day-cell--today {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 70%, var(--surface-base) 30%);
  }
}
.plan-calendar__day-cell--today:hover {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 92%, var(--surface-base) 8%);
  }
}
.plan-calendar__day-cell--busy {
  z-index: 1;
  background: var(--panel);
}
.plan-calendar__day-cell--busy:hover {
  background: var(--surface-raised-strong);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-raised-strong) 80%, var(--surface-base) 20% );
  }
  box-shadow: inset 0 0 0 1px var(--border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 62%, transparent);
  }
}
.plan-calendar__day-cell--busy .plan-calendar__day-num {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--ink);
}
.plan-calendar__day-cell--busy .plan-calendar__day-name {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-soft);
}
.plan-calendar__day-cell--busy.plan-calendar__day-cell--today {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 70%, var(--surface-base) 30%);
  }
  box-shadow: inset 0 0 0 1px var(--border-strong);
}
.plan-calendar__day-cell--busy.plan-calendar__day-cell--today:hover {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 92%, var(--surface-base) 8%);
  }
  box-shadow: inset 0 0 0 1px var(--border-strong);
}
.plan-calendar__day-cell--busy.plan-calendar__day-cell--selected {
  background: var(--brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--brand) 38%, color-mix( in srgb, var(--surface-raised-strong) 48%, var(--surface-base) 52% ) 62% ) !important;
  }
  box-shadow: inset 0 0 0 2px var(--accent-base), 0 2px 14px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-base) 38%, var(--border-strong)), 0 2px 14px color-mix(in srgb, var(--ink) 10%, transparent);
  }
}
.plan-calendar__day-cell--selected {
  background: var(--brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--brand) 18%, var(--surface-base) 82% ) !important;
  }
  box-shadow: inset 0 0 0 1px var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-base) 32%, transparent);
  }
}
.plan-calendar__day-cell--focused {
  z-index: 1;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--focus-ring);
  --tw-ring-inset: inset;
}
.plan-calendar__day-cell--busy.plan-calendar__day-cell--focused {
  box-shadow: inset 0 0 0 2px var(--border-strong), 0 2px 12px var(--ink), 0 0 0 2px var(--focus-ring) inset;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 2px var(--border-strong), 0 2px 12px color-mix(in srgb, var(--ink) 10%, transparent), 0 0 0 2px var(--focus-ring) inset;
  }
  z-index: 2;
}
.plan-calendar__cell-top {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: calc(var(--spacing) * 0);
  align-items: flex-start;
  column-gap: calc(var(--spacing) * 1.5);
  grid-template-columns: minmax(0, 1fr) auto;
}
.plan-calendar__cell-header {
  pointer-events: none;
  position: relative;
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
}
.plan-calendar__cell-header-row {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.plan-calendar__cell-actions {
  pointer-events: auto;
  margin-right: calc(var(--spacing) * -1);
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.group:hover .plan-calendar__cell-actions, .group:focus-within .plan-calendar__cell-actions, .plan-calendar__cell-actions:has(:focus-visible), .plan-calendar__cell-actions:has([aria-expanded="true"]) {
  opacity: 100%;
}
.plan-calendar__day-num {
  flex-shrink: 0;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--ink);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__day-cell--today .plan-calendar__day-num, .plan-calendar__empty-cell--today .plan-calendar__day-num, .plan-calendar__empty-cell--today .plan-calendar__empty-num {
  display: inline-flex;
  height: calc(var(--spacing) * 6);
  min-width: calc(var(--spacing) * 6);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 1);
  --tw-leading: 1;
  line-height: 1;
  background: var(--today);
  color: var(--static-white);
}
.plan-calendar__empty-cell--today .plan-calendar__empty-num {
  align-self: flex-start;
}
.plan-calendar__day-cell--today .plan-calendar__day-badge:not(.plan-calendar__day-badge--active) {
  display: none;
}
.plan-calendar__day-badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: 1px;
  font-size: 9px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--today) 82%, var(--ink));
  }
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 10%, transparent);
  }
  border: 1px solid var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--today) 28%, transparent);
  }
}
.plan-calendar__day-badge--active {
  color: var(--amber-500, var(--today));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--amber-500, var(--today)) 88%, var(--ink));
  }
  background: var(--amber-500, var(--today));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--amber-500, var(--today)) 12%, transparent );
  }
  border-color: var(--amber-500, var(--today));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in srgb, var(--amber-500, var(--today)) 32%, transparent );
  }
}
.plan-calendar__day-name {
  display: block;
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-soft);
}
.plan-calendar__cell-meta {
  pointer-events: none;
  position: relative;
  z-index: 1;
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.plan-calendar__time-row {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 1);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__time-row > span {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plan-calendar__time-row .icon {
  color: var(--ink-muted);
}
.plan-calendar__call-time-warning {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  align-items: center;
  gap: calc(var(--spacing) * 1);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-red-600);
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-red-400);
  }
}
.plan-calendar__stats-row {
  display: block;
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__stats-row > span {
  display: block;
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plan-calendar__pill-stack {
  pointer-events: none;
  position: relative;
  z-index: 1;
  margin-top: calc(var(--spacing) * 1);
  display: flex;
  min-height: calc(var(--spacing) * 0);
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  padding-top: calc(var(--spacing) * 2);
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--border) 35%, transparent);
  }
}
:root[data-theme="dark"] .plan-calendar__pill-stack {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--border) 20%, transparent);
  }
}
.plan-calendar__block-pill {
  min-width: calc(var(--spacing) * 0);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  text-align: left;
  border: 1px solid transparent;
}
.plan-calendar__block-pill-title {
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.plan-calendar__block-pill-sub {
  min-width: calc(var(--spacing) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--ink-muted);
}
.plan-calendar__pill-stack .plan-calendar__block-pill--scene {
  background: var(--bt-scene-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-scene-fill) 48%, var(--surface-base) 52% );
  }
  border-color: var(--bt-scene-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-scene-ink) 10%, var(--border));
  }
  color: var(--ink-soft);
}
.plan-calendar__pill-stack .plan-calendar__block-pill--scene .plan-calendar__block-pill-title {
  color: var(--ink);
}
.plan-calendar__block-pill--scene {
  background: var(--bt-scene-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--bt-scene-fill) 86%, var(--panel) 14%);
  }
  border-color: var(--bt-scene-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-scene-ink) 20%, transparent);
  }
  color: var(--bt-scene-ink);
}
.plan-calendar__block-pill--break {
  background: var(--bt-break-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--bt-break-fill) 86%, var(--panel) 14%);
  }
  border-color: var(--bt-break-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-break-ink) 20%, transparent);
  }
  color: var(--bt-break-ink);
}
.plan-calendar__block-pill--setup {
  background: var(--bt-setup-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--bt-setup-fill) 86%, var(--panel) 14%);
  }
  border-color: var(--bt-setup-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-setup-ink) 20%, transparent);
  }
  color: var(--bt-setup-ink);
}
.plan-calendar__block-pill--scout {
  background: var(--bt-location-scout-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-location-scout-fill) 86%, var(--panel) 14% );
  }
  border-color: var(--bt-location-scout-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--bt-location-scout-ink) 20%, transparent );
  }
  color: var(--bt-location-scout-ink);
}
.plan-calendar__block-pill--other {
  background: var(--surface-base);
  border-color: var(--border);
  color: var(--ink-soft);
}
.plan-calendar__pill-overflow {
  padding-left: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
}
.plan-calendar__day-drag-handle {
  position: absolute;
  right: calc(var(--spacing) * 1);
  bottom: calc(var(--spacing) * 1);
  z-index: 10;
  flex-shrink: 0;
  cursor: grab;
  touch-action: none;
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 0.5);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  -webkit-user-select: none;
  user-select: none;
  &:active {
    cursor: grabbing;
  }
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--ink-muted) 60%, transparent);
  }
}
.plan-calendar__day-delete {
  position: absolute;
  bottom: calc(var(--spacing) * 1);
  left: calc(var(--spacing) * 1);
  z-index: 10;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  padding: calc(var(--spacing) * 1);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  color: var(--danger);
}
.plan-calendar__day-delete:hover {
  background: var(--danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--danger) 12%, transparent);
  }
}
.plan-fab-stack {
  position: fixed;
  z-index: 33;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  bottom: 3rem;
  left: 1.5rem;
}
.plan-add-day-fab, .plan-import-fab, .plan-actions-fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  &:active {
    scale: 0.97;
  }
  height: 3rem;
  min-width: 3rem;
  padding-inline: 1.25rem;
}
.plan-actions-fab {
  cursor: pointer;
  background: var(--panel);
  color: var(--ink);
  border: 1px solid var(--border-strong);
}
.plan-add-day-fab {
  background: var(--btn-primary-bg);
  color: var(--btn-primary-text);
}
.plan-import-fab {
  background: var(--panel);
  color: var(--ink);
  border: 1px solid var(--border-strong);
}
.plan-add-day-fab__icon, .plan-import-fab__icon, .plan-actions-fab__icon {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex-shrink: 0;
}
.plan-add-day-fab__label, .plan-import-fab__label, .plan-today-fab__label, .plan-actions-fab__label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.plan-today-fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  &:active {
    scale: 0.97;
  }
  height: 3rem;
  min-width: 3rem;
  padding-inline: 1.25rem;
  background: var(--accent-base);
  color: var(--accent-fg, #fff);
}
.plan-today-fab:hover {
  color: var(--accent-fg, #fff);
  text-decoration: none;
}
.plan-today-fab__dot {
  display: inline-block;
  height: calc(var(--spacing) * 2.5);
  width: calc(var(--spacing) * 2.5);
  flex-shrink: 0;
  border-radius: calc(infinity * 1px);
  background: currentColor;
  animation: plan-today-fab-pulse 1.8s ease-out infinite;
}
@keyframes plan-today-fab-pulse {
  0% {
    box-shadow: 0 0 0 0 currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 55%, transparent);
    }
  }
  70% {
    box-shadow: 0 0 0 7px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.group:hover .plan-calendar__day-drag-handle, .group:hover .plan-calendar__day-delete, .plan-calendar__day-delete:focus-visible {
  opacity: 100%;
}
.plan-calendar__day-drag-handle:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 6%, transparent);
  }
  color: var(--ink-muted);
}
.plan-calendar__ai-toggle {
  position: absolute;
  top: calc(var(--spacing) * 1);
  right: calc(var(--spacing) * 1);
  z-index: 10;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  padding: calc(var(--spacing) * 1);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.plan-calendar__ai-toggle:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 6%, transparent);
  }
  color: var(--ink);
}
.plan-calendar__ai-toggle--selected {
  background: var(--panel-soft);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ink) 15%, transparent);
  }
}
.plan-calendar__mobile {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  padding-inline: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 1.5);
  background: var(--panel);
}
.plan-calendar__mobile-strip-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1);
  padding-inline: calc(var(--spacing) * 1);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__mobile-strip-jump {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-calendar__mobile-strip-jump-input {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0%;
}
.plan-quick-jump__panel {
  position: fixed;
  width: 26rem;
  max-width: min(26rem, calc(100vw - 1rem));
}
.plan-calendar__mobile-strip-row {
  display: flex;
  align-items: stretch;
  gap: calc(var(--spacing) * 1);
}
.plan-calendar__mobile-strip-row .plan-calendar__mobile-strip {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
}
.plan-calendar__mobile-strip-arrow {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 0.5);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  min-width: 2.75rem;
  min-height: 2.75rem;
}
.plan-calendar__mobile-strip-arrow:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 8%, transparent);
  }
  color: var(--ink);
}
.plan-calendar__mobile-strip {
  display: grid;
  gap: calc(var(--spacing) * 1.5);
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.plan-calendar__mobile-strip--compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.plan-calendar__mobile-strip-day {
  position: relative;
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 0.5);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 2);
  color: var(--ink);
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 32%, var(--surface-base) 68% );
  }
  min-height: 3.25rem;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, min-height 0.2s ease, padding 0.2s ease;
}
.plan-calendar__mobile-strip-day:hover:not([aria-disabled="true"]) {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 56%, var(--surface-base) 44% );
  }
}
.plan-calendar__mobile-strip-day--today {
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 28%, var(--surface-base) 72%);
  }
  box-shadow: inset 0 0 0 1.5px var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--today) 75%, transparent);
  }
}
.plan-calendar__mobile-strip-day--today:hover:not([aria-disabled="true"]) {
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 36%, var(--surface-base) 64%);
  }
}
.plan-calendar__mobile-strip-day--today .plan-calendar__mobile-strip-num, .plan-calendar__mobile-strip-day--today .plan-calendar__mobile-strip-dow {
  color: var(--ink);
}
.plan-calendar__mobile-strip-day--focused {
  background: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--accent-base) 16%, var(--surface-base) 84% );
  }
  box-shadow: inset 0 0 0 2px var(--accent-base), 0 2px 10px var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 2px var(--accent-base), 0 2px 10px color-mix(in srgb, var(--accent-base) 28%, transparent);
  }
}
.plan-calendar__mobile-strip-day--focused .plan-calendar__mobile-strip-num {
  color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-base) 78%, var(--ink) 22%);
  }
  font-weight: 700;
}
.plan-calendar__mobile-strip-day--focused .plan-calendar__mobile-strip-dow {
  color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-base) 68%, var(--ink) 32%);
  }
}
.plan-calendar__mobile-strip-day--focused .plan-calendar__mobile-strip-dot {
  background: var(--accent-base);
}
.plan-calendar__mobile-strip-day--selected {
  background: var(--accent-base);
  color: var(--accent-contrast, #fff);
}
.plan-calendar__mobile-strip-day--selected .plan-calendar__mobile-strip-dow, .plan-calendar__mobile-strip-day--selected .plan-calendar__mobile-strip-num {
  color: var(--accent-contrast, #fff);
}
.plan-calendar__mobile-strip-day--selected .plan-calendar__mobile-strip-dot {
  background: var(--accent-contrast, #fff);
}
.plan-calendar__mobile-strip-day--selected.plan-calendar__mobile-strip-day--focused {
  box-shadow: inset 0 0 0 2px var(--ink), 0 4px 12px var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ink) 22%, transparent), 0 4px 12px color-mix(in srgb, var(--accent-base) 36%, transparent);
  }
}
.plan-calendar__mobile-strip-day--has-blocks {
  font-weight: 700;
}
.plan-calendar__mobile-strip-day--empty {
  color: var(--ink-muted);
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 14%, var(--surface-base) 86% );
  }
  border: 1px dashed var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--border) 70%, transparent);
  }
  cursor: pointer;
}
.plan-calendar__mobile-strip-day--empty:hover {
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 14%, var(--surface-base) 86%);
  }
  border-color: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--brand) 50%, transparent);
  }
  color: var(--ink);
}
.plan-calendar__mobile-strip-add {
  pointer-events: none;
  margin-top: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
}
.plan-calendar__mobile-strip-day--empty:hover .plan-calendar__mobile-strip-add {
  color: var(--brand);
}
.plan-calendar__mobile-strip-dow {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0.03em;
  letter-spacing: 0.03em;
  color: var(--ink-muted);
  text-transform: uppercase;
}
.plan-calendar__mobile-strip-day--today .plan-calendar__mobile-strip-dow {
  color: var(--ink);
}
.plan-calendar__mobile-strip-num {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__mobile-strip-dot {
  margin-top: calc(var(--spacing) * 0.5);
  display: inline-block;
  height: calc(var(--spacing) * 1.5);
  width: calc(var(--spacing) * 1.5);
  border-radius: calc(infinity * 1px);
  background: var(--accent-base);
}
.plan-calendar__mobile-agenda {
  display: flex;
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  overflow-y: auto;
  padding-inline: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(10rem + env(safe-area-inset-bottom));
}
.plan-calendar__mobile-agenda-top {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
}
.plan-calendar__mobile-agenda-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
}
.plan-calendar__mobile-agenda-title {
  margin-top: calc(var(--spacing) * 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.plan-calendar__mobile-agenda-open {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.plan-calendar__mobile-agenda-open:hover {
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 6%, transparent);
  }
  color: var(--ink);
}
.plan-calendar__mobile-agenda-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: calc(var(--spacing) * 3);
  row-gap: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--ink-soft);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-calendar__mobile-agenda-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
}
.plan-calendar__mobile-agenda-add-block {
  margin-top: calc(var(--spacing) * 0.5);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-color: var(--border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border-strong) 60%, transparent);
  }
}
.plan-calendar__mobile-agenda-add-block:hover {
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 10%, var(--surface-base) 90%);
  }
  border-color: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--brand) 50%, transparent);
  }
  color: var(--brand);
}
.plan-calendar__mobile-agenda-item {
  display: flex;
  align-items: stretch;
  gap: calc(var(--spacing) * 1.5);
}
.plan-calendar__mobile-agenda-item.is-dragging {
  position: relative;
  z-index: 10;
  opacity: 0.92;
}
.plan-calendar__mobile-agenda-item.is-dragging .plan-calendar__mobile-agenda-pill {
  box-shadow: inset 0 0 0 1px var(--border-strong), 0 8px 20px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 60%, transparent), 0 8px 20px color-mix(in srgb, var(--ink) 18%, transparent);
  }
}
.plan-calendar__mobile-agenda-drag {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  width: 1.75rem;
  touch-action: none;
  cursor: grab;
}
.plan-calendar__mobile-agenda-drag:active {
  cursor: grabbing;
  color: var(--ink);
}
.plan-calendar__mobile-agenda-drag-dots {
  display: grid;
  column-gap: 3px;
  row-gap: 3px;
  grid-template-columns: repeat(2, 3px);
}
.plan-calendar__mobile-agenda-drag-dots i {
  display: block;
  border-radius: calc(infinity * 1px);
  width: 3px;
  height: 3px;
  background: currentColor;
}
.plan-calendar__mobile-agenda-row {
  display: flex;
  min-height: 2.5rem;
  text-decoration-line: none;
  color: inherit;
  text-decoration: none;
}
.plan-calendar__mobile-agenda-row:hover, .plan-calendar__mobile-agenda-row:focus-visible {
  color: inherit;
  text-decoration: none;
}
.plan-calendar__mobile-agenda-pill {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.plan-calendar__mobile-agenda-pill-main {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.plan-calendar__mobile-agenda-pill-time {
  flex-shrink: 0;
  align-self: center;
  font-size: 11px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, currentColor 60%, transparent);
  }
}
.plan-calendar__mobile-agenda-pill.plan-calendar__block-pill {
  padding-block: calc(var(--spacing) * 1.5);
  transition-property: background-color,border-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  border-color: transparent;
}
.plan-calendar__mobile-agenda-pill.plan-calendar__block-pill--other {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 55%, transparent);
  }
}
.plan-calendar__mobile-agenda-row:hover .plan-calendar__mobile-agenda-pill, .plan-calendar__mobile-agenda-row:focus-visible .plan-calendar__mobile-agenda-pill {
  border-color: var(--border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border-strong) 70%, transparent);
  }
  box-shadow: inset 0 0 0 1px var(--border-strong), 0 4px 14px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 45%, transparent), 0 4px 14px color-mix(in srgb, var(--ink) 10%, transparent);
  }
}
.plan-calendar__mobile-agenda-pill .plan-calendar__block-pill-title {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.plan-calendar__mobile-agenda-pill .plan-calendar__block-pill-sub {
  margin-top: calc(var(--spacing) * 0.5);
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.plan-calendar__mobile-agenda-empty, .plan-calendar__mobile-agenda-empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--border);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 10);
  text-align: center;
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 22%, transparent);
  }
}
.plan-calendar__mobile-agenda-empty-icon {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  color: var(--ink-muted);
}
.plan-calendar__mobile-agenda-empty-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
}
.plan-calendar__mobile-agenda-empty-hint {
  max-width: 16rem;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--ink-muted);
}
.plan-calendar__mobile-agenda-empty-cta {
  margin-top: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.plan-calendar__mobile-agenda-empty-cta:hover {
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 12%, var(--surface-base) 88%);
  }
  border-color: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--brand) 50%, transparent);
  }
  color: var(--brand);
}
@media (min-width: 1024px) {
  .plan-calendar__mobile, .plan-calendar__mobile-agenda {
    display: none;
  }
}
@media (max-width: 1023px) {
  #plan-page-root {
    max-width: 100%;
    overflow-x: clip;
  }
  .plan-calendar__month, .plan-timeline__day-row {
    display: none !important;
  }
  .plan-calendar__header-nav {
    display: none !important;
  }
  .plan-calendar__header {
    gap: 0.5rem;
    height: 2.25rem;
    min-height: 2.25rem;
    max-height: 2.25rem;
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
  }
  .plan-calendar__header-actions {
    gap: 0.375rem;
  }
  .plan-calendar__jump {
    padding: 0.375rem 0.5rem;
  }
  .plan-calendar__view-toggle {
    flex-shrink: 0;
  }
  .plan-calendar__view-btn {
    min-height: 1.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 11px;
  }
  .plan-timeline__card .plan-timeline__scroll {
    display: none !important;
  }
  .plan-timeline__card {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
  }
  .plan-timeline__card .plan-calendar__mobile {
    flex-shrink: 0;
  }
  .plan-timeline__card .plan-calendar__mobile-agenda {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-bottom: calc(10rem + env(safe-area-inset-bottom));
  }
  .plan-timeline__card .plan-calendar__mobile-strip-day {
    min-height: 3rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
  }
  .plan-timeline__card--scrolled .plan-calendar__header {
    display: none !important;
  }
  .plan-timeline__card--scrolled .plan-calendar__mobile {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    gap: 0;
  }
  .plan-timeline__card--scrolled .plan-calendar__mobile-strip-dow, .plan-timeline__card--scrolled .plan-calendar__mobile-strip-add {
    display: none;
  }
  .plan-timeline__card--scrolled .plan-calendar__mobile-strip-day {
    min-height: 2.1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .plan-timeline__card .plan-calendar__mobile-strip:not( .plan-calendar__mobile-strip--compact ) {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .plan-timeline__card .plan-calendar__mobile-strip:not(.plan-calendar__mobile-strip--compact) .plan-calendar__mobile-strip-day {
    flex: 0 0 3.25rem;
    scroll-snap-align: start;
  }
  .plan-timeline__card .plan-calendar__mobile-strip-num {
    font-size: 0.95rem;
  }
  .plan-timeline__card .plan-calendar__mobile-agenda-open {
    min-height: 2.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .app-shell__main:has(#plan-page-root) {
    padding: 0.25rem;
    padding-bottom: env(safe-area-inset-bottom);
    max-height: 100dvh;
    overflow: hidden;
  }
  #plan-page-root #plan-content-root {
    gap: 0;
    height: calc(100dvh - var(--app-chrome-top) - var(--app-chrome-bottom));
  }
  #plan-page-root #plan-content-root > .flex {
    gap: 0.25rem;
  }
  #plan-page-root .plan-content-shell {
    border-radius: 0 0 0.5rem 0.5rem;
    border-width: 0;
    padding: 0.25rem;
    box-shadow: none;
  }
  #plan-page-root .plan-calendar-pane {
    gap: 0.25rem;
  }
  #plan-page-root .plan-fab-stack {
    bottom: var( --app-fab-bottom, calc(5.5rem + env(safe-area-inset-bottom)) );
    left: 1rem;
  }
  #plan-page-root .plan-add-day-fab {
    display: none;
  }
  #plan-page-root .plan-import-fab, #plan-page-root .plan-today-fab {
    height: 2.75rem;
    min-width: 2.75rem;
    padding-inline: 0;
  }
  #plan-page-root .plan-add-day-fab__label, #plan-page-root .plan-import-fab__label, #plan-page-root .plan-today-fab__label {
    display: none;
  }
  #plan-page-root .plan-quick-jump__panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: auto;
    max-width: none;
    margin-left: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    max-height: min(88dvh, calc(100dvh - env(safe-area-inset-top)));
    flex-direction: column;
  }
  #plan-page-root .plan-quick-jump--open .plan-quick-jump__panel {
    display: flex;
  }
  body.plan-quick-jump-sheet-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 49;
    background: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ink) 45%, transparent);
    }
  }
  body.plan-quick-jump-sheet-open .plan-calendar__view-toggle {
    visibility: hidden;
    pointer-events: none;
  }
  #plan-page-root .plan-quick-jump__panel [data-quick-jump-list] {
    max-height: none;
    flex: 1 1 auto;
    min-height: 0;
  }
  #plan-page-root .plan-quick-jump [data-quick-jump-primary], #plan-page-root .plan-quick-jump [data-quick-jump-calendar] {
    min-height: 2.75rem;
    min-width: 2.75rem;
  }
  #plan-page-root .plan-calendar__grid-container {
    border-radius: 0.5rem;
    box-shadow: 0 1px 0 var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent);
    }
  }
  #plan-page-root .plan-timeline__card .plan-calendar__header {
    gap: 0.5rem;
    min-height: 2.25rem;
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
  }
  #plan-page-root .plan-timeline__weekday-label {
    font-size: 8px;
    letter-spacing: 0.12em;
  }
  #plan-page-root .plan-timeline__weekday-date {
    height: 1.5rem;
    min-width: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  #plan-page-root .plan-timeline__column-grid {
    grid-template-columns: 2.25rem repeat(7, minmax(0, 1fr));
  }
  #plan-page-root .plan-timeline__axis {
    top: 0;
  }
  #plan-page-root .plan-timeline__now-line {
    top: 0.25rem;
  }
  #plan-page-root .plan-timeline__axis-tick {
    right: 0.25rem;
    font-size: 9px;
  }
  #plan-page-root .plan-timeline__columns {
    padding-left: 0;
  }
  #plan-page-root .plan-timeline__scroll-inner {
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
  }
  #plan-page-root .plan-edit-fab {
    right: 1rem;
    left: auto;
    bottom: calc(5.5rem + env(safe-area-inset-bottom));
    height: 2.75rem;
    min-width: 2.75rem;
    gap: 0.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transform: none;
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}
.plan-calendar__empty-cell {
  position: relative;
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  padding: calc(var(--spacing) * 2);
  background: var(--panel);
}
.plan-calendar__empty-cell--invisible {
  visibility: hidden;
}
.plan-calendar__empty-cell--dated {
  cursor: pointer;
}
.plan-calendar__empty-cell--dated:hover {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 58%, var(--surface-base) 42% );
  }
}
.plan-calendar__empty-cell--today {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--surface-soft) 70%, var(--surface-base) 30%);
  }
}
.plan-calendar__empty-num {
  pointer-events: none;
  position: relative;
  z-index: 1;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
:root {
  --bt-scene-ink: oklch(0.29 0.11 262);
  --bt-scene-fill: oklch(0.93 0.05 262);
  --bt-shot-ink: oklch(0.32 0.13 22);
  --bt-shot-fill: oklch(0.93 0.06 22);
  --bt-break-ink: oklch(0.3 0.11 152);
  --bt-break-fill: oklch(0.93 0.05 152);
  --bt-lunch-ink: oklch(0.34 0.12 72);
  --bt-lunch-fill: oklch(0.94 0.06 72);
  --bt-setup-ink: oklch(0.32 0.12 58);
  --bt-setup-fill: oklch(0.93 0.06 58);
  --bt-teardown-ink: oklch(0.3 0.1 292);
  --bt-teardown-fill: oklch(0.93 0.05 292);
  --bt-location-scout-ink: oklch(0.3 0.11 198);
  --bt-location-scout-fill: oklch(0.93 0.05 198);
  --bt-other-ink: oklch(0.36 0.05 95);
  --bt-other-fill: oklch(0.93 0.03 95);
}
:root[data-theme="dark"] {
  --bt-scene-ink: oklch(0.88 0.09 262);
  --bt-scene-fill: oklch(0.33 0.1 262);
  --bt-shot-ink: oklch(0.88 0.11 22);
  --bt-shot-fill: oklch(0.34 0.11 22);
  --bt-break-ink: oklch(0.88 0.1 152);
  --bt-break-fill: oklch(0.33 0.1 152);
  --bt-lunch-ink: oklch(0.9 0.11 72);
  --bt-lunch-fill: oklch(0.36 0.1 72);
  --bt-setup-ink: oklch(0.89 0.11 58);
  --bt-setup-fill: oklch(0.34 0.1 58);
  --bt-teardown-ink: oklch(0.87 0.09 292);
  --bt-teardown-fill: oklch(0.33 0.09 292);
  --bt-location-scout-ink: oklch(0.88 0.1 198);
  --bt-location-scout-fill: oklch(0.33 0.1 198);
  --bt-other-ink: oklch(0.88 0.04 95);
  --bt-other-fill: oklch(0.31 0.03 95);
}
[data-block-type]:not(.block-type-badge) {
  --block-bg: var(--bt-other-fill);
  --block-ink: var(--bt-other-ink);
  background-color: var(--block-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix( in oklch, var(--block-bg) 85%, var(--panel) 15% ) !important;
  }
  background-image: none !important;
  color: var(--block-ink);
}
[data-block-type="scene"]:not(.block-type-badge) {
  --block-bg: var(--bt-scene-fill);
  --block-ink: var(--bt-scene-ink);
}
[data-block-type="break"]:not(.block-type-badge) {
  --block-bg: var(--bt-break-fill);
  --block-ink: var(--bt-break-ink);
}
[data-block-type="setup"]:not(.block-type-badge) {
  --block-bg: var(--bt-setup-fill);
  --block-ink: var(--bt-setup-ink);
}
[data-block-type="teardown"]:not(.block-type-badge) {
  --block-bg: var(--bt-teardown-fill);
  --block-ink: var(--bt-teardown-ink);
}
[data-block-type="lunch"]:not(.block-type-badge) {
  --block-bg: var(--bt-lunch-fill);
  --block-ink: var(--bt-lunch-ink);
}
[data-block-type="location_scout"]:not(.block-type-badge) {
  --block-bg: var(--bt-location-scout-fill);
  --block-ink: var(--bt-location-scout-ink);
}
[data-block-type="shot"]:not(.block-type-badge) {
  --block-bg: var(--bt-shot-fill);
  --block-ink: var(--bt-shot-ink);
}
[data-block-type="other"]:not(.block-type-badge) {
  --block-bg: var(--bt-other-fill);
  --block-ink: var(--bt-other-ink);
}
.block-type-badge[data-block-type] {
  --badge-ink: var(--bt-other-ink);
  --badge-bg: var(--bt-other-fill);
  border: none;
  color: var(--badge-ink);
  background-color: var(--badge-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--badge-bg) 90%, transparent);
  }
}
.block-type-badge[data-block-type="scene"] {
  --badge-ink: var(--bt-scene-ink);
  --badge-bg: var(--bt-scene-fill);
}
.block-type-badge[data-block-type="shot"] {
  --badge-ink: var(--bt-shot-ink);
  --badge-bg: var(--bt-shot-fill);
}
.block-type-badge[data-block-type="break"] {
  --badge-ink: var(--bt-break-ink);
  --badge-bg: var(--bt-break-fill);
}
.block-type-badge[data-block-type="lunch"] {
  --badge-ink: var(--bt-lunch-ink);
  --badge-bg: var(--bt-lunch-fill);
}
.block-type-badge[data-block-type="setup"] {
  --badge-ink: var(--bt-setup-ink);
  --badge-bg: var(--bt-setup-fill);
}
.block-type-badge[data-block-type="teardown"] {
  --badge-ink: var(--bt-teardown-ink);
  --badge-bg: var(--bt-teardown-fill);
}
.block-type-badge[data-block-type="location_scout"] {
  --badge-ink: var(--bt-location-scout-ink);
  --badge-bg: var(--bt-location-scout-fill);
}
.block-type-badge[data-block-type="other"] {
  --badge-ink: var(--bt-other-ink);
  --badge-bg: var(--bt-other-fill);
}
.schedule-block__row[data-block-type] td, .schedule-block__row--panel[data-block-type] td {
  background-color: var(--block-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--block-bg) 22%, transparent);
  }
}
.schedule-block__row[data-block-type] td:first-child, .schedule-block__row--panel[data-block-type] td:first-child {
  box-shadow: inset 3px 0 0 0 var(--block-ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 3px 0 0 0 color-mix(in oklch, var(--block-ink) 55%, transparent);
  }
}
.day-overview-panel__blocks-table tbody tr:nth-child(even) td {
  background-color: var(--block-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix( in oklch, color-mix(in oklch, var(--block-bg) 22%, transparent) 76%, var(--panel-soft) 24% );
  }
}
.day-overview-panel__blocks-table .schedule-block__row:hover td {
  background-color: var(--block-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--block-bg) 38%, transparent);
  }
}
:root[data-theme="dark"] .schedule-block__row[data-block-type] td, :root[data-theme="dark"] .schedule-block__row--panel[data-block-type] td, :root[data-theme="dark"] .day-overview-panel__blocks-table tbody tr:nth-child(even) td {
  background-color: var(--block-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--block-bg) 11%, transparent);
  }
}
:root[data-theme="dark"] .day-overview-panel__blocks-table .schedule-block__row:hover td {
  background-color: var(--block-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--block-bg) 20%, transparent);
  }
}
.day-overview-panel__blocks-table {
  container-type: inline-size;
}
@container (max-width: 37rem) {
  .day-overview-panel__blocks-table .blocks-col--actions {
    display: none;
  }
}
.schedule-block__row .schedule-block__content {
  color: var(--block-ink);
}
[data-block-color="amber"] {
  --block-bg: var(--quaternary-bg);
  --block-ink: var(--quaternary-ink);
}
[data-block-color="violet"] {
  --block-bg: var(--primary-bg);
  --block-ink: var(--primary-ink);
}
[data-block-color="emerald"] {
  --block-bg: var(--primary-bg);
  --block-ink: var(--primary-ink);
}
[data-block-color="rose"] {
  --block-bg: var(--tertiary-bg);
  --block-ink: var(--tertiary-ink);
}
[data-block-color="cyan"] {
  --block-bg: var(--tertiary-bg);
  --block-ink: var(--tertiary-ink);
}
[data-block-color="slate"] {
  --block-bg: var(--neutral-bg);
  --block-ink: var(--neutral-ink);
}
.plan-resize--pending {
  background: rgb(0 0 0 / 25%);
  opacity: 1;
}
.plan-dnd--highlight {
  --tw-ring-color: var(--focus-ring);
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 12%, transparent);
  }
}
.plan-dnd--target {
  position: relative;
  box-shadow: 0 0 0 2px var(--focus-ring), 0 8px 22px var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in oklch, var(--focus-ring) 40%, transparent), 0 8px 22px color-mix(in oklch, var(--accent) 18%, transparent);
  }
  transition: box-shadow 80ms ease-out, background-color 80ms ease-out;
}
.plan-dnd--before::before, .plan-dnd--after::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  height: 4px;
  border-radius: 999px;
  background: var(--focus-ring);
  box-shadow: 0 0 0 1px var(--focus-ring);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--focus-ring) 30%, transparent);
  }
  pointer-events: none;
}
.plan-dnd--before::before {
  top: -2px;
}
.plan-dnd--after::after {
  bottom: -2px;
}
@keyframes plan-dnd-drop {
  0% {
    transform: scale(1.05);
    box-shadow: 0 0 0 3px var(--focus-ring), 0 0 24px var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklch, var(--focus-ring) 50%, transparent), 0 0 24px color-mix(in oklch, var(--accent) 25%, transparent);
    }
  }
  40% {
    transform: scale(0.97);
    box-shadow: 0 0 0 1px var(--focus-ring), 0 0 8px var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklch, var(--focus-ring) 25%, transparent), 0 0 8px color-mix(in oklch, var(--accent) 12%, transparent);
    }
  }
  65% {
    transform: scale(1.015);
  }
  100% {
    transform: scale(1);
    box-shadow: none;
  }
}
.plan-dnd--dropped {
  animation: plan-dnd-drop 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
tr.schedule-block__row {
  --tw-ring-shadow: 0 0 #0000;
}
tr.schedule-block__row.plan-dnd--target, tr.schedule-block__row.plan-dnd--highlight, tr.schedule-block__row.plan-dnd--before, tr.schedule-block__row.plan-dnd--after, tr.schedule-block__row.plan-dnd--dropped {
  position: static !important;
  box-shadow: none !important;
  animation: none !important;
}
tr.schedule-block__row.plan-dnd--before::before, tr.schedule-block__row.plan-dnd--after::after {
  content: none !important;
}
tr.schedule-block__row.plan-dnd--target > td, tr.schedule-block__row.plan-dnd--highlight > td {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 14%, transparent);
  }
}
tr.schedule-block__row.plan-dnd--before > td {
  box-shadow: inset 0 3px 0 0 var(--focus-ring);
}
tr.schedule-block__row.plan-dnd--after > td {
  box-shadow: inset 0 -3px 0 0 var(--focus-ring);
}
tr.schedule-block__row.plan-dnd--dropped > td {
  background: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--accent) 18%, transparent);
  }
  transition: background 360ms ease-out;
}
[data-dragging="true"] [data-add-block-zone] {
  pointer-events: none;
  opacity: 0%;
}
.plan-timeline__slot:has(.drag-handle:hover) [data-add-block-zone] {
  opacity: 0 !important;
  pointer-events: none;
}
.plan-timeline__slot:has([data-add-block-zone]:hover) .plan-timeline__drag-handle {
  opacity: 0 !important;
}
.plan-timeline__card {
  min-height: calc(var(--spacing) * 0);
  flex: 1;
}
.plan-timeline__column-grid {
  display: grid;
  grid-template-columns: 3.5rem repeat(7, minmax(0, 1fr));
}
.plan-timeline__head {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  position: sticky;
  top: 0;
  z-index: 20;
}
.plan-timeline__day-row {
  flex-shrink: 0;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: stretch;
  background: var(--surface-base);
}
.plan-timeline__axis-gutter {
  grid-column: 1;
  pointer-events: none;
}
.plan-timeline__weekday {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 0.5);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  padding-block: calc(var(--spacing) * 2.5);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 50%, transparent);
  }
}
.plan-timeline__weekday-label {
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.plan-timeline__weekday-date {
  display: inline-flex;
  height: calc(var(--spacing) * 7);
  min-width: 1.75rem;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-timeline__day-slot {
  position: relative;
  display: flex;
  min-height: 4.5rem;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  overflow: hidden;
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  padding-inline: calc(var(--spacing) * 1.5);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 1.5);
  text-align: center;
  transition-property: border-color,background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 50%, transparent);
  }
  background: var(--surface-base);
}
.plan-timeline__day-slot:hover {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 70%, var(--accent-base) 30%);
  }
  background: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-base) 6%, var(--surface-base) 94%);
  }
}
.plan-timeline__day-slot--today {
  border-color: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--today) 32%, var(--border) 68%);
  }
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 8%, var(--surface-base) 92%);
  }
}
.plan-timeline__day-slot--today:hover {
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 13%, var(--surface-base) 87%);
  }
}
.plan-timeline__day-slot--selected {
  border-color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-base) 40%, var(--border) 60%);
  }
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 10%, var(--surface-base) 90%);
  }
  box-shadow: inset 0 0 0 1px var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-base) 20%, transparent);
  }
}
.plan-timeline__day-slot--empty {
  --tw-border-style: dashed;
  border-style: dashed;
  background: transparent;
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 55%, transparent);
  }
}
.plan-timeline__day-slot--empty:hover {
  background: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-base) 7%, transparent);
  }
}
.plan-timeline__day-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1.5);
}
.plan-timeline__day-slot--today .plan-timeline__weekday-date {
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 0);
  color: var(--color-white);
  background: var(--today);
}
.plan-timeline__day-slot--today .plan-timeline__weekday-label {
  color: var(--ink-soft);
}
.plan-timeline__day-card {
  position: relative;
  display: flex;
  min-height: calc(var(--spacing) * 0);
  width: 100%;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  align-items: center;
}
.plan-timeline__day-info {
  display: flex;
  max-width: 100%;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
}
.plan-timeline__day-card-actions {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing) * 0);
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:is(:where(.group\/day):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.plan-timeline__day-card-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ink);
}
.plan-timeline__day-meta {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  color: var(--ink-soft);
}
.plan-timeline__add-day-cell {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.plan-timeline__add-day-cell-chip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 11px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  transition-property: color,background-color,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 65%, transparent);
  }
  color: var(--ink-muted);
}
.plan-timeline__day-slot--empty:hover .plan-timeline__add-day-cell-chip, .plan-timeline__add-day-cell:focus-visible .plan-timeline__add-day-cell-chip {
  border-color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-base) 45%, var(--border) 55%);
  }
  background: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-base) 12%, transparent);
  }
  color: var(--ink);
}
.plan-timeline__col--empty {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 18%, var(--surface-base) 82% );
  }
}
.plan-timeline__col--empty-edit {
  background: var(--surface-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--surface-soft) 18%, var(--surface-base) 82% );
  }
  transition: background 150ms ease, box-shadow 150ms ease;
}
.plan-timeline__slot--empty-edit {
  position: relative;
}
.plan-timeline__slot--empty-edit::before {
  content: "";
  position: absolute;
  inset: 0.375rem;
  border: 1px dashed var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--accent-base) 34%, var(--border) 66%);
  }
  border-radius: 0.5rem;
  pointer-events: none;
  opacity: 1;
  transition: opacity 150ms ease;
  background: repeating-linear-gradient( -45deg, var(--brand), var(--brand) 10px, var(--brand) 10px, var(--brand) 20px );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( -45deg, color-mix(in srgb, var(--brand) 4%, transparent), color-mix(in srgb, var(--brand) 4%, transparent) 10px, color-mix(in srgb, var(--brand) 10%, transparent) 10px, color-mix(in srgb, var(--brand) 10%, transparent) 20px );
  }
}
.plan-timeline__empty-col-btn {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  display: flex;
  width: min(calc(100% - 1.5rem), 11rem);
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border: 1px dashed var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--accent-base) 50%, var(--border) 50%);
  }
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 18%, var(--panel) 82%);
  }
  padding: 0.875rem 0.75rem;
  color: var(--ink-soft);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease;
}
@media (hover: hover) {
  .plan-timeline__col--empty-edit:hover {
    background: var(--brand);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--brand) 6%, var(--surface-base) 94% );
    }
    box-shadow: inset 0 0 0 1px var(--accent-base);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-base) 16%, transparent);
    }
  }
  .plan-timeline__slot--empty-edit::before {
    opacity: 0;
  }
  .plan-timeline__col--empty-edit:hover .plan-timeline__slot--empty-edit::before {
    opacity: 1;
  }
  .plan-timeline__empty-col-btn {
    opacity: 0;
    pointer-events: none;
  }
  .plan-timeline__col--empty-edit:hover .plan-timeline__empty-col-btn, .plan-timeline__col--empty-edit:focus-within .plan-timeline__empty-col-btn {
    opacity: 1;
    pointer-events: auto;
  }
}
.plan-timeline__empty-col-btn:hover {
  border-color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-base) 68%, var(--border) 32%);
  }
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 28%, var(--panel) 72%);
  }
  color: var(--ink);
  transform: translateY(-50%);
}
.plan-timeline__empty-col-btn-icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: var(--brand);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--brand) 30%, var(--panel) 70%);
  }
  color: var(--accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-base) 82%, var(--ink) 18%);
  }
}
.plan-timeline__empty-col-btn-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.plan-timeline__empty-col-btn-date {
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-muted);
}
.plan-timeline__scroll {
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
}
.plan-timeline__scroll::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.plan-timeline__scroll-inner {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  background: var(--surface-grid);
  position: relative;
  min-width: calc(var(--spacing) * 0);
  padding-top: calc(var(--spacing) * 8);
  padding-bottom: calc(var(--spacing) * 7);
}
.plan-timeline__now-line {
  pointer-events: none;
  position: absolute;
  top: calc(var(--spacing) * 8);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  display: flex;
  align-items: center;
}
.plan-timeline__axis {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--border);
  background-color: var(--surface-band);
}
.plan-timeline__axis-tick {
  position: absolute;
  right: calc(var(--spacing) * 1.5);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: 10px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.plan-timeline__columns {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: subgrid;
  min-width: calc(var(--spacing) * 0);
  gap: calc(var(--spacing) * 0);
  background-color: var(--surface-grid);
}
.plan-timeline__col {
  position: relative;
  min-width: calc(var(--spacing) * 0);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--border) 45%, transparent);
  }
  background: var(--surface-base);
}
.plan-timeline__col--today {
  background: var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--today) 10%, var(--surface-base) 90%);
  }
  box-shadow: inset 2px 0 0 var(--today);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 2px 0 0 color-mix(in srgb, var(--today) 60%, transparent);
  }
}
.schedule-block__row--timeline[data-block-type="scene"] {
  background: var(--bt-scene-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-scene-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-scene-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-scene-ink) 22%, transparent);
  }
  color: var(--bt-scene-ink);
}
.schedule-block__row--timeline[data-block-type="shot"] {
  background: var(--bt-shot-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-shot-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-shot-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-shot-ink) 22%, transparent);
  }
  color: var(--bt-shot-ink);
}
.schedule-block__row--timeline[data-block-type="break"] {
  background: var(--bt-break-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-break-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-break-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-break-ink) 22%, transparent);
  }
  color: var(--bt-break-ink);
}
.schedule-block__row--timeline[data-block-type="lunch"] {
  background: var(--bt-lunch-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-lunch-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-lunch-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-lunch-ink) 22%, transparent);
  }
  color: var(--bt-lunch-ink);
}
.schedule-block__row--timeline[data-block-type="setup"] {
  background: var(--bt-setup-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-setup-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-setup-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-setup-ink) 22%, transparent);
  }
  color: var(--bt-setup-ink);
}
.schedule-block__row--timeline[data-block-type="teardown"] {
  background: var(--bt-teardown-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-teardown-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-teardown-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-teardown-ink) 22%, transparent);
  }
  color: var(--bt-teardown-ink);
}
.schedule-block__row--timeline[data-block-type="location_scout"] {
  background: var(--bt-location-scout-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-location-scout-fill) 82%, var(--surface-base) 18% );
  }
  border-color: var(--bt-location-scout-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix( in oklch, var(--bt-location-scout-ink) 22%, transparent );
  }
  color: var(--bt-location-scout-ink);
}
.schedule-block__row--timeline[data-block-type="other"] {
  background: var(--bt-other-fill);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in oklch, var(--bt-other-fill) 78%, var(--surface-base) 22% );
  }
  border-color: var(--bt-other-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--bt-other-ink) 18%, transparent);
  }
  color: var(--bt-other-ink);
}
.schedule-block__row--continuation {
  border-style: dashed;
  opacity: 0.85;
}
.schedule-block__row--timeline.schedule-block__row--not-first {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in srgb, var(--border) 55%, transparent);
  }
}
.schedule-block__row--timeline.schedule-block__row--first, .schedule-block__row--timeline.schedule-block__row--last {
  border-radius: 0;
}
.schedule-block__row--timeline.schedule-block__row--current {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
  }
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 35%, transparent);
  }
  --tw-ring-inset: inset;
  box-shadow: 0 0 0 1px color-mix(in oklch, rgb(239 68 68) 22%, transparent), 0 2px 10px color-mix(in oklch, rgb(239 68 68) 10%, transparent);
}
.schedule-block__row--timeline.schedule-block__row--focused {
  border-color: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--ink) 40%, var(--border));
  }
  box-shadow: inset 0 0 0 1px var(--ink), 0 0 0 1px var(--ink), 0 2px 12px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent), 0 2px 12px color-mix(in srgb, var(--ink) 8%, transparent);
  }
}
[data-handle-tip] {
  position: relative;
}
[data-handle-tip]::after {
  content: attr(data-handle-tip);
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 40;
  pointer-events: none;
  opacity: 0;
  transition: opacity 120ms ease;
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--ink);
  padding: 0.15rem 0.4rem;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
[data-handle-tip]:hover::after {
  opacity: 1;
}
body.select-none [data-handle-tip]::after, [data-handle-tip]:active::after {
  opacity: 0;
}
.schedule-block__row--timeline:has([data-handle-tip]:hover) {
  box-shadow: 0 0 0 2px var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ink) 38%, transparent);
  }
}
.plan-timeline__call-time {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  height: 16px;
  transform: translateY(-50%);
  cursor: ns-resize;
  touch-action: none;
  opacity: 0.8;
  transition: opacity 120ms ease;
}
.plan-timeline__call-time:hover {
  opacity: 1;
}
.plan-timeline__call-time::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px dashed var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px dashed color-mix(in srgb, var(--ink) 42%, transparent);
  }
}
.plan-timeline__call-time-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: 0.25rem;
  padding: 0.05rem 0.3rem;
  border-radius: 0.3rem;
  border: 1px solid var(--border);
  background: var(--panel);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  color: var(--ink);
  white-space: nowrap;
}
.schedule-block__row--timeline [data-call-time-handle], .schedule-block__row--timeline [data-block-resize-handle] {
  height: calc(var(--spacing) * 6);
  min-height: 22px;
  opacity: 50%;
}
[data-page-type="plan"] {
  --page-accent: oklch(0.85 0.12 70);
}
[data-page-type="workspaces"] {
  --page-accent: oklch(0.65 0.12 35);
}
[data-page-type="scene_edit"], [data-page-type="scene_show"], [data-page-type="scene_breakdown"] {
  --page-accent: oklch(0.8 0.2 20);
}
[data-page-type="block_edit"], [data-page-type="block_show"] {
  --page-accent: oklch(0.6 0.15 155);
}
[data-page-type="day_edit"] {
  --page-accent: oklch(0.65 0.15 5);
}
[data-page-type="locations"] {
  --page-accent: oklch(0.95 0.12 210);
}
[data-page-type="people"] {
  --page-accent: oklch(0.6 0.12 175);
}
[data-page-type="equipment"], [data-page-type="audit"] {
  --page-accent: oklch(0.55 0.02 260);
}
.audit-badge--primary {
  background-color: var(--primary-bg);
  color: var(--primary-ink);
}
.audit-badge--secondary {
  background-color: var(--primary-bg);
  color: var(--primary-ink);
}
.audit-badge--tertiary {
  background-color: var(--tertiary-bg);
  color: var(--tertiary-ink);
}
.audit-badge--quaternary {
  background-color: var(--quaternary-bg);
  color: var(--quaternary-ink);
}
.audit-badge--neutral {
  background-color: var(--neutral-bg);
  color: var(--neutral-ink);
}
[data-page-type] .page-header {
  border-radius: 0;
  color: var(--ink);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  margin-inline: calc(-1 * var(--page-gutter, 0px));
  padding: 0.875rem var(--page-gutter, 1rem) 1rem;
  border: none;
  border-bottom: 1px solid var(--border);
  background: transparent;
}
[data-page-type] .page-header > :first-child {
  align-self: flex-start;
}
[data-page-type] .page-header__below-title {
  margin-top: 0.5rem;
}
:root[data-density="compact"] [data-page-type] .page-header {
  padding: 0.5rem var(--page-gutter, 0.875rem) 0.625rem;
}
[data-page-type] .page-header h1, [data-page-type] .page-header h2 {
  font-family: var(--font-sans);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 1.18;
  line-height: 1.18;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: -0.02em;
  letter-spacing: -0.02em;
  color: var(--ink);
}
[data-page-type] .page-header p {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1.55;
  line-height: 1.55;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: 0.01em;
  letter-spacing: 0.01em;
  color: var(--ink-muted);
}
[data-page-type] .floating-chat__handle {
  background: var(--page-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--page-accent) 18%, var(--panel-soft));
  }
  color: var(--ink);
}
[data-page-type] .chat-message--ai {
  background: var(--page-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--page-accent) 4%, var(--panel));
  }
}
#plan-ai-chat-messages a {
  color: var(--page-accent);
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
#plan-ai-chat-messages a:hover {
  opacity: 0.75;
}
#plan-ai-chat-messages pre, #plan-ai-chat-messages code {
  max-width: 100%;
  overflow-x: hidden;
  overflow-wrap: break-word;
}
#plan-ai-chat-messages pre {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.floating-chat.floating-chat--minimized {
  height: auto !important;
  width: calc(var(--spacing) * 40) !important;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--accent);
  transition-property: filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.floating-chat.floating-chat--minimized:hover {
  filter: brightness(1.2);
}
.floating-chat.floating-chat--minimized .floating-chat__handle {
  border-radius: calc(infinity * 1px);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
  background-color: transparent;
  padding-block: calc(var(--spacing) * 1);
  color: var(--accent-fg);
}
.floating-chat.floating-chat--minimized .floating-chat__handle button, .floating-chat.floating-chat--minimized .floating-chat__handle .floating-chat__drag-handle {
  color: inherit;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.floating-chat.floating-chat--minimized .floating-chat__handle button:hover, .floating-chat.floating-chat--minimized .floating-chat__handle .floating-chat__drag-handle:hover {
  background-color: var(--accent-fg);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--accent-fg) 20%, transparent);
  }
}
.floating-chat.floating-chat--minimized .floating-chat__spacer {
  display: block;
}
.floating-chat.floating-chat--minimized .floating-chat__body, .floating-chat.floating-chat--minimized [data-resize-handle] {
  display: none;
}
.floating-chat.floating-chat--minimized .floating-chat__minimize-icon {
  display: none;
}
.floating-chat.floating-chat--minimized .floating-chat__expand-icon {
  display: block;
}
.floating-chat .floating-chat__expand-icon {
  display: none;
}
@media (min-width: 1024px) {
  .plan-fab-stack {
    left: calc(var(--app-sidebar-width) + 1.5rem);
  }
  #plan-workspace .plan-calendar-pane {
    flex: 1 1 auto;
    min-width: 0;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) {
    grid-template-columns: 0px minmax(0, 1fr) !important;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) [data-sidebar] {
    width: 0;
    min-width: 0;
    border-right-width: 0;
    padding: 0;
    overflow: visible;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) [data-sidebar] > .app-shell__sidebar-stack {
    display: none;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) .app-shell__topbar-context {
    display: flex;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) [data-topbar-inner] {
    max-width: none;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) [data-page] {
    max-width: none;
    margin: 0;
  }
  #app-shell[data-shell-collapsed="true"]:not(.app-shell--bottom-dock) .plan-fab-stack {
    left: 1.5rem;
  }
}
[data-sidebar-toggle] :is(svg, span, i, .iconify, [iconify]) {
  display: inline-block;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.summary-card {
  background: radial-gradient( 120% 140% at 0% 0%, var(--panel-soft), transparent ), var(--panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( 120% 140% at 0% 0%, color-mix(in oklch, var(--panel-soft) 70%, transparent), transparent ), var(--panel);
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 5);
  text-align: center;
}
.day-edit-page--editing {
  padding-left: calc(var(--spacing) * 2);
}
.meta-grid {
  margin-top: calc(var(--spacing) * 4);
  display: grid;
  gap: calc(var(--spacing) * 4);
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}
.schedule-block__row:hover td {
  background-color: var(--block-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix( in srgb, var(--block-bg) 72%, transparent ) !important;
  }
}
.edit-mode-bar {
  position: fixed;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: 0.6rem;
  font-size: 0.8rem;
  color: var(--ink-muted);
  left: var(--app-sidebar-width, 12rem);
  background: var(--panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel) 95%, transparent);
  }
  backdrop-filter: blur(12px);
  box-shadow: 0 -4px 16px -8px rgba(0, 0, 0, 0.08);
  animation: edit-mode-bar-slide-up 200ms ease-out;
}
@keyframes edit-mode-bar-slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.flatpickr-calendar {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-strong);
  background-color: var(--panel);
  font-family: var(--font-sans);
  color: var(--ink);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.flatpickr-calendar.open {
  z-index: 9999;
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--panel);
}
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--panel);
}
.flatpickr-calendar .flatpickr-months, .flatpickr-calendar .flatpickr-month, .flatpickr-calendar .flatpickr-weekdays, .flatpickr-calendar .flatpickr-weekdaycontainer, .flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-rContainer, .flatpickr-calendar .flatpickr-days, .flatpickr-calendar .dayContainer {
  background: transparent;
}
.flatpickr-calendar .flatpickr-monthDropdown-months, .flatpickr-calendar .flatpickr-current-month input.cur-year {
  color: var(--ink);
  background: transparent;
}
.flatpickr-calendar .flatpickr-monthDropdown-months:hover, .flatpickr-calendar .flatpickr-current-month input.cur-year:hover, .flatpickr-calendar .numInputWrapper:hover {
  background: var(--panel-soft);
}
.flatpickr-calendar .flatpickr-prev-month, .flatpickr-calendar .flatpickr-next-month {
  color: var(--ink-muted);
  fill: var(--ink-muted);
}
.flatpickr-calendar .flatpickr-prev-month:hover, .flatpickr-calendar .flatpickr-next-month:hover {
  color: var(--ink);
  fill: var(--ink);
}
.flatpickr-day {
  color: var(--ink);
  border-color: transparent;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  color: var(--ink);
  background: var(--panel-soft);
  border-color: var(--border-strong);
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: var(--ink-muted);
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: var(--ink-muted);
  background: var(--panel-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--panel-soft) 70%, transparent);
  }
  border-color: transparent;
  opacity: 0.7;
  cursor: not-allowed;
  text-decoration: line-through;
  text-decoration-color: var(--danger);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklch, var(--danger) 55%, transparent);
  }
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--accent);
  border-color: var(--accent);
}
.flatpickr-day.today {
  border-color: var(--today);
}
.flatpickr-time {
  border-top: 1px solid var(--border);
  background: transparent;
}
.flatpickr-time input {
  color: var(--ink);
  background: transparent;
}
.flatpickr-time input:hover, .flatpickr-time input:focus {
  background: var(--panel-soft);
}
.flatpickr-am-pm {
  display: none !important;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--ink-muted);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--ink-muted);
}
.flatpickr-current-month, .flatpickr-month {
  color: var(--ink);
  fill: var(--ink);
}
.flatpickr-calendar span.flatpickr-weekday, .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weekday {
  color: var(--ink-muted);
}
.time-picker-presets {
  min-width: 200px;
  max-height: 180px;
  overflow-y: auto;
  border-top: 1px solid var(--border);
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.time-picker-preset {
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  color: var(--ink);
  background: transparent;
  cursor: pointer;
}
.time-picker-preset:hover {
  background: var(--panel-soft);
}
.time-picker-preset.is-selected {
  background: var(--accent);
  color: #fff;
}
.edit-mode-bar__icon {
  margin-right: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  color: var(--focus-ring);
}
.edit-mode-bar__label {
  flex: 1;
}
.edit-mode-bar__btn-cancel {
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  min-height: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--ink-muted);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--panel);
    }
  }
}
.edit-mode-bar__btn-submit {
  margin-left: calc(var(--spacing) * 2);
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  min-height: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  background-color: var(--btn-primary-bg);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--btn-primary-text);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--btn-primary-hover);
    }
  }
}
.shell-toggle:not(.app-shell__sidebar-collapse) {
  position: absolute;
  top: calc(1/2 * 100%);
  z-index: 50;
  display: flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  color: var(--ink-muted);
  opacity: 0%;
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: opacity,background-color,color,transform,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  &:hover {
    @media (hover: hover) {
      color: var(--interactive-fg);
    }
  }
  &:focus-visible {
    opacity: 100%;
  }
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  background: var(--sidebar-bg);
  border: 1px solid var(--sidebar-border, var(--border));
  box-shadow: 0 1px 2px var(--ink), inset 0 1px 0 var(--static-white, oklch(1 0 0));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 2px color-mix(in oklch, var(--ink) 8%, transparent), inset 0 1px 0 color-mix( in oklch, var(--static-white, oklch(1 0 0)) 40%, transparent );
  }
}
.app-shell__sidebar:hover .shell-toggle:not(.app-shell__sidebar-collapse), .shell-toggle:not(.app-shell__sidebar-collapse):hover, .shell-toggle:not(.app-shell__sidebar-collapse):focus-visible {
  opacity: 100%;
  background: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--ink) 5%, var(--sidebar-bg));
  }
  border-color: var(--stroke-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--stroke-soft) 80%, transparent);
  }
}
.shell-toggle--left:not(.app-shell__sidebar-collapse) {
  right: calc(var(--spacing) * 0);
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.shell-toggle--right {
  left: calc(var(--spacing) * 0);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.shell-toggle__icon {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
}
.dev-components__nav {
  position: sticky;
  top: calc(var(--spacing) * 14);
  height: calc(100vh - 3.5rem);
  width: calc(var(--spacing) * 48);
  flex-shrink: 0;
  overflow-y: auto;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 6);
}
@media (max-width: 1023px) {
  .dev-components__nav {
    display: none;
  }
}
.dev-components__nav-link {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: 0.8125rem;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--ink-muted);
  text-decoration-line: none;
  transition-property: background-color,color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.dev-components__nav-link:hover {
  background-color: var(--panel-soft);
  color: var(--ink);
  text-decoration-line: none;
}
.dev-components__nav-link:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
  box-shadow: 0 0 0 2px var(--focus-ring);
}
.ideas-canvas {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 13rem);
  margin-top: 1rem;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  background-color: var(--surface-base);
  background-image: radial-gradient( var(--ink) 1px, transparent 1px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient( color-mix(in oklch, var(--ink) 6%, transparent) 1px, transparent 1px );
  }
  background-size: 24px 24px;
}
.ideas-card {
  position: absolute;
  width: 15rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-strong, var(--border));
  background: var(--panel);
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.18);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.ideas-card--dragging {
  cursor: grabbing;
  z-index: 50;
  opacity: 0.95;
  box-shadow: 0 10px 28px rgb(0 0 0 / 0.32);
}
.ideas-card__img {
  display: block;
  width: 100%;
  max-height: 10rem;
  object-fit: cover;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}
.ideas-card__title {
  margin: 0 0 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink);
}
.ideas-card__body {
  margin: 0;
  font-size: 0.8125rem;
  white-space: pre-wrap;
  color: var(--ink-muted, var(--ink));
}
.ideas-card__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-top: 0.5rem;
  opacity: 0;
  transition: opacity 120ms ease;
}
.ideas-card:hover .ideas-card__actions, .ideas-card:focus-within .ideas-card__actions {
  opacity: 1;
}
.ideas-card__action {
  display: inline-flex;
  padding: 0.25rem;
  border-radius: 0.375rem;
  color: var(--ink-muted, var(--ink));
}
.ideas-card__action:hover {
  background: var(--panel-soft);
  color: var(--ink);
}
.ideas-card__action--danger:hover {
  color: var(--danger, #ef4444);
}
.ideas-canvas__empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  pointer-events: none;
}
.ideas-canvas__empty-inner {
  max-width: 26rem;
  text-align: center;
  color: var(--ink-muted, var(--ink));
  pointer-events: auto;
}
.ideas-canvas__empty-title {
  margin: 0.5rem 0 0.25rem;
  font-weight: 600;
  color: var(--ink);
}
.ideas-canvas__empty-text {
  margin: 0 0 1rem;
  font-size: 0.875rem;
}
.idea-image-preview {
  display: block;
  max-width: 100%;
  max-height: 12rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.idea-image-drop {
  padding: 0.75rem;
  border: 1px dashed var(--border-strong, var(--border));
  border-radius: 0.5rem;
}
.idea-image-entry {
  margin-top: 0.5rem;
}
.idea-image-entry__remove {
  font-size: 0.8125rem;
  color: var(--danger, #ef4444);
}
@media print {
  .app-shell__sidebar, .app-shell__sidebar-collapse, .app-shell__topbar {
    display: none !important;
  }
  .app-shell, .app-shell__column, .app-shell__main {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
.workspace-conflicts__severity {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.workspace-conflicts__severity--red-flag {
  border-color: var(--color-rose-border);
  background-color: var(--color-rose-bg);
  color: var(--color-rose-ink);
}
.workspace-conflicts__severity--warning {
  border-color: var(--color-amber-border);
  background-color: var(--color-amber-bg);
  color: var(--color-amber-ink);
}
.turnaround-chip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-amber-border);
  background-color: var(--color-amber-bg);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 9px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--color-amber-ink);
  text-transform: uppercase;
}
.workspace-conflicts__time {
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 1);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.workspace-conflicts__time--red-flag {
  background-color: var(--color-rose-bg);
  color: var(--color-rose-ink);
}
.workspace-conflicts__time--warning {
  background-color: var(--color-amber-bg);
  color: var(--color-amber-ink);
}
.resolve-action {
  display: flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--panel);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--ink);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--panel-soft);
    }
  }
}
.resolve-action--primary {
  background-color: var(--panel-soft);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.resolve-action--danger {
  color: var(--color-rose-ink);
}
.workspace-dashboard__conflicts-link--alert {
  border-color: var(--color-rose-border);
  background-color: var(--color-rose-bg);
  color: var(--color-rose-ink);
}
.workspace-dashboard__conflicts-badge {
  position: absolute;
  top: calc(var(--spacing) * -1);
  right: calc(var(--spacing) * -1);
  display: inline-flex;
  height: calc(var(--spacing) * 4);
  min-width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-rose-600);
  padding-inline: calc(var(--spacing) * 1);
  font-size: 10px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--panel);
}
@layer base {
  [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  [multiple],[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  [type='checkbox'],[type='radio'] {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  [type='checkbox'] {
    border-radius: 0px;
  }
  [type='radio'] {
    border-radius: 100%;
  }
  [type='checkbox']:focus,[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  [type='checkbox']:checked,[type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  [type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  [type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  [type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  [type='file']:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-divide-x-reverse: 0;
    }
  }
}