.practitioner-workspace-nav-row{
  align-items:center;
  display:flex;
  gap:10px;
  margin:0 0 20px;
  max-width:1120px;
  width:100%;
}

.practitioner-home-button{
  background:var(--surface-panel);
  border:1px solid #cbd8ea;
  border-radius:14px;
  box-shadow:0 10px 24px -20px rgba(15, 23, 42, .45);
  color:var(--text-tone-64);
  cursor:pointer;
  font-weight:850;
  line-height:1;
  min-height:48px;
  padding:0 18px;
  white-space:nowrap;
}

.practitioner-home-button:hover{
  background:var(--surface-tone-128);
  border-color:var(--border-tone-3);
}

.practitioner-workspace-tabs{
  background:var(--surface-tone-62);
  border:1px solid #dbe3ef;
  border-radius:14px;
  display:inline-flex;
  gap:6px;
  min-width:0;
  padding:5px;
}

.practitioner-workspace-tabs button{
  background:transparent;
  border:0;
  border-radius:10px;
  color:var(--text-tone-206);
  cursor:pointer;
  font-weight:800;
  line-height:1;
  min-height:38px;
  padding:0 18px;
  white-space:nowrap;
}

.practitioner-workspace-tabs button.active,
.practitioner-workspace-tabs button:hover{
  background:var(--surface-panel);
  color:var(--text-tone-64);
}

@media (max-width: 640px){
  .practitioner-workspace-nav-row{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
  }

  .practitioner-home-button,
  .practitioner-workspace-tabs{
    width:100%;
  }

  .practitioner-workspace-tabs{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .practitioner-workspace-tabs button{
    padding:0 10px;
    white-space:normal;
  }
}
*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}
::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

*,
::before,
::after{
  border-color:#e5e7eb;
  border-style:solid;
  border-width:0;
  box-sizing:border-box;
}

::before,
::after{
  --tw-content:'';
}

html,
:host{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  font-family:Inter, system-ui, sans-serif;
  font-feature-settings:normal;
  font-variation-settings:normal;
  tab-size:4;
  -webkit-tap-highlight-color:transparent;
}

body{
  line-height:inherit;
}

hr{
  border-top-width:1px;
  color:inherit;
  height:0;
}

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;
  text-decoration:inherit;
}

b,
strong{
  font-weight:bolder;
}

code,
kbd,
samp,
pre{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings:normal;
  font-size:1em;
  font-variation-settings:normal;
}

small{
  font-size:80%;
}

sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-.25em;
}

sup{
  top:-.5em;
}

table{
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0;
}

button,
input,
optgroup,
select,
textarea{
  color:inherit;
  font-family:inherit;
  font-feature-settings:inherit;
  font-size:100%;
  font-variation-settings:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
  padding:0;
}

button,
select{
  text-transform:none;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

:-moz-focusring{
  outline:auto;
}

:-moz-ui-invalid{
  box-shadow:none;
}

progress{
  vertical-align:baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
  height:auto;
}

[type='search']{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

summary{
  display:list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre{
  margin:0;
}

fieldset{
  margin:0;
  padding:0;
}

legend{
  padding:0;
}

ol,
ul,
menu{
  list-style:none;
  margin:0;
  padding:0;
}
dialog{
  padding:0;
}

textarea{
  resize:vertical;
}

input::placeholder,
textarea::placeholder{
  color:#9ca3af;
  opacity:1;
}

button,
[role="button"]{
  cursor:pointer;
}
:disabled{
  cursor:default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{
  display:block;
  vertical-align:middle;
}

img,
video{
  height:auto;
  max-width:100%;
}
[hidden]:where(:not([hidden="until-found"])){
  display:none;
}
.\!container{
  width:100% !important;
}
.container{
  width:100%;
}
@media (min-width: 640px){
  .\!container{
    max-width:640px !important;
  }
  .container{
    max-width:640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width:768px !important;
  }
  .container{
    max-width:768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width:1024px !important;
  }
  .container{
    max-width:1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width:1280px !important;
  }
  .container{
    max-width:1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width:1536px !important;
  }
  .container{
    max-width:1536px;
  }
}

  @keyframes float-cloud{
    0%,
    100%{
      transform:translateY(0) scale(1);
    }
    50%{
      transform:translateY(-10px) scale(1.05);
    }
  }

  @keyframes float-cloud-beautiful{
    0%,
    100%{
      transform:translateY(0) scale(1) rotate(0deg);
    }
    25%{
      transform:translateY(-5px) scale(1.02) rotate(.5deg);
    }
    50%{
      transform:translateY(-10px) scale(1.05) rotate(0deg);
    }
    75%{
      transform:translateY(-5px) scale(1.02) rotate(-.5deg);
    }
  }
.pointer-events-none{
  pointer-events:none;
}
.pointer-events-auto{
  pointer-events:auto;
}
.\!visible{
  visibility:visible !important;
}
.visible{
  visibility:visible;
}
.invisible{
  visibility:hidden;
}
.collapse{
  visibility:collapse;
}
.static{
  position:static;
}
.fixed{
  position:fixed;
}
.absolute{
  position:absolute;
}
.\!relative{
  position:relative !important;
}
.relative{
  position:relative;
}
.sticky{
  position:-webkit-sticky;
  position:sticky;
}
.inset-0{
  inset:0;
}
.inset-\[3px\]{
  inset:3px;
}
.inset-x-0{
  left:0;
  right:0;
}
.inset-y-0{
  bottom:0;
  top:0;
}
.-left-3{
  left:-6px;
}
.-top-1\/3{
  top:-33.333333%;
}
.-top-10{
  top:-32px;
}
.-top-3{
  top:-6px;
}
.-top-5{
  top:-12px;
}
.-top-7{
  top:-1.75rem;
}
.bottom-0{
  bottom:0;
}
.bottom-2{
  bottom:4px;
}
.bottom-24{
  bottom:88px;
}
.bottom-4{
  bottom:8px;
}
.bottom-5{
  bottom:12px;
}
.bottom-6{
  bottom:16px;
}
.bottom-\[15\%\]{
  bottom:15%;
}
.bottom-\[18\%\]{
  bottom:18%;
}
.bottom-\[20\%\]{
  bottom:20%;
}
.bottom-\[25\%\]{
  bottom:25%;
}
.bottom-\[30\%\]{
  bottom:30%;
}
.bottom-\[35\%\]{
  bottom:35%;
}
.bottom-\[40\%\]{
  bottom:40%;
}
.left-0{
  left:0;
}
.left-1\/2{
  left:50%;
}
.left-10{
  left:32px;
}
.left-14{
  left:3.5rem;
}
.left-24{
  left:88px;
}
.left-3{
  left:6px;
}
.left-4{
  left:8px;
}
.left-6{
  left:16px;
}
.left-8{
  left:24px;
}
.left-\[-10\%\]{
  left:-10%;
}
.left-\[-12\%\]{
  left:-12%;
}
.left-\[-15\%\]{
  left:-15%;
}
.left-\[-5\%\]{
  left:-5%;
}
.left-\[-6\%\]{
  left:-6%;
}
.left-\[-8\%\]{
  left:-8%;
}
.left-\[0\%\]{
  left:0;
}
.left-\[15\%\]{
  left:15%;
}
.left-\[20\%\]{
  left:20%;
}
.left-\[30\%\]{
  left:30%;
}
.left-\[40\%\]{
  left:40%;
}
.left-\[5\%\]{
  left:5%;
}
.left-\[70\%\]{
  left:70%;
}
.left-\[85\%\]{
  left:85%;
}
.right-0{
  right:0;
}
.right-16{
  right:56px;
}
.right-3{
  right:6px;
}
.right-4{
  right:8px;
}
.right-6{
  right:16px;
}
.right-\[-10\%\]{
  right:-10%;
}
.right-\[-12\%\]{
  right:-12%;
}
.right-\[-15\%\]{
  right:-15%;
}
.right-\[-6\%\]{
  right:-6%;
}
.right-\[-8\%\]{
  right:-8%;
}
.right-\[15\%\]{
  right:15%;
}
.top-0{
  top:0;
}
.top-1\/2{
  top:50%;
}
.top-10{
  top:32px;
}
.top-12{
  top:40px;
}
.top-2{
  top:4px;
}
.top-3{
  top:6px;
}
.top-4{
  top:8px;
}
.top-5{
  top:12px;
}
.top-6{
  top:16px;
}
.top-7{
  top:1.75rem;
}
.top-8{
  top:24px;
}
.top-9{
  top:2.25rem;
}
.top-\[-6\%\]{
  top:-6%;
}
.top-\[10\%\]{
  top:10%;
}
.top-\[20\%\]{
  top:20%;
}
.top-\[25\%\]{
  top:25%;
}
.top-\[35\%\]{
  top:35%;
}
.top-\[40\%\]{
  top:40%;
}
.top-\[5\%\]{
  top:5%;
}
.top-\[50\%\]{
  top:50%;
}
.isolate{
  isolation:isolate;
}
.z-0{
  z-index:0;
}
.z-10{
  z-index:10;
}
.z-20{
  z-index:20;
}
.z-30{
  z-index:30;
}
.z-40{
  z-index:40;
}
.z-50{
  z-index:50;
}
.z-\[100\]{
  z-index:100;
}
.z-\[200\]{
  z-index:200;
}
.z-\[210\]{
  z-index:210;
}
.z-\[9999\]{
  z-index:9999;
}
.m-0{
  margin:0;
}
.m-4{
  margin:8px;
}
.mx-1{
  margin-left:2px;
  margin-right:2px;
}
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.mb-1{
  margin-bottom:2px;
}
.mb-10{
  margin-bottom:32px;
}
.mb-12{
  margin-bottom:40px;
}
.mb-16{
  margin-bottom:56px;
}
.mb-2{
  margin-bottom:4px;
}
.mb-24{
  margin-bottom:88px;
}
.mb-3{
  margin-bottom:6px;
}
.mb-4{
  margin-bottom:8px;
}
.mb-5{
  margin-bottom:12px;
}
.mb-6{
  margin-bottom:16px;
}
.mb-8{
  margin-bottom:24px;
}
.ml-2{
  margin-left:4px;
}
.ml-6{
  margin-left:16px;
}
.mr-1{
  margin-right:2px;
}
.mr-1\.5{
  margin-right:.375rem;
}
.mr-2{
  margin-right:4px;
}
.mr-3{
  margin-right:6px;
}
.mt-0{
  margin-top:0;
}
.mt-1{
  margin-top:2px;
}
.mt-10{
  margin-top:32px;
}
.mt-16{
  margin-top:56px;
}
.mt-2{
  margin-top:4px;
}
.mt-20{
  margin-top:72px;
}
.mt-3{
  margin-top:6px;
}
.mt-4{
  margin-top:8px;
}
.mt-6{
  margin-top:16px;
}
.mt-8{
  margin-top:24px;
}
.mt-\[1px\]{
  margin-top:1px;
}
.mt-auto{
  margin-top:auto;
}
.\!block{
  display:block !important;
}
.block{
  display:block;
}
.inline-block{
  display:inline-block;
}
.\!inline{
  display:inline !important;
}
.inline{
  display:inline;
}
.flex{
  display:flex;
}
.inline-flex{
  display:inline-flex;
}
.table{
  display:table;
}
.flow-root{
  display:flow-root;
}
.grid{
  display:grid;
}
.contents{
  display:contents;
}
.list-item{
  display:list-item;
}
.hidden{
  display:none;
}
.aspect-\[16\/10\]{
  aspect-ratio:16/10;
}
.h-1{
  height:2px;
}
.h-1\.5{
  height:.375rem;
}
.h-1\/2{
  height:50%;
}
.h-1\/3{
  height:33.333333%;
}
.h-1\/4{
  height:25%;
}
.h-10{
  height:32px;
}
.h-11{
  height:2.75rem;
}
.h-12{
  height:40px;
}
.h-14{
  height:3.5rem;
}
.h-16{
  height:56px;
}
.h-2{
  height:4px;
}
.h-2\.5{
  height:.625rem;
}
.h-2\/5{
  height:40%;
}
.h-20{
  height:72px;
}
.h-24{
  height:88px;
}
.h-3{
  height:6px;
}
.h-32{
  height:8rem;
}
.h-4{
  height:8px;
}
.h-40{
  height:10rem;
}
.h-48{
  height:12rem;
}
.h-5{
  height:12px;
}
.h-6{
  height:16px;
}
.h-64{
  height:16rem;
}
.h-7{
  height:1.75rem;
}
.h-72{
  height:18rem;
}
.h-8{
  height:24px;
}
.h-80{
  height:20rem;
}
.h-9{
  height:2.25rem;
}
.h-\[120\%\]{
  height:120%;
}
.h-\[13\%\]{
  height:13%;
}
.h-\[14\%\]{
  height:14%;
}
.h-\[15\%\]{
  height:15%;
}
.h-\[150\%\]{
  height:150%;
}
.h-\[15px\]{
  height:15px;
}
.h-\[16\%\]{
  height:16%;
}
.h-\[18\%\]{
  height:18%;
}
.h-\[1px\]{
  height:1px;
}
.h-\[20\%\]{
  height:20%;
}
.h-\[25\%\]{
  height:25%;
}
.h-\[2px\]{
  height:2px;
}
.h-\[30\%\]{
  height:30%;
}
.h-\[3px\]{
  height:3px;
}
.h-\[40\%\]{
  height:40%;
}
.h-\[42\%\]{
  height:42%;
}
.h-\[5\%\]{
  height:5%;
}
.h-\[60\%\]{
  height:60%;
}
.h-\[600px\]{
  height:600px;
}
.h-\[7\%\]{
  height:7%;
}
.h-\[75\%\]{
  height:75%;
}
.h-\[8\%\]{
  height:8%;
}
.h-\[80\%\]{
  height:80%;
}
.h-full{
  height:100%;
}
.h-px{
  height:1px;
}
.max-h-60{
  max-height:15rem;
}
.max-h-\[60vh\]{
  max-height:60vh;
}
.max-h-\[80vh\]{
  max-height:80vh;
}
.max-h-\[90vh\]{
  max-height:90vh;
}
.max-h-screen{
  max-height:100vh;
}
.min-h-screen{
  min-height:100vh;
}
.w-0\.5{
  width:.125rem;
}
.w-1{
  width:2px;
}
.w-1\.5{
  width:.375rem;
}
.w-1\/2{
  width:50%;
}
.w-1\/3{
  width:33.333333%;
}
.w-10{
  width:32px;
}
.w-12{
  width:40px;
}
.w-14{
  width:3.5rem;
}
.w-16{
  width:56px;
}
.w-2{
  width:4px;
}
.w-2\.5{
  width:.625rem;
}
.w-2\/5{
  width:40%;
}
.w-20{
  width:72px;
}
.w-24{
  width:88px;
}
.w-3{
  width:6px;
}
.w-36{
  width:9rem;
}
.w-4{
  width:8px;
}
.w-40{
  width:10rem;
}
.w-48{
  width:12rem;
}
.w-5{
  width:12px;
}
.w-6{
  width:16px;
}
.w-64{
  width:16rem;
}
.w-7{
  width:1.75rem;
}
.w-8{
  width:24px;
}
.w-80{
  width:20rem;
}
.w-9{
  width:2.25rem;
}
.w-\[1\.5px\]{
  width:1.5px;
}
.w-\[100\%\]{
  width:100%;
}
.w-\[1000px\]{
  width:1000px;
}
.w-\[110\%\]{
  width:110%;
}
.w-\[15px\]{
  width:15px;
}
.w-\[1px\]{
  width:1px;
}
.w-\[2px\]{
  width:2px;
}
.w-\[40\%\]{
  width:40%;
}
.w-\[70\%\]{
  width:70%;
}
.w-\[8px\]{
  width:8px;
}
.w-\[90\%\]{
  width:90%;
}
.w-full{
  width:100%;
}
.w-px{
  width:1px;
}
.min-w-full{
  min-width:100%;
}
.max-w-2xl{
  max-width:42rem;
}
.max-w-3xl{
  max-width:48rem;
}
.max-w-4xl{
  max-width:56rem;
}
.max-w-5xl{
  max-width:64rem;
}
.max-w-6xl{
  max-width:72rem;
}
.max-w-full{
  max-width:100%;
}
.max-w-lg{
  max-width:32rem;
}
.max-w-md{
  max-width:28rem;
}
.max-w-sm{
  max-width:24rem;
}
.max-w-xl{
  max-width:36rem;
}
.flex-1{
  flex:1 1;
}
.shrink{
  flex-shrink:1;
}
.shrink-0{
  flex-shrink:0;
}
.grow{
  flex-grow:1;
}
.origin-center{
  transform-origin:center;
}
.origin-left{
  transform-origin:left;
}
.origin-right{
  transform-origin:right;
}
.origin-top{
  transform-origin:top;
}
.-translate-x-1\/2{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[1px\]{
  --tw-translate-y:-1px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate:-90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-\[30deg\]{
  --tw-rotate:-30deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[30deg\]{
  --tw-rotate:30deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[1\.1\]{
  --tw-scale-x:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[1\.2\]{
  --tw-scale-x:1.2;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[1\.5\]{
  --tw-scale-x:1.5;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[1\.6\]{
  --tw-scale-x:1.6;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-75{
  --tw-scale-y:.75;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-pulse{
  animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
@keyframes spin{
  to{
    transform:rotate(1turn);
  }
}
.animate-spin{
  animation:spin 1s linear infinite;
}
.cursor-auto{
  cursor:auto;
}
.cursor-not-allowed{
  cursor:not-allowed;
}
.cursor-pointer{
  cursor:pointer;
}
.select-none{
  -webkit-user-select:none;
          user-select:none;
}
.resize{
  resize:both;
}
.list-decimal{
  list-style-type:decimal;
}
.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.flex-col{
  flex-direction:column;
}
.flex-wrap{
  flex-wrap:wrap;
}
.place-items-center{
  place-items:center;
}
.content-center{
  align-content:center;
}
.items-start{
  align-items:flex-start;
}
.items-end{
  align-items:flex-end;
}
.items-center{
  align-items:center;
}
.justify-center{
  justify-content:center;
}
.justify-between{
  justify-content:space-between;
}
.gap-1{
  gap:2px;
}
.gap-1\.5{
  gap:.375rem;
}
.gap-2{
  gap:4px;
}
.gap-3{
  gap:6px;
}
.gap-4{
  gap:8px;
}
.gap-6{
  gap:16px;
}
.gap-8{
  gap:24px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(2px*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(2px*var(--tw-space-x-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(4px*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(4px*var(--tw-space-x-reverse));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(6px*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(6px*var(--tw-space-x-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(2px*var(--tw-space-y-reverse));
  margin-top:calc(2px*(1 - var(--tw-space-y-reverse)));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.375rem*var(--tw-space-y-reverse));
  margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(4px*var(--tw-space-y-reverse));
  margin-top:calc(4px*(1 - var(--tw-space-y-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(6px*var(--tw-space-y-reverse));
  margin-top:calc(6px*(1 - var(--tw-space-y-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(8px*var(--tw-space-y-reverse));
  margin-top:calc(8px*(1 - var(--tw-space-y-reverse)));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(24px*var(--tw-space-y-reverse));
  margin-top:calc(24px*(1 - var(--tw-space-y-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-bottom-width:calc(1px*var(--tw-divide-y-reverse));
  border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235 / 1);
  border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.overflow-hidden{
  overflow:hidden;
}
.overflow-visible{
  overflow:visible;
}
.overflow-x-auto{
  overflow-x:auto;
}
.overflow-y-auto{
  overflow-y:auto;
}
.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.break-all{
  word-break:break-all;
}
.rounded{
  border-radius:.25rem;
}
.rounded-2xl{
  border-radius:1rem;
}
.rounded-3xl{
  border-radius:1.5rem;
}
.rounded-\[50\%\]{
  border-radius:50%;
}
.rounded-full{
  border-radius:9999px;
}
.rounded-lg{
  border-radius:var(--radius);
}
.rounded-md{
  border-radius:calc(var(--radius) - 2px);
}
.rounded-none{
  border-radius:0;
}
.rounded-xl{
  border-radius:.75rem;
}
.rounded-l-full{
  border-bottom-left-radius:9999px;
  border-top-left-radius:9999px;
}
.rounded-r-full{
  border-bottom-right-radius:9999px;
  border-top-right-radius:9999px;
}
.rounded-r-sm{
  border-bottom-right-radius:calc(var(--radius) - 4px);
  border-top-right-radius:calc(var(--radius) - 4px);
}
.rounded-t-\[100\%\]{
  border-top-left-radius:100%;
  border-top-right-radius:100%;
}
.rounded-t-\[120\%\]{
  border-top-left-radius:120%;
  border-top-right-radius:120%;
}
.rounded-t-\[150\%\]{
  border-top-left-radius:150%;
  border-top-right-radius:150%;
}
.rounded-t-full{
  border-top-left-radius:9999px;
  border-top-right-radius:9999px;
}
.rounded-t-sm{
  border-top-left-radius:calc(var(--radius) - 4px);
  border-top-right-radius:calc(var(--radius) - 4px);
}
.rounded-bl-full{
  border-bottom-left-radius:9999px;
}
.rounded-br-full{
  border-bottom-right-radius:9999px;
}
.rounded-tl-full{
  border-top-left-radius:9999px;
}
.rounded-tr-full{
  border-top-right-radius:9999px;
}
.border{
  border-width:1px;
}
.border-0{
  border-width:0;
}
.border-2{
  border-width:2px;
}
.border-4{
  border-width:4px;
}
.border-b{
  border-bottom-width:1px;
}
.border-b-2{
  border-bottom-width:2px;
}
.border-l{
  border-left-width:1px;
}
.border-r{
  border-right-width:1px;
}
.border-t{
  border-top-width:1px;
}
.border-amber-300\/50{
  border-color:rgb(252 211 77 / .5);
}
.border-amber-400{
  --tw-border-opacity:1;
  border-color:rgb(251 191 36 / 1);
  border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-blue-100{
  --tw-border-opacity:1;
  border-color:rgb(219 234 254 / 1);
  border-color:rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200{
  --tw-border-opacity:1;
  border-color:rgb(191 219 254 / 1);
  border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-400{
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / 1);
  border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-500\/20{
  border-color:rgb(59 130 246 / .2);
}
.border-blue-500\/30{
  border-color:rgb(59 130 246 / .3);
}
.border-blue-600{
  --tw-border-opacity:1;
  border-color:rgb(37 99 235 / 1);
  border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-cyan-400{
  --tw-border-opacity:1;
  border-color:rgb(34 211 238 / 1);
  border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-emerald-400{
  --tw-border-opacity:1;
  border-color:rgb(52 211 153 / 1);
  border-color:rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / 1);
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / 1);
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / 1);
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-300\/50{
  border-color:rgb(209 213 219 / .5);
}
.border-green-400{
  --tw-border-opacity:1;
  border-color:rgb(74 222 128 / 1);
  border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-500\/20{
  border-color:rgb(34 197 94 / .2);
}
.border-green-500\/30{
  border-color:rgb(34 197 94 / .3);
}
.border-input{
  border-color:hsl(var(--input));
}
.border-pink-300\/50{
  border-color:rgb(249 168 212 / .5);
}
.border-primary\/50{
  border-color:hsl(var(--primary) / .5);
}
.border-purple-400{
  --tw-border-opacity:1;
  border-color:rgb(192 132 252 / 1);
  border-color:rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity:1;
  border-color:rgb(254 226 226 / 1);
  border-color:rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / 1);
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-400{
  --tw-border-opacity:1;
  border-color:rgb(248 113 113 / 1);
  border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-slate-100{
  --tw-border-opacity:1;
  border-color:rgb(241 245 249 / 1);
  border-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / 1);
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-800\/50{
  border-color:rgb(30 41 59 / .5);
}
.border-slate-900{
  --tw-border-opacity:1;
  border-color:rgb(15 23 42 / 1);
  border-color:rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-teal-400{
  --tw-border-opacity:1;
  border-color:rgb(45 212 191 / 1);
  border-color:rgb(45 212 191 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color:transparent;
}
.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / 1);
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color:rgb(255 255 255 / .1);
}
.border-white\/25{
  border-color:rgb(255 255 255 / .25);
}
.border-white\/30{
  border-color:rgb(255 255 255 / .3);
}
.border-white\/5{
  border-color:rgb(255 255 255 / .05);
}
.border-white\/60{
  border-color:rgb(255 255 255 / .6);
}
.bg-\[\#1e3a8a\]{
  --tw-bg-opacity:1;
  background-color:rgb(30 58 138 / 1);
  background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e0e0e0\]{
  --tw-bg-opacity:1;
  background-color:rgb(224 224 224 / 1);
  background-color:rgb(224 224 224 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity:1;
  background-color:rgb(251 191 36 / 1);
  background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-500{
  --tw-bg-opacity:1;
  background-color:rgb(245 158 11 / 1);
  background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-background{
  background-color:hsl(var(--background));
}
.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / 1);
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20{
  background-color:rgb(0 0 0 / .2);
}
.bg-black\/30{
  background-color:rgb(0 0 0 / .3);
}
.bg-black\/35{
  background-color:rgb(0 0 0 / .35);
}
.bg-black\/40{
  background-color:rgb(0 0 0 / .4);
}
.bg-black\/45{
  background-color:rgb(0 0 0 / .45);
}
.bg-black\/60{
  background-color:rgb(0 0 0 / .6);
}
.bg-black\/80{
  background-color:rgb(0 0 0 / .8);
}
.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / 1);
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-400{
  --tw-bg-opacity:1;
  background-color:rgb(96 165 250 / 1);
  background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / 1);
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246 / 1);
  background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/20{
  background-color:rgb(59 130 246 / .2);
}
.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / 1);
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-800{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / 1);
  background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.bg-blue-900\/30{
  background-color:rgb(30 58 138 / .3);
}
.bg-blue-900\/50{
  background-color:rgb(30 58 138 / .5);
}
.bg-card{
  background-color:hsl(var(--card));
}
.bg-current{
  background-color:currentColor;
}
.bg-destructive{
  background-color:hsl(var(--destructive));
}
.bg-destructive\/90{
  background-color:hsl(var(--destructive) / .9);
}
.bg-emerald-500{
  --tw-bg-opacity:1;
  background-color:rgb(16 185 129 / 1);
  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/70{
  background-color:rgb(16 185 129 / .7);
}
.bg-emerald-500\/80{
  background-color:rgb(16 185 129 / .8);
}
.bg-emerald-600\/50{
  background-color:rgb(5 150 105 / .5);
}
.bg-emerald-600\/60{
  background-color:rgb(5 150 105 / .6);
}
.bg-emerald-600\/80{
  background-color:rgb(5 150 105 / .8);
}
.bg-emerald-700\/40{
  background-color:rgb(4 120 87 / .4);
}
.bg-emerald-700\/60{
  background-color:rgb(4 120 87 / .6);
}
.bg-emerald-700\/90{
  background-color:rgb(4 120 87 / .9);
}
.bg-emerald-800\/90{
  background-color:rgb(6 95 70 / .9);
}
.bg-emerald-900\/70{
  background-color:rgb(6 78 59 / .7);
}
.bg-emerald-900\/90{
  background-color:rgb(6 78 59 / .9);
}
.bg-emerald-950\/30{
  background-color:rgb(2 44 34 / .3);
}
.bg-emerald-950\/60{
  background-color:rgb(2 44 34 / .6);
}
.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / 1);
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / 1);
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / 1);
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / 1);
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-600{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / 1);
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / 1);
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / 1);
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / 1);
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10{
  background-color:rgb(34 197 94 / .1);
}
.bg-green-500\/20{
  background-color:rgb(34 197 94 / .2);
}
.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / 1);
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 231 255 / 1);
  background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-400{
  --tw-bg-opacity:1;
  background-color:rgb(129 140 248 / 1);
  background-color:rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / 1);
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-orange-300{
  --tw-bg-opacity:1;
  background-color:rgb(253 186 116 / 1);
  background-color:rgb(253 186 116 / var(--tw-bg-opacity, 1));
}
.bg-orange-400{
  --tw-bg-opacity:1;
  background-color:rgb(251 146 60 / 1);
  background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-pink-400{
  --tw-bg-opacity:1;
  background-color:rgb(244 114 182 / 1);
  background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.bg-primary{
  background-color:hsl(var(--primary));
}
.bg-primary\/90{
  background-color:hsl(var(--primary) / .9);
}
.bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 232 255 / 1);
  background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-400{
  --tw-bg-opacity:1;
  background-color:rgb(192 132 252 / 1);
  background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-purple-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 245 255 / 1);
  background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / 1);
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-600{
  --tw-bg-opacity:1;
  background-color:rgb(147 51 234 / 1);
  background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / 1);
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity:1;
  background-color:rgb(248 113 113 / 1);
  background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / 1);
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / 1);
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/80{
  background-color:rgb(239 68 68 / .8);
}
.bg-rose-400{
  --tw-bg-opacity:1;
  background-color:rgb(251 113 133 / 1);
  background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1));
}
.bg-secondary{
  background-color:hsl(var(--secondary));
}
.bg-secondary\/80{
  background-color:hsl(var(--secondary) / .8);
}
.bg-sky-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254 / 1);
  background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-500{
  --tw-bg-opacity:1;
  background-color:rgb(14 165 233 / 1);
  background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.bg-sky-600{
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / 1);
  background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-slate-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / 1);
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / 1);
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / 1);
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-700{
  --tw-bg-opacity:1;
  background-color:rgb(51 65 85 / 1);
  background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/40{
  background-color:rgb(30 41 59 / .4);
}
.bg-slate-900{
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42 / 1);
  background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/40{
  background-color:rgb(15 23 42 / .4);
}
.bg-soft-light-green{
  --tw-bg-opacity:1;
  background-color:rgb(167 243 208 / 1);
  background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.bg-stone-800\/90{
  background-color:rgb(41 37 36 / .9);
}
.bg-teal-100{
  --tw-bg-opacity:1;
  background-color:rgb(204 251 241 / 1);
  background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-600{
  --tw-bg-opacity:1;
  background-color:rgb(13 148 136 / 1);
  background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color:transparent;
}
.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / 1);
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color:rgb(255 255 255 / .1);
}
.bg-white\/15{
  background-color:rgb(255 255 255 / .15);
}
.bg-white\/20{
  background-color:rgb(255 255 255 / .2);
}
.bg-white\/25{
  background-color:rgb(255 255 255 / .25);
}
.bg-white\/30{
  background-color:rgb(255 255 255 / .3);
}
.bg-white\/40{
  background-color:rgb(255 255 255 / .4);
}
.bg-white\/5{
  background-color:rgb(255 255 255 / .05);
}
.bg-white\/50{
  background-color:rgb(255 255 255 / .5);
}
.bg-white\/60{
  background-color:rgb(255 255 255 / .6);
}
.bg-white\/70{
  background-color:rgb(255 255 255 / .7);
}
.bg-white\/80{
  background-color:rgb(255 255 255 / .8);
}
.bg-white\/85{
  background-color:rgb(255 255 255 / .85);
}
.bg-white\/90{
  background-color:rgb(255 255 255 / .9);
}
.bg-white\/95{
  background-color:rgb(255 255 255 / .95);
}
.bg-yellow-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 249 195 / 1);
  background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / 1);
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200\/60{
  background-color:rgb(254 240 138 / .6);
}
.bg-yellow-300{
  --tw-bg-opacity:1;
  background-color:rgb(253 224 71 / 1);
  background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400{
  --tw-bg-opacity:1;
  background-color:rgb(250 204 21 / 1);
  background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50{
  --tw-bg-opacity:0.5;
}
.bg-opacity-90{
  --tw-bg-opacity:0.9;
}
.bg-\[radial-gradient\(circle_at_30\%_25\%\2c \#dbeafe_0\%\2c \#1e3a8a_45\%\2c \#0f172a_100\%\)\]{
  background-image:radial-gradient(circle at 30% 25%,#dbeafe 0,#1e3a8a 45%,#0f172a 100%);
}
.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl{
  background-image:linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image:linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#0c1445\]{
  --tw-gradient-from:#0c1445 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(12 20 69 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f5f5f5\]{
  --tw-gradient-from:#f5f5f5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 245 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-200{
  --tw-gradient-from:#fde68a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-300\/20{
  --tw-gradient-from:rgb(252 211 77 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(252 211 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500{
  --tw-gradient-from:#f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black{
  --tw-gradient-from:#000 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-100\/50{
  --tw-gradient-from:rgb(219 234 254 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-300{
  --tw-gradient-from:#93c5fd var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
  --tw-gradient-from:#60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
  --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600{
  --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900{
  --tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-950\/50{
  --tw-gradient-from:rgb(23 37 84 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(23 37 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600{
  --tw-gradient-from:#059669 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-900{
  --tw-gradient-from:#064e3b var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-950{
  --tw-gradient-from:#022c22 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-950\/50{
  --tw-gradient-from:rgb(2 44 34 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500{
  --tw-gradient-from:#d946ef var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500{
  --tw-gradient-from:#6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500{
  --tw-gradient-from:#22c55e var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600{
  --tw-gradient-from:#16a34a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-700{
  --tw-gradient-from:#15803d var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400{
  --tw-gradient-from:#818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500{
  --tw-gradient-from:#6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-900{
  --tw-gradient-from:#312e81 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-200{
  --tw-gradient-from:#d9f99d var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(217 249 157 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-200{
  --tw-gradient-from:#fbcfe8 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(251 207 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-300{
  --tw-gradient-from:#f9a8d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 168 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500{
  --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600{
  --tw-gradient-from:#dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-300{
  --tw-gradient-from:#fda4af var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(253 164 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-300{
  --tw-gradient-from:#7dd3fc var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(125 211 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400{
  --tw-gradient-from:#38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500{
  --tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-600\/40{
  --tw-gradient-from:rgb(71 85 105 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(71 85 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-700\/30{
  --tw-gradient-from:rgb(51 65 85 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/50{
  --tw-gradient-from:rgb(15 23 42 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500{
  --tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-900{
  --tw-gradient-from:#134e4a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(19 78 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from:transparent var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400{
  --tw-gradient-from:#a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/10{
  --tw-gradient-from:rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/50{
  --tw-gradient-from:rgb(255 255 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-100{
  --tw-gradient-from:#fef9c3 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 249 195 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-200{
  --tw-gradient-from:#fef08a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-200\/30{
  --tw-gradient-from:rgb(254 240 138 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-200\/40{
  --tw-gradient-from:rgb(254 240 138 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-800{
  --tw-gradient-from:#854d0e var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(133 77 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#1a237e\]{
  --tw-gradient-to:rgb(26 35 126 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #1a237e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-100{
  --tw-gradient-to:rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-200\/20{
  --tw-gradient-to:rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(253 230 138 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-400{
  --tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500{
  --tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-500{
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-500{
  --tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-900{
  --tw-gradient-to:rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-900{
  --tw-gradient-to:rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-lime-500{
  --tw-gradient-to:rgb(132 204 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #84cc16 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-300{
  --tw-gradient-to:rgb(253 186 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500{
  --tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-100{
  --tw-gradient-to:rgb(252 231 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500{
  --tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500{
  --tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-500{
  --tw-gradient-to:rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-300{
  --tw-gradient-to:rgb(125 211 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #7dd3fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-500{
  --tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-950\/40{
  --tw-gradient-to:rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(2 6 23 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-900{
  --tw-gradient-to:rgb(19 78 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #134e4a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#283593\]{
  --tw-gradient-to:#283593 var(--tw-gradient-to-position);
}
.to-\[\#e0e0e0\]{
  --tw-gradient-to:#e0e0e0 var(--tw-gradient-to-position);
}
.to-amber-100\/80{
  --tw-gradient-to:rgb(254 243 199 / 0.8) var(--tw-gradient-to-position);
}
.to-amber-200{
  --tw-gradient-to:#fde68a var(--tw-gradient-to-position);
}
.to-black\/30{
  --tw-gradient-to:rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-200{
  --tw-gradient-to:#bfdbfe var(--tw-gradient-to-position);
}
.to-blue-400{
  --tw-gradient-to:#60a5fa var(--tw-gradient-to-position);
}
.to-blue-500{
  --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position);
}
.to-blue-700{
  --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);
}
.to-cyan-300{
  --tw-gradient-to:#67e8f9 var(--tw-gradient-to-position);
}
.to-cyan-900{
  --tw-gradient-to:#164e63 var(--tw-gradient-to-position);
}
.to-emerald-300{
  --tw-gradient-to:#6ee7b7 var(--tw-gradient-to-position);
}
.to-emerald-400{
  --tw-gradient-to:#34d399 var(--tw-gradient-to-position);
}
.to-emerald-400\/90{
  --tw-gradient-to:rgb(52 211 153 / 0.9) var(--tw-gradient-to-position);
}
.to-emerald-800\/80{
  --tw-gradient-to:rgb(6 95 70 / 0.8) var(--tw-gradient-to-position);
}
.to-emerald-900{
  --tw-gradient-to:#064e3b var(--tw-gradient-to-position);
}
.to-gray-700{
  --tw-gradient-to:#374151 var(--tw-gradient-to-position);
}
.to-green-100{
  --tw-gradient-to:#dcfce7 var(--tw-gradient-to-position);
}
.to-green-400{
  --tw-gradient-to:#4ade80 var(--tw-gradient-to-position);
}
.to-green-500{
  --tw-gradient-to:#22c55e var(--tw-gradient-to-position);
}
.to-green-800{
  --tw-gradient-to:#166534 var(--tw-gradient-to-position);
}
.to-indigo-300{
  --tw-gradient-to:#a5b4fc var(--tw-gradient-to-position);
}
.to-indigo-400{
  --tw-gradient-to:#818cf8 var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to:#4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-900\/30{
  --tw-gradient-to:rgb(49 46 129 / 0.3) var(--tw-gradient-to-position);
}
.to-orange-300{
  --tw-gradient-to:#fdba74 var(--tw-gradient-to-position);
}
.to-orange-400{
  --tw-gradient-to:#fb923c var(--tw-gradient-to-position);
}
.to-pink-500{
  --tw-gradient-to:#ec4899 var(--tw-gradient-to-position);
}
.to-purple-300{
  --tw-gradient-to:#d8b4fe var(--tw-gradient-to-position);
}
.to-purple-400{
  --tw-gradient-to:#c084fc var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to:#9333ea var(--tw-gradient-to-position);
}
.to-purple-900{
  --tw-gradient-to:#581c87 var(--tw-gradient-to-position);
}
.to-red-400{
  --tw-gradient-to:#f87171 var(--tw-gradient-to-position);
}
.to-rose-300{
  --tw-gradient-to:#fda4af var(--tw-gradient-to-position);
}
.to-rose-500{
  --tw-gradient-to:#f43f5e var(--tw-gradient-to-position);
}
.to-sky-400{
  --tw-gradient-to:#38bdf8 var(--tw-gradient-to-position);
}
.to-slate-700\/50{
  --tw-gradient-to:rgb(51 65 85 / 0.5) var(--tw-gradient-to-position);
}
.to-slate-800{
  --tw-gradient-to:#1e293b var(--tw-gradient-to-position);
}
.to-slate-800\/40{
  --tw-gradient-to:rgb(30 41 59 / 0.4) var(--tw-gradient-to-position);
}
.to-teal-900\/30{
  --tw-gradient-to:rgb(19 78 74 / 0.3) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
}
.to-white\/10{
  --tw-gradient-to:rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
}
.to-yellow-200{
  --tw-gradient-to:#fef08a var(--tw-gradient-to-position);
}
.to-yellow-500{
  --tw-gradient-to:#eab308 var(--tw-gradient-to-position);
}
.to-yellow-700{
  --tw-gradient-to:#a16207 var(--tw-gradient-to-position);
}
.to-yellow-900{
  --tw-gradient-to:#713f12 var(--tw-gradient-to-position);
}
.fill-blue-400{
  fill:#60a5fa;
}
.fill-blue-900\/40{
  fill:rgb(30 58 138 / .4);
}
.fill-current{
  fill:currentColor;
}
.object-cover{
  object-fit:cover;
}
.p-0{
  padding:0;
}
.p-1{
  padding:2px;
}
.p-1\.5{
  padding:.375rem;
}
.p-2{
  padding:4px;
}
.p-3{
  padding:6px;
}
.p-4{
  padding:8px;
}
.p-6{
  padding:16px;
}
.p-8{
  padding:24px;
}
.px-2{
  padding-left:4px;
  padding-right:4px;
}
.px-3{
  padding-left:6px;
  padding-right:6px;
}
.px-4{
  padding-left:8px;
  padding-right:8px;
}
.px-6{
  padding-left:16px;
  padding-right:16px;
}
.px-8{
  padding-left:24px;
  padding-right:24px;
}
.py-1{
  padding-bottom:2px;
  padding-top:2px;
}
.py-1\.5{
  padding-bottom:.375rem;
  padding-top:.375rem;
}
.py-12{
  padding-bottom:40px;
  padding-top:40px;
}
.py-14{
  padding-bottom:3.5rem;
  padding-top:3.5rem;
}
.py-2{
  padding-bottom:4px;
  padding-top:4px;
}
.py-24{
  padding-bottom:88px;
  padding-top:88px;
}
.py-3{
  padding-bottom:6px;
  padding-top:6px;
}
.py-4{
  padding-bottom:8px;
  padding-top:8px;
}
.py-5{
  padding-bottom:12px;
  padding-top:12px;
}
.py-8{
  padding-bottom:24px;
  padding-top:24px;
}
.pb-2{
  padding-bottom:4px;
}
.pb-20{
  padding-bottom:72px;
}
.pb-4{
  padding-bottom:8px;
}
.pb-8{
  padding-bottom:24px;
}
.pl-4{
  padding-left:8px;
}
.pl-5{
  padding-left:12px;
}
.pr-1\.5{
  padding-right:.375rem;
}
.pr-3{
  padding-right:6px;
}
.pr-8{
  padding-right:24px;
}
.pt-0{
  padding-top:0;
}
.pt-24{
  padding-top:88px;
}
.pt-4{
  padding-top:8px;
}
.pt-6{
  padding-top:16px;
}
.pt-8{
  padding-top:24px;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-serif{
  font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}
.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem;
}
.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}
.text-\[0\.6rem\]{
  font-size:.6rem;
}
.text-\[10px\]{
  font-size:10px;
}
.text-\[12px\]{
  font-size:12px;
}
.text-\[14rem\]{
  font-size:14rem;
}
.text-\[15px\]{
  font-size:15px;
}
.text-base{
  font-size:1rem;
  line-height:1.5rem;
}
.text-lg{
  font-size:1.125rem;
  line-height:1.75rem;
}
.text-sm{
  font-size:.875rem;
  line-height:1.25rem;
}
.text-title-large{
  font-size:16px;
  letter-spacing:.1px;
  line-height:22px;
}
.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}
.text-xs{
  font-size:.75rem;
  line-height:1rem;
}
.font-bold{
  font-weight:700;
}
.font-extrabold{
  font-weight:800;
}
.font-medium{
  font-weight:500;
}
.font-semibold{
  font-weight:600;
}
.uppercase{
  text-transform:uppercase;
}
.capitalize{
  text-transform:capitalize;
}
.italic{
  font-style:italic;
}
.ordinal{
  --tw-ordinal:ordinal;
  font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  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-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none{
  line-height:1;
}
.leading-relaxed{
  line-height:1.625;
}
.leading-snug{
  line-height:1.375;
}
.tracking-\[0\.3em\]{
  letter-spacing:.3em;
}
.tracking-tight{
  letter-spacing:-.025em;
}
.tracking-wider{
  letter-spacing:.05em;
}
.tracking-widest{
  letter-spacing:.1em;
}
.text-\[\#1e3a8a\]{
  --tw-text-opacity:1;
  color:rgb(30 58 138 / 1);
  color:rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-accent-foreground{
  color:hsl(var(--accent-foreground));
}
.text-air{
  --tw-text-opacity:1;
  color:rgb(177 156 217 / 1);
  color:rgb(177 156 217 / var(--tw-text-opacity, 1));
}
.text-amber-100{
  --tw-text-opacity:1;
  color:rgb(254 243 199 / 1);
  color:rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / 1);
  color:rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-blue-100{
  --tw-text-opacity:1;
  color:rgb(219 234 254 / 1);
  color:rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-200{
  --tw-text-opacity:1;
  color:rgb(191 219 254 / 1);
  color:rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.text-blue-300{
  --tw-text-opacity:1;
  color:rgb(147 197 253 / 1);
  color:rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400{
  --tw-text-opacity:1;
  color:rgb(96 165 250 / 1);
  color:rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / 1);
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / 1);
  color:rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(30 64 175 / 1);
  color:rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-card-foreground{
  color:hsl(var(--card-foreground));
}
.text-cyan-400{
  --tw-text-opacity:1;
  color:rgb(34 211 238 / 1);
  color:rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-destructive-foreground{
  color:hsl(var(--destructive-foreground));
}
.text-earth{
  --tw-text-opacity:1;
  color:rgb(51 204 51 / 1);
  color:rgb(51 204 51 / var(--tw-text-opacity, 1));
}
.text-emerald-100{
  --tw-text-opacity:1;
  color:rgb(209 250 229 / 1);
  color:rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-400{
  --tw-text-opacity:1;
  color:rgb(52 211 153 / 1);
  color:rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-fire{
  --tw-text-opacity:1;
  color:rgb(255 179 71 / 1);
  color:rgb(255 179 71 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / 1);
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / 1);
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / 1);
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / 1);
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / 1);
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / 1);
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / 1);
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-100{
  --tw-text-opacity:1;
  color:rgb(220 252 231 / 1);
  color:rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / 1);
  color:rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / 1);
  color:rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity:1;
  color:rgb(21 128 61 / 1);
  color:rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-500{
  --tw-text-opacity:1;
  color:rgb(99 102 241 / 1);
  color:rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity:1;
  color:rgb(79 70 229 / 1);
  color:rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700{
  --tw-text-opacity:1;
  color:rgb(67 56 202 / 1);
  color:rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  color:hsl(var(--muted-foreground));
}
.text-orange-600{
  --tw-text-opacity:1;
  color:rgb(234 88 12 / 1);
  color:rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-primary-color{
  --tw-text-opacity:1;
  color:rgb(33 150 243 / 1);
  color:rgb(33 150 243 / var(--tw-text-opacity, 1));
}
.text-primary-foreground{
  color:hsl(var(--primary-foreground));
}
.text-purple-100{
  --tw-text-opacity:1;
  color:rgb(243 232 255 / 1);
  color:rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.text-purple-400{
  --tw-text-opacity:1;
  color:rgb(192 132 252 / 1);
  color:rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity:1;
  color:rgb(147 51 234 / 1);
  color:rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / 1);
  color:rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / 1);
  color:rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / 1);
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / 1);
  color:rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / 1);
  color:rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  color:hsl(var(--secondary-foreground));
}
.text-sky-600{
  --tw-text-opacity:1;
  color:rgb(2 132 199 / 1);
  color:rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity:1;
  color:rgb(3 105 161 / 1);
  color:rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-900{
  --tw-text-opacity:1;
  color:rgb(12 74 110 / 1);
  color:rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity:1;
  color:rgb(226 232 240 / 1);
  color:rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / 1);
  color:rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / 1);
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / 1);
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / 1);
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / 1);
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / 1);
  color:rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-teal-400{
  --tw-text-opacity:1;
  color:rgb(45 212 191 / 1);
  color:rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.text-teal-700{
  --tw-text-opacity:1;
  color:rgb(15 118 110 / 1);
  color:rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-text-color{
  --tw-text-opacity:1;
  color:rgb(68 68 68 / 1);
  color:rgb(68 68 68 / var(--tw-text-opacity, 1));
}
.text-water{
  --tw-text-opacity:1;
  color:rgb(0 183 255 / 1);
  color:rgb(0 183 255 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / 1);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/10{
  color:rgb(255 255 255 / .1);
}
.text-white\/15{
  color:rgb(255 255 255 / .15);
}
.text-white\/60{
  color:rgb(255 255 255 / .6);
}
.text-white\/70{
  color:rgb(255 255 255 / .7);
}
.text-white\/80{
  color:rgb(255 255 255 / .8);
}
.text-white\/90{
  color:rgb(255 255 255 / .9);
}
.text-yellow-400{
  --tw-text-opacity:1;
  color:rgb(250 204 21 / 1);
  color:rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity:1;
  color:rgb(133 77 14 / 1);
  color:rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.underline{
  -webkit-text-decoration-line:underline;
          text-decoration-line:underline;
}
.overline{
  -webkit-text-decoration-line:overline;
          text-decoration-line:overline;
}
.line-through{
  -webkit-text-decoration-line:line-through;
          text-decoration-line:line-through;
}
.no-underline{
  -webkit-text-decoration-line:none;
          text-decoration-line:none;
}
.decoration-slate-600{
  -webkit-text-decoration-color:#475569;
          text-decoration-color:#475569;
}
.underline-offset-4{
  text-underline-offset:4px;
}
.opacity-0{
  opacity:0;
}
.opacity-10{
  opacity:.1;
}
.opacity-100{
  opacity:1;
}
.opacity-20{
  opacity:.2;
}
.opacity-40{
  opacity:.4;
}
.opacity-50{
  opacity:.5;
}
.opacity-60{
  opacity:.6;
}
.opacity-70{
  opacity:.7;
}
.opacity-80{
  opacity:.8;
}
.mix-blend-multiply{
  mix-blend-mode:multiply;
}
.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.5\)\]{
  --tw-shadow:0 0 15px rgba(255,255,255,0.5);
  --tw-shadow-colored:0 0 15px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{
  --tw-shadow:0 0 15px rgba(255,255,255,0.9);
  --tw-shadow-colored:0 0 15px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_30px_rgba\(34\2c 197\2c 94\2c 0\.3\)\]{
  --tw-shadow:0 0 30px rgba(34,197,94,0.3);
  --tw-shadow-colored:0 0 30px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(255\2c 255\2c 255\2c 0\.35\)\]{
  --tw-shadow:0 8px 24px rgba(255,255,255,0.35);
  --tw-shadow-colored:0 8px 24px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-amber-500\/20{
  --tw-shadow-color:rgb(245 158 11 / 0.2);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-blue-500\/50{
  --tw-shadow-color:rgb(59 130 246 / 0.5);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-blue-900\/40{
  --tw-shadow-color:rgb(30 58 138 / 0.4);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-cyan-500\/50{
  --tw-shadow-color:rgb(6 182 212 / 0.5);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-emerald-500\/50{
  --tw-shadow-color:rgb(16 185 129 / 0.5);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-green-200{
  --tw-shadow-color:#bbf7d0;
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-green-900\/20{
  --tw-shadow-color:rgb(20 83 45 / 0.2);
  --tw-shadow:var(--tw-shadow-colored);
}
.shadow-teal-500\/50{
  --tw-shadow-color:rgb(20 184 166 / 0.5);
  --tw-shadow:var(--tw-shadow-colored);
}
.outline{
  outline-style:solid;
}
.ring{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-blue-200{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.ring-green-200{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(187 247 208 / var(--tw-ring-opacity, 1));
}
.ring-orange-200{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(254 215 170 / var(--tw-ring-opacity, 1));
}
.ring-opacity-5{
  --tw-ring-opacity:0.05;
}
.ring-offset-background{
  --tw-ring-offset-color:hsl(var(--background));
}
.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur:blur(40px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur:blur(64px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[1px\]{
  --tw-blur:blur(1px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2px\]{
  --tw-blur:blur(2px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\]{
  --tw-blur:blur(6px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg{
  --tw-blur:blur(16px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md{
  --tw-blur:blur(12px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm{
  --tw-blur:blur(4px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur:blur(24px);
  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:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg{
  --tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}
.sepia{
  --tw-sepia:sepia(100%);
  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);
}
.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[1px\]{
  --tw-backdrop-blur:blur(1px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur:blur(16px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur:blur(24px);
  -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-duration:.15s;
  transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.transition-all{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.transition-colors{
  transition-duration:.15s;
  transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.transition-opacity{
  transition-duration:.15s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.transition-transform{
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.duration-1000{
  transition-duration:1s;
}
.duration-200{
  transition-duration:.2s;
}
.duration-300{
  transition-duration:.3s;
}
.duration-500{
  transition-duration:.5s;
}
.duration-700{
  transition-duration:.7s;
}
.ease-in{
  transition-timing-function:cubic-bezier(.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.ease-out{
  transition-timing-function:cubic-bezier(0, 0, .2, 1);
}
@keyframes enter{
  from{
    opacity:1;
    opacity:var(--tw-enter-opacity, 1);
    transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    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));
  }
}
@keyframes exit{
  to{
    opacity:1;
    opacity:var(--tw-exit-opacity, 1);
    transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    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));
  }
}
.animate-in{
  animation-duration:.15s;
  animation-name:enter;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.fade-in{
  --tw-enter-opacity:0;
}
.fade-out{
  --tw-exit-opacity:0;
}
.zoom-in{
  --tw-enter-scale:0;
}
.duration-1000{
  animation-duration:1s;
}
.duration-200{
  animation-duration:.2s;
}
.duration-300{
  animation-duration:.3s;
}
.duration-500{
  animation-duration:.5s;
}
.duration-700{
  animation-duration:.7s;
}
.ease-in{
  animation-timing-function:cubic-bezier(.4, 0, 1, 1);
}
.ease-in-out{
  animation-timing-function:cubic-bezier(.4, 0, .2, 1);
}
.ease-out{
  animation-timing-function:cubic-bezier(0, 0, .2, 1);
}
.\!running{
  animation-play-state:running !important;
}
.running{
  animation-play-state:running;
}
.paused{
  animation-play-state:paused;
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}
:root{
  --primary-color:#22489E;
  --secondary-color:#2f7fe8;
  --tertiary-color:#dcecff;
  --soft-light-blue:#f6fbfe;
  --contrast-color:#f44336;
  --text-color:#334155;
  --text-muted-color:#64748b;
  --heading-color:#0f172a;
  --app-heading-color:#111827;
  --surface-base:#f7fbff;
  --surface-subtle:#edf5ff;
  --surface-panel:#ffffff;
  --surface-elevated:linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.96) 100%);
  --border-subtle:rgba(34, 72, 158, 0.10);
  --border-strong:rgba(34, 72, 158, 0.18);
  --border-neutral:#e5e7eb;
  --challenge-loader-from:#8d8fe0;
  --challenge-loader-to:#7a9be4;
  --primary-soft:rgba(47, 127, 232, 0.10);
  --primary-soft-strong:rgba(47, 127, 232, 0.18);
  --accent-warm:#f59e0b;
  --accent-warm-strong:#d97706;
  --success-color:#16a34a;
  --danger-soft:#fff1f2;
  --earth-color:#33cc33;
  --water-color:#00b7ff;
  --air-color:#b19cd9;
  --fire-color:#ffb347;
  --font-sans:'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --content-max-width:1200px;
  --content-gutter-mobile:16px;
  --content-gutter-desktop:24px;
  --section-space-mobile:48px;
  --section-space-desktop:72px;
  --card-radius-sm:16px;
  --card-radius-md:24px;
  --card-radius-lg:32px;
  --input-radius:18px;
  --pill-radius:999px;
  --shadow-soft:0 12px 30px rgba(15, 23, 42, 0.08);
  --shadow-card:0 18px 40px rgba(37, 99, 235, 0.10);
  --shadow-floating:0 26px 60px rgba(15, 23, 42, 0.16);
  --gradient-brand:linear-gradient(135deg, #22489e 0%, #2f7fe8 55%, #59b2ff 100%);
  --gradient-brand-soft:linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 248, 255, 0.98) 100%);
  --professional-blue:#3b82f6;
  --professional-purple:#8b5cf6;
  --professional-pink:#c084fc;
  --professional-text:#5b21b6;
  --professional-surface:#f5f3ff;
  --professional-surface-warm:#faf7ff;
  --professional-border:rgba(109, 40, 217, 0.28);
  --professional-border-strong:rgba(109, 40, 217, 0.42);
  --professional-shadow:rgba(91, 33, 182, 0.07);
  --gradient-professional:linear-gradient(135deg, var(--professional-blue) 0%, var(--professional-purple) 78%, var(--professional-pink) 100%);
  --gradient-professional-soft:linear-gradient(135deg, #f5f3ff 0%, #faf7ff 100%);
  --gradient-professional-soft-hover:linear-gradient(135deg, #ede9fe 0%, #f7f2ff 100%);
  --dialog-top-offset-mobile:calc(var(--appbar-height) + env(safe-area-inset-top, 0px) + 12px);
  --dialog-top-offset-desktop:calc(var(--appbar-height) + 20px);
  --dialog-bottom-offset-mobile:max(12px, env(safe-area-inset-bottom, 0px));
  --dialog-bottom-offset-desktop:20px;
  --spacing-1:2px;
  --spacing-2:4px; 
  --spacing-3:6px;
  --spacing-4:8px;
  --spacing-5:12px;
  --spacing-6:16px;
  --spacing-8:24px;
  --spacing-10:32px;
  --spacing-12:40px;
  --spacing-16:56px;
  --spacing-20:72px;
  --spacing-24:88px;

  --inspiration-bg:hsl(210 20% 98%);
  --inspiration-fg:hsl(215 25% 27%);
  --inspiration-card-bg:hsl(0 0% 100%);
  --inspiration-card-fg:hsl(215 25% 27%);
  --home-hero-morning:linear-gradient(180deg, #FFF1E6 0%, #FFFFFF 100%);
  --home-hero-afternoon:linear-gradient(180deg, #F0F9FF 0%, #FFFFFF 100%);
  --home-hero-evening:linear-gradient(180deg, #FAF5FF 0%, #FFFFFF 100%);
  --home-hero-night:linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
  --home-accent:#2563eb;
  --home-accent-strong:#1d4ed8;
  --app-hero-shell-surface:radial-gradient(circle at top right, rgba(96, 165, 250, 0.22), transparent 34%), radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.14), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(245, 250, 255, 0.98) 100%);
  --app-hero-shell-border:rgba(255, 255, 255, 0.58);
  --home-card-border:rgba(34, 72, 158, 0.14);
  --home-card-border-soft:rgba(100, 116, 139, 0.14);
  --home-card-border-strong:rgba(100, 116, 139, 0.2);
  --home-card-hairline:#dce4f0;
  --home-card-wash:rgba(239, 246, 255, 0.68);
  --home-card-chip:rgba(248, 250, 252, 0.82);
  --home-comic-ink:#2c3e93;
  --home-comic-muted:#6e6e6e;
  --inspiration-accent:hsl(224 76% 48%);
  --inspiration-accent-hover:hsl(214 82% 51%);
}
html[data-theme='dark']{
  --primary-color:#9bb8ff;
  --secondary-color:#7aa7ff;
  --tertiary-color:#1e2b45;
  --soft-light-blue:#16203a;
  --text-color:#dbe4f3;
  --text-muted-color:#aab8cd;
  --heading-color:#e6edf7;
  --app-heading-color:#e6edf7;
  --surface-base:#101827;
  --surface-subtle:#16203a;
  --surface-panel:#182235;
  --surface-elevated:linear-gradient(180deg, rgba(24, 34, 53, 0.96) 0%, rgba(16, 24, 39, 0.96) 100%);
  --border-subtle:rgba(155, 184, 255, 0.18);
  --border-strong:rgba(155, 184, 255, 0.28);
  --border-neutral:#334155;
  --primary-soft:rgba(155, 184, 255, 0.14);
  --primary-soft-strong:rgba(155, 184, 255, 0.22);
  --danger-soft:#3a1d24;
  --shadow-soft:0 12px 30px rgba(0, 0, 0, 0.45);
  --shadow-card:0 18px 40px rgba(0, 0, 0, 0.50);
  --shadow-floating:0 26px 60px rgba(0, 0, 0, 0.55);
  --gradient-brand-soft:linear-gradient(180deg, rgba(24, 34, 53, 0.98) 0%, rgba(16, 24, 39, 0.98) 100%);
  --professional-surface:#1b1730;
  --professional-surface-warm:#1a1a2c;
  --professional-text:#ddd6fe;
  --professional-border:rgba(196, 181, 253, 0.28);
  --professional-border-strong:rgba(196, 181, 253, 0.42);
  --gradient-professional-soft:linear-gradient(135deg, #1b1730 0%, #171a2c 100%);
  --gradient-professional-soft-hover:linear-gradient(135deg, #241f3d 0%, #1d2036 100%);
  --inspiration-bg:hsl(220 26% 12%);
  --inspiration-fg:hsl(215 25% 88%);
  --inspiration-card-bg:#182235;
  --inspiration-card-fg:hsl(215 25% 88%);
  --home-hero-morning:linear-gradient(180deg, #241d16 0%, #101827 100%);
  --home-hero-afternoon:linear-gradient(180deg, #16202b 0%, #101827 100%);
  --home-hero-evening:linear-gradient(180deg, #1d1a2b 0%, #101827 100%);
  --home-hero-night:linear-gradient(180deg, #181f2b 0%, #101827 100%);
  --home-accent:#7fb2ff;
  --home-accent-strong:#9bb8ff;
  --app-hero-shell-surface:radial-gradient(circle at top right, rgba(96, 165, 250, 0.16), transparent 38%), radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.14), transparent 30%), linear-gradient(180deg, rgba(24, 34, 53, 0.92) 0%, rgba(16, 24, 39, 0.96) 100%);
  --app-hero-shell-border:rgba(155, 184, 255, 0.16);
  --home-card-border:rgba(155, 184, 255, 0.16);
  --home-card-border-soft:rgba(155, 184, 255, 0.14);
  --home-card-border-strong:rgba(155, 184, 255, 0.22);
  --home-card-hairline:#243248;
  --home-card-wash:rgba(155, 184, 255, 0.08);
  --home-card-chip:rgba(24, 34, 53, 0.72);
  --home-comic-ink:#c8cfef;
  --home-comic-muted:#a9b3c6;
  --app-page-canvas:linear-gradient(180deg, #0d1420 0%, #101827 100%);
}

html[data-theme='dark'] body{
  background:var(--app-page-canvas);
  color:#334155;
  color:var(--text-color);
}

html[data-theme='dark'] .text-text-color{
  color:#64748b;
  color:var(--text-muted-color);
}
*{
  box-sizing:border-box;
  font-family:'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-family:var(--font-sans);
  margin:0;
  padding:0;
}
p{
  margin:0;
}
:focus-visible{
  border-radius:4px;
  outline:2px solid #22489E;
  outline:2px solid var(--primary-color);
  outline-offset:2px;
}

html{
  margin:0;
  overflow-x:hidden;
  padding:0;
  width:100%;
}
body{
  background:linear-gradient(180deg, #f7fbff 0, #f2f7fd 100%);
  color:#334155;
  color:var(--text-color);
  line-height:1.6;
  margin:0;
  overflow-x:hidden;
  overflow-y:scroll;
  padding:0;
  position:relative;
  width:100%;
}

.MuiAppBar-root{
  position:fixed !important;
  top:0 !important;
}

.MuiToolbar-root{
  border-radius:0 !important;
  margin:0 !important;
  padding:0 16px !important;
}

.App-content{
  overflow-x:hidden;
  padding-top:65px !important;
}
@keyframes circle-animation{
  0%{
    opacity:1;
    transform:scale(0);
  }
  100%{
    opacity:0;
    transform:scale(5);
  }
}
.bg-soft-light-blue{
  background-color:#f6fbfe;
  background-color:var(--soft-light-blue);
}

.text-primary-color{
  color:#22489E;
  color:var(--primary-color);
}

.text-text-color{
  color:#718096;
}
@keyframes iconGlow{
  from{
    filter:drop-shadow(0 0 2px rgba(139, 92, 246, .3)) drop-shadow(0 0 3px rgba(168, 85, 247, .2)) hue-rotate(30deg) saturate(1.5);
  }
  to{
    filter:drop-shadow(0 0 3px rgba(139, 92, 246, .4)) drop-shadow(0 0 4px rgba(168, 85, 247, .25)) hue-rotate(30deg) saturate(1.5);
  }
}
.header-content{
  align-items:center;
  background:linear-gradient(135deg, #22489e 0, #2f7fe8 55%, #59b2ff 100%);
  background:var(--gradient-brand);
  border:1px solid rgba(255, 255, 255, .18);
  border-radius:24px;
  border-radius:var(--card-radius-md);
  box-shadow:0 18px 40px rgba(37, 99, 235, .1);
  box-shadow:var(--shadow-card);
  color:white;
  display:flex;
  flex-direction:column;
  gap:16px;
  gap:var(--spacing-6);
  justify-content:space-between;
  margin-bottom:24px;
  margin-bottom:var(--spacing-8);
  max-height:150px;
  padding:16px;
  padding:var(--spacing-6);
  text-align:center;
}

@media (min-width: 640px){
  .header-content{
    flex-direction:row;
  }
}
.button-common{
  background:linear-gradient(135deg, #2f7fe8 0, #58b5ff 100%) !important;
  border:1px solid rgba(255, 255, 255, .28);
  border-radius:999px;
  border-radius:var(--pill-radius);
  box-shadow:0 16px 34px -18px rgba(47, 127, 232, .62);
  color:#fff !important;
  cursor:pointer;
  font-weight:700;
  letter-spacing:.01em;
  padding:.84rem 1.6rem;
  text-transform:none;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.button-common:hover{
  box-shadow:0 18px 38px -18px rgba(47, 127, 232, .78);
  filter:brightness(1.03);
  transform:translateY(-1px);
}

.app-shell-card{
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%);
  background:var(--surface-elevated);
  border:1px solid rgba(34, 72, 158, .1);
  border:1px solid var(--border-subtle);
  border-radius:24px;
  border-radius:var(--card-radius-md);
  box-shadow:0 18px 40px rgba(37, 99, 235, .1);
  box-shadow:var(--shadow-card);
}

.app-shell-card--soft{
  background:linear-gradient(180deg, rgba(255, 255, 255, .92) 0, rgba(245, 250, 255, .96) 100%);
  box-shadow:0 12px 30px rgba(15, 23, 42, .08);
  box-shadow:var(--shadow-soft);
}

.app-shell-eyebrow{
  color:#2563eb;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.app-shell-title{
  color:#0f172a;
  color:var(--heading-color);
  font-weight:800;
  letter-spacing:-.02em;
}

.app-shell-body{
  color:#64748b;
  color:var(--text-muted-color);
}

.app-shell-input .MuiOutlinedInput-root{
  background:rgba(255, 255, 255, .94);
  border-radius:18px;
  border-radius:var(--input-radius);
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .65);
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.app-shell-input .MuiOutlinedInput-notchedOutline{
  border-color:rgba(148, 163, 184, .34);
}

.app-shell-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{
  border-color:rgba(37, 99, 235, .34);
}

.app-shell-input .MuiOutlinedInput-root.Mui-focused{
  background:#fff;
  box-shadow:0 0 0 4px rgba(59, 130, 246, .1);
}

.app-shell-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
  border-color:#3b82f6;
  border-width:1px;
}

.app-shell-primary-button{
  background:linear-gradient(135deg, #2563eb 0, #1d4ed8 100%) !important;
  border-radius:16px !important;
  border-radius:var(--card-radius-sm) !important;
  box-shadow:0 12px 24px rgba(37, 99, 235, .22) !important;
  color:#fff !important;
  font-weight:700 !important;
  text-transform:none !important;
}

.app-shell-primary-button:hover{
  background:linear-gradient(135deg, #1d4ed8 0, #1e40af 100%) !important;
}

.app-shell-secondary-button{
  background:rgba(255, 255, 255, .88) !important;
  border:1px solid rgba(37, 99, 235, .16) !important;
  border-radius:16px !important;
  border-radius:var(--card-radius-sm) !important;
  box-shadow:0 10px 24px -20px rgba(34, 72, 158, .34) !important;
  color:#1e3a8a !important;
  font-weight:700 !important;
  text-transform:none !important;
}

.app-shell-text-button{
  color:#1e3a8a !important;
  font-weight:700 !important;
  text-transform:none !important;
}
.app-shell-dialog-surface .MuiDialog-paper{
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%) !important;
  background:var(--surface-elevated) !important;
  border:1px solid rgba(34, 72, 158, .1) !important;
  border:1px solid var(--border-subtle) !important;
  border-radius:28px !important;
  box-shadow:0 26px 60px rgba(15, 23, 42, .16) !important;
  box-shadow:var(--shadow-floating) !important;
}

.app-shell-dialog-title{
  background:linear-gradient(135deg, #1d4ed8 0, #2563eb 55%, #4da7ff 100%);
  color:#ffffff;
}

.app-shell-dialog-title--danger{
  background:linear-gradient(135deg, #fff5f5 0, #fff1f2 100%);
  color:#dc2626;
}

.app-shell-right-drawer .MuiDrawer-paper{
  background:linear-gradient(180deg, rgba(255, 255, 255, .98) 0, rgba(242, 248, 255, .98) 100%) !important;
  background:var(--gradient-brand-soft) !important;
  border:1px solid rgba(34, 72, 158, .1) !important;
  border:1px solid var(--border-subtle) !important;
  box-shadow:0 26px 60px rgba(15, 23, 42, .16) !important;
  box-shadow:var(--shadow-floating) !important;
}

.app-page-hero-shell{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:radial-gradient(circle at top right, rgba(96, 165, 250, .22), transparent 34%), radial-gradient(circle at bottom left, rgba(168, 85, 247, .14), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, .9) 0, rgba(245, 250, 255, .98) 100%);
  background:var(--app-hero-shell-surface);
  border:1px solid rgba(255, 255, 255, .58);
  border:1px solid var(--app-hero-shell-border);
  border-radius:32px;
  box-shadow:0 12px 32px -20px rgba(24, 39, 65, .18);
  overflow:hidden;
  position:relative;
}

.app-page-hero-shell::after{
  background:linear-gradient(120deg, rgba(255, 255, 255, .16), transparent 28%, transparent 72%, rgba(255, 255, 255, .12));
  content:'';
  inset:0;
  pointer-events:none;
  position:absolute;
}

.app-page-shell{
  display:grid;
  grid-gap:22px;
  gap:22px;
}

.app-page-kicker{
  align-items:center;
  background:rgba(255, 255, 255, .8);
  border:1px solid rgba(37, 99, 235, .12);
  border-radius:999px;
  box-shadow:0 10px 24px rgba(15, 23, 42, .05);
  color:#1d4ed8;
  display:inline-flex;
  font-size:.74rem;
  font-weight:800;
  gap:8px;
  letter-spacing:.08em;
  padding:8px 14px;
  text-transform:uppercase;
}

.app-page-title{
  color:#0f172a;
  color:var(--heading-color);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.2;
}

.app-page-subtitle{
  color:#64748b;
  color:var(--text-muted-color);
  font-size:1.02rem;
  line-height:1.7;
}

.app-page-metric-chip{
  align-items:center;
  background:rgba(255, 255, 255, .88);
  border:1px solid rgba(37, 99, 235, .12);
  border-radius:999px;
  box-shadow:0 10px 24px rgba(15, 23, 42, .04);
  color:#0f172a;
  color:var(--heading-color);
  display:inline-flex;
  gap:8px;
  min-height:36px;
  padding:8px 14px;
}

.app-page-summary-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-gap:12px;
  gap:12px;
}

.app-page-summary-card{
  align-content:start;
  display:grid;
  min-height:104px;
  grid-gap:10px;
  background:rgba(255, 255, 255, .9);
  border:1px solid rgba(37, 99, 235, .12);
  border-radius:24px;
  box-shadow:0 16px 28px rgba(15, 23, 42, .05);
  gap:10px;
  overflow:hidden;
  padding:16px 18px;
  position:relative;
}

.app-page-summary-card::after{
  background:rgba(96, 165, 250, .18);
  content:'';
  height:3px;
  inset:0 auto auto 0;
  position:absolute;
  width:100%;
}

.app-page-summary-card-label{
  color:#5b708f;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.app-page-summary-card-text{
  color:#0f172a;
  color:var(--heading-color);
  font-size:1.02rem;
  font-weight:700;
  line-height:1.35;
}

.app-page-summary-card-action{
  align-self:start !important;
  border:1px solid rgba(37, 99, 235, .18) !important;
  border-radius:999px !important;
  color:#153c8a !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  justify-self:start !important;
  min-height:32px !important;
  padding:5px 12px !important;
  text-transform:none !important;
}

.app-page-summary-card-action:hover{
  background:rgba(37, 99, 235, .08) !important;
  border-color:rgba(37, 99, 235, .28) !important;
}

@media (max-width: 1024px){
  .app-page-summary-grid{
    grid-template-columns:1fr;
  }

  .app-page-summary-card{
    min-height:0;
  }
}
.thinking-avatar{
  display:grid;
  justify-items:center;
  grid-gap:14px;
  gap:14px;
  padding:18px 8px 8px;
}

.thinking-avatar-stage{
  display:grid;
  place-items:center;
  position:relative;
}

.thinking-avatar-orb{
  animation:thinking-avatar-bob 3.2s ease-in-out infinite;
  background:linear-gradient(160deg, rgba(219, 234, 254, .9), rgba(199, 210, 254, .65));
  border-radius:999px;
  box-shadow:0 18px 36px rgba(37, 99, 235, .18);
  overflow:hidden;
  position:relative;
}
.thinking-avatar-orb::before{
  animation:thinking-avatar-halo 3.2s ease-in-out infinite;
  background:radial-gradient(circle, rgba(96, 165, 250, .35), rgba(96, 165, 250, 0) 70%);
  border-radius:999px;
  content:'';
  inset:-10px;
  position:absolute;
  z-index:-1;
}

.thinking-avatar-orb > svg,
.thinking-avatar-orb > div{
  height:100%;
  width:100%;
}
.thinking-avatar-bubble{
  align-items:center;
  animation:thinking-avatar-bob 3.2s ease-in-out infinite;
  background:#ffffff;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(15, 23, 42, .12);
  display:flex;
  gap:5px;
  padding:7px 10px;
  position:absolute;
  right:-2px;
  top:-6px;
}

.thinking-avatar-dot{
  animation:thinking-avatar-dot 1.4s ease-in-out infinite;
  background:#2563eb;
  border-radius:999px;
  height:6px;
  opacity:.4;
  width:6px;
}

.thinking-avatar-dot:nth-child(2){ animation-delay:.2s; }
.thinking-avatar-dot:nth-child(3){ animation-delay:.4s; }

.thinking-avatar-label{
  color:#5b708f;
  font-size:.82rem !important;
  font-weight:800 !important;
  letter-spacing:.04em;
}
.thinking-avatar-label::after{
  animation:thinking-avatar-ellipsis 1.6s steps(4, end) infinite;
  content:'';
}

@keyframes thinking-avatar-bob{
  0%, 100%{ transform:translateY(0) rotate(-1.5deg); }
  50%{ transform:translateY(-6px) rotate(1.5deg); }
}

@keyframes thinking-avatar-halo{
  0%, 100%{ opacity:.5; transform:scale(.95); }
  50%{ opacity:1; transform:scale(1.08); }
}

@keyframes thinking-avatar-dot{
  0%, 100%{ opacity:.35; transform:translateY(0); }
  50%{ opacity:1; transform:translateY(-3px); }
}

@keyframes thinking-avatar-ellipsis{
  0%{ content:''; }
  25%{ content:'.'; }
  50%{ content:'..'; }
  75%{ content:'...'; }
}

@media (prefers-reduced-motion: reduce){
  .thinking-avatar-orb,
  .thinking-avatar-orb::before,
  .thinking-avatar-bubble,
  .thinking-avatar-dot,
  .thinking-avatar-label::after{
    animation:none;
  }
}

.app-page-section-shell{
  display:grid;
  grid-gap:18px;
  gap:18px;
}

.app-page-section-heading{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.app-page-section-heading--row{
  align-items:flex-start;
  justify-content:space-between;
}

.app-page-section-title{
  color:#0f172a;
  color:var(--heading-color);
  font-weight:800;
  letter-spacing:-.02em;
}

.app-page-section-copy{
  color:#64748b;
  color:var(--text-muted-color);
  line-height:1.68;
  max-width:760px;
}

.app-page-tab-shell{
  background:rgba(255, 255, 255, .9);
  border:1px solid rgba(37, 99, 235, .1);
  border-radius:22px;
  box-shadow:0 12px 30px rgba(15, 23, 42, .04);
}

.app-priority-card{
  background:radial-gradient(circle at top right, rgba(96, 165, 250, .14), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, .98) 0, rgba(245, 250, 255, .98) 100%);
  border:1px solid rgba(37, 99, 235, .12);
  border-radius:30px;
  box-shadow:0 26px 54px rgba(37, 99, 235, .1);
  overflow:hidden;
  position:relative;
}

.app-priority-card::before{
  background:linear-gradient(180deg, #60a5fa 0, #2563eb 70%, #1d4ed8 100%);
  content:'';
  inset:0 auto 0 0;
  position:absolute;
  width:5px;
}

.app-priority-card::after{
  background:radial-gradient(circle, rgba(96, 165, 250, .22) 0, rgba(96, 165, 250, 0) 72%);
  border-radius:50%;
  content:'';
  height:180px;
  pointer-events:none;
  position:absolute;
  right:-60px;
  top:-80px;
  width:180px;
}

.app-assistant-header{
  background:radial-gradient(circle at top right, rgba(255, 255, 255, .16), transparent 30%), linear-gradient(135deg, #22489E 0, #1A3678 100%);
  border-bottom:1px solid rgba(255, 255, 255, .18);
  color:white;
  overflow:hidden;
  position:relative;
}

.app-assistant-panel{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:rgba(255, 255, 255, .84);
  border:1px solid rgba(34, 72, 158, .1);
  border:1px solid var(--border-subtle);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(15, 23, 42, .06);
}

.app-topnav-menu-paper{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%);
  background:var(--surface-elevated);
  border:1px solid rgba(191, 219, 254, .9);
  border-radius:22px;
  box-shadow:0 24px 54px rgba(15, 23, 42, .18);
  margin-top:10px;
  min-width:252px;
  overflow:visible;
}

.app-topnav-menu-paper::before{
  background:rgba(255, 255, 255, .98);
  border-left:1px solid rgba(191, 219, 254, .9);
  border-top:1px solid rgba(191, 219, 254, .9);
  content:'';
  height:16px;
  position:absolute;
  right:18px;
  top:-8px;
  transform:rotate(45deg);
  width:16px;
  z-index:0;
}

.app-topnav-menu-paper .MuiList-root{
  padding:10px;
  position:relative;
  z-index:1;
}

.app-topnav-menu-profile{
  align-items:center;
  display:flex;
  gap:10px;
  margin:2px 2px 10px;
  padding:8px 8px 10px;
  position:relative;
  z-index:1;
}

.app-topnav-menu-profile__avatar{
  border:2px solid #dcd6ff;
  box-shadow:0 5px 14px rgba(79, 70, 229, .16);
  height:38px !important;
  width:38px !important;
}

.app-topnav-menu-profile__copy{
  display:grid;
  grid-gap:1px;
  gap:1px;
  min-width:0;
}

.app-topnav-menu-profile__copy strong{
  color:#233f78;
  font-size:.84rem;
  font-weight:800;
  line-height:1.2;
}

.app-topnav-menu-profile__copy span{
  color:#71809a;
  font-size:.7rem;
  line-height:1.3;
  max-width:176px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.app-topnav-menu-divider{
  background-color:rgba(148, 163, 184, .18) !important;
  margin:8px 6px !important;
}

.app-topnav-menu-item{
  border-radius:14px !important;
  color:#163b86 !important;
  font-weight:700 !important;
  margin-bottom:2px !important;
  min-height:46px !important;
  padding:10px 12px !important;
  transition:background-color .16s ease, transform .16s ease, color .16s ease;
}

.app-topnav-menu-item .MuiListItemIcon-root{
  align-items:center;
  background:#eef4ff;
  border-radius:9px;
  color:#4c7cd9 !important;
  display:inline-flex;
  height:28px;
  justify-content:center;
  margin-right:2px;
  min-width:28px !important;
  width:28px;
}

.app-topnav-menu-item:hover{
  background-color:rgba(232, 239, 255, .84) !important;
  transform:translateX(1px);
}

.app-topnav-menu-item--avatar{
  background:linear-gradient(135deg, rgba(238, 234, 255, .82), rgba(237, 245, 255, .82));
  color:#3e4398 !important;
}

.app-topnav-menu-item--avatar .MuiListItemIcon-root{
  background:#e4ddff;
  color:#6656c7 !important;
}

.app-topnav-menu-item--danger{
  color:#b42318 !important;
}

.app-topnav-menu-item--danger .MuiListItemIcon-root{
  background:#fff0f1;
  color:#ef4444 !important;
}

.app-topnav-menu-item--danger:hover{
  background-color:rgba(254, 226, 226, .85) !important;
  color:#991b1b !important;
}

.app-topnav-logout-dialog .MuiDialog-paper{
  overflow:hidden !important;
  width:min(360px, calc(100vw - 32px)) !important;
}

.app-topnav-logout-dialog .app-shell-dialog-title--danger{
  background:linear-gradient(135deg, #fffafa 0, #fff7f7 100%) !important;
  color:#d92d20 !important;
  font-size:1.2rem !important;
  font-weight:800 !important;
  padding:18px 24px 16px !important;
}

.app-topnav-logout-copy{
  padding:20px 24px 10px !important;
}

.app-topnav-logout-copy .MuiTypography-h6{
  margin-bottom:10px !important;
}

.app-topnav-logout-copy .MuiDialogContentText-root{
  line-height:1.6 !important;
}

.app-topnav-logout-actions{
  gap:10px;
  padding:14px 24px 24px !important;
}

.app-topnav-logout-actions .MuiButton-root{
  border-radius:10px !important;
  min-height:38px;
}

.app-topnav-logout-actions .dialog-delete-button{
  background-color:#f04438 !important;
  box-shadow:0 10px 18px rgba(217, 45, 32, .18) !important;
  padding:8px 18px !important;
}

.app-topnav-logout-actions .dialog-delete-button:hover{
  background-color:#d92d20 !important;
  box-shadow:0 12px 22px rgba(217, 45, 32, .22) !important;
}
.landing-page-shell{
  background:linear-gradient(180deg, #f7fbff 0, #f3f8fe 100%);
  color:#334155;
  color:var(--text-color);
}

.landing-content-shell{
  margin:0 auto;
  max-width:min(100%, 1180px);
  padding-left:16px;
  padding-left:var(--content-gutter-mobile);
  padding-right:16px;
  padding-right:var(--content-gutter-mobile);
}

.landing-body-panel{
  background:linear-gradient(180deg, rgba(255, 255, 255, .98) 0, rgba(248, 251, 255, .98) 100%);
  border:1px solid rgba(34, 72, 158, .08);
  border-radius:32px;
  border-radius:var(--card-radius-lg);
  box-shadow:0 24px 60px rgba(15, 23, 42, .08);
}

.landing-copy-stack{
  display:grid;
  grid-gap:1.25rem;
  gap:1.25rem;
}

.landing-copy-stack p{
  color:#334155;
  color:var(--text-color);
  line-height:1.75;
}

.landing-page .landing-section-title,
.fusesoul-heading.MuiTypography-root{
  color:#1e40af !important;
  font-size:1.45rem !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
}

@media (min-width: 768px){
  .landing-content-shell{
    padding-left:24px;
    padding-left:var(--content-gutter-desktop);
    padding-right:24px;
    padding-right:var(--content-gutter-desktop);
  }
}
.finish-submit-button{
  background:linear-gradient(45deg, #7B1FA2, #BA68C8) !important;
  border:2px solid #BA68C8;
  border-radius:8px;
  box-shadow:0 4px 10px rgba(0, 0, 0, .2);
  color:#fff !important;
  transition:all .3s ease;
}
@media (max-width: 600px){
  .main-content .evaluation-page,
  .App-content .evaluation-page,
  .main-content.evaluation-page,
  .App-content.evaluation-page{
    margin:0 !important; 
    margin-bottom:0 !important; 
    padding:0 !important; 
    padding-bottom:0 !important;
  }
  body .main-content:has(.evaluation-page), body .App-content:has(.evaluation-page), .App-content.main-content:has(.evaluation-page), main.App-content.main-content:has(.evaluation-page){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page{ 
    margin:0 !important; 
    margin-bottom:0 !important; 
    padding:0 !important; 
    padding-bottom:0 !important;
  }
  body main.App-content.main-content,
  body main.main-content.App-content,
  main.App-content.main-content .evaluation-page,
  main.main-content.App-content .evaluation-page{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  @supports selector(:has(*)){
    body main.App-content.main-content:has(.evaluation-page),
    body main.main-content.App-content:has(.evaluation-page){
      padding:0 !important;
      padding-top:65px !important;
    }
  }
  .evaluation-page .MuiCard-root:not(.evaluation-report-card-collapsed){
    border-radius:0 !important;
    box-shadow:none !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .evaluation-page .MuiBox-root .MuiPaper-root{
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:100% !important;
  }
  .evaluation-page .MuiCardContent-root{
    padding-bottom:16px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .evaluation-page .evaluation-page__title,
  .evaluation-page .stepper-container{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .evaluation-page > *:last-child:not(.evaluation-report-card-collapsed){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page .MuiBox-root:last-child:not(.evaluation-report-card-collapsed){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page .MuiPaper-root:last-child{
    margin-bottom:0 !important;
  }
  .evaluation-page .MuiTypography-caption{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page .MuiPaper-root:last-child,
  .evaluation-page .MuiBox-root .MuiPaper-root:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page > .MuiBox-root:last-child:not(.evaluation-report-card-collapsed){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .evaluation-page > .MuiBox-root:last-child:not(.evaluation-report-card-collapsed) > *:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page > .evaluation-report-card-collapsed.MuiCard-root,
  .evaluation-page > .MuiCard-root.evaluation-report-card-collapsed,
  .evaluation-page .evaluation-report-card-collapsed.MuiCard-root.MuiPaper-root,
  .evaluation-page .MuiCard-root.evaluation-report-card-collapsed.MuiPaper-root,
  .evaluation-page .evaluation-report-card-collapsed{
    margin-bottom:24px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .evaluation-page .MuiTypography-caption:last-of-type{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  body:has(.evaluation-page),
  html:has(.evaluation-page){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page{
    position:relative;
  }

  .evaluation-page::after{
    content:'';
    display:none;
  }
  .evaluation-page > .MuiBox-root:last-child .MuiPaper-root:last-child .MuiTypography-caption:last-child{
    display:inline-block;
    line-height:1 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page span.MuiTypography-caption{
    line-height:1 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .evaluation-page > .MuiBox-root:last-child{
    height:auto !important;
    max-height:none !important;
    min-height:auto !important;
  }
  .evaluation-page::after,
  .evaluation-page > .MuiBox-root:last-child::after{
    content:none !important;
    display:none !important;
  }
}

.finish-submit-button:hover{
  background:linear-gradient(45deg, #A020F0, #C71585) !important;
  box-shadow:0 6px 14px rgba(0, 0, 0, .3);
  transform:translateY(-2px);
}
.landing-page{
  margin-top:0 !important;
}
.dialog-cancel-button{
  color:#6c757d !important;
  color:var(--text-secondary-color, #6c757d) !important;
  text-transform:uppercase !important;
}
.dialog-delete-button{
  background-color:#f44336 !important;
  background-color:var(--contrast-color, #d32f2f) !important;
  border-radius:4px !important;
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
  color:white !important;
  padding:6px 16px !important;
  text-transform:uppercase !important;
}

.dialog-delete-button:hover{
  background-color:#c62828 !important;
  box-shadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !important;
}
.main-content{
  box-sizing:border-box;
  flex:1 1;
  margin-left:88px;
  margin-left:var(--spacing-24);
  overflow-x:hidden;
  padding:10px;
  transition:margin-left .3s ease;
}
@media (max-width: 600px){
  .main-content:has(.evaluation-page),
  .App-content:has(.evaluation-page),
  main.App-content.main-content:has(.evaluation-page){
    padding-bottom:0 !important;
  }
}

.sidebar-open .main-content{
  margin-left:250px;
  width:calc(100% - 250px);
}
.app-page .main-content{
  margin-left:64px;
  transition:margin-left .3s ease;
  width:calc(100% - 64px);
}

.app-page .sidebar-open .main-content{
  margin-left:250px;
  width:calc(100% - 250px);
}
.landing-page .landing-content{
  margin-left:0;
  width:100%;
}
.landing-page .App-container{
  max-width:none;
  padding-top:65px !important;
  width:100%;
}
@media (max-width: 768px){
  .main-content,
  .app-page .main-content,
  .sidebar-open .main-content,
  .app-page .sidebar-open .main-content,
  .landing-page .landing-content{
    margin-left:0;
    width:100%;
  }
}
@media (max-width: 600px){
  body main.App-content.main-content:has(.evaluation-page), body main.main-content.App-content:has(.evaluation-page), body[class*="evaluation"] main.App-content.main-content, body[class*="evaluation"] main.main-content.App-content{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  main.App-content:has(.evaluation-page),
  main.main-content:has(.evaluation-page){
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
}
@media (min-width: 768px){
  .main-content,
  .app-page .main-content{
    margin-left:64px !important;
    margin-right:0 !important;
    width:auto !important;
  }
}
.button-common.compact-button{
  font-size:.75rem;
  line-height:1rem;
  padding:.5rem .5rem;
}
@media (max-width: 768px){
  .button-common.compact-button{
    font-size:.7rem;
    padding:.2rem .4rem;
  }
}
.fuseSoul-font{
  font-family:'Nunito', sans-serif;
  font-style:normal;
}
.nav-container{
  border-bottom-width:1px;
  left:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:50;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / 1);
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / 1);
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.nav-content{
  width:100%;
}

@media (min-width: 640px){
  .nav-content{
    max-width:640px;
  }
}

@media (min-width: 768px){
  .nav-content{
    max-width:768px;
  }
}

@media (min-width: 1024px){
  .nav-content{
    max-width:1024px;
  }
}

@media (min-width: 1280px){
  .nav-content{
    max-width:1280px;
  }
}

@media (min-width: 1536px){
  .nav-content{
    max-width:1536px;
  }
}

.nav-content{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-left:auto;
  margin-right:auto;
  padding:8px;
}

.nav-logo{
  align-items:center;
  color:#1e3a8a !important;
  display:flex;
  font-family:'Nunito', sans-serif;
  font-size:1.5rem;
  font-style:normal;
  font-weight:700;
  line-height:2rem;
}

.nav-logo img{
  height:24px;
  margin-right:4px;
  width:24px;
}

.nav-menu{
  align-items:center;
  display:flex;
}

.nav-menu > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(2.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(2.25rem*var(--tw-space-x-reverse));
}

.nav-actions{
  align-items:center;
  display:flex;
  gap:6px;
}

.nav-link{
  color:#1e3a8a !important;
  transition:color .3s ease;
}

.nav-link:hover{
  color:#1E90FF !important;
}
.button-landing{
  align-items:center;
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4, 0, .2, 1);
  background:linear-gradient(135deg, #3b94f6 0, #5ab8ff 100%);
  border:1px solid rgba(56, 139, 253, .22);
  border-radius:9999px;
  box-shadow:0 14px 30px -18px rgba(59, 148, 246, .75);
  color:#ffffff !important;
  display:inline-flex;
  font-size:.875rem;
  font-weight:600;
  justify-content:center;
  line-height:1.25rem;
  padding-bottom:.625rem;
  padding-left:12px;
  padding-right:12px;
  padding-top:.625rem;
  transition-duration:.3s;
  transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.button-landing-secondary{
  background:#ffffff;
  border:1px solid rgba(34, 72, 158, .22);
  box-shadow:0 10px 24px -20px rgba(34, 72, 158, .4);
  color:#1e3a8a !important;
}

.button-landing:hover{
  filter:brightness(1.02);
  transform:translateY(-1px);
}

.button-landing-secondary:hover{
  background:#f4f9ff;
  border-color:rgba(34, 72, 158, .34);
}

.backdrop-blur-overlay{
  align-items:center;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background-color:rgba(0, 0, 0, .5);
  display:flex;
  inset:0;
  justify-content:center;
  position:fixed;
  z-index:50;
}
.App-container{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
@media (max-width: 600px){
  .App-container:has(.evaluation-page){
    margin-bottom:0 !important;
    min-height:auto !important;
    padding-bottom:0 !important;
  }
  .App-container:has(.evaluation-page) > main{
    min-height:auto !important;
    padding-bottom:0 !important;
  }
}
@keyframes twinkle{
  0%{
    opacity:.2;
    transform:scale(.8);
  }
  50%{
    opacity:.7;
    transform:scale(1.2);
  }
  100%{
    opacity:.2;
    transform:scale(.8);
  }
}
.dialog-container-styled{
  border-radius:8px !important;
  box-shadow:0 4px 6px rgba(0, 0, 0, .1) !important;
  max-width:90vw !important;
  min-width:300px !important;
  overflow:hidden !important;
  width:auto !important;
}
.MuiDrawer-paper.dialog-container-styled{
  border-radius:12px 0 0 12px;
}
.MuiBackdrop-root{
  left:0 !important;
  transition:none !important;
  width:100% !important;
}
body .MuiDialog-root.app-shell-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.app-shell-dialog .MuiDialog-paper{
  margin:0 !important;
  max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.element-lens-report-centered-dialog .MuiDialog-container{
  align-items:center !important;
  padding:max(20px, env(safe-area-inset-top, 0px)) 16px max(20px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.element-lens-report-centered-dialog .MuiDialog-paper{
  margin:0 !important;
  max-height:min(680px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
}

body .MuiDialog-root.app-shell-centered-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.app-shell-centered-dialog .MuiDialog-paper{
  margin:0 !important;
  max-height:min(680px, calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
  max-height:min(680px, calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
}

body .MuiDrawer-root.app-shell-right-drawer .MuiDrawer-paper{
  border-bottom-left-radius:28px !important;
  border-bottom-right-radius:0 !important;
  border-top-left-radius:28px !important;
  border-top-right-radius:0 !important;
  height:calc(100dvh - 88px) !important;
  height:calc(100dvh - var(--appbar-height) - 24px) !important;
  max-height:calc(100dvh - 88px) !important;
  max-height:calc(100dvh - var(--appbar-height) - 24px) !important;
  overflow:hidden !important;
  right:0 !important;
  top:76px !important;
  top:calc(var(--appbar-height) + 12px) !important;
}

body .MuiDialog-root.recommendation-search-dialog .MuiDialog-paper{
  width:min(100%, 600px) !important;
}

body .MuiDialog-root.recommendation-search-dialog .MuiDialogContent-root{
  overflow-x:hidden !important;
}

body .MuiDialog-root.recommendation-search-dialog .MuiDialogActions-root{
  padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
}
body .MuiDialog-root.app-popup-safe-centered .MuiDialog-container{
  align-items:center !important;
  padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + var(--app-popup-top-extra, 20px) + env(safe-area-inset-top, 0px)) var(--app-popup-side-padding, 24px) max(20px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.app-popup-safe-centered .MuiDialog-paper.app-popup-stable-paper{
  margin:0 !important;
  max-height:calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - var(--app-popup-top-extra, 20px) - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

.app-popup-stable-paper{
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%) !important;
  background:var(--surface-elevated) !important;
  border:1px solid var(--border-color) !important;
  border-radius:24px !important;
  border-radius:var(--app-popup-radius, 24px) !important;
  box-shadow:0 18px 44px rgba(15, 23, 42, .14) !important;
  box-shadow:var(--app-popup-shadow, 0 18px 44px rgba(15, 23, 42, .14)) !important;
  display:flex !important;
  flex-direction:column !important;
  max-width:calc(100vw - 24px) !important;
  overflow:hidden !important;
  width:min(100%, 620px) !important;
  width:min(100%, var(--app-popup-width, 620px)) !important;
}

.app-popup-header{
  flex-shrink:0 !important;
  padding:20px 24px 17px !important;
}

.app-popup-header--professional-soft{
  background:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(250, 245, 255, .98), rgba(253, 242, 248, .92) 54%, rgba(239, 246, 255, .94)) !important;
  border-bottom:1px solid rgba(192, 132, 252, .28) !important;
}

.app-popup-eyebrow{
  color:#5b21b6;
  color:var(--professional-text, var(--primary-color));
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
  margin-bottom:4px;
  text-transform:uppercase;
}

.app-popup-heading{
  color:#0f172a;
  color:var(--heading-color);
  font-size:clamp(1.25rem, 3.8vw, 1.55rem);
  font-weight:850;
  line-height:1.12;
  margin:0;
}

.app-popup-scroll-content{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:18px 24px 8px !important;
}

.app-popup-actions{
  background:linear-gradient(180deg, rgba(255, 255, 255, .82), #ffffff);
  border-top:1px solid rgba(148, 163, 184, .16);
  flex-shrink:0 !important;
  gap:10px;
  padding:14px 24px 22px !important;
}

.app-popup-actions .MuiButton-root{
  border-radius:14px !important;
  font-weight:800 !important;
  min-height:42px;
  text-transform:none !important;
}

.app-popup-summary-card{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%) !important;
  background:var(--gradient-professional-soft, var(--surface-subtle)) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border, var(--border-strong)) !important;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(91, 33, 182, .07) !important;
  box-shadow:0 12px 30px var(--professional-shadow, rgba(15, 23, 42, .08)) !important;
  padding:16px;
}

.app-popup-summary-heading{
  align-items:flex-start;
  display:grid;
  grid-gap:10px;
  gap:10px;
  grid-template-columns:minmax(0, 1fr) auto;
}

.app-popup-icon-button{
  align-items:center;
  background:rgba(255, 255, 255, .72) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border, var(--border-strong)) !important;
  color:#8b5cf6 !important;
  color:var(--professional-purple, var(--primary-color)) !important;
  display:inline-flex;
  height:34px !important;
  justify-content:center;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease !important;
  width:34px !important;
}

.app-popup-icon-button:hover{
  background:#ffffff !important;
  border-color:rgba(109, 40, 217, .42) !important;
  border-color:var(--professional-border-strong, var(--primary-color)) !important;
}

.app-popup-disclosure-icon{
  color:#8b5cf6;
  color:var(--professional-purple, var(--primary-color));
  transition:transform .18s ease;
}

.app-popup-disclosure-icon.is-expanded,
.app-popup-icon-button.is-expanded svg{
  transform:rotate(180deg);
}

.app-popup-disclosure-panel{
  border-top:1px solid rgba(148, 163, 184, .22);
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-top:12px;
  padding-top:12px;
}

.app-popup-stable-control-slot{
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-bottom:16px;
  min-height:64px;
  min-height:var(--app-popup-control-height, 64px);
}

.app-popup-stable-control-slot--loading{
  align-items:center;
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft, var(--surface-subtle));
  border:1px dashed rgba(109, 40, 217, .28);
  border:1px dashed var(--professional-border, var(--border-strong));
  border-radius:18px;
  height:64px;
  height:var(--app-popup-control-height, 64px);
  justify-items:center;
}

.app-popup-stable-control-slot .MuiTextField-root,
.app-popup-stable-control-slot .MuiInputBase-root{
  min-height:64px !important;
  min-height:var(--app-popup-control-height, 64px) !important;
}

.app-popup-stable-control-slot .MuiSelect-select{
  align-items:center !important;
  display:flex !important;
  min-height:31px !important;
  padding-bottom:16px !important;
  padding-top:17px !important;
}

.app-popup-selected-value{
  align-items:baseline;
  display:flex;
  gap:8px;
  min-width:0;
}

.app-popup-selected-value-primary{
  color:#0f172a !important;
  color:var(--heading-color) !important;
  flex-shrink:0;
  font-weight:750 !important;
  line-height:1.25 !important;
}

.app-popup-selected-value-secondary{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  font-size:.88rem !important;
  line-height:1.25 !important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.app-popup-collapse-row{
  align-items:center;
  background:rgba(255, 255, 255, .78);
  border:1px solid rgba(34, 72, 158, .18);
  border:1px solid var(--border-strong);
  border-radius:14px;
  color:#0f172a;
  color:var(--heading-color);
  cursor:pointer;
  display:flex;
  font:inherit;
  font-weight:800;
  justify-content:space-between;
  min-height:50px;
  padding:0 14px;
  text-align:left;
  width:100%;
}

.app-popup-collapse-row:hover{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft, var(--surface-subtle));
  border-color:rgba(109, 40, 217, .28);
  border-color:var(--professional-border, var(--border-strong));
}

.app-popup-collapse-row:focus-visible{
  outline:3px solid rgba(124, 58, 237, .18);
  outline-offset:2px;
}

.app-popup-inline-message{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  margin:-8px 0 12px !important;
}

@media (max-width: 599px){
  body .MuiDialog-root.app-popup-safe-centered .MuiDialog-container{
    padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + var(--app-popup-top-extra-mobile, 12px) + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.app-popup-safe-centered .MuiDialog-paper.app-popup-stable-paper{
    max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    max-height:calc(100dvh - var(--appbar-height, 64px) - var(--app-popup-top-extra-mobile, 12px) - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }

  .app-popup-stable-paper{
    border-radius:22px !important;
    max-width:calc(100vw - 16px) !important;
    width:100% !important;
  }

  .app-popup-header{
    padding:18px 18px 16px !important;
  }

  .app-popup-scroll-content{
    padding:16px 18px 6px !important;
  }

  .app-popup-actions{
    align-items:stretch !important;
    flex-direction:column-reverse !important;
    padding:12px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .app-popup-actions .MuiButton-root{
    width:100%;
  }

  .app-popup-selected-value{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}

body .MuiDialog-root.professional-goal-share-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.professional-share-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.professional-goal-share-dialog .MuiDialog-paper.professional-goal-share-dialog-paper{
  margin:0 !important;
  max-height:calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.professional-share-dialog .MuiDialog-paper.professional-share-dialog-paper{
  margin:0 !important;
  max-height:calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

.professional-goal-share-dialog-paper{
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%) !important;
  background:var(--surface-elevated) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border) !important;
  border-radius:24px !important;
  box-shadow:0 18px 44px rgba(91, 33, 182, .13) !important;
  display:flex !important;
  flex-direction:column !important;
  max-height:min(720px, calc(100dvh - 96px)) !important;
  max-height:min(720px, calc(100dvh - var(--appbar-height) - 32px)) !important;
  max-width:calc(100vw - 24px) !important;
  overflow:hidden !important;
  width:min(100%, 620px) !important;
}

.professional-share-dialog-paper{
  background:linear-gradient(180deg, rgba(255, 255, 255, .96) 0, rgba(248, 251, 255, .96) 100%) !important;
  background:var(--surface-elevated) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border) !important;
  border-radius:24px !important;
  box-shadow:0 18px 44px rgba(91, 33, 182, .13) !important;
  display:flex !important;
  flex-direction:column !important;
  max-height:min(720px, calc(100dvh - 96px)) !important;
  max-height:min(720px, calc(100dvh - var(--appbar-height) - 32px)) !important;
  max-width:calc(100vw - 24px) !important;
  overflow:hidden !important;
  width:min(100%, 620px) !important;
}

.professional-goal-share-dialog-title{
  background:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(250, 245, 255, .98), rgba(253, 242, 248, .92) 54%, rgba(239, 246, 255, .94)) !important;
  border-bottom:1px solid rgba(192, 132, 252, .28) !important;
  flex-shrink:0 !important;
  padding:20px 24px 17px !important;
}

.professional-share-dialog-title{
  background:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(250, 245, 255, .98), rgba(253, 242, 248, .92) 54%, rgba(239, 246, 255, .94)) !important;
  border-bottom:1px solid rgba(192, 132, 252, .28) !important;
  flex-shrink:0 !important;
  padding:20px 24px 17px !important;
}

.professional-goal-share-dialog-eyebrow{
  color:#5b21b6;
  color:var(--professional-text);
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
  margin-bottom:4px;
  text-transform:uppercase;
}

.professional-share-dialog-eyebrow{
  color:#5b21b6;
  color:var(--professional-text);
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
  margin-bottom:4px;
  text-transform:uppercase;
}

.professional-goal-share-dialog-heading{
  color:#0f172a;
  color:var(--heading-color);
  font-size:clamp(1.25rem, 3.8vw, 1.55rem);
  font-weight:850;
  line-height:1.12;
  margin:0;
}

.professional-share-dialog-heading{
  color:#0f172a;
  color:var(--heading-color);
  font-size:clamp(1.25rem, 3.8vw, 1.55rem);
  font-weight:850;
  line-height:1.12;
  margin:0;
}

.professional-goal-share-dialog-content{
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:18px 24px 8px !important;
}

.professional-share-dialog-content{
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:18px 24px 8px !important;
}

.professional-goal-share-dialog-copy{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}

.professional-share-dialog-copy{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}

.professional-goal-share-dialog-summary{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%) !important;
  background:var(--gradient-professional-soft) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border) !important;
  box-shadow:0 12px 30px rgba(91, 33, 182, .07) !important;
  box-shadow:0 12px 30px var(--professional-shadow) !important;
}

.professional-share-dialog-summary{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%) !important;
  background:var(--gradient-professional-soft) !important;
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border) !important;
  box-shadow:0 12px 30px rgba(91, 33, 182, .07) !important;
  box-shadow:0 12px 30px var(--professional-shadow) !important;
}

.professional-share-summary-heading{
  align-items:flex-start;
  display:grid;
  grid-gap:6px;
  gap:6px;
  grid-template-columns:minmax(0, 1fr);
}

.professional-share-report-preview{
  padding:16px !important;
}

.professional-share-report-preview-title{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
}

.professional-share-report-preview-title strong{
  color:#0f172a;
  color:var(--heading-color);
  font-size:1rem;
  line-height:1.2;
}

.professional-share-report-preview-title span{
  background:rgba(109, 40, 217, .09);
  border:1px solid rgba(109, 40, 217, .18);
  border-radius:999px;
  color:#8b5cf6;
  color:var(--professional-purple);
  font-size:.76rem;
  font-weight:800;
  padding:3px 9px;
}

.professional-share-report-preview-rows{
  display:grid;
  grid-gap:10px;
  gap:10px;
  margin-top:12px;
}

.professional-share-report-preview-row{
  border-top:1px solid rgba(109, 40, 217, .12);
  display:grid;
  grid-gap:3px;
  gap:3px;
  padding-top:10px;
}

.professional-share-report-preview-label{
  color:#8b5cf6;
  color:var(--professional-purple);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.professional-share-report-preview-text{
  color:#64748b;
  color:var(--text-muted-color);
  font-size:.9rem;
  line-height:1.45;
  margin:0;
}

.professional-goal-share-summary-heading{
  align-items:flex-start;
  display:grid;
  grid-gap:10px;
  gap:10px;
  grid-template-columns:minmax(0, 1fr) auto;
}

.professional-goal-share-expand-button{
  background:rgba(255, 255, 255, .72) !important;
  border:1px solid rgba(192, 132, 252, .34) !important;
  color:#8b5cf6 !important;
  color:var(--professional-purple) !important;
  height:34px !important;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease !important;
  width:34px !important;
}

.professional-goal-share-expand-button:hover{
  background:#ffffff !important;
  border-color:rgba(109, 40, 217, .42) !important;
  border-color:var(--professional-border-strong) !important;
}

.professional-goal-share-expand-button.is-expanded svg{
  transform:rotate(180deg);
}

.professional-goal-share-expand-button svg{
  transition:transform .18s ease;
}

.professional-goal-share-details-panel{
  border-top:1px solid rgba(192, 132, 252, .24);
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-top:12px;
  padding-top:12px;
}

.professional-goal-share-details-label{
  color:#5b21b6 !important;
  color:var(--professional-text) !important;
  font-size:.72rem !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  line-height:1.25 !important;
  margin-bottom:5px !important;
  text-transform:uppercase;
}

.professional-goal-share-details-text{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  font-size:.92rem !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere;
}

.professional-goal-share-mini-goals{
  display:grid;
  grid-gap:7px;
  gap:7px;
  max-height:150px;
  overflow-y:auto;
  padding-right:2px;
}

.professional-goal-share-mini-goal{
  align-items:center;
  background:rgba(255, 255, 255, .72);
  border:1px solid rgba(192, 132, 252, .2);
  border-radius:12px;
  display:grid;
  grid-gap:8px;
  gap:8px;
  grid-template-columns:auto minmax(0, 1fr) auto;
  padding:8px 10px;
}

.professional-goal-share-mini-goal-index{
  align-items:center;
  background:rgba(124, 58, 237, .1);
  border-radius:999px;
  color:#5b21b6;
  color:var(--professional-text);
  display:inline-flex;
  font-size:.72rem;
  font-weight:850;
  height:22px;
  justify-content:center;
  width:22px;
}

.professional-goal-share-mini-goal-title{
  color:#0f172a;
  color:var(--heading-color);
  font-size:.88rem;
  font-weight:700;
  line-height:1.3;
  min-width:0;
  overflow-wrap:anywhere;
}

.professional-goal-share-mini-goal-progress{
  color:#64748b;
  color:var(--text-muted-color);
  font-size:.78rem;
  font-weight:800;
}

.professional-goal-share-selector-shell{
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-bottom:16px;
  min-height:64px;
}

.professional-share-selector-shell{
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-bottom:16px;
  min-height:64px;
}

.professional-goal-share-selector-loading{
  align-items:center;
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft);
  border:1px dashed rgba(109, 40, 217, .28);
  border:1px dashed var(--professional-border);
  border-radius:18px;
  height:64px;
  justify-items:center;
}

.professional-share-selector-loading{
  align-items:center;
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft);
  border:1px dashed rgba(109, 40, 217, .28);
  border:1px dashed var(--professional-border);
  border-radius:18px;
  height:64px;
  justify-items:center;
}

.professional-goal-share-selector-shell .MuiTextField-root{
  min-height:64px;
}

.professional-share-selector-shell .MuiTextField-root{
  min-height:64px;
}

.professional-goal-share-selector-shell .MuiInputBase-root{
  min-height:64px !important;
}

.professional-share-selector-shell .MuiInputBase-root{
  min-height:64px !important;
}

.professional-goal-share-selector-shell .MuiSelect-select{
  align-items:center !important;
  display:flex !important;
  min-height:31px !important;
  padding-bottom:16px !important;
  padding-top:17px !important;
}

.professional-share-selector-shell .MuiSelect-select{
  align-items:center !important;
  display:flex !important;
  min-height:31px !important;
  padding-bottom:16px !important;
  padding-top:17px !important;
}

.professional-share-note-section{
  margin-top:2px;
}

.professional-share-note-toggle{
  align-items:center;
  background:rgba(255, 255, 255, .86);
  border:1px solid rgba(109, 40, 217, .28);
  border:1px solid var(--professional-border);
  border-radius:14px;
  color:#0f172a;
  color:var(--heading-color);
  cursor:pointer;
  display:flex;
  font:inherit;
  font-weight:800;
  justify-content:space-between;
  min-height:54px;
  padding:0 16px;
  text-align:left;
  width:100%;
}

.professional-share-toggle-label{
  align-items:baseline;
  display:inline-flex;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:4px 8px;
  min-width:0;
  padding-right:12px;
}

.professional-share-note-toggle:hover{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft);
  border-color:rgba(109, 40, 217, .42);
  border-color:var(--professional-border-strong);
}

.professional-share-note-toggle:focus-visible{
  outline:3px solid rgba(139, 92, 246, .25);
  outline-offset:2px;
}

.professional-share-note-status{
  color:#8b5cf6;
  color:var(--professional-purple);
  display:inline-block;
  font-size:.78rem;
  font-weight:800;
  margin-left:0;
  white-space:nowrap;
}

.professional-share-note-arrow{
  color:#8b5cf6;
  color:var(--professional-purple);
  flex:0 0 auto;
  transition:transform .16s ease;
}

.professional-share-note-arrow.is-expanded{
  transform:rotate(180deg);
}

.professional-share-note-section .MuiInputBase-root{
  border-radius:14px !important;
}

.professional-share-inline-message{
  background:rgba(37, 99, 235, .08);
  border:1px solid rgba(37, 99, 235, .18);
  border-radius:14px;
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  margin-top:16px !important;
  padding:12px 14px;
}

.professional-share-responses-section{
  display:grid;
  grid-gap:10px;
  gap:10px;
  margin-bottom:16px;
}

.professional-share-responses-list{
  background:rgba(255, 255, 255, .72);
  border:1px solid rgba(109, 40, 217, .14);
  border-radius:14px;
  display:grid;
  grid-gap:14px;
  gap:14px;
  margin-top:8px;
  max-height:min(320px, 42vh);
  overflow-y:auto;
  padding:14px;
  scrollbar-gutter:stable;
}

.professional-share-response-item{
  border-bottom:1px solid rgba(109, 40, 217, .1);
  display:grid;
  grid-gap:8px;
  gap:8px;
  padding-bottom:14px;
}

.professional-share-response-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.professional-share-response-question{
  color:#0f172a;
  color:var(--heading-color);
  font-size:.88rem;
  font-weight:800;
  line-height:1.35;
}

.professional-share-response-answer{
  color:#64748b;
  color:var(--text-muted-color);
  display:grid;
  font-size:.86rem;
  line-height:1.55;
  margin:0;
  grid-gap:8px;
  gap:8px;
  min-width:0;
  overflow-wrap:anywhere;
  white-space:normal;
}

.professional-share-response-answer p{
  margin:0;
}

.professional-share-challenge-days-list{
  max-height:260px;
}

.professional-share-challenge-checklist{
  color:#64748b;
  color:var(--text-muted-color);
  display:grid;
  font-size:.84rem;
  grid-gap:4px;
  gap:4px;
  line-height:1.4;
  margin:2px 0 0;
  padding-left:18px;
}

.professional-share-challenge-checklist li{
  padding-left:2px;
}
.professional-progress-detail-title-row{
  align-items:flex-start;
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  justify-content:space-between;
}

.professional-progress-detail-title-row time{
  color:#475569;
  font-size:.82rem;
  font-weight:850;
  line-height:1.3;
  text-align:right;
}

.professional-progress-detail-content{
  display:grid;
  grid-gap:16px;
  gap:16px;
}

.professional-progress-summary p,
.professional-progress-source-detail p,
.professional-progress-response-list p,
.professional-progress-collapse-empty{
  color:#475569;
  font-size:.94rem;
  line-height:1.5;
  margin:0;
  white-space:pre-wrap;
}

.professional-progress-section{
  background:#ffffff;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:16px;
}

.professional-progress-section h3{
  color:#172033;
  font-size:.95rem;
  font-weight:850;
  margin:0 0 12px;
}

.professional-progress-client-note{
  background:#f8fbff;
}

.professional-progress-client-note p{
  color:#334155;
}

.professional-progress-collapsible{
  display:grid;
  grid-gap:12px;
  gap:12px;
  overflow:visible;
  padding:0;
}

.professional-progress-collapsible > :not(.professional-progress-collapse-row){
  margin:0 16px 16px;
}

.professional-progress-collapse-row{
  align-items:center;
  background:transparent;
  border:0;
  color:#172033;
  cursor:pointer;
  display:flex;
  font:inherit;
  gap:12px;
  justify-content:space-between;
  min-height:58px;
  padding:0 16px;
  text-align:left;
  width:100%;
}

.professional-progress-collapse-row span{
  align-items:baseline;
  display:flex;
  flex-wrap:wrap;
  font-size:1rem;
  font-weight:850;
  gap:8px;
  min-width:0;
}

.professional-progress-collapse-row b{
  color:#7c3aed;
  font-size:.95rem;
  font-weight:800;
}

.professional-progress-collapse-row:hover,
.professional-progress-collapse-row:focus-visible{
  background:#f8fbff;
}

.professional-progress-disclosure-icon{
  color:#7c3aed;
  flex:0 0 auto;
  transform:rotate(0deg);
  transition:transform .18s ease;
}

.professional-progress-disclosure-icon.is-expanded{
  transform:rotate(180deg);
}

.professional-progress-step-list,
.professional-progress-response-list{
  display:grid;
  grid-gap:12px;
  gap:12px;
  list-style:none;
  margin:0;
  padding:0;
}

.professional-progress-step-list > li,
.professional-progress-response-list > li{
  display:grid;
  grid-gap:8px;
  background:#f8fbff;
  border:1px solid #dbeafe;
  border-radius:14px;
  gap:8px;
  padding:12px;
}

.professional-progress-step-heading{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:space-between;
}

.professional-progress-step-heading span,
.professional-progress-chip{
  align-items:center;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-radius:999px;
  color:#1d4ed8;
  display:inline-flex;
  font-size:.76rem;
  font-weight:850;
  min-height:26px;
  padding:0 9px;
  text-transform:uppercase;
  width:-webkit-fit-content;
  width:fit-content;
}

.professional-progress-step-heading em,
.professional-progress-step-list small{
  color:#64748b;
  font-size:.82rem;
  font-style:normal;
  font-weight:700;
}

.professional-progress-step-list strong,
.professional-progress-response-list strong{
  color:#172033;
  font-size:.94rem;
  line-height:1.35;
}

.professional-progress-step-list ul{
  color:#334155;
  display:grid;
  font-size:.9rem;
  grid-gap:6px;
  gap:6px;
  line-height:1.4;
  margin:0;
  padding-left:18px;
}

.professional-progress-compact-list{
  display:grid;
  grid-gap:10px;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
}

.professional-progress-compact-list li{
  align-items:center;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  grid-gap:10px;
  background:#f8fbff;
  border:1px solid #dbeafe;
  border-radius:14px;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
}

.professional-progress-compact-list span{
  align-items:center;
  background:#eff6ff;
  border-radius:999px;
  color:#1d4ed8;
  display:inline-flex;
  font-size:.78rem;
  font-weight:850;
  height:26px;
  justify-content:center;
  width:26px;
}

.professional-progress-compact-list strong{
  color:#172033;
  font-size:.95rem;
  line-height:1.35;
}

.professional-progress-compact-list em{
  color:#1d4ed8;
  font-size:.82rem;
  font-style:normal;
  font-weight:850;
}

body .MuiDialog-root.evaluation-history-report-dialog{
  --app-popup-top-extra:34px;
  --app-popup-bottom-extra:18px;
  --app-popup-side-padding:24px;
}

body .MuiDialog-root.evaluation-history-report-dialog .MuiDialog-paper.evaluation-history-report-paper{
  max-height:calc(100dvh - 116px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height) - 52px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

.evaluation-history-report-paper{
  --app-popup-width:980px;
  border-radius:28px !important;
  max-width:calc(100vw - 32px) !important;
}

.evaluation-history-report-title{
  background:radial-gradient(circle at 88% 18%, rgba(96, 165, 250, .18), transparent 34%), linear-gradient(135deg, rgba(239, 246, 255, .98), rgba(255, 255, 255, .96) 56%, rgba(250, 245, 255, .94)) !important;
  border-bottom:1px solid rgba(37, 99, 235, .16) !important;
}

.evaluation-history-report-eyebrow{
  color:#22489E;
  color:var(--primary-color, #2563eb);
}

.evaluation-history-report-heading{
  color:#22489E;
  color:var(--primary-color, #2563eb);
  overflow-wrap:anywhere;
}

.evaluation-history-report-content{
  background:linear-gradient(180deg, rgba(248, 250, 252, .62), rgba(255, 255, 255, .94));
  padding:34px 28px 24px !important;
}

.evaluation-history-report-body{
  margin:0 auto;
  max-width:900px;
  min-width:0;
}

.evaluation-history-report-body > *{
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:100% !important;
}

.evaluation-history-report-actions{
  justify-content:flex-end !important;
  padding:12px 28px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
}

.evaluation-history-report-share-button{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%) !important;
  background:var(--gradient-professional-soft, rgba(109, 40, 217, .08)) !important;
  border-color:rgba(109, 40, 217, .28) !important;
  border-color:var(--professional-border, rgba(109, 40, 217, .28)) !important;
  color:#8b5cf6 !important;
  color:var(--professional-purple, #6d28d9) !important;
}

.evaluation-history-report-share-button:hover{
  background:linear-gradient(135deg, #ede9fe 0, #f7f2ff 100%) !important;
  background:var(--gradient-professional-soft-hover, rgba(109, 40, 217, .14)) !important;
  border-color:rgba(109, 40, 217, .42) !important;
  border-color:var(--professional-border-strong, rgba(109, 40, 217, .42)) !important;
}

.professional-goal-share-menu-paper{
  border:1px solid rgba(109, 40, 217, .28) !important;
  border:1px solid var(--professional-border) !important;
  border-radius:16px !important;
  box-shadow:0 18px 42px rgba(91, 33, 182, .14) !important;
  max-height:min(320px, calc(100dvh - 160px)) !important;
}

.professional-goal-share-menu-option{
  display:grid;
  min-width:0;
}

.professional-goal-share-menu-name{
  color:#0f172a;
  color:var(--heading-color);
  font-weight:800;
  line-height:1.25;
}

.professional-goal-share-menu-location{
  color:#64748b;
  color:var(--text-muted-color);
  font-size:.82rem;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.professional-goal-share-selected-value{
  align-items:baseline;
  display:flex;
  gap:8px;
  min-width:0;
}

.professional-goal-share-selected-value-name{
  color:#0f172a !important;
  color:var(--heading-color) !important;
  flex-shrink:0;
  font-weight:750 !important;
  line-height:1.25 !important;
}

.professional-goal-share-selected-value-location{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  font-size:.88rem !important;
  line-height:1.25 !important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.professional-goal-share-inline-message{
  color:#64748b !important;
  color:var(--text-muted-color) !important;
  margin:-8px 0 12px !important;
}

.professional-goal-share-note-section{
  margin-top:2px;
}

.professional-goal-share-note-toggle{
  align-items:center;
  background:rgba(255, 255, 255, .78);
  border:1px solid rgba(34, 72, 158, .18);
  border:1px solid var(--border-strong);
  border-radius:14px;
  color:#0f172a;
  color:var(--heading-color);
  cursor:pointer;
  display:flex;
  font:inherit;
  font-weight:800;
  justify-content:space-between;
  min-height:50px;
  padding:0 14px;
  text-align:left;
  width:100%;
}

.professional-goal-share-note-toggle:hover{
  background:linear-gradient(135deg, #f5f3ff 0, #faf7ff 100%);
  background:var(--gradient-professional-soft);
  border-color:rgba(109, 40, 217, .28);
  border-color:var(--professional-border);
}

.professional-goal-share-note-toggle:focus-visible{
  outline:3px solid rgba(124, 58, 237, .18);
  outline-offset:2px;
}

.professional-goal-share-note-status{
  background:rgba(124, 58, 237, .1);
  border:1px solid rgba(124, 58, 237, .16);
  border-radius:999px;
  color:#5b21b6 !important;
  color:var(--professional-text) !important;
  display:inline-flex;
  font-size:.72rem !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin-left:8px !important;
  padding:4px 8px;
}

.professional-goal-share-note-arrow{
  color:#8b5cf6;
  color:var(--professional-purple);
  transition:transform .18s ease;
}

.professional-goal-share-note-arrow.is-expanded{
  transform:rotate(180deg);
}

.professional-goal-share-dialog-actions{
  background:linear-gradient(180deg, rgba(255, 255, 255, .82), #ffffff);
  border-top:1px solid rgba(192, 132, 252, .16);
  flex-shrink:0 !important;
  gap:10px;
  padding:14px 24px 22px !important;
}

.professional-share-dialog-actions{
  background:linear-gradient(180deg, rgba(255, 255, 255, .82), #ffffff);
  border-top:1px solid rgba(192, 132, 252, .16);
  flex-shrink:0 !important;
  gap:10px;
  padding:14px 24px 22px !important;
}

.professional-goal-share-dialog-actions .MuiButton-root{
  border-radius:14px !important;
  font-weight:800 !important;
  min-height:42px;
  text-transform:none !important;
}

.professional-share-dialog-actions .MuiButton-root{
  border-radius:14px !important;
  font-weight:800 !important;
  min-height:42px;
  text-transform:none !important;
}

.professional-share-dialog-actions .MuiButton-contained{
  background:linear-gradient(135deg, #3b82f6 0, #8b5cf6 78%, #c084fc 100%) !important;
  background:var(--gradient-professional, linear-gradient(135deg, #2563eb 0, #8b5cf6 78%, #c084fc 100%)) !important;
  box-shadow:0 12px 24px rgba(91, 33, 182, .18) !important;
}

@media (max-width: 599px){
  body .MuiDialog-root.professional-goal-share-dialog .MuiDialog-container{
    padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.professional-share-dialog .MuiDialog-container{
    padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.professional-goal-share-dialog .MuiDialog-paper.professional-goal-share-dialog-paper{
    max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.professional-share-dialog .MuiDialog-paper.professional-share-dialog-paper{
    max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }

  .professional-goal-share-dialog-paper{
    border-radius:22px !important;
    max-height:calc(100dvh - 80px) !important;
    max-height:calc(100dvh - var(--appbar-height) - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    width:100% !important;
  }

  .professional-share-dialog-paper{
    border-radius:22px !important;
    max-height:calc(100dvh - 80px) !important;
    max-height:calc(100dvh - var(--appbar-height) - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    width:100% !important;
  }

  .professional-goal-share-dialog-title{
    padding:18px 18px 16px !important;
  }

  .professional-share-dialog-title{
    padding:18px 18px 16px !important;
  }

  .professional-goal-share-dialog-content{
    padding:16px 18px 6px !important;
  }

  .professional-share-dialog-content{
    padding:16px 18px 6px !important;
  }

  .professional-goal-share-selector-shell{
    min-height:64px;
  }

  .professional-share-selector-shell{
    min-height:64px;
  }

  .professional-goal-share-selected-value{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }

  .professional-goal-share-dialog-actions{
    align-items:stretch !important;
    flex-direction:column-reverse !important;
    padding:12px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .professional-share-dialog-actions{
    align-items:stretch !important;
    flex-direction:column-reverse !important;
    padding:12px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .professional-goal-share-dialog-actions .MuiButton-root{
    width:100%;
  }

  .professional-share-dialog-actions .MuiButton-root{
    width:100%;
  }

  .evaluation-history-report-content{
    padding:24px 14px 18px !important;
  }

  .evaluation-history-report-body{
    max-width:100%;
  }
}

@media (min-width: 600px){
  body .MuiDialog-root.app-shell-dialog .MuiDialog-container{
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.app-shell-dialog .MuiDialog-paper{
    max-height:calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    max-height:calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.element-lens-report-centered-dialog .MuiDialog-container{
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.element-lens-report-centered-dialog .MuiDialog-paper{
    max-height:min(760px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(760px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
  }

  body .MuiDialog-root.app-shell-centered-dialog .MuiDialog-container{
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.app-shell-centered-dialog .MuiDialog-paper{
    max-height:min(760px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(760px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
  }

  body .MuiDrawer-root.app-shell-right-drawer .MuiDrawer-paper{
    height:calc(100dvh - 96px) !important;
    height:calc(100dvh - var(--appbar-height) - 32px) !important;
    max-height:calc(100dvh - 96px) !important;
    max-height:calc(100dvh - var(--appbar-height) - 32px) !important;
    right:0 !important;
    top:80px !important;
    top:calc(var(--appbar-height) + 16px) !important;
  }
}

@media (max-width: 600px){
  body .MuiDialog-root.insights-editor-dialog .MuiDialog-container{
    overflow-x:hidden !important;
    padding:72px 10px max(10px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-total-height, var(--appbar-height, 64px)) + 8px) 10px max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialog-paper{
    border-radius:18px !important;
    margin:0 !important;
    max-height:calc(100dvh - 82px - env(safe-area-inset-bottom, 0px)) !important;
    max-height:calc(100dvh - var(--appbar-total-height, var(--appbar-height, 64px)) - 18px - env(safe-area-inset-bottom, 0px)) !important;
    max-width:calc(100vw - 20px) !important;
    min-width:0 !important;
    width:calc(100vw - 20px) !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialogTitle-root{
    font-size:1.25rem !important;
    line-height:1.25 !important;
    padding:18px 20px !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialogContent-root{
    margin-top:0 !important;
    padding:16px 20px 14px !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialogActions-root{
    align-items:stretch !important;
    flex-direction:column-reverse !important;
    gap:8px !important;
    padding:12px 20px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialogActions-root .MuiButton-root{
    margin-left:0 !important;
    min-height:48px !important;
    width:100% !important;
  }

  body .MuiDialog-root.recommendation-search-dialog .MuiDialog-paper{
    border-radius:18px !important;
    max-width:calc(100vw - 16px) !important;
    width:calc(100vw - 16px) !important;
  }

  body .MuiDialog-root.recommendation-search-dialog .MuiDialogTitle-root{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body .MuiDialog-root.recommendation-search-dialog .MuiDialogContent-root,
  body .MuiDialog-root.recommendation-search-dialog .MuiDialogActions-root{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
.MuiDialog-paper{
  transform:translateZ(0) !important;
  will-change:auto !important;
}
.MuiDialogContent-root{
  contain:layout style !important;
  overflow-anchor:none !important;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3,
.markdown-body h4, .markdown-body h5, .markdown-body h6{
  color:#1f2937;
  font-weight:700;
  line-height:1.25;
  margin:0 0 12px;
}

.markdown-body h1{ font-size:1.5rem; margin-top:0; }
.markdown-body h2{ font-size:1.3rem; margin-top:16px; }
.markdown-body h3{ font-size:1.1rem; margin-top:12px; }
.markdown-body h4{ font-size:1rem; margin-top:10px; }
.markdown-body h5{ font-size:.95rem; margin-top:8px; }
.markdown-body h6{ font-size:.9rem; margin-top:8px; }

.markdown-body p{ 
  line-height:1.6; 
  margin:0 0 12px;
}

.markdown-body ul, .markdown-body ol{ 
  margin:0 0 12px 1.25rem;
  padding-left:0;
}

.markdown-body li{
  line-height:1.5; 
  margin:6px 0;
}

.markdown-body strong{
  color:#111827; 
  font-weight:600;
}

.markdown-body em{
  font-style:italic;
}

.markdown-body code{ 
  background:#f3f4f6; 
  border-radius:4px;
  font-family:'Courier New', monospace;
  font-size:.9em; 
  padding:2px 6px;
}

.markdown-body pre{
  background:#f3f4f6;
  border-radius:6px;
  margin:12px 0;
  overflow-x:auto;
  padding:12px;
}

.markdown-body pre code{
  background:transparent;
  padding:0;
}

.markdown-body blockquote{
  border-left:4px solid #e5e7eb;
  color:#6b7280;
  font-style:italic;
  margin:12px 0;
  padding-left:16px;
}

.markdown-body hr{
  border:none;
  border-top:1px solid #e5e7eb;
  margin:20px 0;
}

.markdown-body a{
  color:#2563eb;
  text-decoration:underline;
}

.markdown-body a:hover{
  color:#1d4ed8;
}
.markdown-body h1 + p,
.markdown-body h2 + p,
.markdown-body h3 + p,
.markdown-body h4 + p,
.markdown-body h5 + p,
.markdown-body h6 + p{
  margin-top:0;
}
@media (max-width: 600px){
  .more-ideas-dialog .MuiDialog-container{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  .more-ideas-dialog{
    overflow-x:hidden !important;
  }
  .more-ideas-dialog .MuiDialogContent-root{
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  
  .more-ideas-dialog .MuiDialogContent-root > *{
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .more-ideas-dialog{
    --ideas-top-gap:10px;
  }

  .more-ideas-dialog .MuiDialogTitle-root{
    background:#fff;
    box-shadow:0 1px 0 rgba(0,0,0,.06);
    padding-bottom:12px !important;
    padding-top:16px !important;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:2;
  }

  .more-ideas-dialog .MuiDialogContent-root{
    padding-bottom:calc(56px + env(safe-area-inset-bottom)) !important;
    padding-bottom:calc(var(--ideas-actions-h, 56px) + env(safe-area-inset-bottom)) !important;
    padding-top:var(--ideas-top-gap) !important;
  }

  .more-ideas-dialog .MuiDialogContent-root > .MuiList-root{
    max-width:100% !important;
    overflow-x:hidden !important;
    padding-top:calc(var(--ideas-top-gap) - 8px) !important;
    width:100% !important;
  }

  .more-ideas-dialog .MuiDialogContent-root > .MuiList-root > *:first-child{
    margin-top:8px !important;
  }
  .more-ideas-dialog .MuiDialogContent-root .MuiList-root > *,
  .more-ideas-dialog .MuiDialogContent-root .MuiBox-root{
    box-sizing:border-box !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  body:has(.more-ideas-dialog[aria-hidden="false"]){
    overflow-x:hidden !important;
  }
  .more-ideas-dialog .MuiDialogActions-root{
    background:inherit;
    bottom:0;
    padding-bottom:max(8px, env(safe-area-inset-bottom));
    position:-webkit-sticky;
    position:sticky;
    z-index:1;
  }
}
body .MuiDialog-root.home-minime-centered-dialog .MuiDialog-container,
body .MuiDialog-root.goal-minime-centered-dialog .MuiDialog-container{
  align-items:center !important;
  padding:12px 8px !important;
}

body .MuiDialog-root.quiz-centered-dialog .MuiDialog-container,
body .MuiDialog-root.challenge-centered-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.home-minime-centered-dialog .MuiDialog-paper,
body .MuiDialog-root.goal-minime-centered-dialog .MuiDialog-paper{
  border-radius:18px !important;
  margin:0 !important;
  max-height:min(620px, calc(100dvh - 24px)) !important;
  max-width:calc(100vw - 16px) !important;
  width:min(460px, calc(100vw - 16px)) !important;
}

body .MuiDialog-root.challenge-centered-dialog .MuiDialog-paper{
  border-radius:18px !important;
  margin:0 !important;
  max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-width:calc(100vw - 16px) !important;
  width:min(460px, calc(100vw - 16px)) !important;
}

body .MuiDialog-root.goal-victory-dialog .MuiDialog-container{
  align-items:center !important;
  padding:calc(76px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  padding:calc(var(--appbar-height, 64px) + 12px + env(safe-area-inset-top, 0px)) 8px max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

body .MuiDialog-root.goal-victory-dialog .MuiDialog-paper{
  border-radius:18px !important;
  margin:0 !important;
  max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-width:calc(100vw - 16px) !important;
  width:min(460px, calc(100vw - 16px)) !important;
}

body .MuiDialog-root.quiz-centered-dialog .MuiDialog-paper{
  border-radius:18px !important;
  margin:0 !important;
  max-height:calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-height:calc(100dvh - var(--appbar-height, 64px) - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  max-width:calc(100vw - 16px) !important;
  width:min(520px, calc(100vw - 16px)) !important;
}

body .MuiDialog-root.insights-editor-dialog .MuiDialog-paper{
  display:flex !important;
  flex-direction:column !important;
  max-height:min(700px, calc(100dvh - 88px - env(safe-area-inset-bottom, 0px))) !important;
  max-height:min(700px, calc(100dvh - var(--appbar-total-height, var(--appbar-height, 64px)) - 24px - env(safe-area-inset-bottom, 0px))) !important;
  max-width:calc(100vw - 24px) !important;
  overflow:hidden !important;
  width:min(560px, calc(100vw - 24px)) !important;
}

body .MuiDialog-root.insights-editor-dialog .MuiDialogContent-root{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

body .MuiDialog-root.insights-editor-dialog .MuiDialogActions-root{
  flex-shrink:0 !important;
}
.practitioner-route-fallback{
  margin:0 auto;
  max-width:1180px;
  padding:24px clamp(16px, 3vw, 32px) 48px;
}

.practitioner-route-loading-card{
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:14px;
  box-shadow:0 18px 40px -34px rgba(15, 23, 42, .38);
  color:#475569;
  display:grid;
  font-weight:700;
  min-height:150px;
  padding:28px;
  place-items:center;
}

.practitioner-route-loading-card .loading-spinner{
  animation:practitioner-route-spin .8s linear infinite;
  border:3px solid #dbeafe;
  border-radius:50%;
  border-top-color:#2563eb;
  height:34px;
  margin-bottom:12px;
  width:34px;
}

@keyframes practitioner-route-spin{
  to{
    transform:rotate(1turn);
  }
}

@media (min-width: 600px){
  body .MuiDialog-root.home-minime-centered-dialog .MuiDialog-container,
  body .MuiDialog-root.goal-minime-centered-dialog .MuiDialog-container{
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.quiz-centered-dialog .MuiDialog-container,
  body .MuiDialog-root.challenge-centered-dialog .MuiDialog-container{
    align-items:center !important;
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.goal-victory-dialog .MuiDialog-container{
    align-items:center !important;
    padding:calc(84px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
    padding:calc(var(--appbar-height, 64px) + 20px + env(safe-area-inset-top, 0px)) 24px max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body .MuiDialog-root.home-minime-centered-dialog .MuiDialog-paper,
  body .MuiDialog-root.goal-minime-centered-dialog .MuiDialog-paper,
  body .MuiDialog-root.challenge-centered-dialog .MuiDialog-paper{
    max-height:min(680px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(680px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-width:calc(100vw - 48px) !important;
    width:min(480px, calc(100vw - 48px)) !important;
  }

  body .MuiDialog-root.goal-victory-dialog .MuiDialog-paper{
    max-height:min(680px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(680px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-width:calc(100vw - 48px) !important;
    width:min(480px, calc(100vw - 48px)) !important;
  }

  body .MuiDialog-root.quiz-centered-dialog .MuiDialog-paper{
    max-height:min(700px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(700px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-width:calc(100vw - 48px) !important;
    width:min(600px, calc(100vw - 48px)) !important;
  }

  body .MuiDialog-root.insights-editor-dialog .MuiDialog-paper{
    max-height:min(760px, calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:min(760px, calc(100dvh - var(--appbar-height, 64px) - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-width:calc(100vw - 48px) !important;
    width:min(620px, calc(100vw - 48px)) !important;
  }
}
.app-frame .app-page-title{
  font-size:clamp(1.5rem, 2.5vw, 2rem);
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.app-frame .app-page-subtitle{ line-height:1.65; max-width:65ch; }
.app-frame .app-page-shell .MuiTabs-root{ min-height:48px; }
.app-frame .app-page-shell .MuiTab-root{ font-weight:700; min-height:48px; text-transform:none; }
.app-frame .app-page-shell .MuiOutlinedInput-root{ background-color:#ffffff; background-color:var(--surface-panel); }
:root{
  --surface-tone-1:#bfdbfe;
  --surface-tone-2:#cbd5e1;
  --surface-tone-3:#ccc;
  --surface-tone-4:#d1fae5;
  --surface-tone-5:#d8efde;
  --surface-tone-6:#dbe7f5;
  --surface-tone-7:#dbe7ff;
  --surface-tone-8:#dbeafe;
  --surface-tone-9:#dcedc8;
  --surface-tone-10:#dcefe0;
  --surface-tone-11:#dcfce7;
  --surface-tone-12:#e0e0e0;
  --surface-tone-13:#e0e6f0;
  --surface-tone-14:#e0e7ff;
  --surface-tone-15:#e0ecff;
  --surface-tone-16:#e0f2fe;
  --surface-tone-17:#e2e8f0;
  --surface-tone-18:#e2f2e6;
  --surface-tone-19:#e3efe6;
  --surface-tone-20:#e3f2fd;
  --surface-tone-21:#e4e8ed;
  --surface-tone-22:#e5e7eb;
  --surface-tone-23:#e5f3e8;
  --surface-tone-24:#e6e2ff;
  --surface-tone-25:#e6eaff;
  --surface-tone-26:#e6eef8;
  --surface-tone-27:#e7edf5;
  --surface-tone-28:#e8eef6;
  --surface-tone-29:#e8eef8;
  --surface-tone-30:#e8f0ff;
  --surface-tone-31:#e8f1ff;
  --surface-tone-32:#e8f4fd;
  --surface-tone-33:#e8f5e9;
  --surface-tone-34:#e8f8ef;
  --surface-tone-35:#e9e6ff;
  --surface-tone-36:#e9f0ff;
  --surface-tone-37:#eaf1fc;
  --surface-tone-38:#eaf2ff;
  --surface-tone-39:#ebedf0;
  --surface-tone-40:#ebf5ff;
  --surface-tone-41:#eceff3;
  --surface-tone-42:#ecfdf5;
  --surface-tone-43:#ede9fe;
  --surface-tone-44:#edf2f7;
  --surface-tone-45:#edf3ff;
  --surface-tone-46:#edf4ff;
  --surface-tone-47:#edf7f1;
  --surface-tone-48:#edf9f2;
  --surface-tone-49:#eee;
  --surface-tone-50:#eeeaff;
  --surface-tone-51:#eeebff;
  --surface-tone-52:#eeecff;
  --surface-tone-53:#eeeeee;
  --surface-tone-54:#eef2f7;
  --surface-tone-55:#eef2f8;
  --surface-tone-56:#eef2ff;
  --surface-tone-57:#eef3f9;
  --surface-tone-58:#eef3fc;
  --surface-tone-59:#eef4fb;
  --surface-tone-60:#eef4ff;
  --surface-tone-61:#eef5ff;
  --surface-tone-62:#eef6ff;
  --surface-tone-63:#eef8f1;
  --surface-tone-64:#efddff;
  --surface-tone-65:#efe4d8;
  --surface-tone-66:#eff2f5;
  --surface-tone-67:#eff6ff;
  --surface-tone-68:#eff7f2;
  --surface-tone-69:#f0eeff;
  --surface-tone-70:#f0f4f8;
  --surface-tone-71:#f0f5ff;
  --surface-tone-72:#f0f6ff;
  --surface-tone-73:#f0f7ff;
  --surface-tone-74:#f0f8ff;
  --surface-tone-75:#f0f9ff;
  --surface-tone-76:#f0fdf4;
  --surface-tone-77:#f1efff;
  --surface-tone-78:#f1f0fb;
  --surface-tone-79:#f1f1f1;
  --surface-tone-80:#f1f5f9;
  --surface-tone-81:#f1f5fb;
  --surface-tone-82:#f1f8f3;
  --surface-tone-83:#f1faf3;
  --surface-tone-84:#f2f2f2;
  --surface-tone-85:#f2f8f3;
  --surface-tone-86:#f3e8ff;
  --surface-tone-87:#f3f1ff;
  --surface-tone-88:#f3f4f6;
  --surface-tone-89:#f3f7fb;
  --surface-tone-90:#f3f8f4;
  --surface-tone-91:#f3f8ff;
  --surface-tone-92:#f4f1ff;
  --surface-tone-93:#f4f2ff;
  --surface-tone-94:#f4f7fb;
  --surface-tone-95:#f4f8ff;
  --surface-tone-96:#f4fbf7;
  --surface-tone-97:#f5f3ff;
  --surface-tone-98:#f5f5f5;
  --surface-tone-99:#f5f7fb;
  --surface-tone-100:#f5f8fd;
  --surface-tone-101:#f5f8ff;
  --surface-tone-102:#f5f9ff;
  --surface-tone-103:#f6f4ff;
  --surface-tone-104:#f6f5ff;
  --surface-tone-105:#f6f8fb;
  --surface-tone-106:#f6f8fd;
  --surface-tone-107:#f6f9ff;
  --surface-tone-108:#f6fbfe;
  --surface-tone-109:#f7efff;
  --surface-tone-110:#f7f5ff;
  --surface-tone-111:#f7f6ff;
  --surface-tone-112:#f7f7ff;
  --surface-tone-113:#f7f8fc;
  --surface-tone-114:#f7f9fb;
  --surface-tone-115:#f7f9fd;
  --surface-tone-116:#f7faff;
  --surface-tone-117:#f7fef9;
  --surface-tone-118:#f8f7ff;
  --surface-tone-119:#f8f8ff;
  --surface-tone-120:#f8f9fa;
  --surface-tone-121:#f8f9fc;
  --surface-tone-122:#f8f9fe;
  --surface-tone-123:#f8f9ff;
  --surface-tone-124:#f8fafb;
  --surface-tone-125:#f8fafc;
  --surface-tone-126:#f8fafd;
  --surface-tone-127:#f8faff;
  --surface-tone-128:#f8fbff;
  --surface-tone-129:#f8fffb;
  --surface-tone-130:#f9f9f9;
  --surface-tone-131:#f9fafb;
  --surface-tone-132:#f9fafd;
  --surface-tone-133:#f9fbfe;
  --surface-tone-134:#faf5ff;
  --surface-tone-135:#fafafa;
  --surface-tone-136:#fafbfe;
  --surface-tone-137:#fbf8ff;
  --surface-tone-138:#fbfcfe;
  --surface-tone-139:#fbfcff;
  --surface-tone-140:#fbfdff;
  --surface-tone-141:#fbfefd;
  --surface-tone-142:#fcfaf7;
  --surface-tone-143:#fcfbff;
  --surface-tone-144:#fcfdff;
  --surface-tone-145:#fdfbf7;
  --surface-tone-146:#fdfdfc;
  --surface-tone-147:#fee2e2;
  --surface-tone-148:#fef2f2;
  --surface-tone-149:#fef3c7;
  --surface-tone-150:#ffead0;
  --surface-tone-151:#ffedd5;
  --surface-tone-152:#ffefcc;
  --surface-tone-153:#ffefd1;
  --surface-tone-154:#fff1e8;
  --surface-tone-155:#fff1f1;
  --surface-tone-156:#fff3cd;
  --surface-tone-157:#fff3f3;
  --surface-tone-158:#fff4e8;
  --surface-tone-159:#fff6e6;
  --surface-tone-160:#fff7ed;
  --surface-tone-161:#fff7f7;
  --surface-tone-162:#fff8ee;
  --surface-tone-163:#fff8ef;
  --surface-tone-164:#fff8f8;
  --surface-tone-165:#fffaf0;
  --surface-tone-166:#fffbeb;
  --surface-tone-167:#fffdfb;
  --surface-tone-168:rgba(255, 255, 255, .96);
  --surface-tone-169:rgba(255, 255, 255, 0.6);
  --surface-tone-170:rgba(255, 255, 255, 0.65);
  --surface-tone-171:rgba(255, 255, 255, 0.66);
  --surface-tone-172:rgba(255, 255, 255, 0.68);
  --surface-tone-173:rgba(255, 255, 255, 0.7);
  --surface-tone-174:rgba(255, 255, 255, 0.72);
  --surface-tone-175:rgba(255, 255, 255, 0.74);
  --surface-tone-176:rgba(255, 255, 255, 0.75);
  --surface-tone-177:rgba(255, 255, 255, 0.76);
  --surface-tone-178:rgba(255, 255, 255, 0.78);
  --surface-tone-179:rgba(255, 255, 255, 0.8);
  --surface-tone-180:rgba(255, 255, 255, 0.82);
  --surface-tone-181:rgba(255, 255, 255, 0.84);
  --surface-tone-182:rgba(255, 255, 255, 0.85);
  --surface-tone-183:rgba(255, 255, 255, 0.88);
  --surface-tone-184:rgba(255, 255, 255, 0.9);
  --surface-tone-185:rgba(255, 255, 255, 0.92);
  --surface-tone-186:rgba(255, 255, 255, 0.94);
  --surface-tone-187:rgba(255, 255, 255, 0.95);
  --surface-tone-188:rgba(255, 255, 255, 0.96);
  --surface-tone-189:rgba(255, 255, 255, 0.98);
  --surface-tone-190:rgba(255, 255, 255, 0.985);
  --surface-tone-191:rgba(255,255,255,.7);
  --surface-tone-192:rgba(255,255,255,0.6);
  --surface-tone-193:rgba(255,255,255,0.7);
  --surface-tone-194:rgba(255,255,255,0.72);
  --surface-tone-195:rgba(255,255,255,0.74);
  --surface-tone-196:rgba(255,255,255,0.8);
  --surface-tone-197:rgba(255,255,255,0.82);
  --surface-tone-198:rgba(255,255,255,0.85);
  --surface-tone-199:rgba(255,255,255,0.88);
  --surface-tone-200:rgba(255,255,255,0.9);
  --surface-tone-201:rgba(255,255,255,0.92);
  --surface-tone-202:rgba(255,255,255,0.94);
  --surface-tone-203:rgba(255,255,255,0.95);
  --surface-tone-204:rgba(255,255,255,0.96);
  --surface-tone-205:rgba(255,255,255,0.97);
}

html[data-theme='dark']{
  --surface-tone-1:#24364c;
  --surface-tone-2:#293747;
  --surface-tone-3:#383838;
  --surface-tone-4:#1c3b2b;
  --surface-tone-5:#1c3b24;
  --surface-tone-6:#1c2a3b;
  --surface-tone-7:#1c263b;
  --surface-tone-8:#1c293b;
  --surface-tone-9:#3a4c24;
  --surface-tone-10:#1c3b23;
  --surface-tone-11:#1c3b27;
  --surface-tone-12:#383838;
  --surface-tone-13:#1c283a;
  --surface-tone-14:#1c233b;
  --surface-tone-15:#1c283b;
  --surface-tone-16:#1c2e3b;
  --surface-tone-17:#1e2939;
  --surface-tone-18:#1c3b24;
  --surface-tone-19:#203725;
  --surface-tone-20:#1c2e3b;
  --surface-tone-21:#232a34;
  --surface-tone-22:#262931;
  --surface-tone-23:#1c3b23;
  --surface-tone-24:#201c3b;
  --surface-tone-25:#16192d;
  --surface-tone-26:#1c2a3b;
  --surface-tone-27:#1c293b;
  --surface-tone-28:#1c293b;
  --surface-tone-29:#1c283b;
  --surface-tone-30:#161e2d;
  --surface-tone-31:#161f2d;
  --surface-tone-32:#16232d;
  --surface-tone-33:#1c3b1f;
  --surface-tone-34:#1c3b29;
  --surface-tone-35:#18162d;
  --surface-tone-36:#161d2d;
  --surface-tone-37:#161f2d;
  --surface-tone-38:#161e2d;
  --surface-tone-39:#252a32;
  --surface-tone-40:#16212d;
  --surface-tone-41:#222a35;
  --surface-tone-42:#162d22;
  --surface-tone-43:#1a162d;
  --surface-tone-44:#1c2b3b;
  --surface-tone-45:#161d2d;
  --surface-tone-46:#161f2d;
  --surface-tone-47:#1c3b28;
  --surface-tone-48:#162d1f;
  --surface-tone-49:#2b2b2b;
  --surface-tone-50:#1a162d;
  --surface-tone-51:#19162d;
  --surface-tone-52:#18162d;
  --surface-tone-53:#2b2b2b;
  --surface-tone-54:#16202d;
  --surface-tone-55:#161f2d;
  --surface-tone-56:#161b2d;
  --surface-tone-57:#16202d;
  --surface-tone-58:#161e2d;
  --surface-tone-59:#16202d;
  --surface-tone-60:#161e2d;
  --surface-tone-61:#161f2d;
  --surface-tone-62:#16202d;
  --surface-tone-63:#162d1d;
  --surface-tone-64:#2c1c3b;
  --surface-tone-65:#3b2c1c;
  --surface-tone-66:#212b35;
  --surface-tone-67:#16202d;
  --surface-tone-68:#162c1e;
  --surface-tone-69:#18162d;
  --surface-tone-70:#16212d;
  --surface-tone-71:#161d2d;
  --surface-tone-72:#161f2d;
  --surface-tone-73:#16202d;
  --surface-tone-74:#16222d;
  --surface-tone-75:#16232d;
  --surface-tone-76:#162d1d;
  --surface-tone-77:#18162d;
  --surface-tone-78:#18162d;
  --surface-tone-79:#2b2b2b;
  --surface-tone-80:#16212d;
  --surface-tone-81:#161f2d;
  --surface-tone-82:#162c1c;
  --surface-tone-83:#162d1b;
  --surface-tone-84:#2b2b2b;
  --surface-tone-85:#172b1b;
  --surface-tone-86:#21162d;
  --surface-tone-87:#19162d;
  --surface-tone-88:#1c2026;
  --surface-tone-89:#16212d;
  --surface-tone-90:#182a1c;
  --surface-tone-91:#161f2d;
  --surface-tone-92:#1b162d;
  --surface-tone-93:#19162d;
  --surface-tone-94:#161f2d;
  --surface-tone-95:#161e2d;
  --surface-tone-96:#162d1f;
  --surface-tone-97:#19162d;
  --surface-tone-98:#212121;
  --surface-tone-99:#161d2d;
  --surface-tone-100:#161e2d;
  --surface-tone-101:#161d2d;
  --surface-tone-102:#161f2d;
  --surface-tone-103:#1a162d;
  --surface-tone-104:#18162d;
  --surface-tone-105:#161f2d;
  --surface-tone-106:#161c2d;
  --surface-tone-107:#161d2d;
  --surface-tone-108:#16242d;
  --surface-tone-109:#21162d;
  --surface-tone-110:#1a162d;
  --surface-tone-111:#18162d;
  --surface-tone-112:#16162d;
  --surface-tone-113:#161a2d;
  --surface-tone-114:#16212c;
  --surface-tone-115:#161d2d;
  --surface-tone-116:#161e2d;
  --surface-tone-117:#162d1c;
  --surface-tone-118:#18162d;
  --surface-tone-119:#16162d;
  --surface-tone-120:#1c2127;
  --surface-tone-121:#161b2d;
  --surface-tone-122:#16192d;
  --surface-tone-123:#16192d;
  --surface-tone-124:#18242a;
  --surface-tone-125:#16212d;
  --surface-tone-126:#161f2d;
  --surface-tone-127:#161c2d;
  --surface-tone-128:#161f2d;
  --surface-tone-129:#162d1f;
  --surface-tone-130:#212121;
  --surface-tone-131:#1b2128;
  --surface-tone-132:#161b2d;
  --surface-tone-133:#161f2d;
  --surface-tone-134:#21162d;
  --surface-tone-135:#212121;
  --surface-tone-136:#161b2d;
  --surface-tone-137:#1f162d;
  --surface-tone-138:#161d2d;
  --surface-tone-139:#161b2d;
  --surface-tone-140:#16212d;
  --surface-tone-141:#162d25;
  --surface-tone-142:#2d2316;
  --surface-tone-143:#1b162d;
  --surface-tone-144:#161d2d;
  --surface-tone-145:#2d2516;
  --surface-tone-146:#28281b;
  --surface-tone-147:#3b1c1c;
  --surface-tone-148:#2d1616;
  --surface-tone-149:#3b341c;
  --surface-tone-150:#3b2d1c;
  --surface-tone-151:#3b2e1c;
  --surface-tone-152:#3b311c;
  --surface-tone-153:#3b301c;
  --surface-tone-154:#2d1f16;
  --surface-tone-155:#2d1616;
  --surface-tone-156:#3b331c;
  --surface-tone-157:#2d1616;
  --surface-tone-158:#2d2216;
  --surface-tone-159:#2d2416;
  --surface-tone-160:#2d2216;
  --surface-tone-161:#2d1616;
  --surface-tone-162:#2d2316;
  --surface-tone-163:#2d2316;
  --surface-tone-164:#2d1616;
  --surface-tone-165:#2d2516;
  --surface-tone-166:#2d2816;
  --surface-tone-167:#2d2116;
  --surface-tone-168:rgba(24, 34, 53, 0.96);
  --surface-tone-169:rgba(24, 34, 53, 0.6);
  --surface-tone-170:rgba(24, 34, 53, 0.65);
  --surface-tone-171:rgba(24, 34, 53, 0.66);
  --surface-tone-172:rgba(24, 34, 53, 0.68);
  --surface-tone-173:rgba(24, 34, 53, 0.7);
  --surface-tone-174:rgba(24, 34, 53, 0.72);
  --surface-tone-175:rgba(24, 34, 53, 0.74);
  --surface-tone-176:rgba(24, 34, 53, 0.75);
  --surface-tone-177:rgba(24, 34, 53, 0.76);
  --surface-tone-178:rgba(24, 34, 53, 0.78);
  --surface-tone-179:rgba(24, 34, 53, 0.8);
  --surface-tone-180:rgba(24, 34, 53, 0.82);
  --surface-tone-181:rgba(24, 34, 53, 0.84);
  --surface-tone-182:rgba(24, 34, 53, 0.85);
  --surface-tone-183:rgba(24, 34, 53, 0.88);
  --surface-tone-184:rgba(24, 34, 53, 0.9);
  --surface-tone-185:rgba(24, 34, 53, 0.92);
  --surface-tone-186:rgba(24, 34, 53, 0.94);
  --surface-tone-187:rgba(24, 34, 53, 0.95);
  --surface-tone-188:rgba(24, 34, 53, 0.96);
  --surface-tone-189:rgba(24, 34, 53, 0.98);
  --surface-tone-190:rgba(24, 34, 53, 0.985);
  --surface-tone-191:rgba(24, 34, 53, 0.7);
  --surface-tone-192:rgba(24, 34, 53, 0.6);
  --surface-tone-193:rgba(24, 34, 53, 0.7);
  --surface-tone-194:rgba(24, 34, 53, 0.72);
  --surface-tone-195:rgba(24, 34, 53, 0.74);
  --surface-tone-196:rgba(24, 34, 53, 0.8);
  --surface-tone-197:rgba(24, 34, 53, 0.82);
  --surface-tone-198:rgba(24, 34, 53, 0.85);
  --surface-tone-199:rgba(24, 34, 53, 0.88);
  --surface-tone-200:rgba(24, 34, 53, 0.9);
  --surface-tone-201:rgba(24, 34, 53, 0.92);
  --surface-tone-202:rgba(24, 34, 53, 0.94);
  --surface-tone-203:rgba(24, 34, 53, 0.95);
  --surface-tone-204:rgba(24, 34, 53, 0.96);
  --surface-tone-205:rgba(24, 34, 53, 0.97);
}
:root{
  --text-tone-1:#000;
  --text-tone-2:#000000;
  --text-tone-3:#005cb8;
  --text-tone-4:#0066cc;
  --text-tone-5:#00bcd4;
  --text-tone-6:#00c853;
  --text-tone-7:#0277bd;
  --text-tone-8:#0284c7;
  --text-tone-9:#0288d1;
  --text-tone-10:#0369a1;
  --text-tone-11:#047857;
  --text-tone-12:#059669;
  --text-tone-13:#064e3b;
  --text-tone-14:#065f46;
  --text-tone-15:#0c4a6e;
  --text-tone-16:#0d47a1;
  --text-tone-17:#0d9488;
  --text-tone-18:#0ea5e9;
  --text-tone-19:#0f172a;
  --text-tone-20:#0f5fd5;
  --text-tone-21:#0f766e;
  --text-tone-22:#102148;
  --text-tone-23:#10b981;
  --text-tone-24:#111827;
  --text-tone-25:#12263a;
  --text-tone-26:#127648;
  --text-tone-27:#134e4a;
  --text-tone-28:#1456d9;
  --text-tone-29:#152343;
  --text-tone-30:#15377d;
  --text-tone-31:#153a80;
  --text-tone-32:#1565c0;
  --text-tone-33:#15803d;
  --text-tone-34:#16315c;
  --text-tone-35:#163778;
  --text-tone-36:#163a86;
  --text-tone-37:#163b86;
  --text-tone-38:#166534;
  --text-tone-39:#16a34a;
  --text-tone-40:#172033;
  --text-tone-41:#17233c;
  --text-tone-42:#17233d;
  --text-tone-43:#172a52;
  --text-tone-44:#17315c;
  --text-tone-45:#17345f;
  --text-tone-46:#173f9b;
  --text-tone-47:#174ca8;
  --text-tone-48:#182230;
  --text-tone-49:#182944;
  --text-tone-50:#183462;
  --text-tone-51:#193560;
  --text-tone-52:#19386f;
  --text-tone-53:#193c82;
  --text-tone-54:#193f8b;
  --text-tone-55:#193f90;
  --text-tone-56:#1976d2;
  --text-tone-57:#1a252f;
  --text-tone-58:#1a2a5a;
  --text-tone-59:#1a365d;
  --text-tone-60:#1b4fd6;
  --text-tone-61:#1b5e20;
  --text-tone-62:#1c7a4f;
  --text-tone-63:#1d4ca9;
  --text-tone-64:#1d4ed8;
  --text-tone-65:#1e293b;
  --text-tone-66:#1e3a5f;
  --text-tone-67:#1e3a8a;
  --text-tone-68:#1e40af;
  --text-tone-69:#1e88e5;
  --text-tone-70:#1f2937;
  --text-tone-71:#1f2a44;
  --text-tone-72:#1f2d4d;
  --text-tone-73:#1f335a;
  --text-tone-74:#1f335c;
  --text-tone-75:#1f3654;
  --text-tone-76:#1f6a4a;
  --text-tone-77:#202b41;
  --text-tone-78:#202f49;
  --text-tone-79:#20365f;
  --text-tone-80:#203861;
  --text-tone-81:#214a82;
  --text-tone-82:#214a9b;
  --text-tone-83:#214b9c;
  --text-tone-84:#22304d;
  --text-tone-85:#22489e;
  --text-tone-86:#224eaf;
  --text-tone-87:#22c55e;
  --text-tone-88:#233653;
  --text-tone-89:#24324a;
  --text-tone-90:#24344f;
  --text-tone-91:#243a65;
  --text-tone-92:#24449b;
  --text-tone-93:#24469f;
  --text-tone-94:#244f33;
  --text-tone-95:#2458c6;
  --text-tone-96:#2459d6;
  --text-tone-97:#245d35;
  --text-tone-98:#25324a;
  --text-tone-99:#253651;
  --text-tone-100:#254932;
  --text-tone-101:#2553b0;
  --text-tone-102:#262b4d;
  --text-tone-103:#263653;
  --text-tone-104:#263a58;
  --text-tone-105:#263b59;
  --text-tone-106:#263b5b;
  --text-tone-107:#263b61;
  --text-tone-108:#27324a;
  --text-tone-109:#273650;
  --text-tone-110:#274690;
  --text-tone-111:#274c77;
  --text-tone-112:#28324a;
  --text-tone-113:#284268;
  --text-tone-114:#28589b;
  --text-tone-115:#285f3b;
  --text-tone-116:#286e3c;
  --text-tone-117:#28713d;
  --text-tone-118:#287240;
  --text-tone-119:#28753b;
  --text-tone-120:#292f50;
  --text-tone-121:#293a58;
  --text-tone-122:#29466f;
  --text-tone-123:#2a3852;
  --text-tone-124:#2a426a;
  --text-tone-125:#2b5739;
  --text-tone-126:#2c3e50;
  --text-tone-127:#2c3e93;
  --text-tone-128:#2d3159;
  --text-tone-129:#2d3e5b;
  --text-tone-130:#2d7040;
  --text-tone-131:#2d7441;
  --text-tone-132:#2e7d32;
  --text-tone-133:#2f4058;
  --text-tone-134:#2f6240;
  --text-tone-135:#30248b;
  --text-tone-136:#30258b;
  --text-tone-137:#302876;
  --text-tone-138:#302878;
  --text-tone-139:#302e4b;
  --text-tone-140:#303657;
  --text-tone-141:#30385a;
  --text-tone-142:#303951;
  --text-tone-143:#304665;
  --text-tone-144:#30466d;
  --text-tone-145:#312e81;
  --text-tone-146:#31405a;
  --text-tone-147:#31415e;
  --text-tone-148:#314766;
  --text-tone-149:#3154a4;
  --text-tone-150:#3157c8;
  --text-tone-151:#31598d;
  --text-tone-152:#315fae;
  --text-tone-153:#315fc6;
  --text-tone-154:#315fca;
  --text-tone-155:#33278f;
  --text-tone-156:#332d6b;
  --text-tone-157:#333;
  --text-tone-158:#333333;
  --text-tone-159:#334155;
  --text-tone-160:#33425c;
  --text-tone-161:#34324f;
  --text-tone-162:#34425b;
  --text-tone-163:#34445f;
  --text-tone-164:#34483a;
  --text-tone-165:#3458a5;
  --text-tone-166:#345fac;
  --text-tone-167:#3465cf;
  --text-tone-168:#347252;
  --text-tone-169:#35405e;
  --text-tone-170:#35435d;
  --text-tone-171:#3564b9;
  --text-tone-172:#356bcf;
  --text-tone-173:#36537c;
  --text-tone-174:#367149;
  --text-tone-175:#3730a3;
  --text-tone-176:#374151;
  --text-tone-177:#3765c2;
  --text-tone-178:#376ad1;
  --text-tone-179:#38415d;
  --text-tone-180:#39415c;
  --text-tone-181:#39704a;
  --text-tone-182:#39734b;
  --text-tone-183:#3e4b66;
  --text-tone-184:#3f368e;
  --text-tone-185:#3f4763;
  --text-tone-186:#3f4c66;
  --text-tone-187:#3f506b;
  --text-tone-188:#3f506c;
  --text-tone-189:#3f5d8f;
  --text-tone-190:#40516c;
  --text-tone-191:#40516d;
  --text-tone-192:#405174;
  --text-tone-193:#41516f;
  --text-tone-194:#415266;
  --text-tone-195:#41689d;
  --text-tone-196:#4338ca;
  --text-tone-197:#435777;
  --text-tone-198:#444;
  --text-tone-199:#44536d;
  --text-tone-200:#446454;
  --text-tone-201:#45536a;
  --text-tone-202:#455973;
  --text-tone-203:#45618f;
  --text-tone-204:#465671;
  --text-tone-205:#47445f;
  --text-tone-206:#475569;
  --text-tone-207:#4770bf;
  --text-tone-208:#4938b7;
  --text-tone-209:#493e9a;
  --text-tone-210:#49649d;
  --text-tone-211:#49658f;
  --text-tone-212:#4a4778;
  --text-tone-213:#4a5568;
  --text-tone-214:#4a6aa8;
  --text-tone-215:#4b5563;
  --text-tone-216:#4b5f89;
  --text-tone-217:#4b648f;
  --text-tone-218:#4c1d95;
  --text-tone-219:#4c42a6;
  --text-tone-220:#4c5c76;
  --text-tone-221:#4c5f7d;
  --text-tone-222:#4c648d;
  --text-tone-223:#4caf50;
  --text-tone-224:#4d42a6;
  --text-tone-225:#4d4961;
  --text-tone-226:#4d5d79;
  --text-tone-227:#4e42ae;
  --text-tone-228:#4e432d;
  --text-tone-229:#4e4a80;
  --text-tone-230:#4f4194;
  --text-tone-231:#4f5f77;
  --text-tone-232:#4f5f78;
  --text-tone-233:#4f6078;
  --text-tone-234:#4f6a95;
  --text-tone-235:#4f6b58;
  --text-tone-236:#5044ad;
  --text-tone-237:#5145ae;
  --text-tone-238:#526074;
  --text-tone-239:#526079;
  --text-tone-240:#52627a;
  --text-tone-241:#526785;
  --text-tone-242:#526882;
  --text-tone-243:#53617a;
  --text-tone-244:#53627a;
  --text-tone-245:#53637c;
  --text-tone-246:#536681;
  --text-tone-247:#53719f;
  --text-tone-248:#54472a;
  --text-tone-249:#54709a;
  --text-tone-250:#554c94;
  --text-tone-251:#555;
  --text-tone-252:#55657f;
  --text-tone-253:#55715f;
  --text-tone-254:#56637a;
  --text-tone-255:#56647c;
  --text-tone-256:#5670a7;
  --text-tone-257:#581c87;
  --text-tone-258:#5847c0;
  --text-tone-259:#586b86;
  --text-tone-260:#58709b;
  --text-tone-261:#597063;
  --text-tone-262:#5a6280;
  --text-tone-263:#5a6881;
  --text-tone-264:#5a6a7a;
  --text-tone-265:#5b21b6;
  --text-tone-266:#5b5678;
  --text-tone-267:#5b6b82;
  --text-tone-268:#5c677d;
  --text-tone-269:#5d54a6;
  --text-tone-270:#5d5a76;
  --text-tone-271:#5d5a82;
  --text-tone-272:#5d6b80;
  --text-tone-273:#5d6c83;
  --text-tone-274:#5d6c84;
  --text-tone-275:#5d6d87;
  --text-tone-276:#5d70a0;
  --text-tone-277:#5e5238;
  --text-tone-278:#5e568f;
  --text-tone-279:#5e6880;
  --text-tone-280:#5e6f8a;
  --text-tone-281:#5f6681;
  --text-tone-282:#5f6d84;
  --text-tone-283:#5f6e85;
  --text-tone-284:#5f6e86;
  --text-tone-285:#5f6f89;
  --text-tone-286:#5f6f8b;
  --text-tone-287:#5f7968;
  --text-tone-288:#607087;
  --text-tone-289:#60708a;
  --text-tone-290:#60708f;
  --text-tone-291:#60749b;
  --text-tone-292:#607d8b;
  --text-tone-293:#617089;
  --text-tone-294:#61708a;
  --text-tone-295:#6250b6;
  --text-tone-296:#625b91;
  --text-tone-297:#626b84;
  --text-tone-298:#626b86;
  --text-tone-299:#62749a;
  --text-tone-300:#63728b;
  --text-tone-301:#637369;
  --text-tone-302:#63748c;
  --text-tone-303:#647086;
  --text-tone-304:#64718a;
  --text-tone-305:#64738c;
  --text-tone-306:#64748b;
  --text-tone-307:#64796b;
  --text-tone-308:#656181;
  --text-tone-309:#65708a;
  --text-tone-310:#657188;
  --text-tone-311:#657368;
  --text-tone-312:#65738c;
  --text-tone-313:#65756a;
  --text-tone-314:#65758e;
  --text-tone-315:#666;
  --text-tone-316:#667085;
  --text-tone-317:#66768e;
  --text-tone-318:#67768f;
  --text-tone-319:#68738a;
  --text-tone-320:#68758b;
  --text-tone-321:#687b6e;
  --text-tone-322:#69627f;
  --text-tone-323:#69758a;
  --text-tone-324:#6a768c;
  --text-tone-325:#6a7a94;
  --text-tone-326:#6b21a8;
  --text-tone-327:#6b628f;
  --text-tone-328:#6b6688;
  --text-tone-329:#6b6b6b;
  --text-tone-330:#6b7280;
  --text-tone-331:#6b7488;
  --text-tone-332:#6b778d;
  --text-tone-333:#6b7890;
  --text-tone-334:#6b7a99;
  --text-tone-335:#6b7c93;
  --text-tone-336:#6d28d9;
  --text-tone-337:#6d3b96;
  --text-tone-338:#6f2d33;
  --text-tone-339:#707791;
  --text-tone-340:#71353a;
  --text-tone-341:#716a94;
  --text-tone-342:#716d82;
  --text-tone-343:#718097;
  --text-tone-344:#727a91;
  --text-tone-345:#738096;
  --text-tone-346:#77728d;
  --text-tone-347:#795548;
  --text-tone-348:#7b252a;
  --text-tone-349:#7c2d12;
  --text-tone-350:#7e22ce;
  --text-tone-351:#7f1d1d;
  --text-tone-352:#80601e;
  --text-tone-353:#856404;
  --text-tone-354:#88764d;
  --text-tone-355:#8a4b06;
  --text-tone-356:#8a5a12;
  --text-tone-357:#8a7c61;
  --text-tone-358:#8b3236;
  --text-tone-359:#8b3a3a;
  --text-tone-360:#8b5612;
  --text-tone-361:#92400e;
  --text-tone-362:#991b1b;
  --text-tone-363:#9a3412;
  --text-tone-364:#9a4a00;
  --text-tone-365:#9a5f16;
  --text-tone-366:#9a875b;
  --text-tone-367:#a15a1a;
  --text-tone-368:#a23940;
  --text-tone-369:#a33a3a;
  --text-tone-370:#a35b14;
  --text-tone-371:#a63f55;
  --text-tone-372:#ad3440;
  --text-tone-373:#ae2830;
  --text-tone-374:#b42318;
  --text-tone-375:#b45309;
  --text-tone-376:#b91c1c;
  --text-tone-377:#be185d;
  --text-tone-378:#c2410c;
  --text-tone-379:#c26e3a;
  --text-tone-380:#d32f2f;
  --text-tone-381:#d97706;
  --text-tone-382:#e91e63;
  --text-tone-383:#ea580c;
  --text-tone-384:#f59e0b;
  --text-tone-385:#ff9800;
  --text-tone-386:#ffc107;
  --text-tone-387:#ffc800;
  --text-tone-388:#ffd700;
  --border-tone-1:#8eb1f8;
  --border-tone-2:#90caf9;
  --border-tone-3:#93c5fd;
  --border-tone-4:#9cb9ed;
  --border-tone-5:#a7f3d0;
  --border-tone-6:#a99cef;
  --border-tone-7:#a9c1eb;
  --border-tone-8:#adc0d8;
  --border-tone-9:#b7c4d6;
  --border-tone-10:#b9cff2;
  --border-tone-11:#b9d9c1;
  --border-tone-12:#bbf7d0;
  --border-tone-13:#bdb5ef;
  --border-tone-14:#bfdbfe;
  --border-tone-15:#c7d2fe;
  --border-tone-16:#c9d8eb;
  --border-tone-17:#c9d9ee;
  --border-tone-18:#c9daf8;
  --border-tone-19:#cbd5e1;
  --border-tone-20:#cbd6e9;
  --border-tone-21:#cbd8ee;
  --border-tone-22:#cbdcf7;
  --border-tone-23:#cde3d7;
  --border-tone-24:#cfc7fb;
  --border-tone-25:#cfc8fa;
  --border-tone-26:#cfd8e6;
  --border-tone-27:#cfd8ea;
  --border-tone-28:#cfd9e8;
  --border-tone-29:#cfe7ff;
  --border-tone-30:#d1d5db;
  --border-tone-31:#d1fae5;
  --border-tone-32:#d4e7da;
  --border-tone-33:#d5e3f4;
  --border-tone-34:#d5e9da;
  --border-tone-35:#d8c9ff;
  --border-tone-36:#d8d2ff;
  --border-tone-37:#d8e2ef;
  --border-tone-38:#d9dee8;
  --border-tone-39:#dbe3ef;
  --border-tone-40:#dbe5f1;
  --border-tone-41:#dbe6f3;
  --border-tone-42:#dbeafe;
  --border-tone-43:#e0e7ff;
  --border-tone-44:#e0f2fe;
  --border-tone-45:#e2e8f0;
  --border-tone-46:#e3c79e;
  --border-tone-47:#e5e7eb;
  --border-tone-48:#e9d5ff;
  --border-tone-49:#f0c9cc;
  --border-tone-50:#f3c9c2;
  --border-tone-51:#f3e8ff;
  --border-tone-52:#f4f7fb;
  --border-tone-53:#fca5a5;
  --border-tone-54:#fde68a;
  --border-tone-55:#fecaca;
  --border-tone-56:#ffedd5;
  --border-tone-57:#fff;
  --border-tone-58:#ffffff;
}

html[data-theme='dark']{
  --text-tone-1:#e6e6e6;
  --text-tone-2:#e6e6e6;
  --text-tone-3:#c8dbef;
  --text-tone-4:#c8dbef;
  --text-tone-5:#b0e2e8;
  --text-tone-6:#c8efd8;
  --text-tone-7:#c8e0ef;
  --text-tone-8:#c8e2ef;
  --text-tone-9:#b0d4e8;
  --text-tone-10:#c8e1ef;
  --text-tone-11:#d7f4ec;
  --text-tone-12:#c8efe3;
  --text-tone-13:#d7f4ec;
  --text-tone-14:#d7f4ec;
  --text-tone-15:#d7e9f4;
  --text-tone-16:#c8d7ef;
  --text-tone-17:#c8efeb;
  --text-tone-18:#b0d7e8;
  --text-tone-19:#d9e1f2;
  --text-tone-20:#b0c7e8;
  --text-tone-21:#c8efec;
  --text-tone-22:#d7e0f4;
  --text-tone-23:#c8efe2;
  --text-tone-24:#dbe2f0;
  --text-tone-25:#d8e6f3;
  --text-tone-26:#c8efdd;
  --text-tone-27:#d7f4f2;
  --text-tone-28:#b0c3e8;
  --text-tone-29:#d8e0f3;
  --text-tone-30:#c8d5ef;
  --text-tone-31:#c8d5ef;
  --text-tone-32:#b0cae8;
  --text-tone-33:#c8efd6;
  --text-tone-34:#d7e2f4;
  --text-tone-35:#c8d5ef;
  --text-tone-36:#c8d4ef;
  --text-tone-37:#c8d5ef;
  --text-tone-38:#d7f4e2;
  --text-tone-39:#c8efd6;
  --text-tone-40:#dce2ef;
  --text-tone-41:#dae2f1;
  --text-tone-42:#dae1f1;
  --text-tone-43:#d7e1f4;
  --text-tone-44:#d7e2f4;
  --text-tone-45:#d7e3f4;
  --text-tone-46:#c8d4ef;
  --text-tone-47:#c8d6ef;
  --text-tone-48:#dde4ee;
  --text-tone-49:#d9e3f2;
  --text-tone-50:#d7e2f4;
  --text-tone-51:#d7e3f4;
  --text-tone-52:#c8d6ef;
  --text-tone-53:#c8d5ef;
  --text-tone-54:#c8d5ef;
  --text-tone-55:#c8d4ef;
  --text-tone-56:#b0cce8;
  --text-tone-57:#dee6ed;
  --text-tone-58:#d7def4;
  --text-tone-59:#d7e3f4;
  --text-tone-60:#b0c0e8;
  --text-tone-61:#d7f4da;
  --text-tone-62:#c8efdd;
  --text-tone-63:#c8d5ef;
  --text-tone-64:#b0bfe8;
  --text-tone-65:#dde3ee;
  --text-tone-66:#d8e4f3;
  --text-tone-67:#c8d2ef;
  --text-tone-68:#b0bde8;
  --text-tone-69:#b0cee8;
  --text-tone-70:#dee4ed;
  --text-tone-71:#dce2ef;
  --text-tone-72:#dbe1f0;
  --text-tone-73:#d9e1f2;
  --text-tone-74:#d9e1f2;
  --text-tone-75:#dae4f1;
  --text-tone-76:#c8efde;
  --text-tone-77:#dde3ee;
  --text-tone-78:#dce3ef;
  --text-tone-79:#d9e2f2;
  --text-tone-80:#c9d7ed;
  --text-tone-81:#c8d8ef;
  --text-tone-82:#c8d5ef;
  --text-tone-83:#c8d5ef;
  --text-tone-84:#dce2ef;
  --text-tone-85:#c8d4ef;
  --text-tone-86:#b0c1e8;
  --text-tone-87:#b0e8c5;
  --text-tone-88:#dbe3f0;
  --text-tone-89:#dde3ee;
  --text-tone-90:#dce3ef;
  --text-tone-91:#cad6ec;
  --text-tone-92:#c8d2ef;
  --text-tone-93:#c8d3ef;
  --text-tone-94:#dcefe3;
  --text-tone-95:#b0c2e8;
  --text-tone-96:#b0c1e8;
  --text-tone-97:#ccebd5;
  --text-tone-98:#dde3ee;
  --text-tone-99:#dce3ef;
  --text-tone-100:#ddeee3;
  --text-tone-101:#b0c3e8;
  --text-tone-102:#dddfee;
  --text-tone-103:#dce3ef;
  --text-tone-104:#dbe3f0;
  --text-tone-105:#dbe4f0;
  --text-tone-106:#cdd8ea;
  --text-tone-107:#ccd7eb;
  --text-tone-108:#dee3ed;
  --text-tone-109:#dde3ee;
  --text-tone-110:#c8d3ef;
  --text-tone-111:#c9daed;
  --text-tone-112:#dee2ed;
  --text-tone-113:#cbd8eb;
  --text-tone-114:#c8d8ef;
  --text-tone-115:#cdead7;
  --text-tone-116:#cbecd4;
  --text-tone-117:#caecd4;
  --text-tone-118:#caecd5;
  --text-tone-119:#caedd2;
  --text-tone-120:#dde0ee;
  --text-tone-121:#ced8e8;
  --text-tone-122:#cbd8ec;
  --text-tone-123:#dde3ee;
  --text-tone-124:#ccd7eb;
  --text-tone-125:#cfe7d7;
  --text-tone-126:#dee6ed;
  --text-tone-127:#c8cfef;
  --text-tone-128:#d0d2e7;
  --text-tone-129:#cfd8e7;
  --text-tone-130:#ccebd5;
  --text-tone-131:#ccebd4;
  --text-tone-132:#cbeccc;
  --text-tone-133:#d0d9e6;
  --text-tone-134:#cfe8d7;
  --text-tone-135:#ccc8ef;
  --text-tone-136:#ccc8ef;
  --text-tone-137:#cdcaed;
  --text-tone-138:#cdc9ed;
  --text-tone-139:#e0dfec;
  --text-tone-140:#d1d4e6;
  --text-tone-141:#d0d5e6;
  --text-tone-142:#d2d7e4;
  --text-tone-143:#cfd9e8;
  --text-tone-144:#cdd7e9;
  --text-tone-145:#cccaec;
  --text-tone-146:#d1d8e6;
  --text-tone-147:#d0d8e7;
  --text-tone-148:#cfd9e8;
  --text-tone-149:#b0c1e8;
  --text-tone-150:#b0bee8;
  --text-tone-151:#cad9ed;
  --text-tone-152:#b0c5e8;
  --text-tone-153:#b0c1e8;
  --text-tone-154:#b0c1e8;
  --text-tone-155:#ccc8ef;
  --text-tone-156:#d0cdea;
  --text-tone-157:#e6e6e6;
  --text-tone-158:#e6e6e6;
  --text-tone-159:#d2dae4;
  --text-tone-160:#d1d9e6;
  --text-tone-161:#d4d3e3;
  --text-tone-162:#d2d9e5;
  --text-tone-163:#d1d9e6;
  --text-tone-164:#e1eae4;
  --text-tone-165:#b1c2e7;
  --text-tone-166:#b1c4e7;
  --text-tone-167:#b0c2e8;
  --text-tone-168:#cee9db;
  --text-tone-169:#d1d7e5;
  --text-tone-170:#d2d8e5;
  --text-tone-171:#b0c4e8;
  --text-tone-172:#b0c4e8;
  --text-tone-173:#cdd9e9;
  --text-tone-174:#cfe8d7;
  --text-tone-175:#b4b0e8;
  --text-tone-176:#d4dae2;
  --text-tone-177:#b0c3e8;
  --text-tone-178:#b0c3e8;
  --text-tone-179:#d2d7e4;
  --text-tone-180:#d3d7e4;
  --text-tone-181:#d0e7d7;
  --text-tone-182:#cfe7d7;
  --text-tone-183:#d3d8e4;
  --text-tone-184:#cfcbeb;
  --text-tone-185:#d3d7e3;
  --text-tone-186:#d3d8e4;
  --text-tone-187:#d2d9e5;
  --text-tone-188:#d2d9e5;
  --text-tone-189:#b8c7e0;
  --text-tone-190:#d2d9e4;
  --text-tone-191:#d2d9e5;
  --text-tone-192:#d1d8e6;
  --text-tone-193:#d2d8e5;
  --text-tone-194:#d3dbe3;
  --text-tone-195:#b7c9e1;
  --text-tone-196:#b4b0e8;
  --text-tone-197:#d1d9e5;
  --text-tone-198:#dbdbdb;
  --text-tone-199:#d3d9e4;
  --text-tone-200:#d4e2db;
  --text-tone-201:#d4d9e3;
  --text-tone-202:#d2dae4;
  --text-tone-203:#bac8de;
  --text-tone-204:#d3d9e4;
  --text-tone-205:#d7d5e1;
  --text-tone-206:#d4dae2;
  --text-tone-207:#b3c4e5;
  --text-tone-208:#b8b1e7;
  --text-tone-209:#bbb6e2;
  --text-tone-210:#b9c5df;
  --text-tone-211:#bbc9dd;
  --text-tone-212:#d3d2e4;
  --text-tone-213:#d5dae1;
  --text-tone-214:#b8c6e0;
  --text-tone-215:#d6dae0;
  --text-tone-216:#bdc7db;
  --text-tone-217:#bcc8dc;
  --text-tone-218:#d7c8ef;
  --text-tone-219:#bab6e2;
  --text-tone-220:#d4d9e3;
  --text-tone-221:#d3d9e4;
  --text-tone-222:#bdc8db;
  --text-tone-223:#b8e0ba;
  --text-tone-224:#bbb6e2;
  --text-tone-225:#d8d6e0;
  --text-tone-226:#d3d9e3;
  --text-tone-227:#bab5e3;
  --text-tone-228:#ece8df;
  --text-tone-229:#d3d2e5;
  --text-tone-230:#bfb8e0;
  --text-tone-231:#d4dae3;
  --text-tone-232:#d4dae3;
  --text-tone-233:#d4dae3;
  --text-tone-234:#bcc8dc;
  --text-tone-235:#d6e1d9;
  --text-tone-236:#bbb6e2;
  --text-tone-237:#bbb6e2;
  --text-tone-238:#d5dae1;
  --text-tone-239:#d4d9e2;
  --text-tone-240:#d4dae2;
  --text-tone-241:#c0cad8;
  --text-tone-242:#c0cbd8;
  --text-tone-243:#c2c9d6;
  --text-tone-244:#c2cad6;
  --text-tone-245:#c2cad6;
  --text-tone-246:#c1cad7;
  --text-tone-247:#bcc9dc;
  --text-tone-248:#eee9dd;
  --text-tone-249:#bdc9db;
  --text-tone-250:#c0bcdc;
  --text-tone-251:#dbdbdb;
  --text-tone-252:#c2cad6;
  --text-tone-253:#d6e0da;
  --text-tone-254:#c3cad5;
  --text-tone-255:#c3cad5;
  --text-tone-256:#bcc6dc;
  --text-tone-257:#dec8ef;
  --text-tone-258:#bab3e5;
  --text-tone-259:#c1cad7;
  --text-tone-260:#bec8da;
  --text-tone-261:#d7dfdb;
  --text-tone-262:#c3c7d5;
  --text-tone-263:#c3c9d5;
  --text-tone-264:#c4ccd4;
  --text-tone-265:#c6b0e8;
  --text-tone-266:#c6c4d4;
  --text-tone-267:#c3cad5;
  --text-tone-268:#c4c9d4;
  --text-tone-269:#bfbbdd;
  --text-tone-270:#c7c5d3;
  --text-tone-271:#c4c3d5;
  --text-tone-272:#c4cad4;
  --text-tone-273:#c3cad5;
  --text-tone-274:#c3cad5;
  --text-tone-275:#c3cad5;
  --text-tone-276:#bec6da;
  --text-tone-277:#e4dfd2;
  --text-tone-278:#c3bfd9;
  --text-tone-279:#c4c9d4;
  --text-tone-280:#c2cad6;
  --text-tone-281:#c4c7d4;
  --text-tone-282:#c4cad4;
  --text-tone-283:#c3cad5;
  --text-tone-284:#c3cad5;
  --text-tone-285:#c3cad5;
  --text-tone-286:#c2c9d6;
  --text-tone-287:#c6d2ca;
  --text-tone-288:#c3cad5;
  --text-tone-289:#c3cad5;
  --text-tone-290:#c2c9d6;
  --text-tone-291:#c0c8d8;
  --text-tone-292:#c3cfd5;
  --text-tone-293:#c3cad5;
  --text-tone-294:#c3cad5;
  --text-tone-295:#beb7e1;
  --text-tone-296:#c3c0d8;
  --text-tone-297:#c4c8d4;
  --text-tone-298:#c4c8d4;
  --text-tone-299:#c1c8d7;
  --text-tone-300:#c3cad5;
  --text-tone-301:#c8d0cb;
  --text-tone-302:#c3cbd5;
  --text-tone-303:#c5cad3;
  --text-tone-304:#c4c9d4;
  --text-tone-305:#c4cad5;
  --text-tone-306:#c4cbd4;
  --text-tone-307:#c7d1ca;
  --text-tone-308:#c7c5d3;
  --text-tone-309:#c4c9d4;
  --text-tone-310:#c4cad4;
  --text-tone-311:#c9cfca;
  --text-tone-312:#c4cad4;
  --text-tone-313:#c8d0cb;
  --text-tone-314:#c3cad5;
  --text-tone-315:#dbdbdb;
  --text-tone-316:#c5cad3;
  --text-tone-317:#c4cad4;
  --text-tone-318:#c4cad4;
  --text-tone-319:#c5c9d3;
  --text-tone-320:#c5cad3;
  --text-tone-321:#c8d0ca;
  --text-tone-322:#c9c5d3;
  --text-tone-323:#c5cad3;
  --text-tone-324:#c5cad3;
  --text-tone-325:#c4cad4;
  --text-tone-326:#ddc8ef;
  --text-tone-327:#c6c2d6;
  --text-tone-328:#c7c5d3;
  --text-tone-329:#cccccc;
  --text-tone-330:#c7cad1;
  --text-tone-331:#c6cad2;
  --text-tone-332:#c5cad3;
  --text-tone-333:#c4cad4;
  --text-tone-334:#c3c9d5;
  --text-tone-335:#c4cbd4;
  --text-tone-336:#c6b0e8;
  --text-tone-337:#ceb6e2;
  --text-tone-338:#eacccf;
  --text-tone-339:#c5c8d3;
  --text-tone-340:#e8ced1;
  --text-tone-341:#c6c4d4;
  --text-tone-342:#c9c8d0;
  --text-tone-343:#c4cad4;
  --text-tone-344:#c6c9d2;
  --text-tone-345:#c5cad3;
  --text-tone-346:#c9c7d1;
  --text-tone-347:#e4d7d2;
  --text-tone-348:#eec8ca;
  --text-tone-349:#efd2c8;
  --text-tone-350:#ceb0e8;
  --text-tone-351:#efc8c8;
  --text-tone-352:#efe2c8;
  --text-tone-353:#efe5c8;
  --text-tone-354:#dad2be;
  --text-tone-355:#efdcc8;
  --text-tone-356:#efdfc8;
  --text-tone-357:#d5cfc3;
  --text-tone-358:#eccacc;
  --text-tone-359:#eacdcd;
  --text-tone-360:#efdec8;
  --text-tone-361:#efd7c8;
  --text-tone-362:#efc8c8;
  --text-tone-363:#efd1c8;
  --text-tone-364:#efdbc8;
  --text-tone-365:#efddc8;
  --text-tone-366:#d9d1bf;
  --text-tone-367:#efdac8;
  --text-tone-368:#e4b4b7;
  --text-tone-369:#e4b4b4;
  --text-tone-370:#efdbc8;
  --text-tone-371:#e3b5bf;
  --text-tone-372:#e7b1b6;
  --text-tone-373:#e8b0b3;
  --text-tone-374:#efcac8;
  --text-tone-375:#efd9c8;
  --text-tone-376:#e8b0b0;
  --text-tone-377:#e8b0c7;
  --text-tone-378:#e8c0b0;
  --text-tone-379:#e8c6b0;
  --text-tone-380:#e8b0b0;
  --text-tone-381:#e8ceb0;
  --text-tone-382:#e8b0c3;
  --text-tone-383:#e8c3b0;
  --text-tone-384:#e8d3b0;
  --text-tone-385:#e8d1b0;
  --text-tone-386:#e8dab0;
  --text-tone-387:#e8dcb0;
  --text-tone-388:#e8dfb0;
  --border-tone-1:#364563;
  --border-tone-2:#364f63;
  --border-tone-3:#364b63;
  --border-tone-4:#364663;
  --border-tone-5:#36634e;
  --border-tone-6:#3d3663;
  --border-tone-7:#364663;
  --border-tone-8:#364a63;
  --border-tone-9:#384961;
  --border-tone-10:#364763;
  --border-tone-11:#366341;
  --border-tone-12:#366346;
  --border-tone-13:#3c3663;
  --border-tone-14:#364a63;
  --border-tone-15:#363f63;
  --border-tone-16:#364a63;
  --border-tone-17:#364963;
  --border-tone-18:#364663;
  --border-tone-19:#384b61;
  --border-tone-20:#364663;
  --border-tone-21:#364763;
  --border-tone-22:#364763;
  --border-tone-23:#37624b;
  --border-tone-24:#3d3663;
  --border-tone-25:#3c3663;
  --border-tone-26:#364863;
  --border-tone-27:#364563;
  --border-tone-28:#364863;
  --border-tone-29:#364c63;
  --border-tone-30:#434b56;
  --border-tone-31:#36634c;
  --border-tone-32:#376245;
  --border-tone-33:#364a63;
  --border-tone-34:#366341;
  --border-tone-35:#423663;
  --border-tone-36:#3c3663;
  --border-tone-37:#364a63;
  --border-tone-38:#3a465f;
  --border-tone-39:#364863;
  --border-tone-40:#364a63;
  --border-tone-41:#364b63;
  --border-tone-42:#2b3b50;
  --border-tone-43:#2b3350;
  --border-tone-44:#2b4150;
  --border-tone-45:#364963;
  --border-tone-46:#635136;
  --border-tone-47:#434956;
  --border-tone-48:#4b3663;
  --border-tone-49:#633639;
  --border-tone-50:#633c36;
  --border-tone-51:#3c2b50;
  --border-tone-52:#2b3b50;
  --border-tone-53:#633636;
  --border-tone-54:#635a36;
  --border-tone-55:#633636;
  --border-tone-56:#635036;
  --border-tone-57:#3d3d3d;
  --border-tone-58:#3d3d3d;
}
:root{
  --gradient-tone-1:linear-gradient(#ffffff);
  --gradient-tone-2:linear-gradient(135deg, #CFFAFE 0%, #E0F2FE 50%, #eff6ff 100%);
  --gradient-tone-3:linear-gradient(135deg, #dbeafe 0%, #e9e7ff 100%);
  --gradient-tone-4:linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%);
  --gradient-tone-5:linear-gradient(135deg, #E0E7FF 0%, #DBEAFE 50%, #EFF6FF 100%);
  --gradient-tone-6:linear-gradient(135deg, #E0E7FF 0%, #EFF6FF 100%);
  --gradient-tone-7:linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
  --gradient-tone-8:linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);
  --gradient-tone-9:linear-gradient(135deg, #eef2ff 0%, #ffffff 68%, #f0fdfa 100%);
  --gradient-tone-10:linear-gradient(135deg, #eef4ff 0%, #f3efff 100%);
  --gradient-tone-11:linear-gradient(135deg, #eef5ff 0%, #ffffff 62%, #f5f3ff 100%);
  --gradient-tone-12:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  --gradient-tone-13:linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
  --gradient-tone-14:linear-gradient(135deg, #EFF6FF, #EEF2FF);
  --gradient-tone-15:linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 50%, #dbeafe 100%);
  --gradient-tone-16:linear-gradient(135deg, #f0f9ff, #e0f2fe);
  --gradient-tone-17:linear-gradient(135deg, #F5F3FF 0%, #EDE9FE 50%, #FAE8FF 100%);
  --gradient-tone-18:linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  --gradient-tone-19:linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
  --gradient-tone-20:linear-gradient(135deg, #f6f7ff 0%, #eef4ff 100%);
  --gradient-tone-21:linear-gradient(135deg, #f7f5ff 0%, #f1efff 100%);
  --gradient-tone-22:linear-gradient(135deg, #f7fbff 0%, #eef6ff 100%);
  --gradient-tone-23:linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);
  --gradient-tone-24:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  --gradient-tone-25:linear-gradient(135deg, #f8fbff 0%, #f2f6fb 100%);
  --gradient-tone-26:linear-gradient(135deg, #FFF9ED 0%, #FFF4D6 100%);
  --gradient-tone-27:linear-gradient(135deg, #fffbeb, #fef3c7);
  --gradient-tone-28:linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
  --gradient-tone-29:linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%);
  --gradient-tone-30:linear-gradient(135deg, #ffffff 0%, #f6f8fc 100%);
  --gradient-tone-31:linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
  --gradient-tone-32:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  --gradient-tone-33:linear-gradient(135deg, rgba(219, 234, 254, 0.55) 0%, rgba(239, 244, 252, 0.9) 100%);
  --gradient-tone-34:linear-gradient(135deg, rgba(219, 234, 254, 0.65) 0%, rgba(236, 253, 245, 0.75) 100%);
  --gradient-tone-35:linear-gradient(135deg, rgba(219, 234, 254, 0.7) 0%, rgba(236, 253, 245, 0.8) 100%);
  --gradient-tone-36:linear-gradient(135deg, rgba(219, 234, 254, 0.92) 0%, rgba(239, 246, 255, 0.94) 100%);
  --gradient-tone-37:linear-gradient(135deg, rgba(219, 234, 254, 0.98) 0%, rgba(239, 246, 255, 0.98) 100%);
  --gradient-tone-38:linear-gradient(135deg, rgba(224, 231, 255, 0.96) 0%, rgba(237, 233, 254, 0.94) 100%);
  --gradient-tone-39:linear-gradient(135deg, rgba(224, 231, 255, 0.98) 0%, rgba(237, 233, 254, 0.96) 100%);
  --gradient-tone-40:linear-gradient(135deg, rgba(237, 244, 255, 0.98), rgba(247, 244, 255, 0.98));
  --gradient-tone-41:linear-gradient(135deg, rgba(238, 242, 255, 0.92) 0%, rgba(245, 243, 255, 0.88) 100%);
  --gradient-tone-42:linear-gradient(135deg, rgba(238, 242, 255, 0.98) 0%, rgba(245, 243, 255, 0.98) 100%);
  --gradient-tone-43:linear-gradient(135deg, rgba(243, 232, 255, 0.86) 0%, rgba(250, 245, 255, 0.94) 100%);
  --gradient-tone-44:linear-gradient(135deg, rgba(245,243,255,0.96) 0%, rgba(239,246,255,0.92) 100%);
  --gradient-tone-45:linear-gradient(135deg, rgba(248, 250, 252, 0.92), rgba(245, 243, 255, 0.72));
  --gradient-tone-46:linear-gradient(135deg, rgba(248,250,252,0.98), rgba(239,246,255,0.92));
  --gradient-tone-47:linear-gradient(135deg, rgba(255, 251, 235, 0.98) 0%, rgba(255, 237, 213, 0.98) 100%);
  --gradient-tone-48:linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(240, 247, 255, 0.92) 100%);
  --gradient-tone-49:linear-gradient(135deg, rgba(255,255,255,0.96) 0%, rgba(248,250,252,0.96) 100%);
  --gradient-tone-50:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(238,242,255,0.92) 100%);
  --gradient-tone-51:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);
  --gradient-tone-52:linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 100%);
  --gradient-tone-53:linear-gradient(135deg,#F8FAFC,#EEF2FF);
  --gradient-tone-54:linear-gradient(145deg, #dbeafe, #bfdbfe);
  --gradient-tone-55:linear-gradient(145deg, #ffffff 0%, #edf4ff 100%);
  --gradient-tone-56:linear-gradient(145deg, #ffffff, #fdfdff);
  --gradient-tone-57:linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(226, 232, 240, 0.20) 100%);
  --gradient-tone-58:linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
  --gradient-tone-59:linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
  --gradient-tone-60:linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,247,255,0.98));
  --gradient-tone-61:linear-gradient(150deg, #f7faff 0%, #edf4ff 100%);
  --gradient-tone-62:linear-gradient(150deg, rgba(238, 245, 255, 0.95), rgba(255, 255, 255, 0.96));
  --gradient-tone-63:linear-gradient(160deg, rgba(255, 255, 255, 0.95) 0%, rgba(239, 246, 255, 0.95) 100%);
  --gradient-tone-64:linear-gradient(165deg, #f7fafc 0%, #ffffff 55%);
  --gradient-tone-65:linear-gradient(180deg, #dfe9fb 0%, #edf5ff 100%);
  --gradient-tone-66:linear-gradient(180deg, #F2F8FF 0%, #E6F0FF 100%);
  --gradient-tone-67:linear-gradient(180deg, #f5f9ff 0%, #eef4ff 100%);
  --gradient-tone-68:linear-gradient(180deg, #f6f9fe 0%, #eff4fb 100%);
  --gradient-tone-69:linear-gradient(180deg, #F8FBFF 0%, #EEF5FF 100%);
  --gradient-tone-70:linear-gradient(180deg, #F8FBFF 0%, #EEF6FF 100%);
  --gradient-tone-71:linear-gradient(180deg, #f8fbff 0%, #f2f6ff 42%, #edf4fb 100%);
  --gradient-tone-72:linear-gradient(180deg, #fbfcff 0%, #f5f6fb 100%);
  --gradient-tone-73:linear-gradient(180deg, #fbfcff 0%, #f7f8fc 100%);
  --gradient-tone-74:linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%);
  --gradient-tone-75:linear-gradient(180deg, #fcfdff 0%, #f6f9ff 100%);
  --gradient-tone-76:linear-gradient(180deg, #fffdf7 0%, #fff 42%, #f7f9fc 100%);
  --gradient-tone-77:linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%);
  --gradient-tone-78:linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
  --gradient-tone-79:linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  --gradient-tone-80:linear-gradient(180deg, #FFFFFF 0%, #F7FAFF 100%);
  --gradient-tone-81:linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);
  --gradient-tone-82:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --gradient-tone-83:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --gradient-tone-84:linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
  --gradient-tone-85:linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
  --gradient-tone-86:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  --gradient-tone-87:linear-gradient(180deg, #ffffff 0%, var(--brand-50, #eff4fc) 140%);
  --gradient-tone-88:linear-gradient(180deg, #ffffff, #f8fbff);
  --gradient-tone-89:linear-gradient(180deg, rgba(240,249,255,0.72) 0%, rgba(255,255,255,0.96) 100%);
  --gradient-tone-90:linear-gradient(180deg, rgba(248,250,252,0.96) 0%, rgba(255,255,255,0.96) 100%);
  --gradient-tone-91:linear-gradient(180deg, rgba(248,250,252,0.96) 0%, rgba(255,255,255,0.98) 100%);
  --gradient-tone-92:linear-gradient(180deg, rgba(248,251,255,0.2) 0%, #f8fbff 100%);
  --gradient-tone-93:linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.92));
  --gradient-tone-94:linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(245, 250, 255, 0.98) 100%);
  --gradient-tone-95:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(238, 242, 255, 0.98) 100%);
  --gradient-tone-96:linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(245, 249, 255, 0.98) 100%);
  --gradient-tone-97:linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 247, 255, 0.96) 100%);
  --gradient-tone-98:linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.96) 100%);
  --gradient-tone-99:linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);
  --gradient-tone-100:linear-gradient(180deg, rgba(255,255,255,0.84), rgba(245,249,255,0.9));
  --gradient-tone-101:linear-gradient(180deg, rgba(255,255,255,0.84), rgba(246,249,255,0.76));
  --gradient-tone-102:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
  --gradient-tone-103:linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(219,234,254,0.98) 100%);
  --gradient-tone-104:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,250,252,0.98) 100%);
  --gradient-tone-105:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(240,247,255,0.96) 100%);
  --gradient-tone-106:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);
  --gradient-tone-107:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,245,255,0.96));
  --gradient-tone-108:linear-gradient(180deg, rgba(255,255,255,0.99), rgba(243,247,255,0.95));
  --gradient-tone-109:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
  --gradient-tone-110:linear-gradient(180deg, var(--air-100), #fff 60%);
  --gradient-tone-111:linear-gradient(180deg, var(--bg), #fff 60%);
  --gradient-tone-112:linear-gradient(180deg, var(--earth-100), #fff 60%);
  --gradient-tone-113:linear-gradient(180deg, var(--fire-100), #fff 60%);
  --gradient-tone-114:linear-gradient(180deg, var(--water-100), #fff 60%);
  --gradient-tone-115:linear-gradient(180deg,#fafafa,#ffffff);
  --gradient-tone-116:linear-gradient(180deg,#ffffff 0%, #fafbff 100%);
  --gradient-tone-117:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  --gradient-tone-118:linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100%);
  --gradient-tone-119:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  --gradient-tone-120:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.64), transparent);
  --gradient-tone-121:linear-gradient(90deg,transparent,rgba(255,255,255,.9));
  --gradient-tone-122:linear-gradient(to bottom right, #ffffff, #f1f5f9);
  --gradient-tone-123:linear-gradient(to bottom, #bfe3f5 0%, #ffe6ef 40%, #ffdcc4 60%, #f6d7cf 72%);
  --gradient-tone-124:linear-gradient(to bottom, #fdfbf7 80%, transparent);
  --gradient-tone-125:linear-gradient(to bottom, rgba(255,250,225,0.4), transparent 70%);
  --gradient-tone-126:linear-gradient(to bottom, white, #f8f8f8);
  --gradient-tone-127:linear-gradient(to right, #f6f7f8 4%, #edeef1 25%, #f6f7f8 36%);
  --gradient-tone-128:linear-gradient(to right, transparent, rgba(255,246,216,0.7) 38%, rgba(255,255,255,0.9) 72%, transparent);
  --gradient-tone-129:linear-gradient(to top, rgba(255,255,255,0.85), rgba(214,238,247,0.3) 52%, transparent);
  --gradient-tone-130:linear-gradient(to top, white 80%, transparent);
  --gradient-tone-131:linear-gradient(transparent, white);
  --gradient-tone-132:radial-gradient(120% 120% at 50% 0%, #ffffff 0%, #f4f7fd 46%, #eef3fb 100%);
  --gradient-tone-133:radial-gradient(circle at 38% 38%, #ffffff, #d7dcf0 58%, #aeb6dc 100%);
  --gradient-tone-134:radial-gradient(circle at 50% 20%, rgba(191,219,254,0.7), rgba(255,255,255,1));
  --gradient-tone-135:radial-gradient(circle at 50% 45%, #fffdf5 0%, #ffe9b0 58%, rgba(255,221,150,0) 80%);
  --gradient-tone-136:radial-gradient(circle at top right, rgba(255,255,255,0.2), transparent 50%);
  --gradient-tone-137:radial-gradient(circle at top, rgba(255,255,255,0.22), transparent 42%);
  --gradient-tone-138:radial-gradient(circle, #fff 10%, transparent 10.01%);
  --gradient-tone-139:radial-gradient(circle, #fffdf3 0%, #ffe9b8 55%, rgba(255,224,150,0) 78%);
  --gradient-tone-140:radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 65%);
  --gradient-tone-141:radial-gradient(circle, rgba(255, 255, 255, 0.92) 0 31%, rgba(229, 239, 255, 0.75) 32% 44%, transparent 45%);
  --gradient-tone-142:radial-gradient(circle, rgba(255,255,255,0.16) 0%, transparent 70%);
  --gradient-tone-143:radial-gradient(circle, rgba(255,255,255,0.16), rgba(255,255,255,0.04) 58%, transparent 72%);
}

html[data-theme='dark']{
  --gradient-tone-1:linear-gradient(#182235);
  --gradient-tone-2:linear-gradient(135deg, #1c383b 0%, #1c2e3b 50%, #16202d 100%);
  --gradient-tone-3:linear-gradient(135deg, #1c293b 0%, #17162d 100%);
  --gradient-tone-4:linear-gradient(135deg, #1c3b27 0%, #162d1d 100%);
  --gradient-tone-5:linear-gradient(135deg, #1c233b 0%, #1c293b 50%, #16202d 100%);
  --gradient-tone-6:linear-gradient(135deg, #1c233b 0%, #16202d 100%);
  --gradient-tone-7:linear-gradient(135deg, #162d22 0%, #182235 100%);
  --gradient-tone-8:linear-gradient(135deg, #161b2d 0%, #19162d 100%);
  --gradient-tone-9:linear-gradient(135deg, #161b2d 0%, #182235 68%, #162d27 100%);
  --gradient-tone-10:linear-gradient(135deg, #161e2d 0%, #1b162d 100%);
  --gradient-tone-11:linear-gradient(135deg, #161f2d 0%, #182235 62%, #19162d 100%);
  --gradient-tone-12:linear-gradient(135deg, #16202d 0%, #1c293b 100%);
  --gradient-tone-13:linear-gradient(135deg, #16202d 0%, #182235 100%);
  --gradient-tone-14:linear-gradient(135deg, #16202d, #161b2d);
  --gradient-tone-15:linear-gradient(135deg, #16232d 0%, #1c2e3b 50%, #1c293b 100%);
  --gradient-tone-16:linear-gradient(135deg, #16232d, #1c2e3b);
  --gradient-tone-17:linear-gradient(135deg, #19162d 0%, #1a162d 50%, #28162d 100%);
  --gradient-tone-18:linear-gradient(135deg, #212121 0%, #2b2b2b 100%);
  --gradient-tone-19:linear-gradient(135deg, #161f2c 0%, #252c32 100%);
  --gradient-tone-20:linear-gradient(135deg, #16182d 0%, #161e2d 100%);
  --gradient-tone-21:linear-gradient(135deg, #1a162d 0%, #18162d 100%);
  --gradient-tone-22:linear-gradient(135deg, #16212d 0%, #16202d 100%);
  --gradient-tone-23:linear-gradient(135deg, #16192d 0%, #16202d 100%);
  --gradient-tone-24:linear-gradient(135deg, #16212d 0%, #16212d 100%);
  --gradient-tone-25:linear-gradient(135deg, #161f2d 0%, #16202d 100%);
  --gradient-tone-26:linear-gradient(135deg, #2d2516 0%, #3b321c 100%);
  --gradient-tone-27:linear-gradient(135deg, #2d2816, #3b341c);
  --gradient-tone-28:linear-gradient(135deg, #182235 0%, #16202d 100%);
  --gradient-tone-29:linear-gradient(135deg, #182235 0%, #161d2d 100%);
  --gradient-tone-30:linear-gradient(135deg, #182235 0%, #161d2d 100%);
  --gradient-tone-31:linear-gradient(135deg, #182235 0%, #16212d 100%);
  --gradient-tone-32:linear-gradient(135deg, #182235 0%, #1c2127 100%);
  --gradient-tone-33:linear-gradient(135deg, rgba(24, 34, 53, 0.55) 0%, rgba(24, 34, 53, 0.9) 100%);
  --gradient-tone-34:linear-gradient(135deg, rgba(24, 34, 53, 0.65) 0%, rgba(24, 34, 53, 0.75) 100%);
  --gradient-tone-35:linear-gradient(135deg, rgba(24, 34, 53, 0.7) 0%, rgba(24, 34, 53, 0.8) 100%);
  --gradient-tone-36:linear-gradient(135deg, rgba(24, 34, 53, 0.92) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-37:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-38:linear-gradient(135deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-39:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-40:linear-gradient(135deg, rgba(24, 34, 53, 0.98), rgba(24, 34, 53, 0.98));
  --gradient-tone-41:linear-gradient(135deg, rgba(24, 34, 53, 0.92) 0%, rgba(24, 34, 53, 0.88) 100%);
  --gradient-tone-42:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-43:linear-gradient(135deg, rgba(24, 34, 53, 0.86) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-44:linear-gradient(135deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.92) 100%);
  --gradient-tone-45:linear-gradient(135deg, rgba(24, 34, 53, 0.92), rgba(24, 34, 53, 0.72));
  --gradient-tone-46:linear-gradient(135deg, rgba(24, 34, 53, 0.98), rgba(24, 34, 53, 0.92));
  --gradient-tone-47:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-48:linear-gradient(135deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.92) 100%);
  --gradient-tone-49:linear-gradient(135deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-50:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.92) 100%);
  --gradient-tone-51:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-52:linear-gradient(135deg, rgba(24, 34, 53, 1) 0%, rgba(24, 34, 53, 1) 100%);
  --gradient-tone-53:linear-gradient(135deg,#16212d,#161b2d);
  --gradient-tone-54:linear-gradient(145deg, #1c293b, #24364c);
  --gradient-tone-55:linear-gradient(145deg, #182235 0%, #161f2d 100%);
  --gradient-tone-56:linear-gradient(145deg, #182235, #16162d);
  --gradient-tone-57:linear-gradient(145deg, rgba(24, 34, 53, 0.18) 0%, rgba(24, 34, 53, 0.20) 100%);
  --gradient-tone-58:linear-gradient(145deg, rgba(24, 34, 53, 0.8), rgba(24, 34, 53, 0.4));
  --gradient-tone-59:linear-gradient(145deg, rgba(24, 34, 53, 0.9), rgba(24, 34, 53, 0.6));
  --gradient-tone-60:linear-gradient(145deg, rgba(24, 34, 53, 0.98), rgba(24, 34, 53, 0.98));
  --gradient-tone-61:linear-gradient(150deg, #161e2d 0%, #161f2d 100%);
  --gradient-tone-62:linear-gradient(150deg, rgba(24, 34, 53, 0.95), rgba(24, 34, 53, 0.96));
  --gradient-tone-63:linear-gradient(160deg, rgba(24, 34, 53, 0.95) 0%, rgba(24, 34, 53, 0.95) 100%);
  --gradient-tone-64:linear-gradient(165deg, #16232d 0%, #182235 55%);
  --gradient-tone-65:linear-gradient(180deg, #1c273b 0%, #16202d 100%);
  --gradient-tone-66:linear-gradient(180deg, #16202d 0%, #161f2d 100%);
  --gradient-tone-67:linear-gradient(180deg, #161f2d 0%, #161e2d 100%);
  --gradient-tone-68:linear-gradient(180deg, #161e2d 0%, #161f2d 100%);
  --gradient-tone-69:linear-gradient(180deg, #161f2d 0%, #161f2d 100%);
  --gradient-tone-70:linear-gradient(180deg, #161f2d 0%, #16202d 100%);
  --gradient-tone-71:linear-gradient(180deg, #161f2d 0%, #161d2d 42%, #16212d 100%);
  --gradient-tone-72:linear-gradient(180deg, #161b2d 0%, #16192d 100%);
  --gradient-tone-73:linear-gradient(180deg, #161b2d 0%, #161a2d 100%);
  --gradient-tone-74:linear-gradient(180deg, #16212d 0%, #161d2d 100%);
  --gradient-tone-75:linear-gradient(180deg, #161d2d 0%, #161d2d 100%);
  --gradient-tone-76:linear-gradient(180deg, #2d2716 0%, #182235 42%, #161f2d 100%);
  --gradient-tone-77:linear-gradient(180deg, #182235 0%, #162d27 100%);
  --gradient-tone-78:linear-gradient(180deg, #182235 0%, #161f2d 100%);
  --gradient-tone-79:linear-gradient(180deg, #182235 0%, #161e2d 100%);
  --gradient-tone-80:linear-gradient(180deg, #182235 0%, #161e2d 100%);
  --gradient-tone-81:linear-gradient(180deg, #182235 0%, #16212d 100%);
  --gradient-tone-82:linear-gradient(180deg, #182235 0%, #16212d 100%);
  --gradient-tone-83:linear-gradient(180deg, #182235 0%, #161f2d 100%);
  --gradient-tone-84:linear-gradient(180deg, #182235 0%, #161f2d 100%);
  --gradient-tone-85:linear-gradient(180deg, #182235 0%, #161a2d 100%);
  --gradient-tone-86:linear-gradient(180deg, #182235 0%, #161b2d 100%);
  --gradient-tone-87:linear-gradient(180deg, #182235 0%, var(--brand-50, #161e2d) 140%);
  --gradient-tone-88:linear-gradient(180deg, #182235, #161f2d);
  --gradient-tone-89:linear-gradient(180deg, rgba(24, 34, 53, 0.72) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-90:linear-gradient(180deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-91:linear-gradient(180deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-92:linear-gradient(180deg, rgba(24, 34, 53, 0.2) 0%, #161f2d 100%);
  --gradient-tone-93:linear-gradient(180deg, rgba(24, 34, 53, 0.88), rgba(24, 34, 53, 0.92));
  --gradient-tone-94:linear-gradient(180deg, rgba(24, 34, 53, 0.92) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-95:linear-gradient(180deg, rgba(24, 34, 53, 0.95) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-96:linear-gradient(180deg, rgba(24, 34, 53, 0.97) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-97:linear-gradient(180deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-98:linear-gradient(180deg, rgba(24, 34, 53, 0.74) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-99:linear-gradient(180deg, rgba(24, 34, 53, 0.8) 0%, rgba(24, 34, 53, 0.5) 80%, rgba(24, 34, 53, 0) 100%);
  --gradient-tone-100:linear-gradient(180deg, rgba(24, 34, 53, 0.84), rgba(24, 34, 53, 0.9));
  --gradient-tone-101:linear-gradient(180deg, rgba(24, 34, 53, 0.84), rgba(24, 34, 53, 0.76));
  --gradient-tone-102:linear-gradient(180deg, rgba(24, 34, 53, 0.85) 0%, rgba(24, 34, 53, 0.4) 80%, rgba(24, 34, 53, 0) 100%);
  --gradient-tone-103:linear-gradient(180deg, rgba(24, 34, 53, 0.94) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-104:linear-gradient(180deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-105:linear-gradient(180deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-106:linear-gradient(180deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-107:linear-gradient(180deg, rgba(24, 34, 53, 0.98), rgba(24, 34, 53, 0.96));
  --gradient-tone-108:linear-gradient(180deg, rgba(24, 34, 53, 0.99), rgba(24, 34, 53, 0.95));
  --gradient-tone-109:linear-gradient(180deg, rgba(24, 34, 53, 0) 0%, rgba(24, 34, 53, 0.8) 100%);
  --gradient-tone-110:linear-gradient(180deg, var(--air-100), #182235 60%);
  --gradient-tone-111:linear-gradient(180deg, var(--bg), #182235 60%);
  --gradient-tone-112:linear-gradient(180deg, var(--earth-100), #182235 60%);
  --gradient-tone-113:linear-gradient(180deg, var(--fire-100), #182235 60%);
  --gradient-tone-114:linear-gradient(180deg, var(--water-100), #182235 60%);
  --gradient-tone-115:linear-gradient(180deg,#212121,#182235);
  --gradient-tone-116:linear-gradient(180deg,#182235 0%, #161a2d 100%);
  --gradient-tone-117:linear-gradient(90deg, #2b2b2b 25%, #383838 50%, #2b2b2b 75%);
  --gradient-tone-118:linear-gradient(90deg, rgba(24, 34, 53, 0.4) 0%, rgba(24, 34, 53, 1) 100%);
  --gradient-tone-119:linear-gradient(90deg, transparent, rgba(24, 34, 53, 0.2), transparent);
  --gradient-tone-120:linear-gradient(90deg, transparent, rgba(24, 34, 53, 0.64), transparent);
  --gradient-tone-121:linear-gradient(90deg,transparent,rgba(24, 34, 53, .9));
  --gradient-tone-122:linear-gradient(to bottom right, #182235, #16212d);
  --gradient-tone-123:linear-gradient(to bottom, #243f4c 0%, #2d161e 40%, #3b291c 60%, #3b221c 72%);
  --gradient-tone-124:linear-gradient(to bottom, #2d2516 80%, transparent);
  --gradient-tone-125:linear-gradient(to bottom, rgba(24, 34, 53, 0.4), transparent 70%);
  --gradient-tone-126:linear-gradient(to bottom, #182235, #212121);
  --gradient-tone-127:linear-gradient(to right, #1d2125 4%, #262931 25%, #1d2125 36%);
  --gradient-tone-128:linear-gradient(to right, transparent, rgba(24, 34, 53, 0.7) 38%, rgba(24, 34, 53, 0.9) 72%, transparent);
  --gradient-tone-129:linear-gradient(to top, rgba(24, 34, 53, 0.85), rgba(24, 34, 53, 0.3) 52%, transparent);
  --gradient-tone-130:linear-gradient(to top, #182235 80%, transparent);
  --gradient-tone-131:linear-gradient(transparent, #182235);
  --gradient-tone-132:radial-gradient(120% 120% at 50% 0%, #182235 0%, #161d2d 46%, #161e2d 100%);
  --gradient-tone-133:radial-gradient(circle at 38% 38%, #182235, #1c223b 58%, #242b4c 100%);
  --gradient-tone-134:radial-gradient(circle at 50% 20%, rgba(24, 34, 53, 0.7), rgba(24, 34, 53, 1));
  --gradient-tone-135:radial-gradient(circle at 50% 45%, #2d2816 0%, #4c4124 58%, rgba(24, 34, 53, 0) 80%);
  --gradient-tone-136:radial-gradient(circle at top right, rgba(24, 34, 53, 0.2), transparent 50%);
  --gradient-tone-137:radial-gradient(circle at top, rgba(24, 34, 53, 0.22), transparent 42%);
  --gradient-tone-138:radial-gradient(circle, #182235 10%, transparent 10.01%);
  --gradient-tone-139:radial-gradient(circle, #2d2916 0%, #4c4024 55%, rgba(24, 34, 53, 0) 78%);
  --gradient-tone-140:radial-gradient(circle, rgba(24, 34, 53, 0.25) 0%, transparent 65%);
  --gradient-tone-141:radial-gradient(circle, rgba(24, 34, 53, 0.92) 0 31%, rgba(24, 34, 53, 0.75) 32% 44%, transparent 45%);
  --gradient-tone-142:radial-gradient(circle, rgba(24, 34, 53, 0.16) 0%, transparent 70%);
  --gradient-tone-143:radial-gradient(circle, rgba(24, 34, 53, 0.16), rgba(24, 34, 53, 0.04) 58%, transparent 72%);
}
:root{
  --gradient-tone-144:linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
  --gradient-tone-145:linear-gradient(135deg, #eef2ff 0%, #ffffff 62%, #f0fdfa 100%);
  --gradient-tone-146:linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
  --gradient-tone-147:linear-gradient(135deg, #eff6ff 0%, #ffffff 64%, #f8fafc 100%);
  --gradient-tone-148:linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
  --gradient-tone-149:linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
  --gradient-tone-150:linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
  --gradient-tone-151:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  --gradient-tone-152:linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  --gradient-tone-153:linear-gradient(135deg, rgba(219, 234, 254, 0.92) 0%, rgba(239, 246, 255, 0.94) 100%);
  --gradient-tone-154:linear-gradient(135deg, rgba(224, 231, 255, 0.96) 0%, rgba(237, 233, 254, 0.94) 100%);
  --gradient-tone-155:linear-gradient(135deg, rgba(224, 231, 255, 0.98) 0%, rgba(237, 233, 254, 0.96) 100%);
  --gradient-tone-156:linear-gradient(135deg, rgba(238, 242, 255, 0.92) 0%, rgba(245, 243, 255, 0.88) 100%);
  --gradient-tone-157:linear-gradient(135deg, rgba(239,246,255,0.82) 0%, rgba(255,255,255,0.95) 100%);
  --gradient-tone-158:linear-gradient(135deg, rgba(239,246,255,0.95) 0%, rgba(236,253,245,0.95) 100%);
  --gradient-tone-159:linear-gradient(135deg, rgba(243, 232, 255, 0.86) 0%, rgba(250, 245, 255, 0.94) 100%);
  --gradient-tone-160:linear-gradient(135deg, rgba(246,247,255,0.99) 0%, rgba(238, 244, 255, 0.96) 100%);
  --gradient-tone-161:linear-gradient(135deg, rgba(248, 250, 252, 0.92), rgba(245, 243, 255, 0.72));
  --gradient-tone-162:linear-gradient(135deg, rgba(248,246,255,0.98) 0%, rgba(255,255,255,0.97) 100%);
  --gradient-tone-163:linear-gradient(145deg, #e7ebf0 0%, #eff2f5 100%);
  --gradient-tone-164:linear-gradient(145deg, #f8f5ef 0%, #fcfaf7 100%);
  --gradient-tone-165:linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
  --gradient-tone-166:linear-gradient(145deg, rgba(255,255,255,0.9), rgba(255,255,255,0.6));
  --gradient-tone-167:linear-gradient(180deg, #f7fbff 0%, #eef4ff 55%, #f8f4ff 100%);
  --gradient-tone-168:linear-gradient(180deg, #f8fbff 0%, #eef4ff 52%, #f7f3ff 100%);
  --gradient-tone-169:linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
  --gradient-tone-170:linear-gradient(180deg, #ffffff 0%, var(--brand-50, #eff4fc) 140%);
  --gradient-tone-171:linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);
  --gradient-tone-172:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
  --gradient-tone-173:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,250,255,0.98) 100%);
  --gradient-tone-174:linear-gradient(90deg,transparent,rgba(255,255,255,.9));
  --gradient-tone-175:radial-gradient(120% 120% at 50% 0%, #ffffff 0%, #f4f7fd 46%, #eef3fb 100%);
  --gradient-tone-176:radial-gradient(circle, rgba(255, 255, 255, 0.92) 0 31%, rgba(229, 239, 255, 0.75) 32% 44%, transparent 45%);
}

html[data-theme='dark']{
  --gradient-tone-144:linear-gradient(135deg, #162d22 0%, #182235 100%);
  --gradient-tone-145:linear-gradient(135deg, #161b2d 0%, #182235 62%, #162d27 100%);
  --gradient-tone-146:linear-gradient(135deg, #16202d 0%, #182235 100%);
  --gradient-tone-147:linear-gradient(135deg, #16202d 0%, #182235 64%, #16212d 100%);
  --gradient-tone-148:linear-gradient(135deg, #3b1c26 0%, #244c4a 100%);
  --gradient-tone-149:linear-gradient(135deg, #2d2216 0%, #182235 100%);
  --gradient-tone-150:linear-gradient(135deg, #182235 0%, #16202d 100%);
  --gradient-tone-151:linear-gradient(135deg, #182235 0%, #16212d 100%);
  --gradient-tone-152:linear-gradient(135deg, #182235 0%, #161f2d 100%);
  --gradient-tone-153:linear-gradient(135deg, rgba(24, 34, 53, 0.92) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-154:linear-gradient(135deg, rgba(24, 34, 53, 0.96) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-155:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-156:linear-gradient(135deg, rgba(24, 34, 53, 0.92) 0%, rgba(24, 34, 53, 0.88) 100%);
  --gradient-tone-157:linear-gradient(135deg, rgba(24, 34, 53, 0.82) 0%, rgba(24, 34, 53, 0.95) 100%);
  --gradient-tone-158:linear-gradient(135deg, rgba(24, 34, 53, 0.95) 0%, rgba(24, 34, 53, 0.95) 100%);
  --gradient-tone-159:linear-gradient(135deg, rgba(24, 34, 53, 0.86) 0%, rgba(24, 34, 53, 0.94) 100%);
  --gradient-tone-160:linear-gradient(135deg, rgba(24, 34, 53, 0.99) 0%, rgba(24, 34, 53, 0.96) 100%);
  --gradient-tone-161:linear-gradient(135deg, rgba(24, 34, 53, 0.92), rgba(24, 34, 53, 0.72));
  --gradient-tone-162:linear-gradient(135deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.97) 100%);
  --gradient-tone-163:linear-gradient(145deg, #212a35 0%, #212b35 100%);
  --gradient-tone-164:linear-gradient(145deg, #2d2516 0%, #2d2316 100%);
  --gradient-tone-165:linear-gradient(145deg, rgba(24, 34, 53, 0.9), rgba(24, 34, 53, 0.6));
  --gradient-tone-166:linear-gradient(145deg, rgba(24, 34, 53, 0.9), rgba(24, 34, 53, 0.6));
  --gradient-tone-167:linear-gradient(180deg, #16212d 0%, #161e2d 55%, #1e162d 100%);
  --gradient-tone-168:linear-gradient(180deg, #161f2d 0%, #161e2d 52%, #1d162d 100%);
  --gradient-tone-169:linear-gradient(180deg, #182235 0%, #161f2d 100%);
  --gradient-tone-170:linear-gradient(180deg, #182235 0%, var(--brand-50, #161e2d) 140%);
  --gradient-tone-171:linear-gradient(180deg, rgba(24, 34, 53, 0.8) 0%, rgba(24, 34, 53, 0.5) 80%, rgba(24, 34, 53, 0) 100%);
  --gradient-tone-172:linear-gradient(180deg, rgba(24, 34, 53, 0.85) 0%, rgba(24, 34, 53, 0.4) 80%, rgba(24, 34, 53, 0) 100%);
  --gradient-tone-173:linear-gradient(180deg, rgba(24, 34, 53, 0.98) 0%, rgba(24, 34, 53, 0.98) 100%);
  --gradient-tone-174:linear-gradient(90deg,transparent,rgba(24, 34, 53, .9));
  --gradient-tone-175:radial-gradient(120% 120% at 50% 0%, #182235 0%, #161d2d 46%, #161e2d 100%);
  --gradient-tone-176:radial-gradient(circle, rgba(24, 34, 53, 0.92) 0 31%, rgba(24, 34, 53, 0.75) 32% 44%, transparent 45%);
}
:root{
  --home-path-card-bg:radial-gradient(90% 70% at 100% 0%, rgba(45,212,191,0.16) 0%, transparent 48%), radial-gradient(70% 55% at 0% 100%, rgba(15,118,110,0.08) 0%, transparent 45%), linear-gradient(165deg, rgba(255,255,255,0.98) 0%, rgba(236,253,245,0.88) 100%);
}
html[data-theme='dark']{
  --home-path-card-bg:radial-gradient(90% 70% at 100% 0%, rgba(45,212,191,0.14) 0%, transparent 48%), radial-gradient(70% 55% at 0% 100%, rgba(15,118,110,0.12) 0%, transparent 45%), linear-gradient(165deg, rgba(24,34,53,0.98) 0%, rgba(18,32,42,0.95) 100%);
}
:root{ --path-ink:#0f3d3a; --path-teal-text:#0f766e; --path-muted:#64748b; }
html[data-theme='dark']{ --path-ink:#e6f4f1; --path-teal-text:#5eead4; --path-muted:#a8b5c7; }
:root{
  --notes-page:#f8fafc; --notes-panel:#ffffff; --notes-panel-alt:#f8fafc; --notes-panel-end:#f8f4ed;
  --notes-border:#cbd5e1; --notes-border-strong:#dce4ef;
  --notes-text:#24324a; --notes-muted:#607087; --notes-title-text:#22489e;
  --notes-teal:#0f766e; --notes-teal-soft:#ecfdf8; --notes-blue-soft:#eff6ff;
  --notes-amber:#866347; --notes-amber-soft:#fff7ed;
}
html[data-theme='dark']{
  --notes-page:#101827; --notes-panel:#182235; --notes-panel-alt:#141d2e; --notes-panel-end:#172033;
  --notes-border:rgba(155, 184, 255, 0.22); --notes-border-strong:rgba(155, 184, 255, 0.18);
  --notes-text:#dde3ee; --notes-muted:#aab8cd; --notes-title-text:#c8d4ef;
  --notes-teal:#5eead4; --notes-teal-soft:rgba(45, 212, 191, 0.12); --notes-blue-soft:rgba(96, 140, 255, 0.14);
  --notes-amber:#e0b894; --notes-amber-soft:rgba(224, 184, 148, 0.14);
}
html[data-theme='dark']{
  --bg:#101827;
  --surface:#182235;
  --text-900:#e6edf7;
  --text-600:#b3c0d4;
  --border:rgba(155, 184, 255, 0.2);
  --ring:rgba(155, 184, 255, 0.3);
  --reminder-100:rgba(34, 197, 94, 0.16);
  --insight-100:rgba(14, 165, 233, 0.16);
  --brand-50:rgba(96, 140, 255, 0.16);
  --brand-border:rgba(155, 184, 255, 0.24);
  --ink-strong:#e6edf7;
  --ink-label:#a9bbdc;
  --ink-body:#c3cfe0;
  --ink-muted:#9aa8bf;
  --shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md:0 4px 12px rgba(0, 0, 0, 0.35);
}
:root{
  --ui-surface-muted:#f8fafc; --ui-border:#dce4ef; --ui-border-dashed:#cbd5e1; --ui-accent-border:#bfdbfe;
}
html[data-theme='dark']{
  --ui-surface-muted:#141d2e; --ui-border:rgba(155, 184, 255, 0.18); --ui-border-dashed:rgba(155, 184, 255, 0.28);
  --ui-accent-border:rgba(96, 140, 255, 0.35);
}
:root{
  --quiz-text:#1f2a37; --quiz-muted:#607085; --quiz-accent:#274690; --quiz-accent-soft:#e9f0ff; --quiz-secondary:#7c3aed;
  --quiz-accent-warm-soft:#fff3e8; --quiz-surface:#fffdfb; --quiz-surface-soft:#f6f9ff; --quiz-border:#d8e2f0;
  --quiz-shell:rgba(255, 255, 255, 0.78); --quiz-shell-soft:rgba(255, 255, 255, 0.76); --quiz-action-soft:#eef5ff;
  --quiz-success-soft:#edfdf5; --quiz-warning-soft:#fff7e8; --quiz-success:#168a52; --quiz-warning:#c76b11;
  --quiz-soft-surface:rgba(248, 251, 255, 0.88);
  --quiz-tint-1-bg:#f3f7ff; --quiz-tint-1-border:#cfdcf6; --quiz-tint-1-text:#2c477f;
  --quiz-tint-2-bg:#f8f4ff; --quiz-tint-2-border:#dfd1f7; --quiz-tint-2-text:#5b4295;
  --quiz-tint-3-bg:#fff8ef; --quiz-tint-3-border:#efd8b3; --quiz-tint-3-text:#8a5a1b;
  --quiz-tint-4-bg:#f2fbf7; --quiz-tint-4-border:#cfe8db; --quiz-tint-4-text:#2b6b55;
}
html[data-theme='dark']{
  --quiz-text:#e6edf7; --quiz-muted:#a6b4c8; --quiz-accent:#5f84dc; --quiz-accent-soft:rgba(96, 140, 255, 0.16);
  --quiz-secondary:#9061f9; --quiz-accent-warm-soft:rgba(242, 153, 74, 0.14); --quiz-surface:#182235;
  --quiz-surface-soft:#141d2e; --quiz-border:rgba(155, 184, 255, 0.2); --quiz-shell:rgba(24, 34, 53, 0.82);
  --quiz-shell-soft:rgba(24, 34, 53, 0.8); --quiz-action-soft:rgba(96, 140, 255, 0.14);
  --quiz-success-soft:rgba(34, 197, 94, 0.14); --quiz-warning-soft:rgba(245, 158, 11, 0.14);
  --quiz-success:#4ade80; --quiz-warning:#fbbf24; --quiz-soft-surface:rgba(24, 34, 53, 0.88);
  --quiz-tint-1-bg:rgba(96, 140, 255, 0.14); --quiz-tint-1-border:rgba(96, 140, 255, 0.35); --quiz-tint-1-text:#b9ccf5;
  --quiz-tint-2-bg:rgba(144, 97, 249, 0.16); --quiz-tint-2-border:rgba(144, 97, 249, 0.38); --quiz-tint-2-text:#d4c2fb;
  --quiz-tint-3-bg:rgba(245, 158, 11, 0.14); --quiz-tint-3-border:rgba(245, 158, 11, 0.38); --quiz-tint-3-text:#f6cf8e;
  --quiz-tint-4-bg:rgba(34, 197, 94, 0.14); --quiz-tint-4-border:rgba(34, 197, 94, 0.36); --quiz-tint-4-text:#a8e8c4;
}
.file\:border-0::-webkit-file-upload-button{
  border-width:0;
}
.file\:border-0::file-selector-button{
  border-width:0;
}
.file\:bg-transparent::-webkit-file-upload-button{
  background-color:transparent;
}
.file\:bg-transparent::file-selector-button{
  background-color:transparent;
}
.file\:text-sm::-webkit-file-upload-button{
  font-size:.875rem;
  line-height:1.25rem;
}
.file\:text-sm::file-selector-button{
  font-size:.875rem;
  line-height:1.25rem;
}
.file\:font-medium::-webkit-file-upload-button{
  font-weight:500;
}
.file\:font-medium::file-selector-button{
  font-weight:500;
}
.placeholder\:text-muted-foreground::placeholder{
  color:hsl(var(--muted-foreground));
}
.placeholder\:text-white\/55::placeholder{
  color:rgb(255 255 255 / .55);
}
.placeholder\:text-white\/60::placeholder{
  color:rgb(255 255 255 / .6);
}
.last\:border-0:last-child{
  border-width:0;
}
.hover\:-translate-y-1:hover{
  --tw-translate-y:-2px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover{
  --tw-translate-y:-4px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-blue-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(147 197 253 / 1);
  border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:bg-accent:hover{
  background-color:hsl(var(--accent));
}
.hover\:bg-black\/60:hover{
  background-color:rgb(0 0 0 / .6);
}
.hover\:bg-blue-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / 1);
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246 / 1);
  background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / 1);
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / 1);
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-900:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 58 138 / 1);
  background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-destructive\/90:hover{
  background-color:hsl(var(--destructive) / .9);
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / 1);
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / 1);
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / 1);
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / 1);
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / 1);
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / 1);
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(67 56 202 / 1);
  background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 237 213 / 1);
  background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/90:hover{
  background-color:hsl(var(--primary) / .9);
}
.hover\:bg-purple-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(147 51 234 / 1);
  background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / 1);
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / 1);
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / 1);
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600\/90:hover{
  background-color:rgb(220 38 38 / .9);
}
.hover\:bg-secondary\/80:hover{
  background-color:hsl(var(--secondary) / .8);
}
.hover\:bg-sky-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / 1);
  background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / 1);
  background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / 1);
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / 1);
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / 1);
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 41 59 / 1);
  background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(15 118 110 / 1);
  background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / 1);
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover{
  background-color:rgb(255 255 255 / .1);
}
.hover\:bg-white\/20:hover{
  background-color:rgb(255 255 255 / .2);
}
.hover\:bg-white\/30:hover{
  background-color:rgb(255 255 255 / .3);
}
.hover\:bg-white\/40:hover{
  background-color:rgb(255 255 255 / .4);
}
.hover\:bg-white\/60:hover{
  background-color:rgb(255 255 255 / .6);
}
.hover\:text-accent-foreground:hover{
  color:hsl(var(--accent-foreground));
}
.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / 1);
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover{
  --tw-text-opacity:1;
  color:rgb(30 64 175 / 1);
  color:rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / 1);
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / 1);
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / 1);
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / 1);
  color:rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / 1);
  color:rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / 1);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  -webkit-text-decoration-line:underline;
          text-decoration-line:underline;
}
.hover\:decoration-white:hover{
  -webkit-text-decoration-color:#fff;
          text-decoration-color:#fff;
}
.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-blue-900\/20:hover{
  --tw-shadow-color:rgb(30 58 138 / 0.2);
  --tw-shadow:var(--tw-shadow-colored);
}
.hover\:shadow-blue-900\/5:hover{
  --tw-shadow-color:rgb(30 58 138 / 0.05);
  --tw-shadow:var(--tw-shadow-colored);
}
.hover\:shadow-indigo-200:hover{
  --tw-shadow-color:#c7d2fe;
  --tw-shadow:var(--tw-shadow-colored);
}
.focus\:border-blue-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / 1);
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px;
}
.focus\:ring:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-opacity-50:focus{
  --tw-ring-opacity:0.5;
}
.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
}
.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color:hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px;
}
.active\:scale-95:active{
  --tw-scale-x:.95;
  --tw-scale-y:.95;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:transform:active{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:pointer-events-none:disabled{
  pointer-events:none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed;
}
.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / 1);
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-400:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / 1);
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-50:disabled{
  opacity:.5;
}
.disabled\:opacity-60:disabled{
  opacity:.6;
}
.disabled\:opacity-70:disabled{
  opacity:.7;
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x:2px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-blue-100{
  --tw-text-opacity:1;
  color:rgb(219 234 254 / 1);
  color:rgb(219 234 254 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
  .sm\:block{
    display:block;
  }
  .sm\:h-12{
    height:40px;
  }
  .sm\:h-96{
    height:24rem;
  }
  .sm\:h-\[10px\]{
    height:10px;
  }
  .sm\:w-12{
    width:40px;
  }
  .sm\:w-\[10px\]{
    width:10px;
  }
  .sm\:w-auto{
    width:auto;
  }
  .sm\:max-w-lg{
    max-width:32rem;
  }
  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .sm\:items-center{
    align-items:center;
  }
  .sm\:gap-2{
    gap:4px;
  }
  .sm\:rounded-2xl{
    border-radius:1rem;
  }
  .sm\:p-6{
    padding:16px;
  }
  .sm\:p-8{
    padding:24px;
  }
  .sm\:shadow-xl{
    --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 768px){
  .md\:-left-3{
    left:-6px;
  }
  .md\:-right-3{
    right:-6px;
  }
  .md\:bottom-6{
    bottom:16px;
  }
  .md\:left-auto{
    left:auto;
  }
  .md\:right-6{
    right:16px;
  }
  .md\:top-6{
    top:16px;
  }
  .md\:mt-0{
    margin-top:0;
  }
  .md\:mt-24{
    margin-top:88px;
  }
  .md\:block{
    display:block;
  }
  .md\:inline{
    display:inline;
  }
  .md\:h-12{
    height:40px;
  }
  .md\:h-40{
    height:10rem;
  }
  .md\:h-72{
    height:18rem;
  }
  .md\:h-auto{
    height:auto;
  }
  .md\:w-1\/2{
    width:50%;
  }
  .md\:w-12{
    width:40px;
  }
  .md\:w-2\/3{
    width:66.666667%;
  }
  .md\:w-3\/4{
    width:75%;
  }
  .md\:w-72{
    width:18rem;
  }
  .md\:w-auto{
    width:auto;
  }
  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction:row;
  }
  .md\:p-10{
    padding:32px;
  }
  .md\:p-12{
    padding:40px;
  }
  .md\:py-16{
    padding-bottom:56px;
    padding-top:56px;
  }
  .md\:pt-12{
    padding-top:40px;
  }
  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }
  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }
  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }
  .md\:text-5xl{
    font-size:3rem;
    line-height:1;
  }
  .md\:text-\[0\.65rem\]{
    font-size:.65rem;
  }
  .md\:text-\[17px\]{
    font-size:17px;
  }
  .md\:text-\[2rem\]{
    font-size:2rem;
  }
  .md\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }
  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}
@media (min-width: 1024px){
  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .lg\:text-\[19px\]{
    font-size:19px;
  }
}
.landing-hero-section{
  background:var(--gradient-tone-65);
  height:clamp(360px, 55vh, 560px);
  margin-bottom:0;
  min-height:360px;
  overflow:hidden;
  position:relative;
}

.landing-hero-image{
  animation:fadeIn .8s ease-in-out .3s forwards;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:translateZ(0);
  transition:opacity .8s ease-in-out;
  width:100%;
  will-change:opacity;
}
.landing-hero-image.loading{
  opacity:0;
}

.landing-hero-overlay{
  align-items:center;
  background:linear-gradient(180deg, rgba(15, 23, 42, .14) 0, rgba(15, 23, 42, .26) 100%), linear-gradient(135deg, rgba(34, 72, 158, .12) 0, rgba(47, 127, 232, .08) 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  left:0;
  padding:0 20px;
  position:absolute;
  text-align:center;
  top:0;
  width:100%;
  z-index:2;
}

.landing-hero-title{
  animation:fadeIn .8s ease-in-out;
  font-size:clamp(2.4rem, 5vw, 4.4rem);
  font-weight:800;
  letter-spacing:-.03em;
  margin-bottom:.75rem;
  text-shadow:0 2px 18px rgba(15, 23, 42, .16);
}

.landing-hero-subtitle{
  animation:fadeIn .8s ease-in-out .2s forwards;
  color:rgba(255, 255, 255, .92);
  font-size:clamp(1.05rem, 2vw, 1.4rem);
  line-height:1.5;
  max-width:720px;
  opacity:0;
  text-shadow:0 1px 10px rgba(15, 23, 42, .18);
}
.landing-section{
  padding-bottom:var(--section-space-mobile);
  padding-top:var(--section-space-mobile);
}
.landing-page .landing-section:first-of-type{
  margin-top:0;
  padding-top:2rem;
}
.landing-hero-section + .landing-section,
.about-hero-section + .section,
.contact-hero-section + .section{
  margin-top:0;
  padding-top:1.5rem;
}
.content-after-hero{
  margin-top:0 !important;
  padding-top:1rem !important;
}
.landing-page .about-section-title{
  text-align:left !important;
}

.landing-page .contact-section-title{
  text-align:center !important;
}

.landing-page .section{
  width:100%;
}

.landing-page .textContent{
  width:100%;
}

@media (min-width: 768px){
  .landing-section{
    padding-bottom:var(--section-space-desktop);
    padding-top:var(--section-space-desktop);
  }
  .landing-page .landing-section:first-of-type{
    padding-top:3rem;
  }
  .landing-hero-section + .landing-section,
  .about-hero-section + .section,
  .contact-hero-section + .section{
    padding-top:2rem;
  }
  .content-after-hero{
    padding-top:1.5rem !important;
  }
}
@media (max-width: 768px){
  button, 
  .MuiButton-root,
  .MuiIconButton-root{
    min-height:44px;
    min-width:44px;
  }
  body{
    font-size:16px;
  }
  .MuiTextField-root input,
  .MuiOutlinedInput-input{
    font-size:16px;
    padding:14px 12px;
  }
  form{
    width:100%;
  }
  .full-width-mobile{
    width:100% !important;
  }
  .MuiFormControl-root{
    margin-bottom:16px;
  }
  .auth-container{
    border-radius:0;
    box-shadow:none;
    margin:0;
    max-width:100%;
    padding:16px;
    width:100%;
  }
}
.mobile-welcome-banner{
  background:linear-gradient(135deg, #22489E, #3a5fcc);
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0, 0, 0, .1);
  color:white;
  margin-bottom:20px;
  padding:16px;
  text-align:center;
}

.mobile-welcome-banner h2{
  font-size:1.25rem;
  font-weight:500;
  margin:0;
}

.mobile-welcome-banner p{
  font-size:.875rem;
  margin:8px 0 0;
  opacity:.9;
}
@media (max-width: 768px){
  .inspiration-title{
    margin-bottom:80px !important;
  }
  
  .tabs-container{
    margin-top:80px !important;
  }
  .tabs-list{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    grid-gap:12px !important;
    gap:12px !important;
  }
  .tabs-trigger{
    height:48px !important;
    min-height:48px !important;
  }
}
@media (min-width: 769px){
  .tabs-list{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    justify-content:space-between !important;
  }
  .tabs-trigger{
    flex:1 1 !important;
  }
}
@keyframes fadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}

.mobile-fade-in{
  animation:fadeIn .5s ease-in-out;
}
@media (max-width: 768px){
  button,
  .MuiButton-root,
  .MuiIconButton-root,
  a.MuiButtonBase-root{
    min-height:44px;
    min-width:44px;
  }
  .MuiListItem-root,
  .MuiMenuItem-root,
  .MuiTab-root{
    padding:12px 16px;
  }
  .MuiInputBase-root,
  .MuiOutlinedInput-root,
  .MuiSelect-root,
  .MuiCheckbox-root,
  .MuiRadio-root,
  .MuiSwitch-root{
    margin:8px 0;
  }
  input, 
  textarea, 
  select{
    font-size:16px;
  }
  button:active,
  .MuiButton-root:active,
  .MuiIconButton-root:active,
  a:active{
    transform:scale(.97);
    transition:transform .1s ease-in-out;
  }
  .no-tap-transform:active{
    transform:none !important;
  }
  *{
    -webkit-overflow-scrolling:touch;
  }
  .pull-to-refresh-indicator{
    align-items:center;
    color:var(--text-tone-315);
    display:flex;
    font-size:14px;
    height:50px;
    justify-content:center;
  }
  button, 
  .MuiButton-root, 
  .MuiIconButton-root,
  a.MuiButtonBase-root,
  .MuiListItem-root{
    user-select:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
  }
  .tap-highlight{
    overflow:hidden;
    position:relative;
  }

  .tap-highlight::after{
    background-image:var(--gradient-tone-138);
    background-position:50%;
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:100%;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    transform:scale(10, 10);
    transition:transform .3s, opacity .5s;
    width:100%;
  }

  .tap-highlight:active::after{
    opacity:.3;
    transform:scale(0, 0);
    transition:0s;
  }
  .full-height{
    height:100vh;
    height:-webkit-fill-available;
    height:-moz-available;
    height:stretch;
  }
  .bottom-nav-spacer{
    height:env(safe-area-inset-bottom, 0);
    width:100%;
  }
}
@media (max-width: 480px){
  button,
  .MuiButton-root,
  .MuiIconButton-root{
    min-height:48px;
  }
  .MuiListItem-root,
  .MuiMenuItem-root{
    padding:14px 16px;
  }
}
@media (max-width: 900px) and (orientation: landscape){
  .landscape-adjust{
    flex-direction:row !important;
  }
  .landscape-scroll{
    max-height:80vh;
    overflow-y:auto;
  }
}
:root{
  --dm-js-05c812b2:rgba(248, 250, 252, 0.64);
  --dm-js-08a1b457:rgba(248, 250, 252, 0.92);
  --dm-js-0bc062de:rgba(219, 227, 241, 0.82);
  --dm-js-0fc646e1:rgba(255, 251, 235, 0.94);
  --dm-js-1470e549:#fff4f2;
  --dm-js-1b57bf64:#dbe4f5;
  --dm-js-2434477b:rgba(219, 227, 241, 0.4);
  --dm-js-2c840356:rgba(240,247,255,.7);
  --dm-js-2f59e747:rgba(255, 255, 255, 0.4);
  --dm-js-31462552:rgba(248, 250, 252, 0.95);
  --dm-js-31a5ef27:rgba(247, 250, 255, 0.86);
  --dm-js-338f97ac:rgba(255,255,255,0.3);
  --dm-js-350e8614:rgba(251, 247, 241, 0.96);
  --dm-js-390eb1fe:#e8f5e8;
  --dm-js-4ec82dcf:rgba(248, 250, 252, 0.9);
  --dm-js-528cef87:white;
  --dm-js-586352ce:rgba(255, 247, 237, 0.82);
  --dm-js-5fab3daa:rgba(254, 242, 242, 0.92);
  --dm-js-5ff609a2:rgba(239, 246, 255, 0.68);
  --dm-js-63b7ea25:rgba(255,255,255,0.45);
  --dm-js-643b0a00:#dde3ee;
  --dm-js-6897950e:#f4f7fd;
  --dm-js-70f909f8:rgba(248,250,252,0.98);
  --dm-js-78d60b7d:rgba(219, 234, 254, 0.98);
  --dm-js-7902844e:rgba(254, 242, 242, 0.9);
  --dm-js-7ed09eb5:rgba(255, 255, 255, 1);
  --dm-js-829bbf7d:rgba(255,255,255,0.5);
  --dm-js-8f6b3ad8:rgba(255, 247, 237, 0.9);
  --dm-js-a7d7499c:rgba(255,255,255,0.55);
  --dm-js-aada81b1:rgba(241, 245, 249, 0.82);
  --dm-js-add8ef71:rgba(238, 242, 255, 0.96);
  --dm-js-b35a879d:#ffebee;
  --dm-js-ba5e8e7a:#f8f5ef;
  --dm-js-c659d630:#ffffff;
  --dm-js-c84a4f3b:rgba(240, 253, 244, 0.78);
  --dm-js-cbb7ff5d:#c1c1c1;
  --dm-js-d01f93f4:#93c5fd;
  --dm-js-d14f9016:#fff;
  --dm-js-d2af6e23:rgba(248, 250, 252, 0.78);
  --dm-js-d7048b3b:rgba(239, 246, 255, 0.88);
  --dm-js-deea3fa9:linear-gradient(135deg, rgba(108, 99, 255, 0.06) 0%, #ffffff 55%);
  --dm-js-df8fae79:rgba(251, 247, 241, 0.92);
  --dm-js-e1794e0b:#fcfbf8;
  --dm-js-f15d2b89:rgba(235, 242, 255, 0.72);
}

html[data-theme='dark']{
  --dm-js-05c812b2:rgba(22, 33, 45, 0.64);
  --dm-js-08a1b457:rgba(22, 33, 45, 0.92);
  --dm-js-0bc062de:rgba(28, 39, 59, 0.82);
  --dm-js-0fc646e1:rgba(45, 40, 22, 0.94);
  --dm-js-1470e549:#2d1916;
  --dm-js-1b57bf64:#1c273b;
  --dm-js-2434477b:rgba(28, 39, 59, 0.4);
  --dm-js-2c840356:rgba(22, 32, 45, 0.7);
  --dm-js-2f59e747:rgba(24, 34, 53, 0.4);
  --dm-js-31462552:rgba(22, 33, 45, 0.95);
  --dm-js-31a5ef27:rgba(22, 30, 45, 0.86);
  --dm-js-338f97ac:rgba(24, 34, 53, 0.3);
  --dm-js-350e8614:rgba(45, 35, 22, 0.96);
  --dm-js-390eb1fe:#1c3b1c;
  --dm-js-4ec82dcf:rgba(22, 33, 45, 0.9);
  --dm-js-528cef87:#182235;
  --dm-js-586352ce:rgba(45, 34, 22, 0.82);
  --dm-js-5fab3daa:rgba(45, 22, 22, 0.92);
  --dm-js-5ff609a2:rgba(22, 32, 45, 0.68);
  --dm-js-63b7ea25:rgba(24, 34, 53, 0.45);
  --dm-js-643b0a00:#1d273a;
  --dm-js-6897950e:#161d2d;
  --dm-js-70f909f8:rgba(22, 33, 45, 0.98);
  --dm-js-78d60b7d:rgba(28, 41, 59, 0.98);
  --dm-js-7902844e:rgba(45, 22, 22, 0.9);
  --dm-js-7ed09eb5:#182235;
  --dm-js-829bbf7d:rgba(24, 34, 53, 0.5);
  --dm-js-8f6b3ad8:rgba(45, 34, 22, 0.9);
  --dm-js-a7d7499c:rgba(24, 34, 53, 0.55);
  --dm-js-aada81b1:rgba(22, 33, 45, 0.82);
  --dm-js-add8ef71:rgba(22, 27, 45, 0.96);
  --dm-js-b35a879d:#2d1619;
  --dm-js-ba5e8e7a:#2d2516;
  --dm-js-c659d630:#182235;
  --dm-js-c84a4f3b:rgba(22, 45, 29, 0.78);
  --dm-js-cbb7ff5d:#383838;
  --dm-js-d01f93f4:#24374c;
  --dm-js-d14f9016:#182235;
  --dm-js-d2af6e23:rgba(22, 33, 45, 0.78);
  --dm-js-d7048b3b:rgba(22, 32, 45, 0.88);
  --dm-js-deea3fa9:linear-gradient(135deg, rgba(108, 99, 255, 0.06) 0%, #182235 55%);
  --dm-js-df8fae79:rgba(45, 35, 22, 0.92);
  --dm-js-e1794e0b:#2d2716;
  --dm-js-f15d2b89:rgba(22, 30, 45, 0.72);
}

html[data-theme='dark'] .action-pill-tray{
  background-color:rgba(22, 33, 45, .8);
}

html[data-theme='dark'] .admin-sidebar{
  background-color:#182235;
}

html[data-theme='dark'] .admin-sidebar .admin-nav-button{
  color:#c4cad4;
}

html[data-theme='dark'] .admin-sidebar .admin-nav-button.is-active{
  background-color:#1c253b;
}

html[data-theme='dark'] .admin-sidebar .admin-nav-button:hover{
  background-color:#161d2d;
}

html[data-theme='dark'] .admin-top-stack{
  background-color:#161d2d;
}

html[data-theme='dark'] .ai-bubble.gift-thread-reveal{
  background-image:radial-gradient(circle at 50% -15%, rgba(14, 165, 233, .14), transparent 38%), linear-gradient(180deg, #182235 0, #161f2d 100%);
}

html[data-theme='dark'] .air-button.ghost{
  color:#e6d7f4;
}

html[data-theme='dark'] .air-detail-item{
  background-image:linear-gradient(180deg, #21162d, #182235 60%);
}

html[data-theme='dark'] .air-details summary .chev{
  color:#cdb0e8;
}

html[data-theme='dark'] .air-nav-button{
  color:#ceb0e8;
}

html[data-theme='dark'] .air-page{
  background-color:#21162d;
}

html[data-theme='dark'] .air-page .btn-icon-label.secondary{
  color:#0b1220 !important;
}

html[data-theme='dark'] .air-title{
  color:#dec8ef;
}

html[data-theme='dark'] .app-page-kicker{
  color:#142452;
}

html[data-theme='dark'] .app-page-metric-chip{
  background-color:rgba(24, 34, 53, .88);
}

html[data-theme='dark'] .app-page-summary-card{
  background-color:rgba(24, 34, 53, .9);
}

html[data-theme='dark'] .app-page-summary-card-action{
  color:#c8d5ef !important;
}

html[data-theme='dark'] .app-page-summary-card-label{
  color:#e0e5eb;
}

html[data-theme='dark'] .app-page-tab-shell{
  background-color:rgba(24, 34, 53, .9);
}

html[data-theme='dark'] .app-popup-collapse-row{
  background-color:rgba(24, 34, 53, .78);
}

html[data-theme='dark'] .app-popup-disclosure-icon{
  color:#e0d7f4;
}

html[data-theme='dark'] .app-popup-header--professional-soft{
  background-image:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(33, 22, 45, .98), rgba(45, 22, 34, .92) 54%, rgba(22, 32, 45, .94)) !important;
}

html[data-theme='dark'] .app-popup-icon-button{
  color:#271452 !important;
}

html[data-theme='dark'] .app-shell-card--soft{
  background-image:linear-gradient(180deg, rgba(24, 34, 53, .92) 0, rgba(22, 33, 45, .96) 100%);
}

html[data-theme='dark'] .app-shell-eyebrow{
  color:#b0c2e8;
}

html[data-theme='dark'] .app-shell-text-button{
  color:#c8d2ef !important;
}

html[data-theme='dark'] .app-topnav-menu-item--danger{
  color:#521914 !important;
}

html[data-theme='dark'] .btn-icon-label.secondary{
  color:#0b1220 !important;
}

html[data-theme='dark'] .care-eyebrow{
  color:#b0c2e8;
}

html[data-theme='dark'] .connection-eyebrow{
  color:#b0c2e8;
}

html[data-theme='dark'] .conversion-methodology{
  background-color:#16222d;
}

html[data-theme='dark'] .dashboard-intelligence-brief{
  background-image:linear-gradient(180deg, #182235 0, rgba(96, 140, 255, .16) 140%);
}

html[data-theme='dark'] .dashboard-support-tool-chip{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .dashboard-top-action-alt-button{
  color:#b0c1e8 !important;
}

html[data-theme='dark'] .dashboard-top-action-chip{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .dashboard-what-helps{
  background-image:linear-gradient(180deg, #182235 0, rgba(96, 140, 255, .16) 140%);
}

html[data-theme='dark'] .dialog-cancel-button{
  color:#2f3337 !important;
}

html[data-theme='dark'] .dib-row--lead .dib-label{
  color:#c8d3ef;
}

html[data-theme='dark'] .dib-why.is-open{
  color:#c8d3ef;
}

html[data-theme='dark'] .dib-why:hover{
  color:#c8d3ef;
}

html[data-theme='dark'] .earth-button.ghost{
  color:#d7f4eb;
}

html[data-theme='dark'] .earth-detail-item{
  background-image:linear-gradient(180deg, #1c3b2b, #182235 60%);
}

html[data-theme='dark'] .earth-nav-button{
  color:#d7f4ec;
}

html[data-theme='dark'] .earth-page{
  background-color:#162d22;
}

html[data-theme='dark'] .earth-page .btn-icon-label.secondary{
  color:#0b1220 !important;
}

html[data-theme='dark'] .earth-title{
  color:#d7f4ec;
}

html[data-theme='dark'] .evaluation-history-report-content{
  background-image:linear-gradient(180deg, rgba(22, 33, 45, .62), rgba(24, 34, 53, .94));
}

html[data-theme='dark'] .evaluation-history-report-title{
  background-image:radial-gradient(circle at 88% 18%, rgba(96, 165, 250, .18), transparent 34%), linear-gradient(135deg, rgba(22, 32, 45, .98), rgba(24, 34, 53, .96) 56%, rgba(33, 22, 45, .94)) !important;
}

html[data-theme='dark'] .fire-button.ghost{
  color:#f4e0d7;
}

html[data-theme='dark'] .fire-detail-item{
  background-image:linear-gradient(180deg, #4c3a24, #182235 60%);
}

html[data-theme='dark'] .fire-page{
  background-color:#16212d;
}

html[data-theme='dark'] .fire-page .btn-icon-label.secondary{
  color:#0b1220 !important;
}

html[data-theme='dark'] .fusesoul-heading.MuiTypography-root{
  color:#b0bde8 !important;
}

html[data-theme='dark'] .gift-answer-help-link{
  color:#cddbea !important;
}

html[data-theme='dark'] .gift-answer-help-link:hover{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .gift-back-link{
  color:#d4dae2 !important;
}

html[data-theme='dark'] .gift-back-link:hover{
  color:#dae4f1 !important;
}

html[data-theme='dark'] .gift-continue-later{
  color:#c4cbd4 !important;
}

html[data-theme='dark'] .gift-locator-back{
  color:#c4cbd4 !important;
}

html[data-theme='dark'] .gift-locator-change-cues{
  color:#d0dbe7 !important;
}

html[data-theme='dark'] .gift-locator-kicker{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .gift-locator-option{
  color:#dae4f1 !important;
}

html[data-theme='dark'] .gift-locator-option:hover{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .gift-locator-question{
  color:#dce2ef !important;
}

html[data-theme='dark'] .gift-locator-write-now{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .gift-prompt-kicker{
  color:#c4cbd4 !important;
}

html[data-theme='dark'] .gift-prompt-text{
  color:#dde3ee !important;
}

html[data-theme='dark'] .gift-snapshot-toggle{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .gift-text-field input{
  color:#dce2ef !important;
}

html[data-theme='dark'] .gift-text-field textarea{
  color:#dce2ef !important;
}

html[data-theme='dark'] .gift-thread-reaction-button{
  color:#d2dae4 !important;
}

html[data-theme='dark'] .gift-top10-podium-toggle{
  color:#b0c2e8;
}

html[data-theme='dark'] .gift-trajectory-card{
  background-image:radial-gradient(circle at 88% 15%, rgba(56, 189, 248, .14), transparent 35%), linear-gradient(165deg, rgba(24, 34, 53, .94), rgba(22, 28, 45, .96));
}

html[data-theme='dark'] .irl-card--reminders{
  background-image:linear-gradient(135deg, #48244c 0, #f5576c 100%);
}

html[data-theme='dark'] .irl-guidance-titleIcon{
  color:#b0c2e8;
}

html[data-theme='dark'] .journal-entry-date{
  color:#c4cad4 !important;
}

html[data-theme='dark'] .journal-open-button{
  color:#b0c1e8 !important;
}

html[data-theme='dark'] .journal-timeline-date{
  color:#cccccc;
}

html[data-theme='dark'] .journal-timeline-mood{
  color:#cccccc;
}

html[data-theme='dark'] .journey-v2-conversation-path__status{
  color:#beb8e0;
}

html[data-theme='dark'] .journey-v2-conversation__count{
  color:#b8b1e7;
}

html[data-theme='dark'] .journey-v2-direction{
  background-color:rgba(26, 22, 45, .72);
}

html[data-theme='dark'] .journey-v2-forward-move > span{
  color:#bbb4e4;
}

html[data-theme='dark'] .journey-v2-handoff-restore-gate{
  background-image:radial-gradient(120% 120% at 50% 0, #182235 0, #161d2d 46%, #161e2d 100%);
}

html[data-theme='dark'] .journey-v2-help-answer--secondary{
  color:#b9b2e6;
}

html[data-theme='dark'] .journey-v2-history-dialog__message > span{
  color:#b8b3e5;
}

html[data-theme='dark'] .journey-v2-history__header small{
  color:#bdb8e0;
}

html[data-theme='dark'] .journey-v2-history__item small{
  color:#beb8e0;
}

html[data-theme='dark'] .journey-v2-memory-status h2{
  color:#b8b3e5;
}

html[data-theme='dark'] .journey-v2-message > span{
  color:#b8b3e5;
}

html[data-theme='dark'] .journey-v2-opening-reframe{
  color:#b9b2e6;
}

html[data-theme='dark'] .journey-v2-optional-tool-suggestion__open{
  color:#b9b2e6;
}

html[data-theme='dark'] .journey-v2-page__header-chip b{
  color:#bcb0e8;
}

html[data-theme='dark'] .journey-v2-page__landing-recovery span{
  color:#b9b0e8;
}

html[data-theme='dark'] .journey-v2-page__recovery > span{
  color:#b8b0e8;
}

html[data-theme='dark'] .journey-v2-return-bridge__question > span{
  color:#bab4e4;
}

html[data-theme='dark'] .journey-v2-return-fab{
  color:#b3b0e8;
}

html[data-theme='dark'] .journey-v2-route-chip__mark{
  color:#b9b2e6;
}

html[data-theme='dark'] .journey-v2-tool-event__open-question > span{
  color:#b8b3e5;
}

html[data-theme='dark'] .landing-body-panel{
  background-image:linear-gradient(180deg, rgba(24, 34, 53, .98) 0, rgba(22, 31, 45, .98) 100%);
}

html[data-theme='dark'] .landing-page .landing-section-title{
  color:#b0bde8 !important;
}

html[data-theme='dark'] .landing-page-shell{
  background-image:linear-gradient(180deg, #16212d 0, #16202d 100%);
}

html[data-theme='dark'] .landing-preview-loading strong{
  color:#b6b3e5;
}

html[data-theme='dark'] .landing-preview-support-path{
  background-color:#161f2d;
}

html[data-theme='dark'] .landing-preview-support-path__note{
  background-color:rgba(28, 40, 59, .66);
}

html[data-theme='dark'] .my-practitioners-loading-pill{
  color:#b0c2e8;
}

html[data-theme='dark'] .patient-detail-eyebrow{
  color:#b0c2e8;
}

html[data-theme='dark'] .practitioner-space-badge{
  color:#c5b0e8;
}

html[data-theme='dark'] .practitioner-space-page .context-search-button{
  color:#b0c2e8;
}

html[data-theme='dark'] .practitioner-space-page .trending-text::before{
  color:#b0c2e8;
}

html[data-theme='dark'] .priority-star.level2{
  color:#c5b0e8;
}

html[data-theme='dark'] .professional-goal-share-dialog-title{
  background-image:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(33, 22, 45, .98), rgba(45, 22, 34, .92) 54%, rgba(22, 32, 45, .94)) !important;
}

html[data-theme='dark'] .professional-goal-share-expand-button{
  color:#271452 !important;
}

html[data-theme='dark'] .professional-goal-share-mini-goal{
  background-color:rgba(24, 34, 53, .72);
}

html[data-theme='dark'] .professional-goal-share-note-arrow{
  color:#e0d7f4;
}

html[data-theme='dark'] .professional-goal-share-note-toggle{
  background-color:rgba(24, 34, 53, .78);
}

html[data-theme='dark'] .professional-progress-client-note{
  background-color:#161f2d;
}

html[data-theme='dark'] .professional-progress-client-note p{
  color:#d2dae4;
}

html[data-theme='dark'] .professional-progress-collapse-empty{
  color:#d4dae2;
}

html[data-theme='dark'] .professional-progress-collapse-row{
  color:#dce2ef;
}

html[data-theme='dark'] .professional-progress-disclosure-icon{
  color:#c5b0e8;
}

html[data-theme='dark'] .professional-progress-section{
  background-color:#182235;
}

html[data-theme='dark'] .professional-progress-section h3{
  color:#dce2ef;
}

html[data-theme='dark'] .professional-share-dialog-title{
  background-image:radial-gradient(circle at 88% 18%, rgba(244, 114, 182, .18), transparent 34%), linear-gradient(135deg, rgba(33, 22, 45, .98), rgba(45, 22, 34, .92) 54%, rgba(22, 32, 45, .94)) !important;
}

html[data-theme='dark'] .professional-share-note-arrow{
  color:#e0d7f4;
}

html[data-theme='dark'] .professional-share-note-status{
  color:#e0d7f4;
}

html[data-theme='dark'] .professional-share-note-toggle{
  background-color:rgba(24, 34, 53, .86);
}

html[data-theme='dark'] .professional-share-responses-list{
  background-color:rgba(24, 34, 53, .72);
}

html[data-theme='dark'] .progress-proof-mini-me-chip.confidence{
  color:#c8e6ef !important;
}

html[data-theme='dark'] .progress-proof-mini-me-chip.nudge{
  color:#c8d2ef !important;
}

html[data-theme='dark'] .progress-proof-mini-me-detail-label{
  color:#c5cbd3 !important;
}

html[data-theme='dark'] .progress-proof-mini-me-stat-label{
  color:#c5cbd3 !important;
}

html[data-theme='dark'] .progress-proof-trend.trend-down{
  color:#efddc8 !important;
}

html[data-theme='dark'] .progress-proof-trend.trend-flat{
  color:#b0c1e8 !important;
}

html[data-theme='dark'] .progress-proof-trend.trend-up{
  color:#c8efd9 !important;
}

html[data-theme='dark'] .progress-proof-window{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .side-menu-daily-tooltip.is-active{
  background-color:rgba(28, 41, 59, .94);
}

html[data-theme='dark'] .side-menu-daily-tooltip.is-complete{
  background-color:rgba(28, 59, 39, .94);
}

html[data-theme='dark'] .side-menu-daily-tooltip.is-locked{
  background-color:rgba(22, 33, 45, .94);
}

html[data-theme='dark'] .side-menu-daily-tooltip.is-pending{
  background-color:rgba(59, 52, 28, .94);
}

html[data-theme='dark'] .side-menu-item.is-active{
  background-image:linear-gradient(135deg, rgba(28, 41, 59, .92) 0, rgba(22, 32, 45, .94) 100%) !important;
}

html[data-theme='dark'] .side-menu-item.is-featured{
  background-image:linear-gradient(135deg, rgba(22, 27, 45, .92) 0, rgba(25, 22, 45, .88) 100%) !important;
}

html[data-theme='dark'] .side-menu-item.is-featured.is-active{
  background-image:linear-gradient(135deg, rgba(28, 35, 59, .98) 0, rgba(26, 22, 45, .96) 100%) !important;
}

html[data-theme='dark'] .side-menu-item__daily-beacon.is-active{
  color:#b0c2e8;
}

html[data-theme='dark'] .side-menu-item__daily-pill.is-active{
  background-color:rgba(28, 41, 59, .94);
}

html[data-theme='dark'] .side-menu-item__daily-pill.is-complete{
  background-color:rgba(28, 59, 39, .94);
}

html[data-theme='dark'] .side-menu-item__daily-pill.is-locked{
  background-color:rgba(22, 33, 45, .94);
}

html[data-theme='dark'] .side-menu-item__daily-pill.is-pending{
  background-color:rgba(59, 52, 28, .94);
}

html[data-theme='dark'] .side-menu-item__icon--featured{
  color:#b3b0e8;
}

html[data-theme='dark'] .side-menu-toggle{
  color:#b0bfe8 !important;
}

html[data-theme='dark'] .tabs-trigger{
  color:#d4dae2;
}

html[data-theme='dark'] .view-all-button{
  color:#c8d4ef !important;
}

html[data-theme='dark'] .water-button.ghost{
  color:#c8e1ef;
}

html[data-theme='dark'] .water-card{
  background-color:rgba(24, 34, 53, .7);
}

html[data-theme='dark'] .water-detail-item{
  background-image:linear-gradient(180deg, #1c2e3b, #182235 60%);
}

html[data-theme='dark'] .water-nav-button{
  color:#c8e1ef;
}

html[data-theme='dark'] .water-page{
  background-color:#16212d;
}

html[data-theme='dark'] .workspace-action-item small{
  color:#b0c2e8;
}

html[data-theme='dark'] .workspace-action-item span{
  color:#b0c2e8;
}

html[data-theme='dark'] .workspace-client-preview > span{
  color:#b0c2e8;
}

html[data-theme='dark'] .workspace-guidance-card span{
  color:#b0c2e8;
}

html[data-theme='dark'] .workspace-hero-card span{
  color:#b0c2e8;
}

html[data-theme='dark'] .workspace-progress-disclosure-icon{
  color:#c5b0e8;
}
html[data-theme='dark'] .bg-gray-50 .text-primary-color,
html[data-theme='dark'] .bg-gray-50.text-primary-color{
  color:#22489e;
}

html[data-theme='dark'] .bg-soft-light-green .text-primary-color,
html[data-theme='dark'] .bg-soft-light-green.text-primary-color{
  color:#22489e;
}

html[data-theme='dark'] .bg-white .delete-loading-state,
html[data-theme='dark'] .bg-white.delete-loading-state{
  color:#4b5563;
}

html[data-theme='dark'] .bg-white .delete-privacy-note,
html[data-theme='dark'] .bg-white.delete-privacy-note{
  color:#666666;
}

html[data-theme='dark'] .bg-white .delete-section-title,
html[data-theme='dark'] .bg-white.delete-section-title{
  color:#22489e;
}

html[data-theme='dark'] .bg-white .delete-subsection-title,
html[data-theme='dark'] .bg-white.delete-subsection-title{
  color:#333333;
}

html[data-theme='dark'] .bg-white .privacy-meta,
html[data-theme='dark'] .bg-white.privacy-meta{
  color:#555555;
}

html[data-theme='dark'] .bg-white .privacy-section-title,
html[data-theme='dark'] .bg-white.privacy-section-title{
  color:#22489e;
}

html[data-theme='dark'] .bg-white .privacy-subsection-title,
html[data-theme='dark'] .bg-white.privacy-subsection-title{
  color:#333333;
}

html[data-theme='dark'] .bg-white .text-primary-color,
html[data-theme='dark'] .bg-white.text-primary-color{
  color:#22489e;
}

html[data-theme='dark'] .bg-white .text-text-color,
html[data-theme='dark'] .bg-white.text-text-color{
  color:#718096;
}

:root{
  --sidebar-current:72px;
  --appbar-left-offset:72px;
  --appbar-height:64px;
  --appbar-safe-area-top:env(safe-area-inset-top, 0px);
  --appbar-total-height:calc(var(--appbar-height) + var(--appbar-safe-area-top));
  --app-page-canvas:linear-gradient(180deg, #f7fbff 0%, #f2f7fd 100%);
  --app-shell-z-appbar:1100;
  --app-shell-z-brand-stripe:1101;
  --app-shell-z-drawer:1200;
  --app-shell-z-modal:1300;
}
body .app-frame.sidebar-open,
body.sidebar-open{
  --sidebar-current:268px;
  --appbar-left-offset:268px;
}
html,
body,
body #root{
  background:linear-gradient(180deg, #f7fbff 0, #f2f7fd 100%);
  background:var(--app-page-canvas);
  min-height:100%;
}

body .app-frame,
body .App-container{
  min-width:0;
  width:100%;
}

body .app-frame{
  background:linear-gradient(180deg, #f7fbff 0, #f2f7fd 100%);
  background:var(--app-page-canvas);
  min-height:100dvh;
  overflow-x:clip;
}

@media (max-width: 768px){
  :root{
    --sidebar-current:0px;
    --appbar-left-offset:0px;
    --appbar-height:56px;
  }
}

body .app-appbar,
body .MuiAppBar-root{
  box-sizing:border-box !important;
  display:flex !important;
  height:calc(64px + env(safe-area-inset-top, 0px)) !important;
  height:var(--appbar-total-height) !important;
  justify-content:center !important;
  left:72px !important;
  left:var(--appbar-left-offset) !important;
  padding-top:env(safe-area-inset-top, 0) !important;
  padding-top:var(--appbar-safe-area-top) !important;
  position:fixed !important;
  right:0 !important;
  top:0 !important;
  width:auto !important;
  z-index:1100 !important;
  z-index:var(--app-shell-z-appbar) !important;
}

body .app-frame main.main-content.App-content{
  background:linear-gradient(180deg, #f7fbff 0, #f2f7fd 100%);
  background:var(--app-page-canvas);
  box-sizing:border-box;
  margin-left:72px !important;
  margin-left:var(--appbar-left-offset) !important;
  margin-right:0 !important;
  min-height:100dvh;
  min-width:0;
  padding-top:calc(64px + env(safe-area-inset-top, 0px)) !important;
  padding-top:var(--appbar-total-height) !important;
  padding-inline:clamp(12px, 2.4vw, 28px) !important;
  padding-bottom:max(20px, env(safe-area-inset-bottom, 0px)) !important;
  transition:margin-left .3s ease !important;
  width:auto !important;
}

@media (max-width: 768px){
  body .app-frame main.main-content.App-content{
    margin-left:0 !important;
    padding-inline:max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-bottom:max(16px, env(safe-area-inset-bottom, 0px)) !important;
    padding-right:max(16px, env(safe-area-inset-right, 0px)) !important;
  }
}
body .MuiDialog-root{
  left:0 !important;
  width:100% !important;
  z-index:1300 !important;
  z-index:var(--app-shell-z-modal) !important;
}

body .MuiDrawer-root.MuiModal-root{
  z-index:1200 !important;
  z-index:var(--app-shell-z-drawer) !important;
}
body .home-page{
  background:transparent;
}

.home-page-hero-shell{
  container-type:inline-size;
}

.home-hero-layout{
  align-items:start;
  display:grid;
  grid-template-areas:"kicker kicker" "title title" "avatar greeting" "context greeting";
  grid-template-columns:minmax(360px, 380px) minmax(0, 600px);
  justify-content:center;
  grid-column-gap:28px;
  column-gap:28px;
  grid-row-gap:16px;
  row-gap:16px;
}

.home-hero-layout > *{
  min-width:0;
}

.home-hero-layout .home-wellness-kicker{
  grid-area:kicker;
}

.home-hero-layout .home-greeting-title{
  grid-area:title;
  margin:0 !important;
  text-align:center;
  width:100%;
}

.home-hero-layout .home-reveal-greeting{
  grid-area:greeting;
  width:100%;
}

.home-hero-layout .home-reveal-greeting .home-guide-decision{
  margin-top:0;
}

.home-hero-layout .home-reveal-avatar{
  align-items:center !important;
  flex-direction:row !important;
  gap:40px !important;
  grid-area:avatar;
  justify-content:center;
  width:100%;
}

.home-hero-layout .home-guide-context-card{
  grid-area:context;
  margin-top:0 !important;
  width:100%;
}

.home-hero-layout .home-avatar-actions{
  align-items:center !important;
  flex-direction:column !important;
  margin-top:0 !important;
}
@container (min-width: 821px){
  .home-hero-layout .home-reveal-greeting{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    min-width:0;
  }

  .home-hero-layout .home-guide-context-card{
    align-content:center;
    align-self:stretch;
  }

  .home-hero-layout .home-reveal-greeting .home-guide-decision{
    align-self:stretch;
    flex:1 1 auto;
    min-height:0;
  }

  .home-hero-layout .home-reveal-greeting .home-guide-decision:not(.home-guide-decision--loading){
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}

@container (max-width: 820px){
  .home-hero-layout{
    grid-template-areas:"kicker" "title" "greeting" "avatar" "context";
    grid-template-columns:minmax(0, 1fr);
    justify-items:center;
  }

  .home-hero-layout .home-wellness-kicker{
    order:initial;
  }

  .home-hero-layout .home-reveal-greeting{
    text-align:center !important;
    width:100%;
  }

  .home-hero-layout .home-reveal-greeting .home-guide-decision{
    margin-top:18px;
  }

  .home-hero-layout .home-header-signals{
    justify-content:center !important;
  }

  .home-hero-layout .home-reveal-avatar{
    align-items:center !important;
    max-width:520px;
    order:initial;
    width:min(100%, 520px) !important;
  }

  .home-hero-layout .home-avatar-actions{
    width:auto;
  }

  .home-hero-layout .home-journey-btn{
    width:100% !important;
  }
}

@container (max-width: 520px){
  .home-hero-layout .home-reveal-avatar{
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:16px !important;
  }
}

.avatar-creation-container{
  align-items:center;
  background-color:var(--surface-tone-98);
  display:flex;
  flex-direction:column;
  min-height:auto;
  padding:20px;
  padding-bottom:0;
}

.avatar-display{
  align-items:center;
  background:var(--surface-panel);
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0 auto 20px;
  max-width:350px;
  padding:20px;
  text-align:center;
  width:100%;
}

.avatar-display svg{
  display:block;
  margin:0 auto;
}

.message{
  color:var(--text-tone-315);
  font-style:italic;
  margin-top:10px;
}

.options-grid{
  margin:0 auto;
  max-width:1200px;
  width:100%;
}

.features-carousel{
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:20px 0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.features-carousel::-webkit-scrollbar{
  display:none;
}

.feature-card{
  margin-right:16px;
  min-width:200px;
  position:relative;
}

.feature-card h6{
  text-transform:capitalize;
}

.feature-title{
  display:block;
  font-size:1rem !important;
  margin-top:4px !important;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  width:100%;
}

.feature-number{
  align-items:center;
  background-color:#22489E;
  border-radius:50%;
  color:white;
  display:flex;
  font-size:.8rem;
  font-weight:bold;
  height:20px;
  justify-content:center;
  left:8px;
  position:absolute;
  top:8px;
  width:20px;
  z-index:1;
}

.feature-description{
  color:var(--text-tone-315);
  margin-bottom:12px;
}

.options-carousel-container{
  padding:0 20px;
  position:relative;
}

.carousel-arrow{
  align-items:center;
  background-color:var(--surface-tone-184);
  border-radius:50%;
  box-shadow:0 2px 4px rgba(0,0,0,.2);
  cursor:pointer;
  display:flex;
  height:32px;
  justify-content:center;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .2s ease;
  width:32px;
  z-index:10;
}

.carousel-arrow:hover{
  background-color:#22489E;
  color:white;
}

.carousel-arrow.left{
  left:5px;
}

.carousel-arrow.right{
  right:5px;
}

.options-carousel{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:5px 0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.options-carousel::-webkit-scrollbar{
  display:none;
}

.option-card{
  min-width:120px;
  text-align:center;
}

.option-card .MuiTypography-root{
  display:block;
  font-size:.8rem;
  margin-bottom:0;
  margin-top:2px;
  padding:2px 0;
  text-align:center;
  text-transform:capitalize;
  width:100%;
  word-break:break-word;
}
@media (max-width: 768px){
  .avatar-creation-container{
    min-height:calc(100dvh - 64px);
    min-height:calc(100dvh - var(--appbar-height, 64px));
    padding:8px 10px 12px;
  }
  .avatar-creation-container .options-grid{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    justify-content:center;
  }
  .avatar-creation-container .heading{
    font-size:1.15rem;
    margin-bottom:4px;
  }
  .avatar-display{
    margin:0 auto 12px;
    max-width:min(92vw, 360px);
    padding:14px;
  }

  .avatar-display svg{
    height:clamp(150px, 32vh, 320px);
    height:clamp(150px, 32dvh, 320px);
    width:clamp(150px, 32vh, 320px);
    width:clamp(150px, 32dvh, 320px);
  }

  .message{
    font-size:.8rem;
    line-height:1.2;
    margin-top:4px;
  }

  .reset-avatar-button{
    margin-top:4px !important;
  }

  .features-carousel{
    padding:6px 0;
  }

  .feature-card{
    margin-right:12px;
    min-width:210px;
  }

  .feature-card .MuiCardContent-root{
    padding-bottom:8px !important;
  }

  .mini-avatar-preview{
    height:clamp(96px, 17vh, 160px);
    height:clamp(96px, 17dvh, 160px);
    width:clamp(96px, 17vh, 160px);
    width:clamp(96px, 17dvh, 160px);
  }

  .feature-number{
    font-size:.75rem;
    height:18px;
    left:8px;
    top:8px;
    width:18px;
  }
  
  .feature-title{
    font-size:.85rem !important;
    margin-bottom:4px !important;
    margin-left:0 !important;
    padding-bottom:4px !important;
    padding-top:8px !important;
    text-align:center !important;
  }
}

.mini-avatar-preview{
  background-color:rgba(240, 245, 255, .5);
  border-radius:50%;
  height:100px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  width:100px;
}
.feature-card .mini-avatar-preview{
  box-shadow:0 0 8px rgba(25, 118, 210, .25);
  transition:transform .2s, box-shadow .2s;
}

.feature-card:hover .mini-avatar-preview{
  box-shadow:0 0 12px rgba(25, 118, 210, .4);
  transform:scale(1.05);
}

.back-button-container{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin:8px 0;
  padding:0 10px;
  position:relative;
  width:100%;
}

.back-button{
  font-size:.875rem !important;
  justify-content:flex-start !important;
  max-width:150px;
  min-height:32px !important;
  padding:4px 12px !important;
  position:relative;
  width:auto;
  z-index:2;
}

.category-title{
  color:var(--text-tone-157);
  font-weight:500;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  text-align:center;
  text-transform:capitalize;
  z-index:1;
}

.options-title{
  color:var(--text-tone-157);
  margin:16px 0;
  text-align:center;
}

.feature-section{
  margin-bottom:24px;
}
.feature-card .MuiTypography-caption{
  background-color:rgba(25, 118, 210, .05);
  border-radius:4px;
  color:#22489E;
  color:var(--primary-color, #22489E);
  display:inline-block;
  font-size:.75rem;
  padding:2px 8px;
}
.reset-avatar-button{
  font-size:.875rem !important;
  padding:6px 12px !important;
}
@media (max-width: 768px){
  .back-button-container{
    margin:2px 0;
  }

  .back-button{
    font-size:.75rem !important;
    max-width:120px;
    padding:4px 8px !important;
  }
  
  .back-button svg{
    font-size:.75rem !important;
    margin-right:.25em !important;
  }
  
  .category-title{
    font-size:.9rem;
  }
  
  .reset-avatar-button{
    font-size:.75rem !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    min-width:initial !important;
    padding:3px 8px !important;
  }
}
@media (max-width: 768px){
  .feature-card .MuiTypography-caption{
    font-size:.7rem;
    margin-bottom:6px !important;
    margin-top:0 !important;
    padding:1px 6px;
  }
}
.avatar-loading-placeholder{
  align-items:center;
  display:flex;
  height:280px;
  justify-content:center;
  width:264px;
}

@media (max-width: 768px){
  .avatar-loading-placeholder{
    height:clamp(150px, 32vh, 320px);
    height:clamp(150px, 32dvh, 320px);
    width:clamp(150px, 32vh, 320px);
    width:clamp(150px, 32dvh, 320px);
  }
}

.loading-avatar{
  align-items:center;
  animation:pulse 1.5s infinite;
  display:flex;
  height:100%;
  justify-content:center;
  opacity:.6;
  width:100%;
}

.loading-avatar img{
  height:200px;
  object-fit:contain;
  width:200px;
}

@keyframes pulse{
  0%{
    opacity:.6;
  }
  50%{
    opacity:.3;
  }
  100%{
    opacity:.6;
  }
}

@keyframes cascadeFadeIn{
  from{
    opacity:0;
    transform:translateY(10px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

.animate-cascade{
  animation:cascadeFadeIn .5s ease backwards;
}

.delay-1{
  animation-delay:.1s;
}

.delay-2{
  animation-delay:.2s;
}

.delay-3{
  animation-delay:.3s;
}

.delay-4{
  animation-delay:.4s;
}

.delay-5{
  animation-delay:.5s;
}

.delay-6{
  animation-delay:.6s;
}

@keyframes fusesoul-spin{
  to{
    transform:rotate(1turn);
  }
}

input,
textarea,
select,
button{
  font-size:16px;
}
.home-page .feature-highlight{
  color:var(--primary-color);
  font-weight:600;
  margin-left:4px;
  margin-right:4px;
}

.home-page-comic-bubble{
  animation:bubble-pop .16s ease-out;
  background:var(--surface-panel);
  border:3px solid var(--home-comic-ink);
  border-radius:18px;
  box-shadow:4px 4px 0 var(--home-comic-ink);
  font-family:"Comic Neue", "Comic Sans MS", cursive;
}

@keyframes bubble-pop{
  0%{ opacity:0; transform:scale(.8); }
  80%{ transform:scale(1.08); }
  100%{   opacity:1; transform:scale(1); }
}
.home-page .comic-btn{
  border:2px solid var(--home-comic-ink) !important;
  color:var(--home-comic-ink) !important;
  font-weight:700 !important;
  text-transform:none !important;
}
.home-page .comic-btn:hover{
  background:var(--surface-tone-25) !important;
  transform:scale(1.02);
}
.home-page .comic-cancel{
  color:var(--home-comic-muted) !important;
}
.home-page .comic-cancel:hover{
  background:rgba(44,62,147,.05) !important;
  color:var(--home-comic-ink) !important;
}
.home-page-comic-bubble{
  margin-right:15px;
  position:relative;
  z-index:1;
}

.home-page-comic-bubble::before{
  background:var(--surface-panel);
  border:3px solid var(--home-comic-ink);
  border-bottom:none;
  border-left:none;
  box-shadow:2px -2px 3px -1px rgba(0,0,0,.1);
  content:'';
  height:18px;
  position:absolute;
  right:-12px;
  top:20px;
  transform:rotate(45deg);
  width:18px;
  z-index:-1;
}

@media (max-width: 768px){
  .home-page-comic-bubble{
    margin-right:0;
  }
  .home-page-comic-bubble::before{
    background:var(--surface-panel);
    border:3px solid var(--home-comic-ink);
    border-left:none;
    border-top:none;
    bottom:-10px;
    left:50%;
    right:auto;
    top:auto;
    transform:translateX(-50%) rotate(45deg);
  }
}

@keyframes homeAvatarJump{
  0%, 100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-10px);
  }
}

.home-page .home-avatar-jumping{
  animation:homeAvatarJump .5s ease-in-out;
}
.home-page .feature-highlight{
  display:inline-block;
  position:relative;
  z-index:1;
}

.home-page .feature-highlight a{
  color:var(--text-tone-127);
  font-weight:700;
  position:relative;
  text-decoration:none;
  transition:all .2s ease;
  white-space:nowrap;
}

.home-page .feature-highlight a::after{
  background-color:rgba(44, 62, 147, .2);
  bottom:0;
  content:'';
  height:2px;
  left:0;
  position:absolute;
  transform:scaleX(.9);
  transform-origin:bottom right;
  transition:transform .3s ease;
  width:100%;
  z-index:-1;
}

.home-page .feature-highlight a:hover{
  color:var(--text-tone-58);
  text-decoration:none;
}

.home-page .feature-highlight a:hover::after{
  background-color:rgba(26, 42, 90, .2);
  height:100%;
  transform:scaleX(1);
}
@keyframes sentenceExit{
  from{
    opacity:1;
    transform:translateY(0);
  }
  to{
    opacity:0;
    transform:translateY(-10px);
  }
}

@keyframes sentenceEnter{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.home-page .sentence-exit{
  animation:sentenceExit .3s ease-out forwards;
}

.home-page .sentence-enter{
  animation:sentenceEnter .3s ease-out forwards;
}
@keyframes buttonJump{
  0%, 100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-8px);
  }
}

.home-page .jumping-button{
  animation:buttonJump 1s ease-in-out infinite;
}
@keyframes featureLinkFadeIn{
  from{
    opacity:.7;
    transform:translateY(2px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.home-page .feature-highlight,
.home-page .feature-highlight a{
  transition:all .2s ease;
}
.home-page .MuiBox-root .goal-edit-avatar-bg{
  align-items:center !important;
  display:flex !important;
  justify-content:center !important;
  left:auto !important;
  margin:0 auto !important;
  position:relative !important;
  right:auto !important;
  top:auto !important;
}

.home-page .goal-edit-avatar-inline{
  margin-bottom:8px;
  margin-top:8px;
  position:static !important;
}
@keyframes jumpingAvatarOuter{
  0%, 100%{
    box-shadow:0 8px 24px rgba(59, 130, 246, .25); 
    transform:translateY(0);
  }
  50%{
    box-shadow:0 12px 32px rgba(59, 130, 246, .4); 
    transform:translateY(-10px);
  }
}

.home-page .jumping-avatar-outer{
  animation:jumpingAvatarOuter 1.2s ease-in-out infinite !important;
}
@keyframes homeRevealUp{
  0%{
    opacity:0;
    transform:translateY(18px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.home-page .home-reveal{
  animation:homeRevealUp .68s cubic-bezier(.22, 1, .36, 1) forwards;
  opacity:0;
}

.home-page .home-reveal-header{
  animation-delay:70ms;
}

.home-page .home-reveal-greeting{
  animation-delay:.14s;
}

.home-page .home-reveal-quote{
  animation-delay:.22s;
}

.home-page .home-reveal-avatar{
  animation-delay:.3s;
}

.home-page .home-reveal-hub{
  animation-delay:.36s;
}

.home-page .home-quote-card{
  isolation:isolate;
  overflow:hidden;
  position:relative;
}

.home-page .home-quote-glow{
  background:radial-gradient(circle, rgba(59, 130, 246, .18) 0, rgba(139, 92, 246, .06) 45%, transparent 75%);
  border-radius:50%;
  filter:blur(1px);
  height:180px;
  pointer-events:none;
  position:absolute;
  right:-70px;
  top:-88px;
  width:180px;
}

.home-page .home-quote-text{
  text-wrap:pretty;
}

.home-page .home-quote-author{
  opacity:.9;
}

.home-page .home-guide-decision{
  -webkit-backdrop-filter:blur(18px);
          backdrop-filter:blur(18px);
  background:radial-gradient(circle at 100% 0, rgba(70, 102, 181, .12), transparent 34%), var(--surface-tone-201);
  border:1px solid var(--home-card-border);
  border-radius:28px;
  box-shadow:0 18px 40px rgba(34, 72, 158, .1);
  box-sizing:border-box;
  margin:24px auto 0;
  min-width:0;
  padding:clamp(22px, 3vw, 32px);
  text-align:left;
  width:min(100%, 620px);
}

.home-page .home-wellness-kicker{
  display:flex;
  grid-column:1 / -1;
  justify-content:center;
  margin-bottom:2px;
  width:100%;
}

.home-page .home-wellness-kicker span{
  align-items:center;
  background:var(--surface-tone-173);
  border:1px solid rgba(37, 99, 235, .16);
  border-radius:999px;
  box-shadow:0 8px 22px rgba(37, 99, 235, .07);
  color:var(--home-accent);
  display:inline-flex;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.09em;
  min-height:34px;
  padding:0 15px;
  text-transform:uppercase;
}
.home-page .home-greeting-title span{
  color:var(--text-tone-85);
}

.home-page .home-header-signals{
  display:none !important;
}

.home-page .home-guide-decision--loading{
  display:grid;
  grid-gap:10px;
  gap:10px;
  min-height:266px;
}

.home-page .home-guide-decision__recommendation{
  animation:home-guide-option-enter .18s ease-out;
  min-width:0;
  overflow-wrap:anywhere;
}

@keyframes home-guide-option-enter{
  from{
    opacity:.45;
    transform:translateY(3px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

.home-page .home-guide-decision__eyebrow{
  align-items:center;
  color:var(--text-tone-85);
  display:flex;
  font-size:.74rem;
  font-weight:850;
  gap:11px;
  letter-spacing:.09em;
  line-height:1.5;
  padding-left:5px;
  text-transform:uppercase;
}

.home-page .home-guide-decision__eyebrow span{
  background:var(--text-tone-85);
  border-radius:50%;
  box-shadow:0 0 0 5px var(--border-subtle);
  flex:0 0 8px;
  height:8px;
  width:8px;
}

.home-page .home-guide-decision__title{
  color:var(--text-tone-40);
  font-size:clamp(1.45rem, 3vw, 2rem);
  font-weight:850;
  letter-spacing:-.035em;
  line-height:1.2;
  margin:14px 0 0;
  text-wrap:balance;
}

.home-page .home-guide-decision__summary{
  color:var(--text-tone-244);
  font-size:.98rem;
  line-height:1.6;
  margin-top:12px;
  max-width:54ch;
}

.home-page .home-guide-decision__reason{
  margin-top:6px;
}

.home-page .home-guide-decision__reason-trigger{
  color:var(--text-tone-173);
  font-size:.8125rem;
  font-weight:760;
  min-height:32px;
  padding:0;
  text-transform:none;
}

.home-page .home-guide-decision__reason-detail{
  color:var(--text-tone-244);
  font-size:.92rem;
  line-height:1.6;
  margin-top:6px;
  max-width:54ch;
}
.home-page .home-guide-decision__activity{
  display:grid;
  margin-top:16px;
  grid-gap:12px;
  background:var(--surface-tone-126);
  border:1px solid var(--home-card-hairline);
  border-radius:16px;
  gap:12px;
  padding:18px;
}
.home-page .home-guide-decision__activity[hidden]{
  display:none;
}

.home-page .home-guide-decision__activity-meta{
  align-items:center;
  color:var(--text-tone-306);
  display:flex;
  font-size:.82rem;
  font-weight:650;
  gap:6px;
  margin-top:16px;
}

.home-page .home-guide-decision__capture{
  border:0;
  border-top:1px solid var(--home-card-hairline);
  margin:6px 0 0;
  min-width:0;
  padding:18px 0 0;
}

.home-page .home-guide-decision__response-label{
  color:var(--text-tone-106);
  font-size:.9rem;
  font-weight:750;
  line-height:1.5;
  margin:0;
}

.home-page .home-guide-decision__response-label span,
.home-page .home-guide-decision__capture-hint{
  color:var(--text-tone-259);
  font-size:.8rem;
  font-weight:400;
}

.home-page .home-guide-decision__retired{
  background:var(--surface-tone-99);
  border:1px solid var(--home-card-hairline);
  border-radius:12px;
  color:var(--text-tone-244);
  font-size:.9rem;
  line-height:1.6;
  margin-top:20px;
  padding:14px 16px;
}

.home-page .home-guide-decision__hypothesis-response{
  display:grid;
  grid-gap:12px;
  gap:12px;
  margin-top:22px;
}

.home-page .home-guide-decision__hypothesis-options{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-gap:8px;
  gap:8px;
}

.home-page .home-guide-decision__hypothesis-options .MuiButton-root{
  border-color:var(--border-tone-21);
  border-radius:12px;
  color:var(--text-tone-149);
  font-size:.85rem;
  font-weight:700;
  min-height:48px;
  min-width:0;
  padding:10px;
  text-transform:none;
}

.home-page .home-guide-decision__hypothesis-options .MuiButton-root[aria-pressed="true"]{
  background:var(--surface-tone-45);
  border-color:#4265bd;
}

.home-page .home-guide-decision__response-form{
  box-sizing:border-box;
  display:grid;
  width:100%;
  grid-gap:10px;
  background:var(--surface-tone-106);
  border:1px solid var(--home-card-hairline);
  border-radius:14px;
  gap:10px;
  padding:16px;
}

.home-page .home-guide-decision__response-form label{ color:var(--text-tone-106); font-size:.9rem; font-weight:700; }
.home-page .home-guide-decision__response-form > span,
.home-page .home-guide-decision__response-form label span{ color:var(--text-tone-259); font-size:.78rem; font-weight:400; }
.home-page .home-guide-decision__response-form textarea{
  background:var(--surface-panel);
  border:1px solid #b8c7de;
  border-radius:10px;
  box-sizing:border-box;
  color:var(--text-tone-106);
  font:inherit;
  font-size:1rem;
  line-height:1.5;
  min-height:100px;
  padding:12px;
  resize:vertical;
  width:100%;
}
.home-page .home-guide-decision__response-form textarea:focus{ outline:2px solid #4265bd; outline-offset:2px; }
.home-page .home-guide-decision__response-form .MuiButton-root{ background:#3154a4; border-radius:10px; color:#ffffff; min-height:46px; text-transform:none; }
.home-page .home-guide-decision__response-form .MuiButton-root:hover{ background:#254386; }
.home-page .home-guide-decision__response-form .MuiButton-root.Mui-disabled{ background:var(--surface-tone-13); color:var(--text-tone-306); }
.home-page .home-guide-decision__composer-hint{ color:var(--text-tone-259); font-size:.78rem; line-height:1.5; }

.home-page .home-guide-decision__activity-steps{
  display:grid;
  list-style:decimal;
  margin:6px 0 0;
  padding-left:22px;
  grid-gap:8px;
  gap:8px;
}

.home-page .home-guide-decision__activity-steps li{
  color:var(--text-tone-65);
  font-size:.92rem;
  font-weight:600;
  line-height:1.5;
  padding-left:4px;
}

.home-page .home-guide-decision__activity .MuiButton-root{
  border-radius:12px;
  font-weight:720;
  min-height:44px;
  text-transform:none;
}

.home-page .home-guide-decision__activity .MuiButton-text{
  color:var(--text-tone-173);
  padding-left:0;
}

.home-page .home-guide-decision__activity .MuiButton-contained{
  background:#22489E;
  box-shadow:none;
  color:#ffffff;
}

.home-page .home-guide-decision__activity .MuiButton-contained:hover{
  background:#1A3678;
}

.home-page .home-guide-decision__activity .MuiButton-outlined{
  border-color:rgba(34, 72, 158, .28);
  color:var(--text-tone-85);
}

.home-page .home-guide-decision__activity .MuiOutlinedInput-root{
  border-radius:12px;
}

.home-page .home-guide-decision__focus{
  display:grid;
  grid-gap:3px;
  background:transparent;
  border:none;
  border-radius:0;
  gap:3px;
  margin-top:14px;
  padding:0;
}

.home-page .home-guide-decision__focus > span{
  color:var(--text-tone-85);
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-page .home-guide-decision__focus p{
  color:var(--text-tone-65);
  font-size:.92rem;
  font-weight:750;
  line-height:1.45;
}

.home-page .home-guide-decision__focus .home-guide-decision__finish{
  color:var(--text-tone-306);
  font-size:.82rem;
  font-weight:500;
  margin-top:2px;
}

.home-page .home-guide-decision__primary{
  background:linear-gradient(135deg, #22489E 0, #1A3678 100%);
  border-radius:16px;
  box-shadow:0 8px 18px rgba(34, 72, 158, .16);
  color:#ffffff;
  font-size:.98rem;
  font-weight:800;
  line-height:1.45;
  margin-top:22px;
  min-height:54px;
  padding:14px 20px;
  text-align:center;
  text-transform:none;
  text-wrap:balance;
  width:100%;
}

.home-page .home-guide-decision__primary:hover{
  background:linear-gradient(135deg, #1A3678 0, #152a5c 100%);
  box-shadow:0 10px 22px rgba(34, 72, 158, .2);
}

.home-page .home-guide-decision__primary.Mui-disabled{
  background:var(--surface-tone-29);
  box-shadow:none;
  color:var(--text-tone-244);
}

.home-page .home-guide-decision .MuiButton-root{
  max-width:100%;
  overflow-wrap:anywhere;
  white-space:normal;
}

.home-page .home-guide-decision .MuiButton-endIcon{
  flex-shrink:0;
  margin-left:10px;
  margin-right:0;
}

.home-page .home-guide-decision .MuiButton-root:focus-visible{
  outline:3px solid var(--home-accent);
  outline-offset:3px;
}

.home-page .home-guide-decision__alignment{
  display:grid;
  grid-gap:10px;
  background:var(--home-card-wash);
  border:1px solid rgba(37, 99, 235, .16);
  border-radius:17px;
  gap:10px;
  margin-top:18px;
  padding:15px;
}

.home-page .home-guide-decision__alignment-question{
  color:var(--text-tone-65);
  font-size:.9rem;
  font-weight:780;
}

.home-page .home-guide-decision__alignment-options{
  display:grid;
  grid-gap:8px;
  gap:8px;
}

.home-page .home-guide-decision__alignment-options .home-guide-decision__alignment-option{
  border-radius:13px;
  font-size:.82rem;
  font-weight:760;
  justify-content:flex-start;
  line-height:1.3;
  min-height:44px;
  padding:9px 13px;
  text-align:left;
  text-transform:none;
  width:100%;
}

.home-page .home-guide-decision__alignment-options .MuiButton-contained{
  background:linear-gradient(135deg, #2563eb 0, #4f46e5 100%);
  color:#ffffff;
}

.home-page .home-guide-decision__topic-picker{
  display:grid;
  grid-gap:16px;
  gap:16px;
  margin-top:24px;
}

.home-page .home-guide-decision__primary.home-guide-decision__primary--collapse{
  background:var(--surface-tone-100);
  border:1px solid var(--home-card-hairline);
  box-shadow:none;
  color:var(--text-tone-173);
  font-size:.85rem;
  min-height:44px;
  padding:10px 14px;
}

.home-page .home-guide-decision__topic-picker-options{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-gap:10px;
  gap:10px;
}

.home-page .home-guide-decision__topic-chip{
  background:var(--surface-tone-182);
  border:1px solid var(--home-card-hairline);
  border-radius:16px;
  color:var(--text-tone-106);
  gap:12px;
  justify-content:flex-start;
  min-height:86px;
  min-width:0;
  padding:14px;
  text-align:left;
  text-transform:none;
  transition:border-color .16s ease, background-color .16s ease;
}

.home-page .home-guide-decision__topic-chip:hover,
.home-page .home-guide-decision__topic-chip[aria-expanded="true"]{
  background:var(--surface-tone-71);
  border-color:#829cda;
}

.home-page .home-guide-decision__topic-chip:focus-visible{
  outline:3px solid #4265bd;
  outline-offset:3px;
}

.home-page .home-guide-decision__topic-icon{
  background:var(--surface-tone-58);
  border-radius:11px;
  color:var(--text-tone-210);
  display:grid;
  flex-shrink:0;
  height:36px;
  place-items:center;
  width:36px;
}

.home-page .home-guide-decision__topic-copy{ display:grid; grid-gap:4px; gap:4px; }
.home-page .home-guide-decision__topic-copy strong{ font-size:.9rem; line-height:1.3; }
.home-page .home-guide-decision__topic-copy > span{ color:var(--text-tone-259); font-size:.75rem; line-height:1.4; }

.home-page .home-guide-decision__custom-topic{
  display:grid;
  grid-gap:10px;
  background:var(--surface-tone-106);
  border:1px solid var(--home-card-hairline);
  border-radius:16px;
  gap:10px;
  padding:18px;
}

.home-page .home-guide-decision__custom-topic label{ color:var(--text-tone-106); font-size:.9rem; font-weight:700; }
.home-page .home-guide-decision__custom-topic textarea{
  background:var(--surface-panel);
  border:1px solid #b8c7de;
  border-radius:10px;
  box-sizing:border-box;
  color:var(--text-tone-106);
  font:inherit;
  font-size:1rem;
  line-height:1.5;
  min-height:100px;
  padding:12px;
  resize:vertical;
  width:100%;
}
.home-page .home-guide-decision__custom-topic textarea:focus{ outline:2px solid #4265bd; outline-offset:2px; }
.home-page .home-guide-decision__custom-topic textarea::placeholder{ color:var(--text-tone-314); opacity:1; }
.home-page .home-guide-decision__custom-topic-meta{ color:var(--text-tone-259); display:flex; font-size:.75rem; gap:12px; justify-content:space-between; }
.home-page .home-guide-decision__custom-topic .MuiButton-root{ background:#3154a4; border-radius:11px; color:#ffffff; min-height:46px; text-transform:none; }
.home-page .home-guide-decision__custom-topic .MuiButton-root:hover{ background:#254386; }
.home-page .home-guide-decision__custom-topic .MuiButton-root.Mui-disabled{ background:var(--surface-tone-13); color:var(--text-tone-306); }

@media (max-width: 480px){
  .home-page .home-guide-decision__topic-picker-options{ gap:8px; }
  .home-page .home-guide-decision__topic-chip{ align-items:flex-start; flex-direction:column; gap:9px; padding:12px; }
  .home-page .home-guide-decision__custom-topic{ padding:12px; }
}

@media (prefers-reduced-motion: reduce){
  .home-page .home-guide-decision__topic-chip{ transition:none; }
}

.home-page .home-guide-decision__feedback{
  display:grid;
  justify-items:center;
  margin-top:8px;
}

.home-page .home-guide-decision__feedback-trigger{
  color:var(--text-tone-173);
  font-size:.8125rem;
  font-weight:760;
  min-height:44px;
  text-transform:none;
}

.home-page .home-guide-decision__feedback-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}

.home-page .home-guide-decision__custom-feedback{
  display:grid;
  grid-gap:8px;
  gap:8px;
  margin-top:12px;
  width:100%;
}

.home-page .home-guide-decision__feedback-options .MuiButton-root{
  border-radius:999px;
  font-size:.8125rem;
  font-weight:720;
  min-height:44px;
  padding:8px 12px;
  text-transform:none;
}

.home-page .home-guide-decision__option-nav{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:0 12px;
  justify-content:center;
  margin-top:10px;
  min-height:44px;
}

.home-page .home-guide-decision__option-nav .MuiButton-root{
  border-radius:10px;
  color:var(--text-tone-240);
  font-size:.8125rem;
  font-weight:750;
  line-height:1.4;
  min-height:44px;
  padding:10px 8px;
  text-transform:none;
}

.home-page .home-guide-decision__option-nav .MuiButton-root:hover{
  background:rgba(37, 99, 235, .06);
  color:var(--home-accent);
}

.home-page .home-guide-decision__option-nav > span{
  color:#94a3b8;
  font-size:.68rem;
  font-weight:700;
  text-align:center;
}

.home-page .home-guide-decision__option-nav .home-guide-decision__option-trigger--loading.Mui-disabled{
  background:rgba(37, 99, 235, .1);
  color:var(--home-accent);
  cursor:wait;
  opacity:1;
}

.home-page .home-guide-decision__option-spinner{
  animation:home-guide-option-spin .8s linear infinite;
}

@keyframes home-guide-option-spin{
  to{ transform:rotate(1turn); }
}

@media (prefers-reduced-motion: reduce){
  .home-page .home-guide-decision__recommendation,
  .home-page .home-guide-decision__option-spinner{
    animation:none;
  }
}

.home-page .home-guide-decision__composer{
  border-top:1px solid var(--home-card-border-soft);
  margin-top:18px;
  min-width:0;
  padding-top:20px;
}

.home-page .home-guide-decision__composer label{
  color:var(--text-tone-244);
  display:block;
  font-size:.8125rem;
  font-weight:700;
  line-height:1.5;
  margin:0 0 10px;
}

.home-page .home-guide-decision__composer-row{
  align-items:center;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 44px;
  grid-gap:8px;
  background:var(--surface-panel);
  border:1px solid var(--home-card-border-strong);
  border-radius:17px;
  gap:8px;
  padding:5px 5px 5px 15px;
  transition:border-color .16s ease, box-shadow .16s ease;
}

.home-page .home-guide-decision__composer-row:focus-within{
  border-color:rgba(37, 99, 235, .58);
  box-shadow:0 0 0 4px rgba(37, 99, 235, .09);
}

.home-page .home-guide-decision__composer-row input{
  background:transparent;
  border:0;
  color:var(--text-tone-65);
  font:inherit;
  font-size:1rem;
  line-height:1.5;
  min-width:0;
  outline:0;
  padding:8px 0;
  width:100%;
}

.home-page .home-guide-decision__composer-row input::placeholder{
  color:var(--text-tone-306);
}

.home-page .home-guide-decision__composer-row button{
  background:var(--surface-tone-67);
  border-radius:13px;
  color:var(--home-accent);
  height:44px;
  min-width:44px;
  width:44px;
}

.home-page .home-guide-decision__composer-row button:disabled{
  background:var(--surface-tone-125);
  color:#cbd5e1;
}

.home-page .home-guide-context-card{
  display:grid;
  width:min(100%, 620px);
  grid-gap:14px;
  -webkit-backdrop-filter:blur(16px);
          backdrop-filter:blur(16px);
  background:var(--surface-tone-178);
  border:1px solid var(--home-card-border-soft);
  border-radius:22px;
  box-shadow:0 16px 34px rgba(37, 99, 235, .07);
  gap:14px;
  margin-top:12px;
  padding:clamp(16px, 2.5vw, 22px);
}

.home-page .home-guide-decision__statuses{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.home-page .home-guide-decision__status-chip{
  align-items:center;
  background:var(--home-card-chip);
  border:1px solid var(--home-card-border-soft);
  border-radius:999px;
  color:var(--text-tone-206);
  display:inline-flex;
  gap:8px;
  min-height:38px;
  padding:7px 12px;
}

.home-page .home-guide-decision__status-chip p{
  font-size:.76rem;
  font-weight:720;
  line-height:1.2;
}

.home-page .home-guide-decision__status-chip--button{
  cursor:pointer;
  font:inherit;
  transition:border-color .16s ease, background .16s ease;
}

.home-page .home-guide-decision__status-chip--button:hover{
  background:var(--surface-panel);
  border-color:rgba(37, 99, 235, .28);
}

.home-page .home-guide-decision__status-chip--button:focus-visible{
  outline:2px solid var(--home-accent);
  outline-offset:2px;
}

.home-page .home-guide-decision__status-dot{
  border-radius:50%;
  flex:0 0 auto;
  height:8px;
  width:8px;
}

.home-page .home-guide-decision__quote{
  background:var(--gradient-tone-45);
  border:1px solid rgba(100, 116, 139, .08);
  border-radius:16px;
  margin:0;
  padding:14px 16px;
}

.home-page .home-guide-decision__quote blockquote{
  color:var(--text-tone-206);
  font-family:"Merriweather", "Georgia", serif;
  font-size:.84rem;
  font-style:italic;
  line-height:1.5;
  margin:0;
}

.home-page .home-guide-decision__quote figcaption{
  color:#8290a5;
  font-size:.65rem;
  font-weight:750;
  letter-spacing:.07em;
  margin-top:5px;
  text-transform:uppercase;
}

.home-page .home-element-entry-link{
  color:var(--text-tone-306);
  font-size:.78rem;
  font-weight:700;
  text-transform:none;
}

.home-page .home-journey-btn{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.home-page .home-journey-btn:hover{
  box-shadow:0 10px 20px rgba(59, 130, 246, .34) !important;
  filter:saturate(1.06);
  transform:translateY(-2px) scale(1.01);
}

.home-page .home-service-card{
  position:relative;
}

.home-page .home-service-overlay{
  background:radial-gradient(circle at 18% 0, rgba(59, 130, 246, .15) 0, transparent 42%);
  inset:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  transition:opacity .28s ease;
}

.home-page .home-service-arrow{
  transition:transform .24s ease, color .24s ease !important;
}

@media (prefers-reduced-motion: reduce){
  .home-page .home-reveal,
  .home-page .home-guide-decision__recommendation,
  .home-page .home-journey-btn,
  .home-page .home-service-arrow,
  .home-page .jumping-button,
  .home-page .jumping-avatar-outer,
  .home-page .home-avatar-jumping,
  .home-page-comic-bubble,
  .home-page .sentence-exit,
  .home-page .sentence-enter{
    animation:none !important;
    transition:none !important;
  }

  .home-page .home-reveal{
    opacity:1;
  }
}

@media (max-width: 640px){
  .home-page .home-page-hero-shell{
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
  }

  .home-page .home-wellness-kicker{
    display:none;
  }

  .home-page .home-greeting-title{
    overflow-wrap:anywhere;
    text-align:left;
  }

  .home-page .home-guide-decision{
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
    background:var(--surface-panel);
    border-radius:22px;
    box-shadow:0 2px 8px rgba(15, 23, 42, .04);
    margin-top:0;
    padding:22px 20px;
  }

  .home-page .home-guide-context-card{
    border-radius:18px;
    padding:14px;
  }

  .home-page .home-guide-decision__statuses{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
  }

  .home-page .home-guide-decision__status-chip{
    width:100%;
  }

  .home-page .home-guide-decision__title{
    font-size:clamp(1.375rem, 5.5vw, 1.75rem);
    letter-spacing:-.025em;
  }

  .home-page .home-guide-decision__primary{
    padding-inline:14px;
  }

  .home-page .home-guide-decision__composer{
    margin-top:14px;
    padding-top:18px;
  }
}
.home-page .home-guide-decision__explore{
  background:rgba(49, 91, 190, .04);
  border-radius:16px;
  margin-top:12px;
  padding:16px;
}
.home-page .home-guide-decision__explore > p{
  color:var(--text-tone-244);
  font-size:.9375rem;
  line-height:1.6;
}
.home-page .home-guide-decision__explore-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.home-page .home-guide-decision__explore-options button{
  border-radius:12px;
  flex:1 1 150px;
  font-weight:600;
  line-height:1.4;
  min-height:44px;
  padding:10px 14px;
  text-transform:none;
}