/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-pan-x:initial;
      --tw-pan-y:initial;
      --tw-pinch-zoom:initial;
      --tw-scroll-snap-strictness:proximity;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-divide-x-reverse:0;
      --tw-border-style:solid;
      --tw-divide-y-reverse:0;
      --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-content:"";
      --tw-animation-delay:0s;
      --tw-animation-direction:normal;
      --tw-animation-duration:initial;
      --tw-animation-fill-mode:none;
      --tw-animation-iteration-count:1;
      --tw-enter-blur:0;
      --tw-enter-opacity:1;
      --tw-enter-rotate:0;
      --tw-enter-scale:1;
      --tw-enter-translate-x:0;
      --tw-enter-translate-y:0;
      --tw-exit-blur:0;
      --tw-exit-opacity:1;
      --tw-exit-rotate:0;
      --tw-exit-scale:1;
      --tw-exit-translate-x:0;
      --tw-exit-translate-y:0}
  }
}
@layer theme{
  :root,:host{
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-xs:20rem;
    --container-sm:24rem;
    --container-lg:32rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1 / .75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25 / .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);
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --tracking-tight:-.025em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-normal:1.5;
    --leading-relaxed:1.625;
    --radius-xs:.125rem;
    --radius-xl:.75rem;
    --ease-in-out:cubic-bezier(.4, 0, .2, 1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video:16 / 9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:Arial,Helvetica,sans-serif;
    --default-mono-font-family:var(--font-mono);
    --color-border:var(--border)}
}
@layer base{
  *,:after,:before,::backdrop{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0}
  ::file-selector-button{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0}
  html,:host{
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-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;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration: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{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative}
  sub{
    bottom:-.25em}
  sup{
    top:-.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{
    vertical-align:middle;
    display:block}
  img,video{
    max-width:100%;
    height:auto}
  button,input,select,optgroup,textarea{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0}
  ::file-selector-button{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0}
  :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)){
      ::placeholder{
        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{
    padding-block:0}
  ::-webkit-datetime-edit-year-field{
    padding-block:0}
  ::-webkit-datetime-edit-month-field{
    padding-block:0}
  ::-webkit-datetime-edit-day-field{
    padding-block:0}
  ::-webkit-datetime-edit-hour-field{
    padding-block:0}
  ::-webkit-datetime-edit-minute-field{
    padding-block:0}
  ::-webkit-datetime-edit-second-field{
    padding-block:0}
  ::-webkit-datetime-edit-millisecond-field{
    padding-block:0}
  ::-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]){
    appearance:button}
  ::file-selector-button{
    appearance:button}
  ::-webkit-inner-spin-button{
    height:auto}
  ::-webkit-outer-spin-button{
    height:auto}
  [hidden]:where(:not([hidden=until-found])){
    display:none!important}
}
@layer components;
@layer utilities{
  .\@container\/card-header{
    container:card-header/inline-size}
  .\@container\/field-group{
    container:field-group/inline-size}
  .\@container{
    container-type:inline-size}
  .pointer-events-none{
    pointer-events:none}
  .collapse{
    visibility:collapse}
  .invisible{
    visibility:hidden}
  .visible{
    visibility:visible}
  .sr-only{
    clip-path:inset(50%);
    white-space:nowrap;
    border-width:0;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    position:absolute;
    overflow:hidden}
  .not-sr-only{
    clip-path:none;
    white-space:normal;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    position:static;
    overflow:visible}
  .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)}
  .inset-s-1\/2{
    inset-inline-start:50%}
  .start{
    inset-inline-start:var(--spacing)}
  .end{
    inset-inline-end:var(--spacing)}
  .-top-12{
    top:calc(var(--spacing) * -12)}
  .top-0{
    top:calc(var(--spacing) * 0)}
  .top-1\.5{
    top:calc(var(--spacing) * 1.5)}
  .top-1\/2{
    top:50%}
  .top-3\.5{
    top:calc(var(--spacing) * 3.5)}
  .top-4{
    top:calc(var(--spacing) * 4)}
  .top-\[1px\]{
    top:1px}
  .top-\[50\%\]{
    top:50%}
  .top-\[60\%\]{
    top:60%}
  .top-full{
    top:100%}
  .-right-12{
    right:calc(var(--spacing) * -12)}
  .right-0{
    right:calc(var(--spacing) * 0)}
  .right-1{
    right:calc(var(--spacing) * 1)}
  .right-2{
    right:calc(var(--spacing) * 2)}
  .right-3{
    right:calc(var(--spacing) * 3)}
  .right-3\.5{
    right:calc(var(--spacing) * 3.5)}
  .right-4{
    right:calc(var(--spacing) * 4)}
  .-bottom-12{
    bottom:calc(var(--spacing) * -12)}
  .bottom-0{
    bottom:calc(var(--spacing) * 0)}
  .-left-12{
    left:calc(var(--spacing) * -12)}
  .left-0{
    left:calc(var(--spacing) * 0)}
  .left-1\/2{
    left:50%}
  .left-2{
    left:calc(var(--spacing) * 2)}
  .left-3{
    left:calc(var(--spacing) * 3)}
  .left-\[50\%\]{
    left:50%}
  .isolate{
    isolation:isolate}
  .isolation-auto{
    isolation:auto}
  .z-10{
    z-index:10}
  .z-20{
    z-index:20}
  .z-50{
    z-index:50}
  .z-\[1\]{
    z-index:1}
  .order-first{
    order:-9999}
  .order-last{
    order:9999}
  .col-start-2{
    grid-column-start:2}
  .row-span-2{
    grid-row:span 2/span 2}
  .row-start-1{
    grid-row-start:1}
  .container{
    width:100%}
  @media (width>=40rem){
    .container{
      max-width:40rem}
  }
  @media (width>=48rem){
    .container{
      max-width:48rem}
  }
  @media (width>=64rem){
    .container{
      max-width:64rem}
  }
  @media (width>=80rem){
    .container{
      max-width:80rem}
  }
  @media (width>=96rem){
    .container{
      max-width:96rem}
  }
  .m-0\!{
    margin:calc(var(--spacing) * 0)!important}
  .-mx-1{
    margin-inline:calc(var(--spacing) * -1)}
  .mx-2{
    margin-inline:calc(var(--spacing) * 2)}
  .mx-3\.5{
    margin-inline:calc(var(--spacing) * 3.5)}
  .mx-auto{
    margin-inline:auto}
  .-my-2{
    margin-block:calc(var(--spacing) * -2)}
  .my-0{
    margin-block:calc(var(--spacing) * 0)}
  .my-0\.5{
    margin-block:calc(var(--spacing) * .5)}
  .my-1{
    margin-block:calc(var(--spacing) * 1)}
  .-mt-4{
    margin-top:calc(var(--spacing) * -4)}
  .mt-0\.5{
    margin-top:calc(var(--spacing) * .5)}
  .mt-1\.5{
    margin-top:calc(var(--spacing) * 1.5)}
  .mt-2{
    margin-top:calc(var(--spacing) * 2)}
  .mt-4{
    margin-top:calc(var(--spacing) * 4)}
  .mt-auto{
    margin-top:auto}
  .mb-2{
    margin-bottom:calc(var(--spacing) * 2)}
  .mb-3{
    margin-bottom:calc(var(--spacing) * 3)}
  .-ml-1{
    margin-left:calc(var(--spacing) * -1)}
  .-ml-4{
    margin-left:calc(var(--spacing) * -4)}
  .ml-1{
    margin-left:calc(var(--spacing) * 1)}
  .ml-4{
    margin-left:calc(var(--spacing) * 4)}
  .ml-auto{
    margin-left:auto}
  .line-clamp-1{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden}
  .line-clamp-2{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden}
  .block{
    display:block}
  .contents{
    display:contents}
  .flex{
    display:flex}
  .flow-root{
    display:flow-root}
  .grid{
    display:grid}
  .hidden{
    display:none}
  .inline{
    display:inline}
  .inline-block{
    display:inline-block}
  .inline-flex{
    display:inline-flex}
  .inline-grid{
    display:inline-grid}
  .inline-table{
    display:inline-table}
  .list-item{
    display:list-item}
  .table{
    display:table}
  .table-caption{
    display:table-caption}
  .table-cell{
    display:table-cell}
  .table-column{
    display:table-column}
  .table-column-group{
    display:table-column-group}
  .table-footer-group{
    display:table-footer-group}
  .table-header-group{
    display:table-header-group}
  .table-row{
    display:table-row}
  .table-row-group{
    display:table-row-group}
  .field-sizing-content{
    field-sizing:content}
  .aspect-square{
    aspect-ratio:1}
  .aspect-video{
    aspect-ratio:var(--aspect-video)}
  .size-\(--cell-size\){
    width:var(--cell-size);
    height:var(--cell-size)}
  .size-2{
    width:calc(var(--spacing) * 2);
    height:calc(var(--spacing) * 2)}
  .size-2\.5{
    width:calc(var(--spacing) * 2.5);
    height:calc(var(--spacing) * 2.5)}
  .size-3{
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .size-3\.5{
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5)}
  .size-4{
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)}
  .size-6{
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6)}
  .size-7{
    width:calc(var(--spacing) * 7);
    height:calc(var(--spacing) * 7)}
  .size-8{
    width:calc(var(--spacing) * 8);
    height:calc(var(--spacing) * 8)}
  .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-16{
    width:calc(var(--spacing) * 16);
    height:calc(var(--spacing) * 16)}
  .size-auto{
    width:auto;
    height:auto}
  .size-full{
    width:100%;
    height:100%}
  .h-\(--cell-size\){
    height:var(--cell-size)}
  .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-4{
    height:calc(var(--spacing) * 4)}
  .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-12{
    height:calc(var(--spacing) * 12)}
  .h-\[calc\(--spacing\(5\.5\)\)\]{
    height:calc(calc(var(--spacing) * 5.5))}
  .h-\[calc\(100\%-1px\)\]{
    height:calc(100% - 1px)}
  .h-\[var\(--radix-navigation-menu-viewport-height\)\]{
    height:var(--radix-navigation-menu-viewport-height)}
  .h-\[var\(--radix-select-trigger-height\)\]{
    height:var(--radix-select-trigger-height)}
  .h-auto{
    height:auto}
  .h-full{
    height:100%}
  .h-max{
    height:max-content}
  .h-px{
    height:1px}
  .h-svh{
    height:100svh}
  .max-h-\(--radix-context-menu-content-available-height\){
    max-height:var(--radix-context-menu-content-available-height)}
  .max-h-\(--radix-dropdown-menu-content-available-height\){
    max-height:var(--radix-dropdown-menu-content-available-height)}
  .max-h-\(--radix-select-content-available-height\){
    max-height:var(--radix-select-content-available-height)}
  .max-h-96{
    max-height:calc(var(--spacing) * 96)}
  .max-h-\[300px\]{
    max-height:300px}
  .max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{
    max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}
  .min-h-0{
    min-height:calc(var(--spacing) * 0)}
  .min-h-4{
    min-height:calc(var(--spacing) * 4)}
  .min-h-9{
    min-height:calc(var(--spacing) * 9)}
  .min-h-16{
    min-height:calc(var(--spacing) * 16)}
  .min-h-full{
    min-height:100%}
  .min-h-svh{
    min-height:100svh}
  .w-\(--anchor-width\){
    width:var(--anchor-width)}
  .w-\(--cell-size\){
    width:var(--cell-size)}
  .w-\(--sidebar-width\){
    width:var(--sidebar-width)}
  .w-0{
    width:calc(var(--spacing) * 0)}
  .w-1{
    width:calc(var(--spacing) * 1)}
  .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\/4{
    width:75%}
  .w-4{
    width:calc(var(--spacing) * 4)}
  .w-5{
    width:calc(var(--spacing) * 5)}
  .w-9{
    width:calc(var(--spacing) * 9)}
  .w-10{
    width:calc(var(--spacing) * 10)}
  .w-24{
    width:calc(var(--spacing) * 24)}
  .w-64{
    width:calc(var(--spacing) * 64)}
  .w-72{
    width:calc(var(--spacing) * 72)}
  .w-\[100px\]{
    width:100px}
  .w-auto{
    width:auto}
  .w-fit{
    width:fit-content}
  .w-full{
    width:100%}
  .w-max{
    width:max-content}
  .w-px{
    width:1px}
  .max-w-\(--available-width\){
    max-width:var(--available-width)}
  .max-w-\(--skeleton-width\){
    max-width:var(--skeleton-width)}
  .max-w-\[80\%\]{
    max-width:80%}
  .max-w-\[calc\(100\%-2rem\)\]{
    max-width:calc(100% - 2rem)}
  .max-w-full{
    max-width:100%}
  .max-w-max{
    max-width:max-content}
  .max-w-sm{
    max-width:var(--container-sm)}
  .min-w-\(--cell-size\){
    min-width:var(--cell-size)}
  .min-w-0{
    min-width:calc(var(--spacing) * 0)}
  .min-w-5{
    min-width:calc(var(--spacing) * 5)}
  .min-w-8{
    min-width:calc(var(--spacing) * 8)}
  .min-w-9{
    min-width:calc(var(--spacing) * 9)}
  .min-w-10{
    min-width:calc(var(--spacing) * 10)}
  .min-w-16{
    min-width:calc(var(--spacing) * 16)}
  .min-w-40{
    min-width:calc(var(--spacing) * 40)}
  .min-w-\[8rem\]{
    min-width:8rem}
  .min-w-\[12rem\]{
    min-width:12rem}
  .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{
    min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}
  .min-w-\[var\(--radix-select-trigger-width\)\]{
    min-width:var(--radix-select-trigger-width)}
  .flex-1{
    flex:1}
  .shrink{
    flex-shrink:1}
  .shrink-0{
    flex-shrink:0}
  .grow{
    flex-grow:1}
  .grow-0{
    flex-grow:0}
  .basis-full{
    flex-basis:100%}
  .caption-bottom{
    caption-side:bottom}
  .border-collapse{
    border-collapse:collapse}
  .origin-\(--radix-context-menu-content-transform-origin\){
    transform-origin:var(--radix-context-menu-content-transform-origin)}
  .origin-\(--radix-dropdown-menu-content-transform-origin\){
    transform-origin:var(--radix-dropdown-menu-content-transform-origin)}
  .origin-\(--radix-hover-card-content-transform-origin\){
    transform-origin:var(--radix-hover-card-content-transform-origin)}
  .origin-\(--radix-menubar-content-transform-origin\){
    transform-origin:var(--radix-menubar-content-transform-origin)}
  .origin-\(--radix-popover-content-transform-origin\){
    transform-origin:var(--radix-popover-content-transform-origin)}
  .origin-\(--radix-select-content-transform-origin\){
    transform-origin:var(--radix-select-content-transform-origin)}
  .origin-\(--radix-tooltip-content-transform-origin\){
    transform-origin:var(--radix-tooltip-content-transform-origin)}
  .origin-\(--transform-origin\){
    transform-origin:var(--transform-origin)}
  .-translate-x-1\/2{
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .-translate-x-px{
    --tw-translate-x:-1px;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-x-\[-50\%\]{
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-x-px{
    --tw-translate-x:1px;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .-translate-y-1\/2{
    --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .-translate-y-3\/4{
    --tw-translate-y:calc(calc(3 / 4 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-y-0\.5{
    --tw-translate-y:calc(var(--spacing) * .5);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-y-3\/4{
    --tw-translate-y:calc(3 / 4 * 100%);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-y-\[-50\%\]{
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-y-\[calc\(-50\%_-_2px\)\]{
    --tw-translate-y:calc(-50% - 2px);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .translate-none{
    translate:none}
  .scale-3d{
    scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}
  .rotate-45{
    rotate:45deg}
  .rotate-90{
    rotate:90deg}
  .transform{
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
  .animate-caret-blink{
    animation:1.25s ease-out infinite caret-blink}
  .animate-in{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .animate-pulse{
    animation:var(--animate-pulse)}
  .animate-spin{
    animation:var(--animate-spin)}
  .cursor-default{
    cursor:default}
  .cursor-text{
    cursor:text}
  .touch-pinch-zoom{
    --tw-pinch-zoom:pinch-zoom;
    touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}
  .touch-none{
    touch-action:none}
  .resize{
    resize:both}
  .resize-none{
    resize:none}
  .snap-x{
    scroll-snap-type:x var(--tw-scroll-snap-strictness)}
  .snap-mandatory{
    --tw-scroll-snap-strictness:mandatory}
  .scroll-my-1{
    scroll-margin-block:calc(var(--spacing) * 1)}
  .scroll-px-1{
    scroll-padding-inline:calc(var(--spacing) * 1)}
  .scroll-py-1{
    scroll-padding-block:calc(var(--spacing) * 1)}
  .list-disc{
    list-style-type:disc}
  .list-none{
    list-style-type:none}
  .appearance-none{
    appearance:none}
  .auto-rows-min{
    grid-auto-rows:min-content}
  .grid-cols-\[0_1fr\]{
    grid-template-columns:0 1fr}
  .grid-rows-\[auto_1fr\]{
    grid-template-rows:auto 1fr}
  .grid-rows-\[auto_auto\]{
    grid-template-rows:auto auto}
  .flex-col{
    flex-direction:column}
  .flex-col-reverse{
    flex-direction:column-reverse}
  .flex-row{
    flex-direction:row}
  .flex-wrap{
    flex-wrap:wrap}
  .place-content-center{
    place-content:center}
  .place-items-center{
    place-items:center}
  .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-start{
    justify-content:flex-start}
  .justify-items-start{
    justify-items:start}
  .gap-0\.5{
    gap:calc(var(--spacing) * .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-6{
    gap:calc(var(--spacing) * 6)}
  .gap-7{
    gap:calc(var(--spacing) * 7)}
  .gap-8{
    gap:calc(var(--spacing) * 8)}
  .gap-\[--spacing\(var\(--gap\)\)\]{
    gap:calc(var(--spacing) * var(--gap))}
  :where(.space-y-reverse>:not(:last-child)){
    --tw-space-y-reverse:1}
  :where(.-space-x-2>: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)))}
  :where(.space-x-reverse>:not(:last-child)){
    --tw-space-x-reverse:1}
  .gap-y-0\.5{
    row-gap:calc(var(--spacing) * .5)}
  :where(.divide-x>: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)))}
  :where(.divide-y>: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(.divide-y-reverse>:not(:last-child)){
    --tw-divide-y-reverse:1}
  .self-end{
    align-self:flex-end}
  .self-start{
    align-self:flex-start}
  .self-stretch{
    align-self:stretch}
  .justify-self-end{
    justify-self:flex-end}
  .truncate{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden}
  .overflow-auto{
    overflow:auto}
  .overflow-hidden{
    overflow:hidden}
  .overflow-x-auto{
    overflow-x:auto}
  .overflow-x-hidden{
    overflow-x:hidden}
  .overflow-y-auto{
    overflow-y:auto}
  .overscroll-contain{
    overscroll-behavior:contain}
  .overscroll-x-contain{
    overscroll-behavior-x:contain}
  .rounded-\[2px\]{
    border-radius:2px}
  .rounded-\[4px\]{
    border-radius:4px}
  .rounded-\[calc\(var\(--radius\)-5px\)\]{
    border-radius:calc(var(--radius) - 5px)}
  .rounded-\[inherit\]{
    border-radius:inherit}
  .rounded-full{
    border-radius:3.40282e38px}
  .rounded-lg{
    border-radius:.6rem}
  .rounded-md{
    border-radius:.4rem}
  .rounded-none{
    border-radius:0}
  .rounded-sm{
    border-radius:.3rem}
  .rounded-xl{
    border-radius:var(--radius-xl)}
  .rounded-xs{
    border-radius:var(--radius-xs)}
  .rounded-s{
    border-start-start-radius:.25rem;
    border-end-start-radius:.25rem}
  .rounded-ss{
    border-start-start-radius:.25rem}
  .rounded-e{
    border-start-end-radius:.25rem;
    border-end-end-radius:.25rem}
  .rounded-se{
    border-start-end-radius:.25rem}
  .rounded-ee{
    border-end-end-radius:.25rem}
  .rounded-es{
    border-end-start-radius:.25rem}
  .rounded-t{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem}
  .rounded-l{
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem}
  .rounded-l-md{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .rounded-tl{
    border-top-left-radius:.25rem}
  .rounded-tl-sm{
    border-top-left-radius:.3rem}
  .rounded-r{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem}
  .rounded-r-md{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .rounded-tr{
    border-top-right-radius:.25rem}
  .rounded-b{
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem}
  .rounded-br{
    border-bottom-right-radius:.25rem}
  .rounded-bl{
    border-bottom-left-radius:.25rem}
  .border{
    border-style:var(--tw-border-style);
    border-width:1px}
  .border-0{
    border-style:var(--tw-border-style);
    border-width:0}
  .border-\[1\.5px\]{
    border-style:var(--tw-border-style);
    border-width:1.5px}
  .border-x{
    border-inline-style:var(--tw-border-style);
    border-inline-width:1px}
  .border-y{
    border-block-style:var(--tw-border-style);
    border-block-width:1px}
  .border-s{
    border-inline-start-style:var(--tw-border-style);
    border-inline-start-width:1px}
  .border-e{
    border-inline-end-style:var(--tw-border-style);
    border-inline-end-width:1px}
  .border-bs{
    border-block-start-style:var(--tw-border-style);
    border-block-start-width:1px}
  .border-be{
    border-block-end-style:var(--tw-border-style);
    border-block-end-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-l{
    border-left-style:var(--tw-border-style);
    border-left-width:1px}
  .border-dashed{
    --tw-border-style:dashed;
    border-style:dashed}
  .border-none{
    --tw-border-style:none;
    border-style:none}
  .border-\(--color-border\){
    border-color:var(--color-border)}
  .border-border,.border-border\/50{
    border-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .border-border\/50{
      border-color:color-mix(in oklab, var(--border) 50%, transparent)}
  }
  .border-input{
    border-color:var(--border)}
  .border-primary{
    border-color:var(--primary)}
  .border-transparent{
    border-color:#0000}
  .border-t-transparent{
    border-top-color:#0000}
  .border-l-transparent{
    border-left-color:#0000}
  .bg-\(--color-bg\){
    background-color:var(--color-bg)}
  .bg-\[Canvas\]{
    background-color:canvas}
  .bg-accent{
    background-color:#293b43}
  .bg-background{
    background-color:var(--background)}
  .bg-black\/50{
    background-color:#00000080}
  @supports (color:color-mix(in lab, red, red)){
    .bg-black\/50{
      background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
  }
  .bg-border{
    background-color:var(--border)}
  .bg-card{
    background-color:var(--card)}
  .bg-destructive{
    background-color:#f57777}
  .bg-foreground{
    background-color:var(--foreground)}
  .bg-input{
    background-color:var(--border)}
  .bg-muted{
    background-color:#213039}
  .bg-muted\/50{
    background-color:oklab(29.9788% -.0147832 -.0211982/.5)}
  .bg-popover{
    background-color:var(--background)}
  .bg-primary,.bg-primary\/20{
    background-color:var(--primary)}
  @supports (color:color-mix(in lab, red, red)){
    .bg-primary\/20{
      background-color:color-mix(in oklab, var(--primary) 20%, transparent)}
  }
  .bg-secondary{
    background-color:#203039}
  .bg-transparent{
    background-color:#0000}
  .bg-white{
    background-color:var(--color-white)}
  .bg-clip-padding{
    background-clip:padding-box}
  .bg-repeat{
    background-repeat:repeat}
  .mask-no-clip{
    -webkit-mask-clip:no-clip;
    mask-clip:no-clip}
  .mask-repeat{
    -webkit-mask-repeat:repeat;
    mask-repeat:repeat}
  .fill-current{
    fill:currentColor}
  .fill-foreground{
    fill:var(--foreground)}
  .fill-primary{
    fill:var(--primary)}
  .p-0{
    padding:calc(var(--spacing) * 0)}
  .p-1{
    padding:calc(var(--spacing) * 1)}
  .p-2{
    padding:calc(var(--spacing) * 2)}
  .p-3{
    padding:calc(var(--spacing) * 3)}
  .p-4{
    padding:calc(var(--spacing) * 4)}
  .p-6{
    padding:calc(var(--spacing) * 6)}
  .p-\[3px\]{
    padding:3px}
  .p-px{
    padding:1px}
  .px-\(--cell-size\){
    padding-inline:var(--cell-size)}
  .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-4{
    padding-inline:calc(var(--spacing) * 4)}
  .px-6{
    padding-inline:calc(var(--spacing) * 6)}
  .py-0\.5{
    padding-block:calc(var(--spacing) * .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-3{
    padding-block:calc(var(--spacing) * 3)}
  .py-4{
    padding-block:calc(var(--spacing) * 4)}
  .py-6{
    padding-block:calc(var(--spacing) * 6)}
  .pt-0{
    padding-top:calc(var(--spacing) * 0)}
  .pt-3{
    padding-top:calc(var(--spacing) * 3)}
  .pt-4{
    padding-top:calc(var(--spacing) * 4)}
  .pr-1{
    padding-right:calc(var(--spacing) * 1)}
  .pr-2{
    padding-right:calc(var(--spacing) * 2)}
  .pr-2\.5{
    padding-right:calc(var(--spacing) * 2.5)}
  .pr-3{
    padding-right:calc(var(--spacing) * 3)}
  .pr-8{
    padding-right:calc(var(--spacing) * 8)}
  .pr-9{
    padding-right:calc(var(--spacing) * 9)}
  .pb-2{
    padding-bottom:calc(var(--spacing) * 2)}
  .pb-3{
    padding-bottom:calc(var(--spacing) * 3)}
  .pb-4{
    padding-bottom:calc(var(--spacing) * 4)}
  .pl-2{
    padding-left:calc(var(--spacing) * 2)}
  .pl-3{
    padding-left:calc(var(--spacing) * 3)}
  .pl-4{
    padding-left:calc(var(--spacing) * 4)}
  .pl-8{
    padding-left:calc(var(--spacing) * 8)}
  .text-center{
    text-align:center}
  .text-left{
    text-align:left}
  .align-middle{
    vertical-align:middle}
  .font-mono{
    font-family:var(--font-mono)}
  .font-sans{
    font-family:Arial,Helvetica,sans-serif}
  .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-sm\/relaxed{
    font-size:var(--text-sm);
    line-height:var(--leading-relaxed)}
  .text-xs{
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))}
  .text-\[0\.8rem\]{
    font-size:.8rem}
  .leading-none{
    --tw-leading:1;
    line-height:1}
  .leading-normal{
    --tw-leading:var(--leading-normal);
    line-height:var(--leading-normal)}
  .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-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-tight{
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)}
  .tracking-widest{
    --tw-tracking:var(--tracking-widest);
    letter-spacing:var(--tracking-widest)}
  .text-balance{
    text-wrap:balance}
  .text-wrap{
    text-wrap:wrap}
  .break-words,.wrap-break-word{
    overflow-wrap:break-word}
  .text-clip{
    text-overflow:clip}
  .text-ellipsis{
    text-overflow:ellipsis}
  .whitespace-nowrap{
    white-space:nowrap}
  .text-\[CanvasText\]{
    color:canvastext}
  .text-accent-foreground{
    color:var(--foreground)}
  .text-background{
    color:var(--background)}
  .text-card-foreground{
    color:var(--foreground)}
  .text-current{
    color:currentColor}
  .text-destructive{
    color:#f57777}
  .text-foreground,.text-foreground\/60{
    color:var(--foreground)}
  @supports (color:color-mix(in lab, red, red)){
    .text-foreground\/60{
      color:color-mix(in oklab, var(--foreground) 60%, transparent)}
  }
  .text-muted-foreground{
    color:var(--muted-foreground)}
  .text-popover-foreground{
    color:var(--foreground)}
  .text-primary{
    color:var(--primary)}
  .text-primary-foreground{
    color:#111b20}
  .text-secondary-foreground{
    color:var(--foreground)}
  .text-white{
    color:var(--color-white)}
  .capitalize{
    text-transform:capitalize}
  .lowercase{
    text-transform:lowercase}
  .normal-case{
    text-transform:none}
  .uppercase{
    text-transform:uppercase}
  .italic{
    font-style:italic}
  .not-italic{
    font-style:normal}
  .diagonal-fractions{
    --tw-numeric-fraction:diagonal-fractions;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
  .lining-nums{
    --tw-numeric-figure:lining-nums;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
  .oldstyle-nums{
    --tw-numeric-figure:oldstyle-nums;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
  .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,)}
  .proportional-nums{
    --tw-numeric-spacing:proportional-nums;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
  .slashed-zero{
    --tw-slashed-zero:slashed-zero;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
  .stacked-fractions{
    --tw-numeric-fraction:stacked-fractions;
    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,)}
  .normal-nums{
    font-variant-numeric:normal}
  .line-through{
    text-decoration-line:line-through}
  .no-underline{
    text-decoration-line:none}
  .overline{
    text-decoration-line:overline}
  .underline{
    text-decoration-line:underline}
  .underline-offset-4{
    text-underline-offset:4px}
  .antialiased{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale}
  .subpixel-antialiased{
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto}
  .opacity-0{
    opacity:0}
  .opacity-50{
    opacity:.5}
  .opacity-60{
    opacity:.6}
  .opacity-70{
    opacity:.7}
  .shadow{
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    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_0_0_1px_var\(--sidebar-border\)\]{
    --tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-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-lg{
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .shadow-none{
    --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)}
  .shadow-sm{
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    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,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .shadow-xs{
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .ring-0{
    --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)}
  .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-3{
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .inset-ring{
    --tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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-background{
    --tw-ring-color:var(--background)}
  .ring-card{
    --tw-ring-color:var(--card)}
  .ring-foreground\/10{
    --tw-ring-color:var(--foreground)}
  @supports (color:color-mix(in lab, red, red)){
    .ring-foreground\/10{
      --tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}
  }
  .ring-ring\/50{
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .ring-offset-background{
    --tw-ring-offset-color:var(--background)}
  .outline-hidden{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .outline-hidden{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .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,)}
  .drop-shadow{
    --tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));
    --tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    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-grayscale{
    --tw-backdrop-grayscale:grayscale(100%);
    -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-invert{
    --tw-backdrop-invert:invert(100%);
    -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-sepia{
    --tw-backdrop-sepia:sepia(100%);
    -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-\[color\,box-shadow\]{
    transition-property:color,box-shadow;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))}
  .transition-\[left\,right\,width\]{
    transition-property:left,right,width;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))}
  .transition-\[margin\,opacity\]{
    transition-property:margin,opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))}
  .transition-\[translate\,scale\,opacity\]{
    transition-property:translate,scale,opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))}
  .transition-\[width\,height\,padding\]{
    transition-property:width,height,padding;
    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))}
  .transition-none{
    transition-property:none}
  .duration-100{
    --tw-duration:.1s;
    transition-duration:.1s}
  .duration-200{
    --tw-duration:.2s;
    transition-duration:.2s}
  .duration-300{
    --tw-duration:.3s;
    transition-duration:.3s}
  .duration-1000{
    --tw-duration:1s;
    transition-duration:1s}
  .ease-in-out{
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)}
  .ease-linear{
    --tw-ease:linear;
    transition-timing-function:linear}
  .contain-content{
    contain:content}
  .fade-in-0{
    --tw-enter-opacity:0}
  .outline-none{
    --tw-outline-style:none;
    outline-style:none}
  .select-none{
    -webkit-user-select:none;
    user-select:none}
  .zoom-in-95{
    --tw-enter-scale:.95}
  .\[--cell-size\:--spacing\(8\)\]{
    --cell-size:calc(var(--spacing) * 8)}
  .\[contain-intrinsic-size\:auto_10rem\]{
    contain-intrinsic-size:auto 10rem}
  .\[content-visibility\:auto\]{
    content-visibility:auto}
  :where(.divide-x-reverse>:not(:last-child)){
    --tw-divide-x-reverse:1}
  .paused{
    animation-play-state:paused}
  .ring-inset{
    --tw-ring-inset:inset}
  .running{
    animation-play-state:running}
  .zoom-in{
    --tw-enter-scale:0}
  .zoom-out{
    --tw-exit-scale:0}
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){
    opacity:1}
  @media (hover:hover){
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){
      opacity:1}
  }
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){
    padding-right:calc(var(--spacing) * 8)}
  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){
    width:calc(var(--spacing) * 10);
    height:calc(var(--spacing) * 10)}
  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6)}
  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){
    display:none}
  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){
    --tw-translate-y:calc(var(--spacing) * -8);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){
    padding-inline:calc(var(--spacing) * 0)}
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){
    text-wrap:balance}
  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){
    --tw-translate-y:calc(var(--spacing) * .5);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){
    align-self:flex-start}
  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){
    padding-top:calc(var(--spacing) * 2.5)}
  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){
    padding-bottom:calc(var(--spacing) * 2.5)}
  .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){
    display:flex}
  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){
    align-self:flex-end}
  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){
    justify-content:flex-end}
  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){
    align-self:flex-end}
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){
    margin-top:calc(var(--spacing) * -8)}
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){
    display:none}
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){
    width:calc(var(--spacing) * 8)!important;
    height:calc(var(--spacing) * 8)!important}
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){
    width:var(--sidebar-width-icon)}
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){
    width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){
    width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){
    overflow:hidden}
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){
    padding:calc(var(--spacing) * 0)!important}
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){
    padding:calc(var(--spacing) * 2)!important}
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){
    opacity:0}
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){
    right:calc(var(--sidebar-width) * -1)}
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){
    left:calc(var(--sidebar-width) * -1)}
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){
    width:calc(var(--spacing) * 0)}
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){
    --tw-translate-x:calc(var(--spacing) * 0);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){
    pointer-events:none}
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){
    opacity:.5}
  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){
    position:relative}
  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){
    z-index:10}
  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){
    border-color:#ff995a}
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){
    height:calc(var(--spacing) * 9)}
  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){
    position:absolute}
  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){
    top:calc(var(--spacing) * 3)}
  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){
    right:calc(var(--spacing) * 3)}
  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){
    width:100%}
  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){
    gap:calc(var(--spacing) * 1)}
  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){
    padding-inline:calc(var(--spacing) * 1)}
  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){
    height:fit-content}
  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){
    width:100%}
  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){
    flex-direction:column}
  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){
    justify-content:flex-start}
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){
    right:calc(var(--spacing) * -4)}
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){
    border-right-style:var(--tw-border-style);
    border-right-width:1px}
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){
    left:calc(var(--spacing) * 0)}
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){
    rotate:180deg}
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){
    border-left-style:var(--tw-border-style);
    border-left-width:1px}
  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){
    width:calc(var(--spacing) * 2.5);
    height:calc(var(--spacing) * 2.5)}
  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)}
  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){
    display:grid}
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){
    grid-template-columns:repeat(2,minmax(0,1fr))}
  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){
    width:calc(var(--spacing) * 8)}
  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){
    width:calc(var(--spacing) * 2);
    height:calc(var(--spacing) * 2)}
  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))}
  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){
    width:calc(var(--spacing) * 7)}
  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){
    border-radius:.4rem}
  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *){
    opacity:1}
  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){
    background-color:oklab(71.6065% .144135 .0574566/.1)}
  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state=error] *){
    color:#f57777}
  .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){
    color:oklab(71.6065% .144135 .0574566/.8)}
  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){
    opacity:1}
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){
    rotate:180deg}
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){
    border-radius:.6rem}
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){
    border-style:var(--tw-border-style);
    border-width:1px}
  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){
    background-color:#0000}
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){
    margin-bottom:calc(var(--spacing) * -2)}
  .group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){
    flex:none}
  .group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){
    text-align:center}
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){
    display:block}
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){
    text-align:center}
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    top:100%}
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    margin-top:calc(var(--spacing) * 1.5)}
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    overflow:hidden}
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    border-radius:.4rem}
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    border-style:var(--tw-border-style);
    border-width:1px}
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    background-color:var(--background)}
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    color:var(--foreground)}
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){
    --tw-duration:.2s;
    transition-duration:.2s}
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){
    cursor:not-allowed}
  .peer-disabled\:opacity-50:is(:where(.peer):disabled~*){
    opacity:.5}
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){
    top:calc(var(--spacing) * 1.5)}
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){
    top:calc(var(--spacing) * 2.5)}
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){
    top:calc(var(--spacing) * 1)}
  .selection\:bg-primary ::selection{
    background-color:var(--primary)}
  .selection\:bg-primary::selection{
    background-color:var(--primary)}
  .selection\:text-primary-foreground ::selection{
    color:#111b20}
  .selection\:text-primary-foreground::selection{
    color:#111b20}
  .file\:inline-flex::file-selector-button{
    display:inline-flex}
  .file\:h-7::file-selector-button{
    height:calc(var(--spacing) * 7)}
  .file\:border-0::file-selector-button{
    border-style:var(--tw-border-style);
    border-width:0}
  .file\:bg-transparent::file-selector-button{
    background-color:#0000}
  .file\:text-sm::file-selector-button{
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))}
  .file\:font-medium::file-selector-button{
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)}
  .file\:text-foreground::file-selector-button{
    color:var(--foreground)}
  .placeholder\:text-muted-foreground::placeholder{
    color:var(--muted-foreground)}
  .before\:mr-1:before{
    content:var(--tw-content);
    margin-right:calc(var(--spacing) * 1)}
  .before\:h-px:before{
    content:var(--tw-content);
    height:1px}
  .before\:min-w-0:before{
    content:var(--tw-content);
    min-width:calc(var(--spacing) * 0)}
  .before\:flex-1:before{
    content:var(--tw-content);
    flex:1}
  .before\:bg-border:before{
    content:var(--tw-content);
    background-color:var(--border)}
  .after\:absolute:after{
    content:var(--tw-content);
    position:absolute}
  .after\:-inset-2:after{
    content:var(--tw-content);
    inset:calc(var(--spacing) * -2)}
  .after\:inset-y-0:after{
    content:var(--tw-content);
    inset-block:calc(var(--spacing) * 0)}
  .after\:left-1\/2:after{
    content:var(--tw-content);
    left:50%}
  .after\:ml-1:after{
    content:var(--tw-content);
    margin-left:calc(var(--spacing) * 1)}
  .after\:h-px:after{
    content:var(--tw-content);
    height:1px}
  .after\:w-1:after{
    content:var(--tw-content);
    width:calc(var(--spacing) * 1)}
  .after\:w-\[2px\]:after{
    content:var(--tw-content);
    width:2px}
  .after\:min-w-0:after{
    content:var(--tw-content);
    min-width:calc(var(--spacing) * 0)}
  .after\:flex-1:after{
    content:var(--tw-content);
    flex:1}
  .after\:-translate-x-1\/2:after{
    content:var(--tw-content);
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .after\:bg-border:after{
    content:var(--tw-content);
    background-color:var(--border)}
  .after\:bg-foreground:after{
    content:var(--tw-content);
    background-color:var(--foreground)}
  .after\:opacity-0:after{
    content:var(--tw-content);
    opacity:0}
  .after\:transition-opacity:after{
    content:var(--tw-content);
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))}
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{
    content:var(--tw-content);
    left:100%}
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
    content:var(--tw-content);
    inset-inline:calc(var(--spacing) * 0)}
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
    content:var(--tw-content);
    bottom:-5px}
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
    content:var(--tw-content);
    height:calc(var(--spacing) * .5)}
  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
    content:var(--tw-content);
    inset-block:calc(var(--spacing) * 0)}
  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
    content:var(--tw-content);
    right:calc(var(--spacing) * -1)}
  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
    content:var(--tw-content);
    width:calc(var(--spacing) * .5)}
  .first\:rounded-l-md:first-child{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .first\:border-l:first-child{
    border-left-style:var(--tw-border-style);
    border-left-width:1px}
  .last\:mt-0:last-child{
    margin-top:calc(var(--spacing) * 0)}
  .last\:rounded-r-md:last-child{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .last\:border-b-0:last-child{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0}
  .focus-within\:border-ring:focus-within{
    border-color:#ff995a}
  .focus-within\:ring-1:focus-within{
    --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-within\:ring-\[3px\]:focus-within{
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-within\:ring-ring\/50:focus-within{
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  @media (hover:hover){
    .hover\:bg-accent:hover{
      background-color:#293b43}
    .hover\:bg-destructive\/90:hover{
      background-color:oklab(71.6065% .144135 .0574566/.9)}
    .hover\:bg-muted:hover{
      background-color:#213039}
    .hover\:bg-muted\/50:hover{
      background-color:oklab(29.9788% -.0147832 -.0211982/.5)}
    .hover\:bg-primary\/90:hover{
      background-color:var(--primary)}
    @supports (color:color-mix(in lab, red, red)){
      .hover\:bg-primary\/90:hover{
        background-color:color-mix(in oklab, var(--primary) 90%, transparent)}
    }
    .hover\:bg-secondary\/80:hover{
      background-color:oklab(29.9055% -.0159359 -.0215244/.8)}
    .hover\:text-accent-foreground:hover,.hover\:text-foreground:hover{
      color:var(--foreground)}
    .hover\:text-muted-foreground:hover{
      color:var(--muted-foreground)}
    .hover\:underline:hover{
      text-decoration-line:underline}
    .hover\:opacity-100:hover{
      opacity:1}
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));
      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-4:hover{
      --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\:z-10:focus{
    z-index:10}
  .focus\:bg-accent:focus{
    background-color:#293b43}
  .focus\:text-accent-foreground:focus{
    color:var(--foreground)}
  .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-ring:focus{
    --tw-ring-color:#ff995a}
  .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-hidden:focus{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .focus\:outline-hidden:focus{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .focus-visible\:z-10:focus-visible{
    z-index:10}
  .focus-visible\:border-ring:focus-visible{
    border-color:#ff995a}
  .focus-visible\:ring-0:focus-visible{
    --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-visible\:ring-1:focus-visible{
    --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-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-4:focus-visible{
    --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-visible\:ring-\[3px\]:focus-visible{
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-destructive\/20:focus-visible{
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.2)}
  .focus-visible\:ring-ring:focus-visible{
    --tw-ring-color:#ff995a}
  .focus-visible\:ring-ring\/50:focus-visible{
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .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-hidden:focus-visible{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .focus-visible\:outline-hidden:focus-visible{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .focus-visible\:outline-1:focus-visible{
    outline-style:var(--tw-outline-style);
    outline-width:1px}
  .focus-visible\:outline-ring:focus-visible{
    outline-color:#ff995a}
  .disabled\:pointer-events-none:disabled{
    pointer-events:none}
  .disabled\:cursor-not-allowed:disabled{
    cursor:not-allowed}
  .disabled\:opacity-50:disabled{
    opacity:.5}
  :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{
    cursor:w-resize}
  :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{
    cursor:e-resize}
  .has-focus\:border-ring:has(:focus){
    border-color:#ff995a}
  .has-focus\:ring-\[3px\]:has(:focus){
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .has-focus\:ring-ring\/50:has(:focus){
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .has-disabled\:pointer-events-none:has(:disabled){
    pointer-events:none}
  .has-disabled\:cursor-not-allowed:has(:disabled){
    cursor:not-allowed}
  .has-disabled\:opacity-50:has(:disabled){
    opacity:.5}
  .has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){
    background-color:oklab(29.9788% -.0147832 -.0211982/.5)}
  .has-aria-invalid\:border-destructive:has([aria-invalid=true]){
    border-color:#f57777}
  .has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.2)}
  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){
    grid-template-rows:auto auto 1fr}
  .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){
    column-gap:calc(var(--spacing) * 6)}
  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){
    width:calc(var(--spacing) * 30)}
  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){
    padding-inline:calc(var(--spacing) * 1.5)}
  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){
    padding-inline:calc(var(--spacing) * 2)}
  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){
    padding-inline:calc(var(--spacing) * 2.5)}
  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){
    padding-block:calc(var(--spacing) * 1)}
  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){
    padding-block:calc(var(--spacing) * 1.5)}
  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){
    padding-block:calc(var(--spacing) * 2)}
  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){
    padding:calc(var(--spacing) * 1)}
  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){
    padding:calc(var(--spacing) * 1.5)}
  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){
    padding:calc(var(--spacing) * 2)}
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){
    grid-template-columns:1fr auto}
  .has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){
    padding-inline:calc(var(--spacing) * 1.5)}
  .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){
    padding-right:calc(var(--spacing) * 0)}
  .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){
    border-color:var(--primary)}
  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){
    background-color:var(--primary)}
  @supports (color:color-mix(in lab, red, red)){
    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){
      background-color:color-mix(in oklab, var(--primary) 5%, transparent)}
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){
    border-color:#ff995a}
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){
    border-color:#f57777}
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.2)}
  .has-\[button\]\:p-0:has(:is(button)){
    padding:calc(var(--spacing) * 0)}
  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){
    opacity:.5}
  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){
    height:auto}
  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){
    flex-direction:column}
  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){
    height:auto}
  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){
    flex-direction:column}
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){
    gap:calc(var(--spacing) * 2)}
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){
    gap:calc(var(--spacing) * 3)}
  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){
    align-items:flex-start}
  .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){
    width:100%}
  .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){
    flex-direction:column}
  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){
    border-radius:.4rem}
  .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){
    border-style:var(--tw-border-style);
    border-width:1px}
  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){
    gap:calc(var(--spacing) * 3)}
  @media (hover:hover){
    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{
      background-color:oklab(29.9788% -.0147832 -.0211982/.5)}
  }
  .has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){
    margin-right:-.45rem}
  .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){
    margin-left:-.45rem}
  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){
    margin-right:-.35rem}
  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){
    margin-left:-.35rem}
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){
    grid-template-columns:calc(var(--spacing) * 4) 1fr}
  .has-\[\>svg\]\:gap-x-3:has(>svg){
    column-gap:calc(var(--spacing) * 3)}
  .has-\[\>svg\]\:p-0:has(>svg){
    padding:calc(var(--spacing) * 0)}
  .has-\[\>svg\]\:px-1\.5:has(>svg){
    padding-inline:calc(var(--spacing) * 1.5)}
  .has-\[\>svg\]\:px-2:has(>svg){
    padding-inline:calc(var(--spacing) * 2)}
  .has-\[\>svg\]\:px-2\.5:has(>svg){
    padding-inline:calc(var(--spacing) * 2.5)}
  .has-\[\>svg\]\:px-3:has(>svg){
    padding-inline:calc(var(--spacing) * 3)}
  .has-\[\>svg\]\:px-4:has(>svg){
    padding-inline:calc(var(--spacing) * 4)}
  .has-\[\>textarea\]\:h-auto:has(>textarea){
    height:auto}
  .aria-disabled\:pointer-events-none[aria-disabled=true]{
    pointer-events:none}
  .aria-disabled\:opacity-50[aria-disabled=true]{
    opacity:.5}
  .aria-invalid\:border-destructive[aria-invalid=true]{
    border-color:#f57777}
  .aria-invalid\:ring-destructive\/20[aria-invalid=true]{
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.2)}
  .aria-selected\:text-muted-foreground[aria-selected=true]{
    color:var(--muted-foreground)}
  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{
    height:1px}
  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{
    width:100%}
  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{
    content:var(--tw-content);
    left:calc(var(--spacing) * 0)}
  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{
    content:var(--tw-content);
    height:calc(var(--spacing) * 1)}
  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{
    content:var(--tw-content);
    width:100%}
  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{
    content:var(--tw-content);
    --tw-translate-x:calc(var(--spacing) * 0);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{
    content:var(--tw-content);
    --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{
    flex-direction:column}
  .data-closed\:animate-out[data-closed]{
    animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-closed\:fade-out-0[data-closed]{
    --tw-exit-opacity:0}
  .data-closed\:zoom-out-95[data-closed]{
    --tw-exit-scale:.95}
  .data-empty\:p-0[data-empty]{
    padding:calc(var(--spacing) * 0)}
  .data-highlighted\:bg-accent[data-highlighted]{
    background-color:#293b43}
  .data-highlighted\:text-accent-foreground[data-highlighted]{
    color:var(--foreground)}
  .data-open\:animate-in[data-open]{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-open\:fade-in-0[data-open]{
    --tw-enter-opacity:0}
  .data-open\:zoom-in-95[data-open]{
    --tw-enter-scale:.95}
  .data-pressed\:bg-transparent[data-pressed]{
    background-color:#0000}
  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{
    align-self:flex-end}
  .data-\[active\=false\]\:pointer-events-none[data-active=false]{
    pointer-events:none}
  .data-\[active\=false\]\:scale-95[data-active=false]{
    --tw-scale-x:95%;
    --tw-scale-y:95%;
    --tw-scale-z:95%;
    scale:var(--tw-scale-x) var(--tw-scale-y)}
  .data-\[active\=false\]\:opacity-0[data-active=false]{
    opacity:0}
  .data-\[active\=false\]\:duration-400[data-active=false]{
    --tw-duration:.4s;
    transition-duration:.4s}
  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{
    --tw-ease:cubic-bezier(.7,0,.84,0);
    transition-timing-function:cubic-bezier(.7,0,.84,0)}
  .data-\[active\=true\]\:z-10[data-active=true]{
    z-index:10}
  .data-\[active\=true\]\:translate-y-0[data-active=true]{
    --tw-translate-y:calc(var(--spacing) * 0);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[active\=true\]\:scale-100[data-active=true]{
    --tw-scale-x:100%;
    --tw-scale-y:100%;
    --tw-scale-z:100%;
    scale:var(--tw-scale-x) var(--tw-scale-y)}
  .data-\[active\=true\]\:border-ring[data-active=true]{
    border-color:#ff995a}
  .data-\[active\=true\]\:bg-accent\/50[data-active=true]{
    background-color:oklab(34.0194% -.0184052 -.0198784/.5)}
  .data-\[active\=true\]\:font-medium[data-active=true]{
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)}
  .data-\[active\=true\]\:text-accent-foreground[data-active=true]{
    color:var(--foreground)}
  .data-\[active\=true\]\:opacity-100[data-active=true]{
    opacity:1}
  .data-\[active\=true\]\:ring-\[3px\][data-active=true]{
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .data-\[active\=true\]\:ring-ring\/50[data-active=true]{
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{
    --tw-ease:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)}
  @media (hover:hover){
    .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{
      background-color:#293b43}
  }
  .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{
    background-color:#293b43}
  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{
    border-color:#f57777}
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.2)}
  .data-\[align\=end\]\:flex-row-reverse[data-align=end]{
    flex-direction:row-reverse}
  .data-\[align\=end\]\:self-end[data-align=end]{
    align-self:flex-end}
  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{
    min-width:var(--anchor-width)}
  .data-\[direction\=end\]\:bottom-4[data-direction=end]{
    bottom:calc(var(--spacing) * 4)}
  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{
    --tw-translate-y:100%;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[direction\=start\]\:top-4[data-direction=start]{
    top:calc(var(--spacing) * 4)}
  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{
    --tw-translate-y:-100%;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[disabled\]\:pointer-events-none[data-disabled]{
    pointer-events:none}
  .data-\[disabled\]\:opacity-50[data-disabled]{
    opacity:.5}
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{
    pointer-events:none}
  .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{
    opacity:.5}
  .data-\[error\=true\]\:text-destructive[data-error=true]{
    color:#f57777}
  .data-\[inset\]\:pl-8[data-inset]{
    padding-left:calc(var(--spacing) * 8)}
  .data-\[invalid\=true\]\:text-destructive[data-invalid=true]{
    color:#f57777}
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{
    --tw-enter-translate-x:calc(52*var(--spacing))}
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{
    --tw-enter-translate-x:calc(52*var(--spacing)*-1)}
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{
    --tw-exit-translate-x:calc(52*var(--spacing))}
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{
    --tw-exit-translate-x:calc(52*var(--spacing)*-1)}
  .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{
    --tw-enter-opacity:0}
  .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{
    animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{
    --tw-exit-opacity:0}
  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{
    height:calc(var(--spacing) * 1.5)}
  .data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{
    height:100%}
  .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{
    height:1px}
  .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{
    width:100%}
  .data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{
    flex-direction:column}
  .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{
    height:auto}
  .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{
    height:100%}
  .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{
    min-height:calc(var(--spacing) * 44)}
  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{
    width:calc(var(--spacing) * 1.5)}
  .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{
    width:auto}
  .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{
    width:100%}
  .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{
    width:1px}
  .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{
    flex-direction:column}
  .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{
    color:var(--muted-foreground)}
  .data-\[range-end\=true\]\:rounded-md[data-range-end=true]{
    border-radius:.4rem}
  .data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .data-\[range-end\=true\]\:bg-primary[data-range-end=true]{
    background-color:var(--primary)}
  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{
    color:#111b20}
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{
    border-radius:0}
  .data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{
    background-color:#293b43}
  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{
    color:var(--foreground)}
  .data-\[range-start\=true\]\:rounded-md[data-range-start=true]{
    border-radius:.4rem}
  .data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .data-\[range-start\=true\]\:bg-primary[data-range-start=true]{
    background-color:var(--primary)}
  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{
    color:#111b20}
  .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{
    background-color:var(--primary)}
  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{
    color:#111b20}
  .data-\[selected\=true\]\:rounded-none[data-selected=true]{
    border-radius:0}
  .data-\[selected\=true\]\:bg-accent[data-selected=true]{
    background-color:#293b43}
  .data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{
    color:var(--foreground)}
  .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
    --tw-translate-y:calc(var(--spacing) * 1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{
    --tw-enter-translate-y:calc(2*var(--spacing)*-1)}
  .data-\[side\=left\]\:-translate-x-1[data-side=left]{
    --tw-translate-x:calc(var(--spacing) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{
    --tw-enter-translate-x:calc(2*var(--spacing))}
  .data-\[side\=right\]\:translate-x-1[data-side=right]{
    --tw-translate-x:calc(var(--spacing) * 1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{
    --tw-enter-translate-x:calc(2*var(--spacing)*-1)}
  .data-\[side\=top\]\:-translate-y-1[data-side=top]{
    --tw-translate-y:calc(var(--spacing) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{
    --tw-enter-translate-y:calc(2*var(--spacing))}
  .data-\[size\=default\]\:h-9[data-size=default]{
    height:calc(var(--spacing) * 9)}
  .data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{
    height:1.15rem}
  .data-\[size\=default\]\:w-8[data-size=default]{
    width:calc(var(--spacing) * 8)}
  .data-\[size\=lg\]\:size-10[data-size=lg]{
    width:calc(var(--spacing) * 10);
    height:calc(var(--spacing) * 10)}
  .data-\[size\=sm\]\:size-6[data-size=sm]{
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6)}
  .data-\[size\=sm\]\:h-3\.5[data-size=sm]{
    height:calc(var(--spacing) * 3.5)}
  .data-\[size\=sm\]\:h-8[data-size=sm]{
    height:calc(var(--spacing) * 8)}
  .data-\[size\=sm\]\:w-6[data-size=sm]{
    width:calc(var(--spacing) * 6)}
  .data-\[size\=sm\]\:max-w-xs[data-size=sm]{
    max-width:var(--container-xs)}
  .data-\[size\=sm\]\:py-1[data-size=sm]{
    padding-block:calc(var(--spacing) * 1)}
  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{
    color:oklab(71.6065% .144135 .0574566/.9)}
  :is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{
    flex:none}
  :is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{
    scroll-snap-align:start}
  :is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{
    --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)}
  :is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{
    --tw-ring-color:var(--background)}
  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{
    border-radius:0}
  :is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{
    border-color:var(--border)}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{
    background-color:oklch(from var(--primary) .93 calc(c * .4) h)}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background>*)[data-slot=bubble-content]{
    background-color:var(--background)}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{
    background-color:oklab(71.6065% .144135 .0574566/.1)}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{
    background-color:#213039}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{
    background-color:var(--primary)}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{
    background-color:#203039}
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{
    background-color:#0000}
  :is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{
    padding:calc(var(--spacing) * 0)}
  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{
    color:#f57777}
  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{
    color:var(--foreground)}
  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{
    color:#111b20}
  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{
    color:var(--foreground)}
  .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{
    gap:calc(var(--spacing) * 3)}
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{
    height:calc(var(--spacing) * 12)}
  :is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{
    margin:calc(var(--spacing) * 1)}
  :is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{
    margin-bottom:calc(var(--spacing) * 0)}
  :is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{
    height:calc(var(--spacing) * 8)}
  :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{
    border-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{
      border-color:color-mix(in oklab, var(--border) 30%, transparent)}
  }
  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{
    background-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{
      background-color:color-mix(in oklab, var(--border) 30%, transparent)}
  }
  :is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{
    --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)}
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]: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)}
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{
    --tw-outline-style:none;
    outline-style:none}
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden}
  :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{
    display:flex}
  :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{
    align-items:center}
  :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{
    gap:calc(var(--spacing) * 2)}
  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{
    width:calc(var(--spacing) * 6)!important;
    height:calc(var(--spacing) * 6)!important}
  .data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{
    border-radius:0}
  .data-\[spacing\=0\]\:shadow-none[data-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)}
  .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .data-\[state\=active\]\:bg-background[data-state=active]{
    background-color:var(--background)}
  .data-\[state\=active\]\:text-foreground[data-state=active]{
    color:var(--foreground)}
  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
    background-color:#0000}
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
    --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)}
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{
    content:var(--tw-content);
    opacity:1}
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{
    --tw-translate-x:calc(100% - 2px);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[state\=checked\]\:border-primary[data-state=checked]{
    border-color:var(--primary)}
  .data-\[state\=checked\]\:bg-primary[data-state=checked]{
    background-color:var(--primary)}
  .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{
    color:#111b20}
  .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
    animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=closed\]\:animate-out[data-state=closed]{
    animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=closed\]\:duration-300[data-state=closed]{
    --tw-duration:.3s;
    transition-duration:.3s}
  .data-\[state\=closed\]\:fade-out-0[data-state=closed]{
    --tw-exit-opacity:0}
  .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{
    --tw-exit-scale:.95}
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{
    --tw-exit-translate-y:100%}
  .data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{
    --tw-exit-translate-x:-100%}
  .data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{
    --tw-exit-translate-x:100%}
  .data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{
    --tw-exit-translate-y:-100%}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{
    animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{
    --tw-exit-opacity:0}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{
    --tw-exit-scale:.95}
  .data-\[state\=error\]\:border-destructive\/30[data-state=error]{
    border-color:oklab(71.6065% .144135 .0574566/.3)}
  .data-\[state\=hidden\]\:animate-out[data-state=hidden]{
    animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=hidden\]\:fade-out[data-state=hidden]{
    --tw-exit-opacity:0}
  .data-\[state\=idle\]\:border-dashed[data-state=idle]{
    --tw-border-style:dashed;
    border-style:dashed}
  .data-\[state\=on\]\:bg-accent[data-state=on]{
    background-color:#293b43}
  .data-\[state\=on\]\:text-accent-foreground[data-state=on]{
    color:var(--foreground)}
  .data-\[state\=open\]\:animate-accordion-down[data-state=open]{
    animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=open\]\:animate-in[data-state=open]{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=open\]\:bg-accent[data-state=open]{
    background-color:#293b43}
  .data-\[state\=open\]\:bg-accent\/50[data-state=open]{
    background-color:oklab(34.0194% -.0184052 -.0198784/.5)}
  .data-\[state\=open\]\:bg-secondary[data-state=open]{
    background-color:#203039}
  .data-\[state\=open\]\:text-accent-foreground[data-state=open]{
    color:var(--foreground)}
  .data-\[state\=open\]\:text-muted-foreground[data-state=open]{
    color:var(--muted-foreground)}
  .data-\[state\=open\]\:opacity-100[data-state=open]{
    opacity:1}
  .data-\[state\=open\]\:duration-500[data-state=open]{
    --tw-duration:.5s;
    transition-duration:.5s}
  .data-\[state\=open\]\:fade-in-0[data-state=open]{
    --tw-enter-opacity:0}
  .data-\[state\=open\]\:zoom-in-90[data-state=open]{
    --tw-enter-scale:.9}
  .data-\[state\=open\]\:zoom-in-95[data-state=open]{
    --tw-enter-scale:.95}
  .data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{
    --tw-enter-translate-y:100%}
  .data-\[state\=open\]\:slide-in-from-left[data-state=open]{
    --tw-enter-translate-x:-100%}
  .data-\[state\=open\]\:slide-in-from-right[data-state=open]{
    --tw-enter-translate-x:100%}
  .data-\[state\=open\]\:slide-in-from-top[data-state=open]{
    --tw-enter-translate-y:-100%}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{
    --tw-enter-opacity:0}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{
    --tw-enter-scale:.95}
  @media (hover:hover){
    .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{
      background-color:#293b43}
  }
  .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{
    background-color:#293b43}
  .data-\[state\=selected\]\:bg-muted[data-state=selected]{
    background-color:#213039}
  .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{
    --tw-translate-x:calc(var(--spacing) * 0);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{
    background-color:var(--border)}
  .data-\[state\=visible\]\:animate-in[data-state=visible]{
    animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}
  .data-\[state\=visible\]\:fade-in[data-state=visible]{
    --tw-enter-opacity:0}
  .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{
    color:#f57777}
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{
    background-color:oklab(71.6065% .144135 .0574566/.1)}
  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{
    color:#f57777}
  .data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{
    max-width:100%}
  .data-\[variant\=label\]\:text-sm[data-variant=label]{
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))}
  .data-\[variant\=legend\]\:text-base[data-variant=legend]{
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))}
  .data-\[variant\=line\]\:rounded-none[data-variant=line]{
    border-radius:0}
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{
    border-left-style:var(--tw-border-style);
    border-left-width:0}
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{
    border-left-style:var(--tw-border-style);
    border-left-width:1px}
  .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{
    inset-inline:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{
    bottom:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{
    margin-top:calc(var(--spacing) * 24)}
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{
    max-height:80vh}
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{
    border-top-left-radius:.6rem;
    border-top-right-radius:.6rem}
  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{
    border-top-style:var(--tw-border-style);
    border-top-width:1px}
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{
    inset-block:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{
    left:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{
    width:75%}
  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{
    border-right-style:var(--tw-border-style);
    border-right-width:1px}
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{
    inset-block:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{
    right:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{
    width:75%}
  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{
    border-left-style:var(--tw-border-style);
    border-left-width:1px}
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{
    inset-inline:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{
    top:calc(var(--spacing) * 0)}
  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{
    margin-bottom:calc(var(--spacing) * 24)}
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{
    max-height:80vh}
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{
    border-bottom-right-radius:.6rem;
    border-bottom-left-radius:.6rem}
  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px}
  .nth-last-2\:-mt-1:nth-last-child(2){
    margin-top:calc(var(--spacing) * -1)}
  @media (width>=40rem){
    .sm\:block{
      display:block}
    .sm\:flex{
      display:flex}
    .sm\:max-w-lg{
      max-width:var(--container-lg)}
    .sm\:max-w-sm{
      max-width:var(--container-sm)}
    .sm\:flex-row{
      flex-direction:row}
    .sm\:justify-end{
      justify-content:flex-end}
    .sm\:gap-2\.5{
      gap:calc(var(--spacing) * 2.5)}
    .sm\:pr-2\.5{
      padding-right:calc(var(--spacing) * 2.5)}
    .sm\:pl-2\.5{
      padding-left:calc(var(--spacing) * 2.5)}
    .sm\:text-left{
      text-align:left}
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){
      grid-row:span 2/span 2}
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){
      place-items:start}
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){
      text-align:left}
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){
      grid-column-start:2}
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){
      grid-template-rows:auto 1fr}
    .data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{
      max-width:var(--container-lg)}
    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{
      max-width:var(--container-sm)}
  }
  @media (width>=48rem){
    .md\:absolute{
      position:absolute}
    .md\:block{
      display:block}
    .md\:flex{
      display:flex}
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
      width:var(--radix-navigation-menu-viewport-width)}
    .md\:w-auto{
      width:auto}
    .md\:flex-row{
      flex-direction:row}
    .md\:gap-1\.5{
      gap:calc(var(--spacing) * 1.5)}
    .md\:p-12{
      padding:calc(var(--spacing) * 12)}
    .md\:text-left{
      text-align:left}
    .md\:text-sm{
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))}
    .md\:opacity-0{
      opacity:0}
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){
      margin:calc(var(--spacing) * 2)}
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){
      margin-left:calc(var(--spacing) * 0)}
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){
      border-radius:var(--radius-xl)}
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){
      margin-left:calc(var(--spacing) * 2)}
    .md\:after\:hidden:after{
      content:var(--tw-content);
      display:none}
  }
  @container field-group (width>=28rem){
    .\@md\/field-group\:flex-row{
      flex-direction:row}
    .\@md\/field-group\:items-center{
      align-items:center}
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){
      align-items:flex-start}
  }
  .rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){
    --tw-translate-x:calc(1 / 2 * 100%);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .dark\:border-input:is(.dark *){
    border-color:var(--border)}
  .dark\:bg-destructive\/60:is(.dark *){
    background-color:oklab(71.6065% .144135 .0574566/.6)}
  .dark\:bg-input\/30:is(.dark *){
    background-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .dark\:bg-input\/30:is(.dark *){
      background-color:color-mix(in oklab, var(--border) 30%, transparent)}
  }
  .dark\:bg-transparent:is(.dark *){
    background-color:#0000}
  .dark\:text-muted-foreground:is(.dark *){
    color:var(--muted-foreground)}
  @media (hover:hover){
    .dark\:hover\:bg-accent\/50:is(.dark *):hover{
      background-color:oklab(34.0194% -.0184052 -.0198784/.5)}
    .dark\:hover\:bg-input\/50:is(.dark *):hover{
      background-color:var(--border)}
    @supports (color:color-mix(in lab, red, red)){
      .dark\:hover\:bg-input\/50:is(.dark *):hover{
        background-color:color-mix(in oklab, var(--border) 50%, transparent)}
    }
    .dark\:hover\:text-accent-foreground:is(.dark *):hover,.dark\:hover\:text-foreground:is(.dark *):hover{
      color:var(--foreground)}
  }
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.4)}
  .dark\:has-aria-invalid\:border-destructive\/50:is(.dark *):has([aria-invalid=true]){
    border-color:oklab(71.6065% .144135 .0574566/.5)}
  .dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid=true]){
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.4)}
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){
    background-color:var(--primary)}
  @supports (color:color-mix(in lab, red, red)){
    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){
      background-color:color-mix(in oklab, var(--primary) 10%, transparent)}
  }
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true],.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.4)}
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){
    --tw-ring-color:oklab(71.6065% .144135 .0574566/.4)}
  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:is(.dark *)>*)[data-slot=bubble-content]{
    background-color:oklch(from var(--primary) .3 calc(c * .4) h)}
  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *)>*)[data-slot=bubble-content]{
    background-color:oklab(71.6065% .144135 .0574566/.2)}
  .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{
    border-color:var(--border)}
  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{
    background-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{
      background-color:color-mix(in oklab, var(--border) 30%, transparent)}
  }
  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{
    color:var(--foreground)}
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
    border-color:#0000}
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
    background-color:#0000}
  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{
    background-color:var(--primary)}
  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{
    background-color:#111b20}
  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{
    background-color:var(--foreground)}
  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{
    background-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{
      background-color:color-mix(in oklab, var(--border) 80%, transparent)}
  }
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{
    background-color:oklab(71.6065% .144135 .0574566/.2)}
  @media (pointer:coarse){
    .pointer-coarse\:size-5{
      width:calc(var(--spacing) * 5);
      height:calc(var(--spacing) * 5)}
    .pointer-coarse\:px-3{
      padding-inline:calc(var(--spacing) * 3)}
    .pointer-coarse\:py-2{
      padding-block:calc(var(--spacing) * 2)}
    .pointer-coarse\:text-sm{
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))}
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{
    fill:var(--muted-foreground)}
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{
    stroke:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{
      stroke:color-mix(in oklab, var(--border) 50%, transparent)}
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{
    stroke:var(--border)}
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{
    stroke:#0000}
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{
    stroke:var(--border)}
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{
    fill:#213039}
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{
    stroke:var(--border)}
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{
    stroke:#0000}
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{
    --tw-outline-style:none;
    outline-style:none}
  @media (forced-colors:active){
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{
      outline-offset:2px;
      outline:2px solid #0000}
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
    padding-inline:calc(var(--spacing) * 2)}
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
    padding-block:calc(var(--spacing) * 1.5)}
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))}
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)}
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
    color:var(--muted-foreground)}
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
    padding-inline:calc(var(--spacing) * 2)}
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{
    padding-top:calc(var(--spacing) * 0)}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
    height:calc(var(--spacing) * 5)}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
    width:calc(var(--spacing) * 5)}
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
    height:calc(var(--spacing) * 12)}
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
    padding-inline:calc(var(--spacing) * 2)}
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
    padding-block:calc(var(--spacing) * 3)}
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
    height:calc(var(--spacing) * 5)}
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
    width:calc(var(--spacing) * 5)}
  .\[\&_img\]\:size-full img{
    width:100%;
    height:100%}
  .\[\&_img\]\:object-cover img{
    object-fit:cover}
  .\[\&_p\]\:leading-relaxed p{
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed)}
  .\[\&_svg\]\:pointer-events-none svg{
    pointer-events:none}
  .\[\&_svg\]\:shrink-0 svg{
    flex-shrink:0}
  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{
    rotate:180deg}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6)}
  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5)}
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){
    color:var(--muted-foreground)}
  .\[\&_tr\]\:border-b tr{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px}
  .\[\&_tr\:last-child\]\:border-0 tr:last-child{
    border-style:var(--tw-border-style);
    border-width:0}
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{
    flex:none}
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
    padding-right:calc(var(--spacing) * 0)}
  .\[\.border-b\]\:pb-3.border-b{
    padding-bottom:calc(var(--spacing) * 3)}
  .\[\.border-b\]\:pb-6.border-b{
    padding-bottom:calc(var(--spacing) * 6)}
  .\[\.border-t\]\:pt-3.border-t{
    padding-top:calc(var(--spacing) * 3)}
  .\[\.border-t\]\:pt-6.border-t{
    padding-top:calc(var(--spacing) * 6)}
  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){
    rotate:180deg}
  .\[a\]\:underline:is(a){
    text-decoration-line:underline}
  .\[a\]\:underline-offset-3:is(a){
    text-underline-offset:3px}
  .\[a\]\:transition-colors:is(a){
    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))}
  :is(.\*\:\[a\]\:underline>*):is(a){
    text-decoration-line:underline}
  :is(.\*\:\[a\]\:underline-offset-3>*):is(a){
    text-underline-offset:3px}
  @media (hover:hover){
    .\[a\]\:hover\:bg-accent\/50:is(a):hover{
      background-color:oklab(34.0194% -.0184052 -.0198784/.5)}
    .\[a\]\:hover\:text-foreground:is(a):hover,:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{
      color:var(--foreground)}
  }
  .\[button\]\:text-left:is(button){
    text-align:left}
  .\[button\,a\]\:transition-colors:is(button,a){
    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))}
  .\[button\,a\]\:outline-none:is(button,a){
    --tw-outline-style:none;
    outline-style:none}
  .\[button\,a\]\:focus-visible\:border-ring:is(button,a):focus-visible{
    border-color:#ff995a}
  .\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{
    --tw-ring-color:oklab(77.7296% .0916204 .112692/.5)}
  :is(.\*\:\[img\]\:aspect-square>*):is(img){
    aspect-ratio:1}
  :is(.\*\:\[img\]\:w-full>*):is(img){
    width:100%}
  :is(.\*\:\[img\]\:object-cover>*):is(img){
    object-fit:cover}
  :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{
    display:flex}
  :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{
    align-items:center}
  :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{
    gap:calc(var(--spacing) * 2)}
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){
    color:#f57777!important}
  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){
    width:calc(var(--spacing) * 8);
    height:calc(var(--spacing) * 8)}
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{
    border-top-left-radius:.4rem;
    border-bottom-left-radius:.4rem}
  .\[\&\>\*\]\:w-full>*{
    width:100%}
  .\[\&\>\*\]\:focus-visible\:relative>:focus-visible{
    position:relative}
  .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{
    z-index:10}
  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{
    padding:calc(var(--spacing) * 4)}
  @container field-group (width>=28rem){
    .\@md\/field-group\:\[\&\>\*\]\:w-auto>*{
      width:auto}
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){
    border-top-left-radius:0;
    border-top-right-radius:0}
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0}
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){
    border-top-style:var(--tw-border-style);
    border-top-width:0}
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){
    border-left-style:var(--tw-border-style);
    border-left-width:0}
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0}
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){
    border-bottom-right-radius:0;
    border-bottom-left-radius:0}
  .\[\&\>\.sr-only\]\:w-auto>.sr-only{
    width:auto}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
    background-color:var(--muted)}
  @supports (color:color-mix(in lab, red, red)){
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
      background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
    background-color:var(--secondary)}
  @supports (color:color-mix(in lab, red, red)){
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
      background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{
    background-color:oklch(from var(--primary) .88 calc(c * .5) h)}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{
    background-color:oklab(71.6065% .144135 .0574566/.2)}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{
    background-color:#213039}
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{
    background-color:var(--primary)}
  @supports (color:color-mix(in lab, red, red)){
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{
      background-color:color-mix(in oklab, var(--primary) 80%, transparent)}
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{
    color:var(--foreground)}
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:is(.dark *)>[data-slot=bubble-content]:is(button,a):hover{
    background-color:oklch(from var(--primary) .35 calc(c * .5) h)}
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *)>[data-slot=bubble-content]:is(button,a):hover{
    background-color:oklab(71.6065% .144135 .0574566/.3)}
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *)>[data-slot=bubble-content]:is(button,a):hover{
    background-color:var(--border)}
  @supports (color:color-mix(in lab, red, red)){
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *)>[data-slot=bubble-content]:is(button,a):hover{
      background-color:color-mix(in oklab, var(--border) 30%, transparent)}
  }
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *)>[data-slot=bubble-content]:is(button,a):hover{
    background-color:oklab(29.9788% -.0147832 -.0211982/.5)}
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{
    gap:calc(var(--spacing) * 4)}
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{
    flex:auto}
  @container field-group (width>=28rem){
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{
      flex:auto}
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{
    border-top-right-radius:.4rem;
    border-bottom-right-radius:.4rem}
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){
    width:fit-content}
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
    --tw-translate-y:2px;
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  :is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){
    margin-top:1px}
  @container field-group (width>=28rem){
    :is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){
      margin-top:1px}
  }
  .\[\&\>a\]\:underline>a{
    text-decoration-line:underline}
  .\[\&\>a\]\:underline-offset-4>a{
    text-underline-offset:4px}
  .\[\&\>a\:hover\]\:text-primary>a:hover{
    color:var(--primary)}
  .\[\&\>button\]\:hidden>button{
    display:none}
  .\[\&\>input\]\:flex-1>input{
    flex:1}
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{
    padding-top:calc(var(--spacing) * 3)}
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{
    padding-bottom:calc(var(--spacing) * 3)}
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{
    padding-right:calc(var(--spacing) * 2)}
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{
    padding-left:calc(var(--spacing) * 2)}
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{
    border-radius:calc(var(--radius) - 5px)}
  .\[\&\>span\]\:text-xs>span{
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))}
  .\[\&\>span\]\:opacity-70>span{
    opacity:.7}
  .\[\&\>span\:last-child\]\:truncate>span:last-child{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden}
  .\[\&\>svg\]\:pointer-events-none>svg{
    pointer-events:none}
  .\[\&\>svg\]\:size-3>svg{
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .\[\&\>svg\]\:size-3\.5>svg{
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5)}
  .\[\&\>svg\]\:size-4>svg{
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)}
  .\[\&\>svg\]\:h-2\.5>svg{
    height:calc(var(--spacing) * 2.5)}
  .\[\&\>svg\]\:h-3>svg{
    height:calc(var(--spacing) * 3)}
  .\[\&\>svg\]\:w-2\.5>svg{
    width:calc(var(--spacing) * 2.5)}
  .\[\&\>svg\]\:w-3>svg{
    width:calc(var(--spacing) * 3)}
  .\[\&\>svg\]\:shrink-0>svg{
    flex-shrink:0}
  .\[\&\>svg\]\:translate-y-0\.5>svg{
    --tw-translate-y:calc(var(--spacing) * .5);
    translate:var(--tw-translate-x) var(--tw-translate-y)}
  .\[\&\>svg\]\:text-current>svg{
    color:currentColor}
  .\[\&\>svg\]\:text-muted-foreground>svg{
    color:var(--muted-foreground)}
  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{
    width:calc(var(--spacing) * 5);
    height:calc(var(--spacing) * 5)}
  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3)}
  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{
    width:calc(var(--spacing) * 2);
    height:calc(var(--spacing) * 2)}
  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{
    display:none}
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5)}
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)}
  .\[\&\>tr\]\:last\:border-b-0>tr:last-child{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0}
  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{
    rotate:90deg}
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
    rotate:180deg}
  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
    right:calc(var(--spacing) * -2)}
  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
    cursor:e-resize}
  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
    left:calc(var(--spacing) * -2)}
  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
    cursor:w-resize}
  [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{
    background-color:#0000}
  [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{
    background-color:var(--background)}
  @supports (color:color-mix(in lab, red, red)){
    [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{
      background-color:color-mix(in oklab, var(--background) 20%, transparent)}
  }
  [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{
    color:var(--background)}
  [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){
    background-color:var(--background)}
  @supports (color:color-mix(in lab, red, red)){
    [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){
      background-color:color-mix(in oklab, var(--background) 10%, transparent)}
  }
  [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{
    margin-top:calc(var(--spacing) * -1.5)}
  @media (hover:hover){
    a.\[a\&\]\:hover\:bg-accent:hover{
      background-color:#293b43}
    a.\[a\&\]\:hover\:bg-destructive\/90:hover{
      background-color:oklab(71.6065% .144135 .0574566/.9)}
    a.\[a\&\]\:hover\:bg-primary\/90:hover{
      background-color:var(--primary)}
    @supports (color:color-mix(in lab, red, red)){
      a.\[a\&\]\:hover\:bg-primary\/90:hover{
        background-color:color-mix(in oklab, var(--primary) 90%, transparent)}
    }
    a.\[a\&\]\:hover\:bg-secondary\/90:hover{
      background-color:oklab(29.9055% -.0159359 -.0215244/.9)}
    a.\[a\&\]\:hover\:text-accent-foreground:hover{
      color:var(--foreground)}
    a.\[a\&\]\:hover\:underline:hover{
      text-decoration-line:underline}
  }
}
@property --tw-animation-delay{
  syntax:"*";
  inherits:false;
  initial-value:0s}
@property --tw-animation-direction{
  syntax:"*";
  inherits:false;
  initial-value:normal}
@property --tw-animation-duration{
  syntax:"*";
  inherits:false}
@property --tw-animation-fill-mode{
  syntax:"*";
  inherits:false;
  initial-value:none}
@property --tw-animation-iteration-count{
  syntax:"*";
  inherits:false;
  initial-value:1}
@property --tw-enter-blur{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-enter-opacity{
  syntax:"*";
  inherits:false;
  initial-value:1}
@property --tw-enter-rotate{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-enter-scale{
  syntax:"*";
  inherits:false;
  initial-value:1}
@property --tw-enter-translate-x{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-enter-translate-y{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-exit-blur{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-exit-opacity{
  syntax:"*";
  inherits:false;
  initial-value:1}
@property --tw-exit-rotate{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-exit-scale{
  syntax:"*";
  inherits:false;
  initial-value:1}
@property --tw-exit-translate-x{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-exit-translate-y{
  syntax:"*";
  inherits:false;
  initial-value:0}
:root,.dark{
  --background:#10191f;
  --foreground:#e8eeed;
  --card:#142027;
  --primary:#f9a366;
  --muted-foreground:#9aabae;
  --border:#2a373e;
  --amber:#f9a366;
  --mint:#65dfcc;
  --dim:#809397;
  --panel:#131e25;
  --path:#65dfcc}
*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth}
body{
  color:var(--foreground);
  -webkit-font-smoothing:antialiased;
  background:#0c1419;
  margin:0;
  font:1rem/1.5 Arial,Helvetica,sans-serif}
button,a,input{
  -webkit-tap-highlight-color:transparent}
button{
  font:inherit;
  cursor:pointer}
button:disabled{
  cursor:not-allowed}
button:focus-visible,a:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:4px}
button,a{
  transition:background .18s,color .18s,border-color .18s,transform .18s}
button:disabled{
  opacity:.45}
a{
  color:inherit;
  text-decoration:none}
button svg{
  flex-shrink:0}
h1,h2,h3,p{
  margin:0}
button:enabled:active{
  transform:translateY(1px)}
.game{
  background:radial-gradient(at 55% 0,#1a292d55,#0000 55%),#0e171d;
  max-width:1920px;
  min-height:100vh;
  margin:auto}
.topbar{
  border-bottom:1px solid var(--border);
  justify-content:space-between;
  align-items:center;
  gap:24px;
  height:90px;
  padding:0 36px;
  display:flex}
.brand{
  align-items:center;
  gap:13px;
  display:flex}
.brand-mark{
  width:43px;
  height:49px;
  color:var(--amber);
  clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);
  border:1px solid #f9a3665c;
  place-items:center;
  display:grid}
.brand>span:last-child{
  flex-direction:column;
  line-height:1.12;
  display:flex}
.brand b{
  letter-spacing:.37em;
  color:#b5c0c0;
  font-size:.75rem;
  font-weight:500}
.brand strong{
  letter-spacing:.08em;
  font-size:1.438rem;
  font-weight:700}
.brand strong span{
  color:var(--amber);
  vertical-align:middle;
  margin-left:6px;
  font-size:.8125rem}
.header-status{
  letter-spacing:.06em;
  color:#a4b4b6;
  align-items:center;
  gap:13px;
  font-family:monospace;
  font-size:.75rem;
  display:flex}
.header-status>span:last-child{
  color:#657d84}
.separator{
  color:#47606b;
  margin:0 3px}
.live-dot,.save-dot{
  background:var(--mint);
  border-radius:50%;
  width:5px;
  height:5px;
  display:inline-block;
  box-shadow:0 0 8px #65dfcc60}
.header-controls{
  gap:8px;
  display:flex}
.icon-button{
  color:#a9babc;
  background:0 0;
  border:1px solid #0000;
  border-radius:5px;
  place-items:center;
  width:38px;
  height:38px;
  display:grid}
.icon-button:hover{
  color:#fff;
  background:#24343c;
  border-color:#31464e}
.resource-strip{
  border-bottom:1px solid var(--border);
  background:#1420278a;
  grid-template-columns:1.65fr 1fr 1fr 1fr .9fr;
  padding:0 36px;
  display:grid}
.wallet{
  border-right:1px solid var(--border);
  align-items:center;
  gap:12px;
  min-width:0;
  padding:20px 24px 20px 0;
  display:flex}
.resource-icon{
  background:#f9a36612;
  border:1px solid #f9a36627;
  border-radius:50%;
  flex-shrink:0;
  place-items:center;
  width:40px;
  height:40px;
  display:grid}
.amber{
  color:var(--amber)}
.eyebrow{
  letter-spacing:.12em;
  color:#9eafb2;
  font-family:monospace;
  font-size:.75rem;
  font-weight:400;
  line-height:1.4;
  display:block}
.wallet .eyebrow{
  letter-spacing:.1em;
  font-size:.75rem}
.wallet strong{
  color:#ffe0b3;
  white-space:nowrap;
  font:600 1.438rem/1.4 Arial,Helvetica,sans-serif}
.income{
  color:var(--mint);
  white-space:nowrap;
  margin-left:auto;
  font:.75rem/1.4 monospace}
.income small{
  color:#82999c;
  text-align:right;
  display:block}
.resource{
  color:var(--mint);
  background:0 0;
  border:0;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:15px 24px;
  display:flex}
.resource div{
  flex-direction:column;
  display:flex}
.resource span{
  color:#8fa4aa;
  white-space:nowrap;
  font-size:.75rem}
.resource b{
  letter-spacing:.01em;
  color:#e4edec;
  font-family:monospace;
  font-size:1.125rem;
  font-weight:500}
.resource.ore{
  color:#84b5ee}
.resource.components{
  color:#bd9ee9}
.resource.shards{
  color:#e5c494}
.resource.shards:hover{
  background:#26313a}
.game-layout{
  grid-template-columns:225px minmax(380px,1fr) 335px;
  align-items:start;
  gap:26px;
  padding:28px 36px 24px;
  display:grid}
.section-label{
  color:#91a5ab;
  letter-spacing:.1em;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
  font:.75rem/1.4 monospace;
  display:flex}
.section-label>span{
  color:#5c737c}
.planet-card{
  text-align:left;
  background:#16232c;
  border:1px solid #3a515a;
  border-radius:5px;
  width:100%;
  height:155px;
  position:relative;
  overflow:hidden}
.planet-card>img{
  object-fit:cover;
  object-position:60% 10%;
  opacity:.65;
  width:100%;
  height:100%;
  transition:transform .7s;
  position:absolute;
  inset:0}
.planet-card:hover>img{
  transform:scale(1.08)}
.planet-card:after{
  content:"";
  background:linear-gradient(#0000,#111e28f2);
  position:absolute;
  inset:0}
.planet-card-copy{
  z-index:1;
  flex-direction:column;
  justify-content:flex-end;
  padding:17px;
  display:flex;
  position:absolute;
  inset:0}
.planet-card-copy .eyebrow{
  color:#ccd7d8;
  letter-spacing:.13em;
  font-size:.75rem}
.planet-card-copy strong{
  font-size:1.75rem;
  font-weight:500;
  line-height:1.4}
.planet-card-copy>span:last-child{
  color:#b3c3c7;
  align-items:center;
  gap:12px;
  font-size:.75rem;
  display:flex}
.profession-panel{
  margin-top:26px;
  margin-bottom:15px}
.profession{
  text-align:left;
  width:100%;
  color:var(--profession);
  background:0 0;
  border:1px solid #0000;
  border-radius:4px;
  align-items:center;
  gap:12px;
  margin-bottom:2px;
  padding:12px 8px;
  display:flex}
.profession.chosen{
  background:#20303870;
  border-color:#2b414b}
.profession:hover{
  background:#223038}
.profession>span{
  flex:1;
  min-width:0}
.profession b{
  color:#c8d3d5;
  font-size:.875rem;
  font-weight:500;
  display:block}
.profession small{
  color:#7e969f;
  margin:2px 0 8px;
  font-size:.75rem;
  display:block}
.meter{
  background:#2c3a40;
  border-radius:2px;
  height:3px}
.meter [data-slot=progress-indicator]{
  background:var(--amber);
  border-radius:2px;
  transition:transform .15s linear}
.profession .meter{
  height:2px}
.profession .meter [data-slot=progress-indicator]{
  background:var(--profession)}
.nav-row{
  color:#a6b7bc;
  text-align:left;
  background:0 0;
  border:0;
  border-radius:4px;
  align-items:center;
  gap:11px;
  width:100%;
  padding:11px 8px;
  font-size:.875rem;
  display:flex}
.nav-row:hover{
  color:#fff;
  background:#223038}
.nav-row>span,.nav-row>svg:last-child:not(:first-child){
  color:#7f939a;
  margin-left:auto;
  font-size:.75rem}
.nav-row.genesis{
  color:#ceafef;
  margin-top:2px}
.nav-row .ready{
  color:#d5baff;
  background:#b593e522;
  padding:2px 5px;
  font-size:.75rem}
.mission{
  background:linear-gradient(120deg,#3b312222,#1a242a);
  border:1px solid #a5885d40;
  border-radius:5px;
  margin-top:24px;
  padding:16px}
.mission .eyebrow{
  color:#c6ac86;
  letter-spacing:.06em;
  align-items:center;
  gap:7px;
  font-size:.75rem;
  display:flex}
.mission h3{
  color:#e2e3d9;
  margin:13px 0 7px;
  font-size:1rem;
  font-weight:500;
  line-height:1.4}
.mission p{
  color:#8fa3aa;
  font-size:.75rem;
  line-height:1.6}
.mission>div{
  border-top:1px solid #a5885d25;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding-top:12px;
  display:flex}
.mission>div>span{
  color:#e7c18f;
  font:.75rem monospace}
.mission button{
  color:var(--mint);
  background:0 0;
  border:0;
  align-items:center;
  gap:3px;
  font-size:.75rem;
  display:flex}
.mission button:disabled{
  color:#83979c;
  opacity:.7}
.field-note{
  color:#6f8891;
  margin:24px 5px 5px;
  font:italic .75rem/1.8 Georgia,serif}
.field-heading{
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding-bottom:21px;
  display:flex}
.field-heading .eyebrow{
  color:var(--amber);
  letter-spacing:.19em;
  font-size:.75rem;
  font-weight:500}
.field-heading h1{
  letter-spacing:-.035em;
  margin-top:3px;
  font-size:2rem;
  font-weight:500;
  line-height:1.45}
.field-heading h1 span{
  color:#82959c;
  font-weight:400}
.field-heading p{
  color:#93a8ae;
  align-items:center;
  gap:6px;
  font-size:.75rem;
  display:flex}
.sector-tag{
  color:#c9d7d8;
  background:#1a282f;
  border:1px solid #3a4b53;
  border-radius:5px;
  grid-template-columns:auto auto;
  align-items:center;
  gap:0 12px;
  padding:8px 13px;
  display:grid}
.sector-tag span{
  letter-spacing:.14em;
  color:#839ca6;
  grid-column:1;
  font:.75rem monospace}
.sector-tag b{
  grid-column:1;
  font:1.5rem/1.2 monospace}
.sector-tag>svg{
  color:var(--amber);
  grid-area:1/2/3}
.activity-tabs{
  margin-bottom:12px}
.activity-list{
  background:#17242c;
  border:1px solid #2b3b44;
  border-radius:5px;
  gap:3px;
  width:100%;
  padding:4px;
  display:flex;
  height:44px!important}
.activity-list [data-slot=tabs-trigger]{
  border-radius:3px;
  gap:7px;
  min-width:0;
  padding:8px 4px;
  font-size:.75rem}
.activity-list [data-state=active]{
  color:var(--path)!important;
  background:#2e3e43!important;
  border-color:#0000!important;
  box-shadow:inset 0 0 0 1px #536d7060!important}
.activity-list [data-slot=tabs-trigger]:disabled{
  opacity:.45}
.stage{
  aspect-ratio:1.21;
  isolation:isolate;
  background:#172527;
  border:1px solid #3d4c4b;
  border-radius:6px;
  min-height:430px;
  position:relative;
  overflow:hidden}
.landscape{
  object-fit:cover;
  object-position:52% 45%;
  width:104%;
  max-width:none;
  height:104%;
  filter:hue-rotate(var(--planet-hue));
  animation:40s ease-in-out infinite alternate environment-drift;
  position:absolute;
  inset:-2%}
.stage-vignette{
  background:linear-gradient(#0a191d99,#0000 38%,#0a171829 62%,#0a151ce8),linear-gradient(90deg,#09191d25,#0000,#09191d25);
  position:absolute;
  inset:0}
.stage-grain{
  opacity:.1;
  pointer-events:none;
  background:repeating-linear-gradient(#0000 0 3px,#000 4px);
  position:absolute;
  inset:0}
.scene-top{
  z-index:2;
  justify-content:space-between;
  align-items:center;
  display:flex;
  position:absolute;
  top:16px;
  left:19px;
  right:19px}
.environment-label{
  letter-spacing:.1em;
  color:#b3d1ce;
  align-items:center;
  gap:7px;
  font:.75rem monospace;
  display:flex}
.environment-label .live-dot{
  width:4px;
  height:4px}
.coordinates{
  color:#a8b4b3;
  opacity:.8;
  font:.75rem monospace}
.target-label{
  text-align:center;
  z-index:2;
  text-shadow:0 2px 12px #000;
  position:absolute;
  top:56px;
  left:0;
  right:0}
.target-label .eyebrow{
  color:#d9b996;
  letter-spacing:.18em;
  font-size:.75rem}
.target-label h2{
  letter-spacing:.005em;
  color:#f3eee5;
  font-size:1.812rem;
  font-weight:500;
  line-height:1.4}
.target-label>span:last-child{
  color:#c1d0ca;
  font-size:.75rem}
.creature-wrap{
  pointer-events:none;
  justify-content:center;
  align-items:center;
  animation:4s ease-in-out infinite creature-breathe;
  display:flex;
  position:absolute;
  inset:32% 8% 21% 14%}
.creature{
  object-fit:contain;
  filter:drop-shadow(0 16px 13px #0008);
  transform-origin:50% 85%;
  pointer-events:none;
  width:100%;
  height:100%}
.creature.flinch-a{
  animation:.16s ease-out flinch-a}
.creature.flinch-b{
  animation:.16s ease-out flinch-b}
.target-reticle{
  opacity:.32;
  z-index:2;
  pointer-events:none;
  width:69%;
  height:42%;
  position:absolute;
  top:31%;
  left:16%}
.target-reticle>span{
  border-style:solid;
  border-color:#b4d5ca;
  width:16px;
  height:16px;
  position:absolute}
.target-reticle>span:first-child{
  border-width:1px 0 0 1px;
  top:0;
  left:0}
.target-reticle>span:nth-child(2){
  border-width:1px 1px 0 0;
  top:0;
  right:0}
.target-reticle>span:nth-child(3){
  border-width:0 0 1px 1px;
  bottom:0;
  left:0}
.target-reticle>span:nth-child(4){
  border-width:0 1px 1px 0;
  bottom:0;
  right:0}
.field-hit{
  z-index:5;
  cursor:crosshair;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
  background:0 0;
  border:0;
  border-radius:6px;
  width:100%;
  height:100%;
  position:absolute;
  inset:0}
.field-hit:focus-visible{
  outline:2px solid var(--path);
  outline-offset:-5px}
.field-hit:hover{
  background:#65dfcc03}
.stage-bottom{
  z-index:3;
  pointer-events:none;
  position:absolute;
  bottom:18px;
  left:24px;
  right:24px}
.health-label{
  letter-spacing:.07em;
  color:#a5b9bd;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
  font:.75rem monospace;
  display:flex}
.health-label b{
  color:#cbddd7;
  font-size:.75rem;
  font-weight:400}
.stage .meter{
  background:#172a2c;
  height:5px}
.stage .meter [data-slot=progress-indicator]{
  background:var(--path);
  box-shadow:0 0 12px var(--path)}
.stage .tool-energy{
  opacity:.65}
.tap-hint{
  color:#dce4dc;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin-top:17px;
  font-size:.75rem;
  display:flex}
.tap-hint>svg{
  color:var(--path)}
.keyboard-hint{
  color:#b4c0b9;
  letter-spacing:.02em;
  border:1px solid #82978a55;
  border-radius:3px;
  margin-left:auto;
  padding:4px 5px;
  font:.75rem monospace}
.ambient-particles{
  pointer-events:none;
  position:absolute;
  inset:0}
.ambient-particles i{
  opacity:0;
  background:#c6ebdb;
  border-radius:50%;
  width:3px;
  height:3px;
  animation:7s ease-in-out infinite particle-drift;
  position:absolute;
  box-shadow:0 0 8px #dcffe4}
.floating-number{
  z-index:8;
  color:var(--path);
  text-shadow:0 2px 3px #101b16,0 0 15px #000;
  pointer-events:none;
  white-space:nowrap;
  font:600 1.25rem monospace;
  animation:1.1s ease-out forwards float-number;
  position:absolute}
.auto-fire{
  transform-origin:50% 100%;
  z-index:2;
  opacity:0;
  background:linear-gradient(#f6e2ae,#faab65,#0000);
  width:2px;
  height:50%;
  animation:2.1s linear infinite auto-beam;
  position:absolute;
  bottom:17%;
  left:51%;
  transform:rotate(-29deg)}
.scanner-display{
  width:200px;
  height:160px;
  color:var(--path);
  text-shadow:0 0 8px var(--path);
  filter:drop-shadow(0 0 15px #133142);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:20px;
  display:flex;
  position:absolute;
  top:38%;
  left:50%;
  transform:translate(-50%)}
.scanner-display>span{
  letter-spacing:.1em;
  font:.75rem monospace}
.scanner-ring{
  border:1px solid var(--path);
  opacity:.4;
  border-style:dashed;
  border-radius:50%;
  width:180px;
  height:180px;
  animation:24s linear infinite spin;
  position:absolute;
  top:-23px;
  left:10px}
.scanner-ring.second{
  opacity:.25;
  width:144px;
  height:144px;
  animation-direction:reverse;
  inset:-5px 28px auto}
.stage.boss .target-label .eyebrow{
  color:#ffb26e}
.stage.boss.hunt{
  border-color:#c08054;
  box-shadow:0 0 30px #b2521011}
.expedition-bar{
  border-bottom:1px solid #263841;
  align-items:center;
  gap:16px;
  padding:18px 0;
  display:flex}
.expedition-bar>div:first-child{
  color:#839da5;
  align-items:center;
  gap:10px;
  min-width:145px;
  display:flex}
.expedition-bar>div:first-child>span{
  color:#c9d5d8;
  font-size:.8125rem}
.expedition-bar small{
  color:#7b939d;
  margin-top:2px;
  font-size:.75rem;
  display:block}
.sector-progress{
  flex:1}
.sector-progress>.meter{
  margin-bottom:7px}
.sector-progress>span{
  color:#6d8994;
  text-align:center;
  font-size:.75rem;
  display:block}
.auto-label{
  color:#a7b8bd;
  white-space:nowrap;
  align-items:center;
  gap:7px;
  font-size:.75rem;
  display:flex}
.auto-label [data-slot=switch]{
  width:26px;
  height:15px}
.auto-label [data-slot=switch-thumb]{
  width:11px;
  height:11px}
.production-grid{
  grid-template-columns:repeat(3,1fr);
  padding:21px 0;
  display:grid}
.production-grid>div{
  color:#85a5b0;
  border-right:1px solid #28383f;
  align-items:center;
  gap:10px;
  padding-left:18px;
  display:flex}
.production-grid>div:first-child{
  padding-left:0}
.production-grid>div:last-child{
  border:0}
.production-grid>div>span{
  color:#91a5ae;
  font-size:.75rem}
.production-grid b{
  color:#d4dfdf;
  font:1.188rem/1.6 monospace;
  display:block}
.production-grid small{
  color:#839ca7;
  font:.75rem monospace}
.transmission{
  color:#6994a4;
  background:#15232b;
  border:1px solid #283a43;
  border-radius:5px;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:13px 14px;
  display:flex}
.transmission .eyebrow{
  white-space:nowrap;
  letter-spacing:.07em;
  color:#849da9;
  font-size:.75rem}
.transmission>span:last-child{
  color:#b3c1c5;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:.75rem;
  overflow:hidden}
.upgrades-heading{
  justify-content:space-between;
  align-items:center;
  margin:1px 0 20px;
  display:flex}
.upgrades-heading .eyebrow{
  letter-spacing:.13em;
  color:#90a6ae;
  font-size:.75rem}
.upgrades-heading h2{
  letter-spacing:-.03em;
  margin-top:5px;
  font-size:1.438rem;
  font-weight:500}
.upgrades-heading>svg{
  color:#be986d;
  margin-left:10px}
.upgrade-tabs{
  background:0 0;
  border-bottom:1px solid #2d4049;
  border-radius:0;
  width:100%;
  padding:0;
  display:flex;
  height:39px!important}
.upgrade-tabs [data-slot=tabs-trigger]{
  color:#88a0a9;
  border:0;
  border-radius:0;
  padding:10px 3px;
  font-size:.8125rem;
  font-weight:400}
.upgrade-tabs [data-state=active]{
  border:0!important;
  border-bottom:2px solid var(--amber)!important;
  color:#efd3b3!important;
  box-shadow:none!important;
  background:0 0!important}
.quantity-row{
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:9px 0 15px;
  display:flex}
.quantity-row>span{
  color:#728f9d;
  letter-spacing:.13em;
  font:.75rem monospace}
.quantity-row>div{
  background:#121e25;
  border:1px solid #263b46;
  border-radius:4px;
  flex:1;
  gap:2px;
  padding:3px;
  display:flex}
.quantity-row button{
  color:#9db0b9;
  background:0 0;
  border:1px solid #0000;
  border-radius:2px;
  flex:1;
  min-width:0;
  padding:5px 4px;
  font:.75rem monospace}
.quantity-row button:hover{
  color:#e2d5be;
  background:#29383b}
.quantity-row button.selected{
  color:#f9b379;
  background:#f9a36619;
  border-color:#f9a3665c}
.upgrade-content{
  flex-direction:column;
  gap:12px;
  display:flex}
.upgrade-card{
  background:linear-gradient(125deg,#1b2b3270,#17242b);
  border:1px solid #2e414a;
  border-radius:5px;
  padding:16px;
  position:relative}
.upgrade-card.locked{
  opacity:.65;
  background:#142027;
  border-color:#26363e}
.upgrade-title{
  align-items:center;
  gap:12px;
  display:flex}
.upgrade-icon{
  color:#7cc4b7;
  background:#65dfcc0c;
  border:1px solid #65dfcc20;
  border-radius:4px;
  place-items:center;
  width:39px;
  height:40px;
  display:grid}
.upgrade-icon.hunt{
  color:#daa680;
  background:#f9a3660a;
  border-color:#f9a36622}
.upgrade-icon.mine{
  color:#82b1d9;
  background:#80b2ff0a;
  border-color:#80b2ff22}
.upgrade-icon.craft{
  color:#af98d3;
  background:#c1a0fb0a;
  border-color:#c1a0fb22}
.upgrade-title h3{
  color:#d8e0df;
  font-size:.9375rem;
  font-weight:500;
  line-height:1.5}
.upgrade-title>div>span{
  letter-spacing:.05em;
  color:#7896a2;
  margin-top:2px;
  font:.75rem monospace;
  display:block}
.info-button{
  color:#607e8d;
  background:0 0;
  border:0;
  align-self:flex-start;
  margin-left:auto;
  padding:2px}
.upgrade-card>p{
  color:#9db0b8;
  min-height:17px;
  margin:12px 0 13px;
  font-size:.75rem;
  line-height:1.6}
.upgrade-milestone{
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  display:flex}
.upgrade-milestone .meter{
  background:#2d3d42;
  flex:1;
  height:2px}
.upgrade-milestone .meter [data-slot=progress-indicator]{
  background:#6899a5}
.upgrade-milestone>span{
  white-space:nowrap;
  color:#6e8c97;
  font-size:.75rem}
.buy-button{
  color:#b8c4c5;
  background:#22313a;
  border:1px solid #43515a;
  border-radius:4px;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  width:100%;
  min-height:38px;
  padding:10px;
  font-size:.75rem;
  display:flex}
.buy-button>span{
  align-items:center;
  gap:5px;
  display:flex}
.buy-button>b{
  white-space:nowrap;
  font:500 .75rem monospace}
.buy-button.affordable{
  color:#282420;
  background:linear-gradient(100deg,#ffc285,#efa36b);
  border-color:#ffc28c;
  box-shadow:0 2px 7px #0002}
.buy-button.affordable:hover{
  background:#ffce95;
  box-shadow:0 0 14px #f9a36620}
.buy-button:disabled{
  opacity:.5}
.buy-preview{
  color:#a5c8b9;
  text-align:center;
  margin-top:8px;
  font-size:.75rem;
  display:block}
.upgrade-tip{
  color:#7e989f;
  align-items:start;
  gap:9px;
  margin:19px 5px 0;
  display:flex}
.upgrade-tip>svg{
  color:#b49574;
  flex-shrink:0;
  margin-top:3px}
.upgrade-tip p{
  font-size:.75rem;
  line-height:1.7}
.upgrade-tip strong{
  color:#b6c6c6;
  font-weight:400}
.footer{
  color:#5f7b88;
  border-top:1px solid #22343d;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin:0 36px;
  padding:18px 0 22px;
  font:.75rem monospace;
  display:flex}
.footer>span:first-child{
  align-items:center;
  gap:7px;
  display:flex}
.save-dot{
  box-shadow:none;
  background:#76a79b;
  width:4px;
  height:4px}
.footer i{
  margin:0 8px;
  font-style:normal}
.footer button{
  color:#8198a2;
  background:0 0;
  border:0;
  align-items:center;
  gap:7px;
  font:.75rem monospace;
  display:flex}
.game-tooltip{
  color:#ecf1e8;
  background:#31464c;
  border:1px solid #546660;
  max-width:290px;
  font-size:.75rem;
  line-height:1.65;
  box-shadow:0 12px 24px #0006}
.game-dialog{
  color:#e7efef;
  background:#15232b;
  border:1px solid #3e515b;
  border-radius:9px;
  gap:16px;
  width:calc(100vw - 32px);
  max-height:90dvh;
  padding:30px;
  font-size:.875rem;
  line-height:1.65;
  overflow-y:auto;
  box-shadow:0 25px 100px #0008}
.game-dialog [data-slot=dialog-title],.game-dialog [data-slot=alert-dialog-title]{
  letter-spacing:-.035em;
  font-size:1.688rem;
  font-weight:500;
  line-height:1.3}
.game-dialog [data-slot=dialog-description],.game-dialog [data-slot=alert-dialog-description]{
  color:#9cb1b9;
  font-size:.875rem;
  line-height:1.75}
.game-dialog h3{
  color:#d5e0e0;
  font-size:1rem;
  font-weight:500}
.game-dialog p{
  color:#a6bac2;
  font-size:.875rem;
  line-height:1.8}
.game-dialog small{
  color:#809aa6;
  font-size:.75rem}
.game-dialog .eyebrow{
  color:var(--amber);
  font-size:.75rem}
.game-dialog button[data-slot=dialog-close]{
  position:absolute;
  top:17px;
  right:17px}
.primary{
  background:var(--amber);
  color:#292623;
  border:1px solid #ffc18d;
  border-radius:4px;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:43px;
  padding:10px 16px;
  font-size:.875rem;
  font-weight:500;
  display:flex}
.primary:hover:enabled{
  background:#ffbc8a}
.primary:disabled{
  color:#d8d9d2;
  opacity:.5;
  background:#35434a;
  border-color:#48575e}
.settings-section{
  border-top:1px solid #31434c;
  flex-direction:column;
  gap:14px;
  padding-top:18px;
  display:flex}
.setting-line{
  color:#b6c8ce;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-size:.875rem;
  display:flex}
.volume-row label{
  color:#a5b8c0;
  justify-content:space-between;
  margin-bottom:12px;
  font-size:.8125rem;
  display:flex}
.volume-row{
  padding:3px 0}
.volume-row label span{
  font:.75rem monospace}
.subtle-button{
  color:#bbd8d8;
  background:#22373e;
  border:1px solid #3b535c;
  border-radius:4px;
  align-items:center;
  gap:8px;
  width:fit-content;
  padding:8px 12px;
  font-size:.8125rem;
  display:flex}
.save-name-field{
  color:#b6c8ce;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:.8125rem}
.save-name-field input{
  color:#c0d2d8;
  background:#22343f;
  border:1px solid #3c515c;
  border-radius:0;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:8px 10px;
  font:inherit}
.save-name-field input::placeholder{
  color:#a5b8c0}
.save-name-field input:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:2px}
.save-actions{
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  display:grid}
.save-actions button{
  color:#c0d2d8;
  background:#22343f;
  border:1px solid #3c515c;
  border-radius:4px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:12px 6px;
  font-size:.75rem;
  display:flex}
.save-actions button:hover{
  background:#304853}
.danger-button{
  color:#e5a29c;
  background:0 0;
  border:0;
  align-items:center;
  gap:7px;
  width:fit-content;
  padding:6px 0;
  font-size:.8125rem;
  display:flex}
.danger-confirm{
  color:#fff!important;
  background:#bd4e48!important}
.wide-dialog{
  max-width:900px!important}
.planet-grid{
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  display:grid}
.destination{
  background:#192a33;
  border:1px solid #344b55;
  border-radius:6px;
  flex-direction:column;
  gap:11px;
  padding-bottom:15px;
  display:flex;
  overflow:hidden}
.destination.current{
  border-color:#85bdac}
.destination-art{
  height:115px;
  position:relative;
  overflow:hidden}
.destination-art>img{
  object-fit:cover;
  width:100%;
  height:100%}
.destination-art>span{
  color:#dee6df;
  letter-spacing:.05em;
  background:#11212dc7;
  padding:4px 7px;
  font:.75rem monospace;
  position:absolute;
  bottom:9px;
  left:11px}
.destination>h3,.destination>p,.destination>div:not(.destination-art),.destination>button{
  margin:0 14px}
.destination>h3{
  font-size:1.312rem}
.destination>p{
  flex:1;
  font-size:.75rem;
  line-height:1.7}
.destination-requirement{
  color:#9bb6bd;
  align-items:center;
  gap:5px;
  font:.75rem monospace;
  display:flex}
.destination .primary{
  min-height:38px;
  padding:9px 6px;
  font-size:.75rem}
.welcome-dialog{
  padding-top:150px;
  overflow:hidden}
.welcome-art{
  height:130px;
  position:absolute;
  top:0;
  left:0;
  right:0}
.welcome-art>img{
  object-fit:cover;
  object-position:50% 25%;
  opacity:.65;
  width:100%;
  height:100%}
.welcome-art:after{
  content:"";
  background:linear-gradient(#0000,#15232b);
  position:absolute;
  inset:0}
.welcome-art>svg{
  color:#dde6d7;
  z-index:1;
  position:absolute;
  bottom:15px;
  left:30px}
.welcome-main{
  color:var(--amber);
  background:#d9a3630a;
  border:1px solid #9a8d6340;
  border-radius:5px;
  align-items:center;
  gap:15px;
  padding:15px;
  display:flex}
.welcome-main>span{
  color:#b4b7a9;
  font:.75rem monospace}
.welcome-main b{
  color:#f5d4a4;
  margin-top:3px;
  font-size:1.688rem;
  display:block}
.welcome-grid{
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  display:grid}
.welcome-grid>div{
  color:#c4dbde;
  background:#1c3039;
  border-radius:5px;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:14px 5px;
  font:1.062rem monospace;
  display:flex}
.welcome-grid svg{
  color:#82b4bf;
  width:18px;
  margin-bottom:4px}
.welcome-grid small{
  font:.75rem Arial,sans-serif}
.offline-events{
  color:#e8c986;
  background:#937d2820;
  border:1px solid #bfaf4740;
  border-radius:4px;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:12px;
  font-size:.8125rem;
  display:flex}
.offline-events small{
  width:100%;
  margin-left:26px}
.offline-events svg{
  width:19px}
.prestige-dialog{
  text-align:center}
.prestige-icon{
  color:#c3a2eb;
  margin:3px auto 0}
.prestige-dialog .eyebrow{
  color:#c0a4da}
.prestige-amount{
  color:#d9b8ff;
  letter-spacing:-.05em;
  padding:10px;
  font:3.125rem/1.2 monospace}
.prestige-amount>span{
  letter-spacing:.12em;
  color:#a58cb9;
  margin-top:12px;
  font:.75rem monospace;
  display:block}
.prestige-dialog strong{
  color:#d8c0f0;
  font-weight:500}
.prestige-details{
  background:#9270b30b;
  border:1px solid #82679b4d;
  border-radius:4px;
  flex-direction:column;
  gap:10px;
  padding:14px;
  display:flex}
.prestige-details>span{
  color:#c5b7d4;
  justify-content:space-between;
  gap:15px;
  font-size:.75rem;
  display:flex}
.prestige-details svg{
  width:15px}
.muted{
  color:#7f9ba5!important;
  font-size:.75rem!important}
.prestige-dialog .primary{
  background:#c6a5ed;
  border-color:#d8b6ff}
.sector-navigation{
  justify-content:space-between;
  align-items:center;
  padding:20px 0;
  display:flex}
.sector-navigation>button{
  color:#b9d3db;
  background:#243d48;
  border:1px solid #3f5963;
  border-radius:4px;
  padding:10px}
.sector-navigation>strong{
  color:var(--amber);
  font:1.688rem monospace}
.journal-tabs{
  background:#20353e;
  gap:2px;
  width:100%;
  min-height:42px;
  margin-bottom:15px;
  display:flex;
  height:auto!important}
.journal-tabs [data-slot=tabs-trigger]{
  white-space:normal;
  border-radius:4px;
  padding:8px 5px;
  font-size:.8125rem}
.journal-tabs [data-state=active]{
  color:#f5d7b1!important;
  background:#374b50!important;
  border-color:#506b72!important}
.achievement-grid{
  grid-template-columns:1fr 1fr;
  gap:12px;
  display:grid}
.achievement{
  opacity:.55;
  background:#1a2b34;
  border:1px solid #304651;
  border-radius:5px;
  align-items:center;
  gap:13px;
  padding:16px;
  display:flex}
.achievement.earned{
  opacity:1;
  background:#b19b4d08;
  border-color:#a7915c6b}
.achievement>span{
  color:#738f9b}
.achievement.earned>span{
  color:#eac488}
.achievement h3{
  font-size:.875rem}
.achievement p{
  margin-top:4px;
  font-size:.75rem;
  line-height:1.5}
.achievement>svg:last-child{
  color:#95c3af;
  flex-shrink:0;
  margin-left:auto}
.stats-grid{
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  display:grid}
.stats-grid>div{
  overflow-wrap:anywhere;
  background:#1b2c35;
  border:1px solid #324954;
  border-radius:5px;
  padding:17px 14px}
.stats-grid span{
  color:#8da8b5;
  font-size:.75rem;
  display:block}
.stats-grid b{
  color:#d7e8e8;
  margin-top:9px;
  font:1.312rem monospace;
  display:block}
.history-list{
  max-height:500px;
  overflow:auto}
.history-row{
  border-bottom:1px solid #30434b;
  align-items:center;
  gap:12px;
  padding:13px 7px;
  font-size:.8125rem;
  display:flex}
.history-row>span{
  color:#8aa4b2;
  flex-shrink:0}
.history-row b{
  font-weight:400}
.history-row small{
  color:#678797;
  margin-top:3px;
  font:.75rem monospace;
  display:block}
.history-row>strong{
  color:#e6b985;
  white-space:nowrap;
  margin-left:auto;
  font:.75rem monospace}
.history-row.global>span,.history-row.hof>span{
  color:#f6c365}
.history-row.hof b{
  color:#f6d188}
.empty-state{
  color:#718c9a;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding:50px 20px;
  display:flex}
.guide{
  grid-template-columns:1fr 1fr;
  gap:25px;
  display:grid}
.guide section:last-child{
  border-top:1px solid #304750;
  grid-column:1/-1;
  padding-top:20px}
.guide h3{
  color:#e3ccb2;
  font-size:1rem}
.guide p{
  margin-top:10px;
  font-size:.875rem;
  line-height:1.85}
.guide strong{
  color:#cde1de;
  font-weight:500}
.guide a{
  color:#a2d5ca;
  text-underline-offset:3px;
  align-items:center;
  gap:4px;
  text-decoration:underline;
  display:inline-flex}
.celebration{
  z-index:60;
  isolation:isolate;
  cursor:pointer;
  text-align:center;
  background:radial-gradient(at 50% 40%,#6c4c2df5,#172329fa 70%);
  border:1px solid #ffc97c;
  border-radius:8px;
  flex-direction:column;
  align-items:center;
  gap:12px;
  width:min(570px,90vw);
  padding:35px 20px;
  animation:.3s ease-out celebrate-in;
  display:flex;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 160px #d9964838,0 0 0 100vmax #04111870}
.celebration>span:first-of-type{
  color:#e7cba5;
  letter-spacing:.2em;
  font:.75rem monospace}
.celebration>svg{
  color:#f2cc80;
  margin-top:10px}
.celebration>strong{
  letter-spacing:.045em;
  color:#ffdc98;
  text-shadow:0 0 30px #db9b58;
  font-size:3.062rem;
  font-weight:700}
.celebration>b{
  color:#ffebc7;
  font:1.75rem monospace}
.celebration>small{
  color:#d9c7ac;
  font-size:.8125rem}
.celebration .celebration-dismiss{
  color:#a19885;
  margin-top:14px;
  font:.75rem monospace}
.celebration-rays{
  z-index:-1;
  background:repeating-conic-gradient(#ffcb6508 0deg 10deg,#0000 10deg 23deg);
  border-radius:8px;
  animation:2s ease-in-out infinite alternate celebration-glow;
  position:absolute;
  inset:0;
  overflow:hidden}
.celebration.hof{
  background:radial-gradient(at 50% 40%,#796425f5,#1c2225fa 75%);
  box-shadow:0 0 220px #edb95666,0 0 0 100vmax #04111899}
.celebration.hof>strong{
  font-size:2.5rem}
.boot{
  text-align:center;
  color:#a5bcbf;
  background:radial-gradient(#1e343a,#0d171e);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:20px;
  min-height:100vh;
  padding:25px;
  display:flex}
.boot>svg{
  color:var(--amber)}
.boot h1{
  color:#f5dabb;
  font-size:1.875rem;
  font-weight:500}
.spin{
  animation:12s linear infinite spin}
.game-toast{
  font-size:.8125rem!important}
.game-dialog [data-slot=switch]{
  width:39px;
  height:22px}
.game-dialog [data-slot=switch-thumb]{
  width:18px;
  height:18px}
.game-dialog [data-slot=slider-thumb]{
  border-color:var(--amber);
  background:#e6caae;
  width:15px;
  height:15px}
.game-dialog [data-slot=slider-range]{
  background:#d9a16c}
.game-dialog [data-slot=slider-track]{
  background:#354a53}
@keyframes creature-breathe{
  0%,to{
    transform:translateY(0)rotate(-.4deg)}
  50%{
    transform:translateY(-5px)rotate(.4deg)}
}
@keyframes environment-drift{
  0%{
    transform:scale(1)translate(0)}
  to{
    transform:scale(1.05)translate(-1%)}
}
@keyframes particle-drift{
  0%{
    opacity:0;
    transform:translateY(25px)}
  40%{
    opacity:.55}
  to{
    opacity:0;
    transform:translate(25px,-60px)}
}
@keyframes float-number{
  0%{
    opacity:1;
    transform:translate(-50%)scale(.85)}
  15%{
    transform:translate(-50%,-10px)scale(1)}
  to{
    opacity:0;
    transform:translate(-50%,-80px)scale(.85)}
}
@keyframes flinch-a{
  50%{
    opacity:.75;
    translate:3px 1px}
}
@keyframes flinch-b{
  50%{
    opacity:.75;
    translate:-3px 1px}
}
@keyframes auto-beam{
  0%,87%,to{
    opacity:0}
  89%,91%{
    opacity:.65}
  93%{
    opacity:0}
  95%{
    opacity:.35}
}
@keyframes spin{
  to{
    transform:rotate(360deg)}
}
@keyframes celebrate-in{
  0%{
    opacity:0;
    scale:.8}
  to{
    opacity:1;
    scale:1}
}
@keyframes celebration-glow{
  to{
    opacity:.3}
}
.reduced-motion *,.reduced-motion :before,.reduced-motion :after{
  transition:none!important;
  animation:none!important}
.reduced-motion .ambient-particles{
  display:none}
.reduced-motion .floating-number{
  opacity:1}
.reduced-motion .landscape{
  transform:none}
.reduced-motion .auto-fire{
  display:none}
@media (width>=1550px){
  .game-layout{
    grid-template-columns:250px minmax(450px,1fr) 370px;
    gap:34px;
    padding:32px 48px}
  .topbar,.resource-strip{
    padding:0 48px}
  .footer{
    margin:0 48px}
  .stage{
    aspect-ratio:1.36;
    max-height:660px}
  .upgrade-card{
    padding:20px}
  .upgrade-title h3{
    font-size:1.062rem}
  .upgrade-card>p{
    font-size:.75rem}
  .buy-button{
    min-height:43px;
    font-size:.8125rem}
  .quantity-row button{
    font-size:.75rem}
  .profession b{
    font-size:.9375rem}
  .profession small,.section-label{
    font-size:.75rem}
  .target-label{
    top:65px}
  .target-label h2{
    font-size:2.125rem}
  .tap-hint{
    font-size:.875rem}
  .health-label,.health-label b{
    font-size:.75rem}
  .activity-list [data-slot=tabs-trigger]{
    font-size:.875rem}
  .field-heading h1{
    font-size:2.375rem}
}
@media (width<=1250px){
  .game-layout{
    grid-template-columns:190px minmax(350px,1fr) 285px;
    gap:18px;
    padding:24px}
  .topbar,.resource-strip{
    padding:0 24px}
  .resource{
    padding:16px 14px}
  .resource span{
    font-size:.75rem}
  .resource b{
    font-size:1rem}
  .wallet{
    gap:9px;
    padding-right:13px}
  .wallet strong{
    font-size:1.25rem}
  .income{
    font-size:.75rem}
  .resource-icon{
    width:32px;
    height:32px}
  .header-status>span:last-child{
    display:none}
  .stage{
    aspect-ratio:auto;
    min-height:425px}
  .upgrade-card{
    padding:13px}
  .upgrade-title{
    gap:9px}
  .upgrade-title h3{
    font-size:.875rem}
  .upgrades-heading h2{
    font-size:1.312rem}
  .upgrade-icon{
    width:34px;
    height:35px}
  .production-grid{
    gap:5px}
  .production-grid>div{
    gap:6px;
    padding-left:9px}
  .production-grid b{
    font-size:1rem}
  .expedition-bar{
    gap:12px}
  .expedition-bar>div:first-child{
    min-width:125px}
  .auto-label{
    font-size:.75rem}
  .sector-progress>span{
    display:none}
  .footer{
    margin:0 24px}
  .mission{
    padding:13px}
  .mission>div{
    flex-wrap:wrap}
  .brand strong{
    font-size:1.312rem}
}
@media (width<=1050px){
  .game-layout{
    grid-template-columns:minmax(350px,1fr) 310px}
  .left-column{
    grid-column:1/-1;
    grid-template-columns:160px 1fr;
    align-items:center;
    gap:15px;
    display:grid}
  .left-column>.section-label,.left-column>.nav-row,.left-column>.field-note,.left-column>.mission{
    display:none}
  .planet-card{
    height:100px}
  .planet-card-copy{
    padding:12px}
  .planet-card-copy strong{
    font-size:1.5rem}
  .profession-panel{
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    min-width:0;
    margin:0;
    display:grid}
  .profession-panel>.section-label{
    display:none}
  .profession{
    flex-wrap:wrap;
    align-items:start;
    gap:8px;
    padding:10px 8px}
  .profession>svg:first-child{
    width:16px;
    height:16px}
  .profession>span{
    flex-basis:100%;
    width:100%}
  .profession b{
    white-space:nowrap;
    font-size:.75rem}
  .profession small{
    font-size:.75rem}
  .resource-strip{
    grid-template-columns:1.5fr 1fr 1fr 1fr}
  .resource.shards{
    display:none}
  .resource{
    padding:12px 15px}
  .resource span{
    font-size:.75rem}
  .resource b{
    font-size:1.062rem}
  .field-column{
    min-width:0}
  .stage{
    min-height:480px}
  .header-status{
    margin-left:auto}
  .game-layout{
    padding-top:18px}
  .field-heading{
    padding-bottom:18px}
  .wallet strong{
    font-size:1.312rem}
  .income{
    display:none}
  .game-layout>.left-column .profession.chosen{
    border-color:#3b5961}
}
@media (width<=760px){
  .topbar{
    gap:10px;
    height:72px;
    padding:0 16px}
  .brand{
    gap:10px}
  .brand-mark{
    width:35px;
    height:38px}
  .brand-mark>svg{
    width:25px}
  .brand b{
    letter-spacing:.35em;
    font-size:.75rem}
  .brand strong{
    font-size:1.125rem}
  .header-controls{
    gap:2px}
  .icon-button{
    width:33px;
    height:35px}
  .header-status{
    display:none}
  .resource-strip{
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    padding:0 16px}
  .wallet{
    gap:6px;
    padding:12px 8px 12px 0}
  .wallet .resource-icon{
    display:none}
  .wallet .eyebrow{
    font-size:.75rem}
  .wallet strong{
    font-size:1.125rem}
  .resource{
    gap:6px;
    padding:12px 10px}
  .resource>svg{
    width:15px;
    height:15px}
  .resource span{
    font-size:.75rem}
  .resource b{
    font-size:.9375rem}
  .game-layout{
    grid-template-columns:1fr;
    gap:19px;
    padding:17px 16px 24px}
  .left-column{
    display:none}
  .field-heading h1{
    font-size:1.75rem}
  .field-heading .eyebrow,.field-heading p{
    font-size:.75rem}
  .field-heading{
    padding-bottom:16px}
  .sector-tag{
    padding:7px 10px}
  .sector-tag b{
    font-size:1.375rem}
  .activity-list{
    height:44px!important}
  .activity-list [data-slot=tabs-trigger]{
    gap:6px;
    font-size:.75rem}
  .stage{
    aspect-ratio:1.15;
    min-height:435px}
  .target-label{
    top:51px}
  .target-label h2{
    font-size:1.75rem}
  .target-label>span:last-child{
    font-size:.75rem}
  .creature-wrap{
    inset:32% 6% 21% 11%}
  .stage-bottom{
    bottom:20px;
    left:20px;
    right:20px}
  .tap-hint{
    font-size:.75rem}
  .expedition-bar{
    gap:10px;
    padding:16px 0}
  .expedition-bar>div:first-child{
    min-width:140px}
  .expedition-bar small,.auto-label{
    font-size:.75rem}
  .production-grid{
    padding:18px 0}
  .production-grid>div{
    gap:10px;
    padding-left:15px}
  .production-grid>div>span{
    font-size:.75rem}
  .production-grid b{
    font-size:1.25rem}
  .transmission{
    min-height:46px;
    padding:12px}
  .transmission .eyebrow,.transmission>span:last-child{
    font-size:.75rem}
  .upgrades-heading{
    border-top:1px solid #2d424b;
    margin-bottom:15px;
    padding-top:22px}
  .upgrades-heading h2{
    font-size:1.562rem}
  .upgrades-heading .eyebrow{
    font-size:.75rem}
  .upgrade-tabs{
    height:44px!important}
  .upgrade-tabs [data-slot=tabs-trigger]{
    font-size:.875rem}
  .quantity-row{
    padding:12px 0 15px}
  .quantity-row>span{
    font-size:.75rem}
  .quantity-row button{
    padding:7px 3px;
    font-size:.8125rem}
  .upgrade-content{
    grid-template-columns:1fr 1fr;
    gap:12px;
    display:grid}
  .upgrade-card{
    padding:15px}
  .upgrade-title h3{
    font-size:.9375rem}
  .upgrade-title{
    gap:10px}
  .upgrade-title>div>span{
    font-size:.75rem}
  .upgrade-icon{
    width:36px;
    height:38px}
  .upgrade-card>p{
    min-height:40px;
    font-size:.75rem;
    line-height:1.65}
  .upgrade-milestone{
    gap:7px}
  .upgrade-milestone>span{
    font-size:.75rem}
  .buy-button{
    flex-wrap:wrap;
    gap:5px;
    min-height:41px;
    padding:9px;
    font-size:.75rem}
  .buy-button>b,.buy-preview,.upgrade-tip p{
    font-size:.75rem}
  .footer{
    flex-wrap:wrap;
    gap:12px;
    margin:0 16px;
    padding:15px 0 22px;
    font-size:.75rem;
    display:flex}
  .footer>span:nth-child(2){
    order:3;
    width:100%;
    font-size:.75rem}
  .footer button{
    margin-left:auto;
    font-size:.75rem}
  .game-dialog{
    gap:15px;
    max-height:90dvh;
    padding:24px}
  .game-dialog [data-slot=dialog-title],.game-dialog [data-slot=alert-dialog-title]{
    font-size:1.562rem}
  .planet-grid{
    grid-template-columns:1fr 1fr;
    gap:12px}
  .destination-art{
    height:110px}
  .destination>h3{
    font-size:1.188rem}
  .destination>p,.destination .primary{
    font-size:.75rem}
  .guide{
    grid-template-columns:1fr;
    gap:22px}
  .guide section:last-child{
    grid-column:1}
  .stats-grid{
    grid-template-columns:1fr 1fr}
  .achievement-grid{
    grid-template-columns:1fr}
  .achievement{
    padding:15px}
  .achievement h3{
    font-size:.9375rem}
  .achievement p{
    font-size:.75rem}
  .journal-tabs{
    flex-wrap:wrap}
  .journal-tabs [data-slot=tabs-trigger]{
    padding:8px 3px;
    font-size:.75rem}
  .journal-dialog{
    padding:24px 18px}
  .welcome-dialog{
    padding-top:145px}
  .welcome-grid>div{
    font-size:.9375rem}
  .welcome-grid small{
    font-size:.75rem}
  .welcome-main b{
    font-size:1.562rem}
  .celebration>strong{
    font-size:2.688rem}
  .history-row{
    flex-wrap:wrap;
    font-size:.75rem}
  .history-row>strong{
    font-size:.75rem}
  .settings-section p{
    font-size:.8125rem}
}
@media (width<=440px){
  .resource-strip{
    grid-template-columns:1.45fr .9fr .9fr .8fr;
    padding:0 13px}
  .resource{
    padding:12px 6px}
  .resource>svg{
    display:none}
  .resource span{
    font-size:.75rem}
  .resource b{
    font-size:.875rem}
  .wallet strong{
    font-size:1.062rem}
  .activity-list [data-slot=tabs-trigger]{
    gap:4px;
    font-size:.75rem}
  .activity-list [data-slot=tabs-trigger]>svg{
    width:14px;
    height:14px}
  .stage{
    min-height:402px}
  .target-label h2{
    font-size:1.625rem}
  .keyboard-hint{
    display:none}
  .tap-hint,.coordinates{
    font-size:.75rem}
  .scene-top{
    left:15px;
    right:15px}
  .health-label{
    letter-spacing:.03em;
    font-size:.75rem}
  .health-label b{
    font-size:.75rem}
  .stage-bottom{
    left:16px;
    right:16px}
  .expedition-bar{
    gap:9px}
  .expedition-bar>div:first-child{
    min-width:135px}
  .sector-progress{
    max-width:60px}
  .auto-label{
    margin-left:auto;
    font-size:.75rem}
  .production-grid>div{
    gap:7px;
    padding-left:8px}
  .production-grid>div>svg{
    width:15px;
    height:15px}
  .production-grid>div>span{
    font-size:.75rem}
  .production-grid b{
    font-size:1rem}
  .production-grid small{
    font-size:.75rem}
  .upgrade-content{
    grid-template-columns:1fr}
  .upgrade-card{
    padding:17px}
  .upgrade-card>p{
    min-height:0;
    margin:12px 0 15px;
    font-size:.75rem}
  .upgrade-title h3{
    font-size:1.062rem}
  .upgrade-icon{
    width:40px;
    height:40px}
  .buy-button{
    padding:11px;
    font-size:.8125rem}
  .buy-button>b{
    font-size:.8125rem}
  .upgrade-milestone>span{
    font-size:.75rem}
  .planet-grid{
    grid-template-columns:1fr}
  .destination-art{
    height:140px}
  .destination>p,.destination .primary{
    font-size:.8125rem}
  .journal-tabs [data-slot=tabs-trigger]{
    flex-basis:45%;
    font-size:.8125rem}
  .save-actions{
    gap:6px}
  .save-actions button{
    font-size:.75rem}
  .welcome-main b{
    font-size:1.438rem}
  .welcome-grid{
    gap:6px}
  .game-dialog .eyebrow{
    font-size:.75rem}
  .celebration.hof>strong{
    font-size:1.938rem}
  .game-dialog [data-slot=dialog-title]{
    font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  *,:before,:after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important}
  .ambient-particles,.auto-fire{
    display:none}
}
@media (width>=761px) and (height<=650px){
  .game-dialog{
    max-height:90dvh}
}
.compact-nav,.compact-mission{
  display:none}
@media (width<=1050px){
  .compact-nav{
    justify-content:center;
    gap:7px;
    padding:13px 24px 0;
    display:flex}
  .compact-nav button{
    color:#bacdd0;
    background:#192b33;
    border:1px solid #334851;
    border-radius:4px;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    font-size:.8125rem;
    display:flex}
  .compact-nav button:hover{
    background:#29414b}
  .compact-mission{
    grid-column:1/-1;
    margin:0;
    display:block}
  .compact-mission>div{
    max-width:420px}
  .compact-mission p{
    font-size:.875rem}
  .compact-mission .eyebrow{
    font-size:.75rem}
  .compact-mission button{
    font-size:.875rem}
}
@media (width>=761px) and (width<=1050px){
  .compact-mission{
    grid-row:3}
  .upgrade-column{
    grid-area:2/2}
}
@media (width<=760px){
  .compact-nav{
    gap:7px;
    padding:12px 16px 0}
  .compact-nav button{
    flex:1;
    justify-content:center;
    padding:8px 6px;
    font-size:.75rem}
  .compact-mission{
    grid-column:1;
    padding:16px}
  .compact-mission>div{
    max-width:none}
  .compact-mission h3{
    font-size:1.062rem}
  .compact-mission>div>span{
    font-size:.875rem}
}
.upgrade-card>p,.upgrade-tabs [data-slot=tabs-trigger],.buy-button,.quantity-row button,.profession b,.nav-row,.mission p,.mission button,.tap-hint,.activity-list [data-slot=tabs-trigger]{
  font-size:.875rem}
.upgrade-card>p{
  line-height:1.6}
.upgrade-title h3,.game-dialog p,.game-dialog [data-slot=dialog-description],.game-dialog [data-slot=alert-dialog-description]{
  font-size:1rem}
.destination>p{
  font-size:.875rem}
.game-dialog .muted{
  font-size:.8125rem!important}
.keyboard-hint{
  display:none}
.health-label{
  flex-wrap:wrap}
.profession small,.resource span{
  font-size:.75rem}
.upgrade-milestone{
  flex-wrap:wrap}
.upgrade-milestone .meter{
  min-width:40px}
.buy-button{
  flex-wrap:wrap}
.buy-button>b{
  font-size:.8125rem}
.quantity-row{
  gap:10px}
.header-status{
  font-size:.75rem}
.target-label>span:last-child{
  font-size:.8125rem}
.field-heading p{
  font-size:.875rem}
.expedition-bar{
  flex-wrap:wrap}
.auto-label,.expedition-bar small,.sector-progress>span,.production-grid>div>span,.production-grid small{
  font-size:.75rem}
.transmission>span:last-child{
  font-size:.8125rem}
.footer,.footer button,.footer>span:nth-child(2){
  font-size:.75rem}
.section-label{
  line-height:1.7}
.mission .eyebrow,.mission>div{
  flex-wrap:wrap}
.planet-card-copy>span:last-child{
  font-size:.8125rem}
.planet-card-copy .eyebrow{
  font-size:.75rem}
.scene-top{
  gap:12px}
.coordinates,.environment-label{
  font-size:.75rem}
.stats-grid span{
  font-size:.875rem}
.guide p{
  font-size:1rem}
.achievement p{
  font-size:.8125rem}
.journal-tabs [data-slot=tabs-trigger],.save-actions button,.volume-row label{
  font-size:.875rem}
@media (width<=1250px){
  .coordinates{
    display:none}
  .production-grid>div{
    gap:6px}
  .production-grid>div>svg{
    display:none}
  .upgrade-title h3{
    font-size:.9375rem}
  .wallet strong{
    font-size:1.188rem}
}
@media (width<=760px){
  .activity-list [data-slot=tabs-trigger]{
    font-size:.8125rem}
  .activity-list [data-slot=tabs-trigger]>svg{
    width:14px}
  .stage{
    min-height:435px}
  .resource span{
    white-space:normal;
    min-height:28px;
    line-height:1.2}
  .resource b{
    font-size:.9375rem}
  .resource>svg{
    display:none}
  .resource{
    padding:12px 6px}
  .wallet strong{
    font-size:1.062rem}
  .wallet .eyebrow{
    font-size:.75rem}
  .resource-strip{
    grid-template-columns:1.25fr 1fr 1fr 1fr}
  .footer{
    align-items:start}
  .footer button{
    font-size:.75rem}
  .compact-nav button{
    font-size:.8125rem}
  .production-grid>div>span{
    font-size:.75rem}
  .production-grid b{
    font-size:1.125rem}
  .production-grid small{
    font-size:.75rem}
  .health-label{
    gap:6px;
    font-size:.75rem}
  .health-label b,.game-dialog .eyebrow{
    font-size:.75rem}
  .transmission .eyebrow{
    display:none}
  .target-label{
    top:60px}
  .profession b{
    white-space:normal}
  .buy-button,.quantity-row button{
    font-size:.875rem}
  .stage-bottom{
    left:15px;
    right:15px}
  .tap-hint{
    gap:6px;
    font-size:.8125rem}
  .auto-label{
    font-size:.75rem}
  .expedition-bar>div:first-child{
    min-width:130px}
  .sector-progress{
    display:none}
  .field-heading p{
    font-size:.75rem}
  .game-dialog [data-slot=dialog-title]{
    font-size:1.562rem}
  .welcome-grid small{
    text-align:center;
    font-size:.75rem;
    line-height:1.3}
  .welcome-grid>div{
    font-size:1rem}
  .destination .primary{
    font-size:.875rem}
  .destination-requirement{
    font-size:.75rem}
  .achievement h3{
    font-size:1rem}
  .compact-mission>div>span{
    font-size:.875rem}
}
.welcome-grid{
  grid-template-columns:repeat(2,1fr)}
.topbar{
  flex-wrap:wrap;
  height:auto;
  min-height:90px;
  padding-top:17px;
  padding-bottom:17px}
.header-status{
  flex-wrap:wrap}
.resource-strip{
  overflow:hidden}
.wallet strong{
  white-space:normal;
  overflow-wrap:anywhere}
.wallet{
  flex-wrap:wrap}
.resource b{
  overflow-wrap:anywhere}
.resource span{
  white-space:normal}
.activity-list{
  flex-wrap:wrap;
  min-height:44px;
  height:auto!important}
.activity-list [data-slot=tabs-trigger]{
  white-space:normal;
  flex-basis:20%;
  min-width:80px;
  height:auto;
  min-height:32px}
.upgrade-tabs{
  flex-wrap:wrap;
  min-height:42px;
  height:auto!important}
.upgrade-tabs [data-slot=tabs-trigger]{
  flex:1 1 0;
  min-width:0;
  overflow-wrap:anywhere;
  white-space:normal;
  height:auto}
.quantity-row>div{
  flex-wrap:wrap}
.quantity-row button{
  min-width:36px}
.planet-card{
  min-height:155px}
.planet-card-copy strong{
  line-height:1.4}
.stage{
  min-height:32rem}
.target-label{
  top:3.6rem}
.target-label h2{
  line-height:1.3}
.target-label>span:last-child{
  display:block}
.stage-bottom{
  bottom:1.3rem}
.health-label{
  line-height:1.5}
.tap-hint{
  flex-wrap:wrap;
  line-height:1.5}
.expedition-bar>div:first-child{
  flex-shrink:0}
.production-grid{
  gap:8px}
.production-grid>div{
  flex-wrap:wrap;
  min-width:0}
.production-grid b{
  overflow-wrap:anywhere}
.upgrade-title>div{
  min-width:0}
.upgrade-title h3{
  overflow-wrap:anywhere}
.buy-button>b{
  overflow-wrap:anywhere;
  white-space:normal}
.field-heading{
  flex-wrap:wrap}
.field-heading>div{
  min-width:0}
.field-heading p{
  flex-wrap:wrap}
.profession b{
  white-space:normal}
.nav-row,.footer{
  flex-wrap:wrap}
.game-dialog{
  max-height:90dvh}
.journal-tabs{
  flex-wrap:wrap;
  height:auto!important}
.journal-tabs [data-slot=tabs-trigger]{
  min-width:110px;
  height:auto}
.history-row>strong{
  overflow-wrap:anywhere;
  white-space:normal}
.compact-nav{
  flex-wrap:wrap}
.compact-nav button{
  min-width:90px}
.sector-tag{
  flex-shrink:0}
.celebration>strong{
  overflow-wrap:anywhere;
  max-width:100%}
.destination-requirement{
  flex-wrap:wrap}
@media (width<=1050px){
  .planet-card{
    min-height:120px}
  .profession-panel{
    grid-template-columns:repeat(2,1fr)}
}
@media (width<=760px){
  .topbar{
    min-height:72px;
    padding-top:13px;
    padding-bottom:13px}
  .stage{
    min-height:29rem}
  .resource-strip{
    grid-template-columns:1.35fr 1fr 1fr 1fr}
  .resource div{
    min-width:0}
  .resource span{
    overflow-wrap:anywhere}
  .resource{
    min-width:0}
  .wallet{
    flex-direction:column;
    align-content:center;
    align-items:start}
  .wallet strong{
    font-size:1rem}
  .resource span{
    font-size:.75rem}
  .topbar .brand{
    max-width:100%}
  .brand>span:last-child{
    min-width:0}
  .brand strong{
    overflow-wrap:anywhere}
  .game-dialog{
    padding:24px 18px}
}
.stage{
  aspect-ratio:auto;
  width:100%;
  min-width:0;
  max-width:100%;
  height:clamp(32rem,40vw,43rem)}
@media (width<=760px){
  .stage{
    aspect-ratio:auto;
    height:29rem;
    min-height:29rem}
  .game-layout{
    grid-template-columns:minmax(0,1fr)}
  .compact-mission{
    min-width:0}
}
.welcome-dialog{
  overflow-y:auto}
@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-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-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-pan-x{
  syntax:"*";
  inherits:false}
@property --tw-pan-y{
  syntax:"*";
  inherits:false}
@property --tw-pinch-zoom{
  syntax:"*";
  inherits:false}
@property --tw-scroll-snap-strictness{
  syntax:"*";
  inherits:false;
  initial-value:proximity}
@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-x-reverse{
  syntax:"*";
  inherits:false;
  initial-value:0}
@property --tw-border-style{
  syntax:"*";
  inherits:false;
  initial-value:solid}
@property --tw-divide-y-reverse{
  syntax:"*";
  inherits:false;
  initial-value:0}
@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:0}
@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-content{
  syntax:"*";
  inherits:false;
  initial-value:""}
@keyframes pulse{
  50%{
    opacity:.5}
}
@keyframes enter{
  0%{
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter:blur(var(--tw-enter-blur,0))}
}
@keyframes exit{
  to{
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter:blur(var(--tw-exit-blur,0))}
}
@keyframes accordion-down{
  0%{
    height:0}
  to{
    height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}
}
@keyframes accordion-up{
  0%{
    height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}
  to{
    height:0}
}
@keyframes caret-blink{
  0%,70%,to{
    opacity:1}
  20%,50%{
    opacity:0}
}


/* Afterlight targeted expansion — original rules and responsive layout retained. */
.museum-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 100%;
}
.museum-brand img {
  width: 230px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 860 / 218;
  object-fit: contain;
  border-radius: 5px;
  transition:
  transform 0.2s ease,
  filter 0.2s ease;
}
.museum-brand:hover img {
  transform: translateY(-2px) scale(1.04);
  filter:
    brightness(1.12)
    drop-shadow(0 0 10px rgba(249, 163, 102, 0.28))
    drop-shadow(0 0 18px rgba(101, 223, 204, 0.16));
}
.footer {
  flex-wrap: wrap;
  gap: 12px 20px;
}
.rights-footer {
  flex: 1 1 300px;
  max-width: 530px;
  font-size: 10px;
  line-height: 1.6;
  text-transform: none;
  letter-spacing: .02em;
}
.journal-dialog .museum-brand { margin: 10px 0; }
.workshop-flow {
  padding: 14px 16px;
  margin-top: 12px;
  border: 1px solid #273a3b;
  border-radius: 10px;
  background: #101c20;
  color: #b8cccb;
  font-size: 12px;
  line-height: 1.6;
}
.workshop-flow label, .achievement-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  color: #d9e7e5;
  font-size: 12px;
}
.workshop-flow p { margin: 7px 0; }
.workshop-flow small { color: #9cacae; display: block; }
.workshop-flow select, .achievement-filter select {
  max-width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  color: #e3f0ee;
  background: #17282c;
  border: 1px solid #3a5355;
  border-radius: 5px;
}
.achievement-filter { margin: 14px 0; }
.achievement small { color: #8ea5a6; font-size: 10px; }
.achievement-grid { align-items: stretch; }
.buy-preview { overflow-wrap: anywhere; }
.upgrade-content { max-height: 72vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.floating-number {
  animation: .85s ease-out forwards float-number;
  pointer-events: none;
  max-width: 78%;
  white-space: nowrap;
  font-size: clamp(13px, 2vw, 20px);
  will-change: transform, opacity;
}
.game:not(.reduced-motion) .creature.flinch-a {
  animation: .22s ease-out flinch-a !important;
}

.game:not(.reduced-motion) .creature.flinch-b {
  animation: .22s ease-out flinch-b !important;
}

@keyframes flinch-a {
  0%, 100% {
    translate: 0 0;
    scale: 1;
    opacity: 1;
  }
  35% {
    translate: 12px 4px;
    scale: .94 1.06;
    opacity: .72;
  }
  65% {
    translate: -4px -2px;
    scale: 1.02 .98;
    opacity: .9;
  }
}

@keyframes flinch-b {
  0%, 100% {
    translate: 0 0;
    scale: 1;
    opacity: 1;
  }
  35% {
    translate: -12px 4px;
    scale: 1.06 .94;
    opacity: .72;
  }
  65% {
    translate: 4px -2px;
    scale: .98 1.02;
    opacity: .9;
  }
}
[data-sonner-toaster] {
  max-width: calc(100vw - 24px);
  --width: 330px;
}
.game-toast { overflow-wrap: anywhere; font-size: 12px; line-height: 1.45; }
@media (max-width: 700px) {
  .workshop-flow { padding: 12px; }
  .footer { justify-content: center; text-align: center; }
  .rights-footer { flex-basis: 100%; }
  .museum-brand img { width: 190px; }
  .upgrade-content { max-height: none; }
  [data-sonner-toaster] { --width: 300px; }
}
.reduced-motion .creature { animation: none; }
.reduced-motion .floating-number { animation: .55s linear forwards afterlight-fade; }
@keyframes afterlight-fade { to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .creature.flinch-a, .creature.flinch-b { animation: none; }
  .floating-number { animation: .55s linear forwards afterlight-fade; }
}

/* Neurostim: the bound profession supplies its existing --path colour via Im. */
.neurostim-slot {
  position: absolute;
  z-index: 6;
  top: 47%;
  right: 12px;
  transform: translateY(-50%);
  width: 126px;
  max-width: calc(100% - 24px);
  color: var(--neurostim-color);
  pointer-events: none;
}
.neurostim-pickup, .neurostim-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 4px;
  color: inherit;
  background: #0a191de8;
  border: 1px solid currentColor;
  font: .625rem/1.4 monospace;
  text-align: center;
}
.neurostim-pickup {
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  transition: transform .18s ease, box-shadow .18s ease;
}
.neurostim-pickup img {
  width: 40px;
  height: 60px;
  object-fit: contain;
  filter: drop-shadow(0 0 5px var(--neurostim-color));
  animation: neurostim-attention 2s ease-in-out infinite;
}
.neurostim-pickup strong, .neurostim-status strong {
  font-size: .625rem;
  letter-spacing: .02em;
}
.neurostim-pickup b, .neurostim-status b {
  font-size: .875rem;
  font-variant-numeric: tabular-nums;
}
.neurostim-pickup:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (hover: hover) {
  .neurostim-pickup:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 0 12px var(--neurostim-color);
  }
}
.neurostim-pickup:active { transform: scale(.98); }
@keyframes neurostim-attention {
  0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 4px var(--neurostim-color)); }
  50% { transform: translateY(-3px); filter: brightness(1.08) drop-shadow(0 0 8px var(--neurostim-color)); }
}
.reduced-motion .neurostim-pickup, .reduced-motion .neurostim-pickup img {
  animation: none;
  transition: none;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .neurostim-pickup, .neurostim-pickup img { animation: none; transition: none; transform: none; }
}
@media (width <= 480px) {
  .neurostim-slot { right: 8px; width: 112px; }
  .neurostim-pickup img { width: 32px; height: 48px; }
}

/* Resource Shop: scoped layout and existing resource colours. */
.field-heading { flex-wrap: wrap; }
.shop-sector-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  max-width: 100%;
}
.sector-tag.shop-open { display: inline-flex; border-radius: 0; min-height: 44px; }
.game-dialog.resource-shop-dialog { border-radius: 0; max-width: 540px; }
.resource-shop { display: grid; gap: 16px; min-width: 0; }
.shop-balances, .shop-selections, .shop-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}
.shop-balances > div, .shop-summary > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  min-width: 0;
  background: #1a282f;
  border: 1px solid #3a4b53;
  border-radius: 0;
}
.shop-balances span, .shop-summary span, .shop-selections label {
  color: #9cb1b9;
  font-size: .75rem;
}
.shop-balances strong, .shop-summary strong {
  color: var(--shop-accent);
  font-family: monospace;
  overflow-wrap: anywhere;
}
.shop-selections label { display: grid; gap: 6px; min-width: 0; }
.shop-selections select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  color: #e7efef;
  background: #1a282f;
  border: 1px solid #3a4b53;
  border-radius: 0;
  font: inherit;
}
.shop-quantity { flex-wrap: wrap; padding: 0; gap: 8px; }
.shop-quantity > div { display: flex; flex-wrap: wrap; gap: 5px; }
.shop-quantity button { min-width: 44px; min-height: 44px; border-radius: 0; }
.resource-shop-dialog .primary, .resource-shop-dialog .subtle-button { border-radius: 0; }
.resource-shop select:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }
@media (width <= 420px) {
  .shop-selections { grid-template-columns: minmax(0, 1fr); }
  .game-dialog.resource-shop-dialog { padding: 24px 16px; }
}

/* God Booster occupies its own global row; no overlays on profession or Shop controls. */
.god-booster-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  margin-bottom: 12px;
}
.god-booster-panel {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #ff6969;
  border-radius: 0;
  background: #1a2028;
  color: #ff9292;
  box-shadow: 0 0 12px #e3393926;
  font: .6875rem/1.4 monospace;
  text-align: left;
}
.god-booster-panel img {
  width: 40px;
  height: 60px;
  object-fit: contain;
  filter: drop-shadow(0 0 5px #e33939);
}
.god-booster-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.god-booster-copy strong { color: #ffd6d6; font-size: .75rem; overflow-wrap: anywhere; }
.god-booster-copy > span { overflow-wrap: anywhere; }
.god-booster-countdown { color: #fff0f0; font-size: 1rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.god-booster-panel.pickup { cursor: pointer; touch-action: manipulation; }
.god-booster-panel.pickup:hover { border-color: #ffc0c0; box-shadow: 0 0 15px #e3393955; }
.god-booster-panel.pickup:focus-visible { outline: 2px solid #ffc0c0; outline-offset: 2px; }
@media (width <= 480px) {
  .god-booster-panel { width: 100%; grid-template-columns: 32px minmax(0,1fr) auto; gap: 7px; padding: 8px; }
  .god-booster-panel img { width: 32px; height: 48px; }
  .god-booster-copy strong { font-size: .6875rem; }
}