/* Base reset, design tokens and typography from measured reference. */
html[dir=ltr] {
  --toast-icon-margin-start: -3px;
  --toast-icon-margin-end: 4px;
  --toast-svg-margin-start: -1px;
  --toast-svg-margin-end: 0px;
  --toast-button-margin-start: auto;
  --toast-button-margin-end: 0}
html[dir=rtl] {
  --toast-icon-margin-start: 4px;
  --toast-icon-margin-end: -3px;
  --toast-svg-margin-start: 0px;
  --toast-svg-margin-end: -1px;
  --toast-button-margin-start: 0;
  --toast-button-margin-end: auto}
@keyframes swipe-out-left {
  0% {
  transform:var(--y) translate(var(--swipe-amount-x));
  opacity:1}
to {
  transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));
  opacity:0}
}
@keyframes swipe-out-right {
  0% {
  transform:var(--y) translate(var(--swipe-amount-x));
  opacity:1}
to {
  transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));
  opacity:0}
}
@keyframes swipe-out-up {
  0% {
  transform:var(--y) translateY(var(--swipe-amount-y));
  opacity:1}
to {
  transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
  opacity:0}
}
@keyframes swipe-out-down {
  0% {
  transform:var(--y) translateY(var(--swipe-amount-y));
  opacity:1}
to {
  transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
  opacity:0}
}
@keyframes sonner-fade-in {
  0% {
  opacity:0;
  transform:scale(.8)}
to {
  opacity:1;
  transform:scale(1)}
}
@keyframes sonner-fade-out {
  0% {
  opacity:1;
  transform:scale(1)}
to {
  opacity:0;
  transform:scale(.8)}
}
@keyframes sonner-spin {
  0% {
  opacity:1}
to {
  opacity:.15}
}
*,
: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 / .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 / .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 {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb}
:before,
:after {
  --tw-content: ""}
html,
:host {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent}
body {
  margin:0;
  line-height:inherit}
hr {
  height:0;
  color:inherit;
  border-top-width:1px}
abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:inherit;
  font-weight:inherit}
a {
  color:inherit;
  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-variation-settings:normal;
  font-size:1em}
small {
  font-size:80%}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline}
sub {
  bottom:-.25em}
sup {
  top:-.5em}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color: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::-moz-placeholder,
textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af}
input::placeholder,
textarea::placeholder {
  opacity:1;
  color:#9ca3af}
button,
[role=button] {
  cursor:pointer}
:disabled {
  cursor:default}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display:block;
  vertical-align:middle}
img,
video {
  max-width:100%;
  height:auto}
[hidden]:where(:not([hidden=until-found])) {
  display:none}
:root {
  --background: 210 20% 98%;
  --foreground: 217 25% 15%;
  --card: 0 0% 100%;
  --card-foreground: 217 25% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 217 25% 15%;
  --primary: 217 91% 35%;
  --primary-foreground: 0 0% 100%;
  --secondary: 215 15% 92%;
  --secondary-foreground: 217 25% 15%;
  --accent: 187 85% 48%;
  --accent-foreground: 0 0% 100%;
  --muted: 215 15% 92%;
  --muted-foreground: 217 15% 45%;
  --destructive: 0 84% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 215 20% 88%;
  --input: 215 20% 88%;
  --ring: 217 91% 35%;
  --radius: .5rem;
  --primary-hover: 217 91% 42%;
  --accent-hover: 187 85% 55%;
  --muted-hover: 215 15% 87%;
  --success: 142 71% 45%;
  --warning: 38 92% 50%;
  --header-height: 72px;
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-card: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);
  --gradient-hero: linear-gradient(135deg, hsl(217 91% 35%) 0%, hsl(217 91% 35% / .7) 100%);
  --gradient-cta: linear-gradient(135deg, hsl(217 91% 35%) 0%, hsl(217 91% 42%) 100%);
  --font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}
html {
  overscroll-behavior:none}
* {
  border-color:hsl(var(--border));
  outline-color:hsl(var(--ring) / .5)}
body {
  background-color:hsl(var(--background));
  color:hsl(var(--foreground));
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale}
@keyframes bounce {
  0%,to {
  transform:translateY(-25%);
  animation-timing-function:cubic-bezier(.8,0,1,1)}
50% {
  transform:none;
  animation-timing-function:cubic-bezier(0,0,.2,1)}
}
@keyframes pulse {
  50% {
  opacity:.5}
}
@keyframes spin {
  to {
  transform:rotate(360deg)}
}
@keyframes enter {
  0% {
  opacity:var(--tw-enter-opacity, 1);
  transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}
}
@keyframes exit {
  to {
  opacity:var(--tw-exit-opacity, 1);
  transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}
}
@keyframes accordion-up {
  0% {
  height:var(--reka-accordion-content-height)}
to {
  height:0}
}
@keyframes accordion-down {
  0% {
  height:0}
to {
  height:var(--reka-accordion-content-height)}
}

/* The reference preview hides scrollbars without disabling scrolling. */
html { scrollbar-width: none; }
::-webkit-scrollbar { display: none; }