/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/

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;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{margin-left:auto;margin-right:auto;box-sizing:border-box;width:100%;max-width:1080px;padding-left:1.25rem;padding-right:1.25rem;}.label,[label=""]{margin-bottom:0.375rem;display:block;font-size:11px;color:var(--t3) /* var(--t3) */;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;}.section-title,[section-title=""]{margin-bottom:0.625rem;font-size:11px;color:var(--t3) /* var(--t3) */;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}.input,[input=""]{box-sizing:border-box;width:100%;min-width:0;border-width:1px;border-color:var(--border);border-radius:10px;background-color:var(--elevated) /* var(--elevated) */;padding-left:0.875rem;padding-right:0.875rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:13px;color:var(--t1) /* var(--t1) */;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}[input~="placeholder\:"]::placeholder{box-sizing:border-box;width:100%;min-width:0;border-width:1px;border-color:var(--border);border-radius:10px;background-color:var(--elevated) /* var(--elevated) */;padding-left:0.875rem;padding-right:0.875rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:13px;color:var(--t1) /* var(--t1) */;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-icon,[btn-icon=""]{width:2rem;height:2rem;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:10px;color:var(--t3) /* var(--t3) */;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.panel,[panel=""]{min-width:0;overflow:hidden;border-width:1px;border-color:var(--border);border-radius:14px;background-color:var(--card) /* var(--card) */;padding:1.25rem;}.panel-interactive{min-width:0;cursor:pointer;overflow:hidden;border-width:1px;border-color:var(--border);border-radius:14px;background-color:var(--card) /* var(--card) */;padding:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-cta,[btn-cta=""]{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:var(--green);border-radius:10px;background-color:var(--green-dim) /* var(--green-dim) */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:500;font-weight:600;--un-shadow:0 0 20px var(--un-shadow-color, rgba(52, 211, 153, 0.15));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-danger,[btn-danger=""]{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:transparent;border-radius:10px;background-color:transparent /* transparent */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;color:var(--red) /* var(--red) */;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-ghost,[btn-ghost=""]{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:transparent;border-radius:10px;background-color:transparent /* transparent */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;color:var(--t2) /* var(--t2) */;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-primary,[btn-primary=""]{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:var(--blue);border-radius:10px;background-color:var(--blue) /* var(--blue) */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-secondary,[btn-secondary=""]{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:var(--border);border-radius:10px;background-color:var(--elevated) /* var(--elevated) */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;color:var(--t1) /* var(--t1) */;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.chip{display:inline-flex;cursor:pointer;align-items:center;white-space:nowrap;border-width:1px;border-color:var(--border);border-radius:8px;background-color:var(--elevated) /* var(--elevated) */;padding-left:0.625rem;padding-right:0.625rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:11px;color:var(--t3) /* var(--t3) */;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.chip-active{display:inline-flex;cursor:pointer;align-items:center;white-space:nowrap;border-width:1px;border-color:var(--green);border-radius:8px;background-color:var(--green-bg) /* var(--green-bg) */;padding-left:0.625rem;padding-right:0.625rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:11px;color:var(--green) /* var(--green) */;font-weight:500;}[btn-cta~="disabled\:"]:disabled{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-width:1px;border-color:var(--green);border-radius:10px;background-color:var(--green-dim) /* var(--green-dim) */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:13px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:500;font-weight:600;--un-shadow:0 0 20px var(--un-shadow-color, rgba(52, 211, 153, 0.15));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;}.btn-cta:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[btn-cta=""]:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.btn-danger:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[btn-danger=""]:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.btn-primary:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[btn-primary=""]:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.btn-secondary:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[btn-secondary=""]:active{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.panel-interactive:active{--un-scale-x:0.995;--un-scale-y:0.995;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[btn-cta~="disabled\:"]:active:disabled{--un-scale-x:0.97;--un-scale-y:0.97;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.btn-danger:hover{border-color:var(--red);background-color:var(--red-dim) /* var(--red-dim) */;color:var(--red) /* var(--red) */;}[btn-danger=""]:hover{border-color:var(--red);background-color:var(--red-dim) /* var(--red-dim) */;color:var(--red) /* var(--red) */;}.btn-ghost:hover{border-color:var(--border);background-color:var(--elevated) /* var(--elevated) */;color:var(--t1) /* var(--t1) */;}[btn-ghost=""]:hover{border-color:var(--border);background-color:var(--elevated) /* var(--elevated) */;color:var(--t1) /* var(--t1) */;}.btn-secondary:hover{border-color:var(--border-light);background-color:var(--card-hover) /* var(--card-hover) */;}[btn-secondary=""]:hover{border-color:var(--border-light);background-color:var(--card-hover) /* var(--card-hover) */;}.chip:hover{border-color:var(--border-light);color:var(--t2) /* var(--t2) */;}.panel-interactive:hover{border-color:var(--border-light);background-color:var(--card-hover) /* var(--card-hover) */;}.btn-cta:hover{background-color:var(--green) /* var(--green) */;--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}[btn-cta=""]:hover{background-color:var(--green) /* var(--green) */;--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.btn-icon:hover{background-color:var(--elevated) /* var(--elevated) */;color:var(--t2) /* var(--t2) */;}[btn-icon=""]:hover{background-color:var(--elevated) /* var(--elevated) */;color:var(--t2) /* var(--t2) */;}[btn-cta~="disabled\:"]:hover:disabled{background-color:var(--green) /* var(--green) */;--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.btn-primary:hover{--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}[btn-primary=""]:hover{--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.input::placeholder{color:var(--t3) /* var(--t3) */;}[input=""]::placeholder{color:var(--t3) /* var(--t3) */;}[input~="placeholder\:"]::placeholder::placeholder{color:var(--t3) /* var(--t3) */;}.absolute,[absolute=""]{position:absolute;}.fixed,[fixed=""]{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.inset-0,[inset-0=""]{inset:0;}.-left-\[21px\]{left:-21px;}.left-0{left:0;}.left-3{left:0.75rem;}.right-0{right:0;}.right-3{right:0.75rem;}.top-0{top:0;}.top-1,[top-1=""]{top:0.25rem;}.top-16{top:4rem;}.top-3{top:0.75rem;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.z-40{z-index:40;}.z-50{z-index:50;}.grid,[grid=""]{display:grid;}.grid-cols-1,[grid-cols-1=""]{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-auto,[mx-auto=""]{margin-left:auto;margin-right:auto;}.my-4{margin-top:1rem;margin-bottom:1rem;}.-mt-px{margin-top:-1px;}.\!mb-0{margin-bottom:0 !important;}.mb-0\.5{margin-bottom:0.125rem;}.mb-1,[mb-1=""]{margin-bottom:0.25rem;}.mb-1\.5{margin-bottom:0.375rem;}.mb-10{margin-bottom:2.5rem;}.mb-2,[mb-2=""]{margin-bottom:0.5rem;}.mb-2\.5{margin-bottom:0.625rem;}.mb-3,[mb-3=""]{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.mb-6{margin-bottom:1.5rem;}.mb-7{margin-bottom:1.75rem;}.mb-8{margin-bottom:2rem;}.ml-1,[ml-1=""]{margin-left:0.25rem;}.ml-2,[ml-2=""]{margin-left:0.5rem;}.ml-auto{margin-left:auto;}.mr-1{margin-right:0.25rem;}.ms{margin-inline-start:1rem;}.mt-0\.5{margin-top:0.125rem;}.mt-1{margin-top:0.25rem;}.mt-1\.5{margin-top:0.375rem;}.mt-2,[mt-2=""]{margin-top:0.5rem;}.mt-2\.5{margin-top:0.625rem;}.mt-3,[mt-3=""]{margin-top:0.75rem;}.mt-4,[mt-4=""]{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}[size~="\31 1"]{width:2.75rem;height:2.75rem;}[size~="\31 2"]{width:3rem;height:3rem;}[size~="\31 3"]{width:3.25rem;height:3.25rem;}[size~="\31 4"]{width:3.5rem;height:3.5rem;}[size~="\31 5"]{width:3.75rem;height:3.75rem;}[size~="\31 6"]{width:4rem;height:4rem;}[size~="\31 8"]{width:4.5rem;height:4.5rem;}[size~="\32 0"]{width:5rem;height:5rem;}[size~="\32 2"]{width:5.5rem;height:5.5rem;}[size~="\32 4"]{width:6rem;height:6rem;}[size~="\32 8"]{width:7rem;height:7rem;}[size~="\38 "]{width:2rem;height:2rem;}[size~="\39 "]{width:2.25rem;height:2.25rem;}.\!h-11,[\!h-11=""]{height:2.75rem !important;}.h-12{height:3rem;}.h-14,[h-14=""]{height:3.5rem;}.h-2\.5,[h-2\.5=""]{height:0.625rem;}.h-20{height:5rem;}.h-3,.h3,[h-3=""],[h3=""]{height:0.75rem;}.h-4{height:1rem;}.h-5,[h-5=""]{height:1.25rem;}.h-6{height:1.5rem;}.h-8,[h-8=""]{height:2rem;}.h1{height:0.25rem;}.h2{height:0.5rem;}.max-h-\[80vh\]{max-height:80vh;}.max-h-32{max-height:8rem;}.max-h-56{max-height:14rem;}.max-w-\[88\%\]{max-width:88%;}.max-w-2xl{max-width:42rem;}.max-w-3xl{max-width:48rem;}.max-w-lg{max-width:32rem;}.max-w-md{max-width:28rem;}.max-w-sm{max-width:24rem;}.min-h-16,[min-h-16=""]{min-height:4rem;}.min-h-32{min-height:8rem;}.min-h-48,[min-h-48=""]{min-height:12rem;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.w-12{width:3rem;}.w-14,[w-14=""]{width:3.5rem;}.w-2\.5,[w-2\.5=""]{width:0.625rem;}.w-20{width:5rem;}.w-24{width:6rem;}.w-32{width:8rem;}.w-36,[w-36=""]{width:9rem;}.w-48,[w-48=""]{width:12rem;}.w-6{width:1.5rem;}.w-8,[w-8=""]{width:2rem;}.w-fit{width:fit-content;}.w-full{width:100%;}[\!h-11~="disabled\:"]:disabled{height:2.75rem !important;}.flex,[flex=""]{display:flex;}.inline-flex,[inline-flex=""]{display:inline-flex;}.flex-1,[flex-1=""]{flex:1 1 0%;}[flex-1~="placeholder\:"]::placeholder{flex:1 1 0%;}.flex-shrink,[flex-shrink-0~="_cache\[3\]"],[flex-shrink-0~="_cache\[4\]"],[flex-shrink-0~="_createVNode\(_unref\(Copy\)\,"],[flex-shrink-0~="_normalizeClass\(copied\.value"],[flex-shrink-0~="\,"],[flex-shrink-0~="\?"],[flex-shrink-0~="\(_cache\[3\]"],[flex-shrink-0~="\(_cache\[4\]"],[flex-shrink-0~="\(copy\(_unref\(api\)\.agents\.webhookUrl\(slug\.value\)\,"],[flex-shrink-0~="\(copy\("],[flex-shrink-0~="\)"],[flex-shrink-0~="\)\)\)"],[flex-shrink-0~="\["],[flex-shrink-0~="\{"],[flex-shrink-0~="\}\,"],[flex-shrink-0~="\="],[flex-shrink-0~="\=\=\="],[flex-shrink-0~="\=\>"],[flex-shrink-0~="\|\|"],[flex-shrink-0~="\$\{slug\.value\}"],[flex-shrink-0~="\31 3\,"],[flex-shrink-0~="\38 \,"],[flex-shrink-0~="agent-temple"],[flex-shrink-0~="any\)"],[flex-shrink-0~="cmd"],[flex-shrink-0~="null\,"],[flex-shrink-0~="pull"],[flex-shrink-0~="text-grn"],[flex-shrink-0~="wh"]{flex-shrink:1;}.flex-shrink-0,[flex-shrink-0=""]{flex-shrink:0;}.flex-row-reverse{flex-direction:row-reverse;}.flex-col{flex-direction:column;}.flex-wrap,[flex-wrap=""]{flex-wrap:wrap;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}.animate-spin{animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.resize-y,[resize-y=""]{resize:vertical;}[resize-y~="placeholder\:"]::placeholder{resize:vertical;}.items-start{align-items:flex-start;}.items-center,[items-center=""]{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.justify-end{justify-content:flex-end;}.justify-center,[justify-center=""]{justify-content:center;}.justify-between{justify-content:space-between;}.gap-0\.5{gap:0.125rem;}.gap-1{gap:0.25rem;}.gap-1\.5{gap:0.375rem;}.gap-2,[gap-2=""]{gap:0.5rem;}.gap-2\.5,[gap-2\.5=""]{gap:0.625rem;}.gap-3,[gap-3=""]{gap:0.75rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.space-y-1\.5>:not([hidden])~:not([hidden]),[space-y-1\.5=""]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.375rem * var(--un-space-y-reverse));}.space-y-2>:not([hidden])~:not([hidden]),[space-y-2=""]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.space-y-3>:not([hidden])~:not([hidden]),[space-y-3=""]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.space-y-5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.25rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-auto,[overflow-y-auto=""]{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap,[whitespace-nowrap=""]{white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.break-words{overflow-wrap:break-word;}.border,[border=""]{border-width:1px;}.border-2,[border-2=""]{border-width:2px;}.last\:border-0:last-child{border-width:0px;}.border-b,[border-b=""]{border-bottom-width:1px;}.border-l-2{border-left-width:2px;}.border-t{border-top-width:1px;}.\!border-grn\/40,[\!border-grn=""]{border-color:var(--green) !important;}.\!border-pink-400\/20{border-color:rgb(244 114 182 / 0.2) !important;}.\!border-red\/20{border-color:var(--red) !important;}.border-amber-500\/20{border-color:rgb(245 158 11 / 0.2);}.border-bdr,[border-bdr=""]{border-color:var(--border);}.border-card{border-color:var(--card);}.border-grn\/15,.border-grn\/20,.group:hover .group-hover\:border-grn\/30{border-color:var(--green);}.border-pur\/20{border-color:var(--purple);}[\!border-pink-400=""]{--un-border-opacity:1 !important;border-color:rgb(244 114 182 / var(--un-border-opacity)) !important;}.hover\:border-bdr-l:hover{border-color:var(--border-light);}[hover\:border-bdr-l=""]:hover{border-color:var(--border-light);}.\!rounded-xl,[\!rounded-xl=""]{border-radius:0.75rem !important;}.rounded,[rounded=""]{border-radius:0.25rem;}.rounded-\[10px\]{border-radius:10px;}.rounded-\[8px\]{border-radius:8px;}.rounded-2xl,[rounded-2xl=""]{border-radius:1rem;}.rounded-full,[rounded-full=""]{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md,[rounded-md=""]{border-radius:0.375rem;}.rounded-xl,[rounded-xl=""]{border-radius:0.75rem;}.bg-\[var\(--code\)\]{background-color:var(--code) /* var(--code) */;}.bg-amb,[bg-amb=""]{background-color:var(--amber) /* var(--amber) */;}.bg-amber-500\/10{background-color:rgb(245 158 11 / 0.1) /* #f59e0b */;}.bg-bg,.bg-bg\/95{background-color:var(--bg) /* var(--bg) */;}.bg-card,.bg-card\/70,.bg-card\/95{background-color:var(--card) /* var(--card) */;}.bg-elev,.bg-elev\/90,[bg-elev=""]{background-color:var(--elevated) /* var(--elevated) */;}.bg-grn,[bg-grn=""]{background-color:var(--green) /* var(--green) */;}.bg-grn-bg,[bg-grn-bg=""]{background-color:var(--green-bg) /* var(--green-bg) */;}.bg-overlay,[bg-overlay=""]{background-color:var(--overlay) /* var(--overlay) */;}.bg-pur-d{background-color:var(--purple-dim) /* var(--purple-dim) */;}.bg-t3\/60,[bg-t3=""]{background-color:var(--t3) /* var(--t3) */;}.hover\:bg-elev:hover{background-color:var(--elevated) /* var(--elevated) */;}[hover\:bg-elev~="disabled\:"]:hover:disabled{background-color:var(--elevated) /* var(--elevated) */;}[fill~="none"]{fill:none;}[stroke-width~="\30 \.5"]{stroke-width:0.5px;}[stroke-width~="\31 \.5"]{stroke-width:1.5px;}[stroke~="\31 "]{stroke-width:1px;}.\!p-0{padding:0 !important;}.\!p-2{padding:0.5rem !important;}.\!p-3,[\!p-3=""]{padding:0.75rem !important;}.\!p-3\.5{padding:0.875rem !important;}.\!p-4{padding:1rem !important;}.\!p-5,[\!p-5=""]{padding:1.25rem !important;}.p-1{padding:0.25rem;}.p-2\.5{padding:0.625rem;}.p-3,[p-3=""]{padding:0.75rem;}.p-3\.5,[p-3\.5=""]{padding:0.875rem;}.p-5{padding:1.25rem;}[p~="\39 "]{padding:2.25rem;}.\!px-1\.5{padding-left:0.375rem !important;padding-right:0.375rem !important;}.\!px-2{padding-left:0.5rem !important;padding-right:0.5rem !important;}.\!px-3{padding-left:0.75rem !important;padding-right:0.75rem !important;}.\!px-3\.5,[\!px-3\.5=""]{padding-left:0.875rem !important;padding-right:0.875rem !important;}.\!py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}.\!py-2\.5{padding-top:0.625rem !important;padding-bottom:0.625rem !important;}.px-1{padding-left:0.25rem;padding-right:0.25rem;}.px-1\.5,[px-1\.5=""]{padding-left:0.375rem;padding-right:0.375rem;}.px-2,[px-2=""]{padding-left:0.5rem;padding-right:0.5rem;}.px-2\.5,[px-2\.5=""]{padding-left:0.625rem;padding-right:0.625rem;}.px-3,[px-3=""]{padding-left:0.75rem;padding-right:0.75rem;}.px-3\.5,[px-3\.5=""]{padding-left:0.875rem;padding-right:0.875rem;}.px-4,[px=""]{padding-left:1rem;padding-right:1rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-0\.5,[py-0\.5=""]{padding-top:0.125rem;padding-bottom:0.125rem;}.py-1,[py-1=""]{padding-top:0.25rem;padding-bottom:0.25rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-16{padding-top:4rem;padding-bottom:4rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-2\.5,[py-2\.5=""]{padding-top:0.625rem;padding-bottom:0.625rem;}.py-3,[py-3=""]{padding-top:0.75rem;padding-bottom:0.75rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}[px-5~="disabled\:"]:disabled{padding-left:1.25rem;padding-right:1.25rem;}.pb-2{padding-bottom:0.5rem;}.pb-2\.5{padding-bottom:0.625rem;}.pb-8{padding-bottom:2rem;}.pl-5{padding-left:1.25rem;}.pt-16{padding-top:4rem;}.pt-2{padding-top:0.5rem;}.pt-2\.5{padding-top:0.625rem;}.text-center{text-align:center;}.text-left,[text-left=""]{text-align:left;}.\!text-\[11px\]{font-size:11px !important;}.text-\[10px\]{font-size:10px;}.text-\[11px\]{font-size:11px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\]{font-size:14px;}.text-\[15px\]{font-size:15px;}.text-\[8px\]{font-size:8px;}.text-\[9px\]{font-size:9px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-lg,[text-lg=""]{font-size:1.125rem;line-height:1.75rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.\!text-grn{color:var(--green) /* var(--green) */ !important;}.\!text-pink-400,[\!text-pink-400=""]{--un-text-opacity:1 !important;color:rgb(244 114 182 / var(--un-text-opacity)) /* #f472b6 */ !important;}.text-amb{color:var(--amber) /* var(--amber) */;}.text-amber-400,[text-amber-400=""]{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity)) /* #fbbf24 */;}.text-blu,[text-blu=""]{color:var(--blue) /* var(--blue) */;}.text-blue-400,[text-blue-400=""]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity)) /* #60a5fa */;}.text-gray-400,[text-gray-400=""]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-green-400,[text-green-400=""]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity)) /* #4ade80 */;}.text-grn,[text-grn=""],.group:hover .group-hover\:text-grn{color:var(--green) /* var(--green) */;}.text-pur{color:var(--purple) /* var(--purple) */;}.text-purple-400,[text-purple-400=""]{--un-text-opacity:1;color:rgb(192 132 252 / var(--un-text-opacity)) /* #c084fc */;}.text-red{color:var(--red) /* var(--red) */;}.text-t1,[text-t1=""]{color:var(--t1) /* var(--t1) */;}.text-t2,[text-t2=""]{color:var(--t2) /* var(--t2) */;}.text-t3,.text-t3\/40,[text-t3=""]{color:var(--t3) /* var(--t3) */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.hover\:text-t1:hover{color:var(--t1) /* var(--t1) */;}[hover\:text-t1=""]:hover{color:var(--t1) /* var(--t1) */;}[text-t1~="placeholder\:"]::placeholder{color:var(--t1) /* var(--t1) */;}.font-bold,[font-bold=""]{font-weight:700;}.font-medium{font-weight:500;}.font-semibold,[font-semibold=""]{font-weight:600;}.leading-\[1\.5\]{line-height:1.5;}.leading-\[1\.8\]{line-height:1.8;}.leading-none{line-height:1;}.leading-relaxed,[leading-relaxed=""]{line-height:1.625;}.leading-tight{line-height:1.25;}.tracking-tight{letter-spacing:-0.025em;}.font-mono,[font-mono=""]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}[hover\:underline=""]:hover{text-decoration-line:underline;}.no-underline{text-decoration:none;}[no-underline~="default\:"]:default{text-decoration:none;}.opacity-40{opacity:0.4;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.filter,[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all,[transition-all=""]{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors,[transition-colors=""]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-150,[duration-150=""]{transition-duration:150ms;}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:grid-cols-3,[sm\:grid-cols-3=""]{grid-template-columns:repeat(3,minmax(0,1fr));}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.sm\:inline{display:inline;}.sm\:max-w-\[80\%\]{max-width:80%;}.sm\:flex-1{flex:1 1 0%;}.sm\:flex-row{flex-direction:row;}.sm\:gap-3{gap:0.75rem;}.sm\:space-y-3\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.875rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.875rem * var(--un-space-y-reverse));}.sm\:px-4,[sm\:px-4=""]{padding-left:1rem;padding-right:1rem;}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.sm\:py-4,[sm\:py-4=""]{padding-top:1rem;padding-bottom:1rem;}.sm\:text-\[13px\]{font-size:13px;}}@media (min-width: 768px){.md-h1{height:0.25rem;}.md-h2{height:0.5rem;}.md-h3{height:0.75rem;}.md-italic{font-style:italic;}}@media (min-width: 1024px){.lg\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr;}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}/* Fonts loaded via index.html <link> tags */
/* UnoCSS reset loaded via main.ts import */

/* ===== Dark Theme — Refined editorial dark ===== */
:root {
  --bg: #09090b;
  --card: #0f0f12;
  --card-hover: #16161a;
  --elevated: #1a1a1f;
  --t1: #ececf0;
  --t2: #8b8b9e;
  --t3: #4e4e5c;
  --green: #34d399;
  --green-dim: #10b981;
  --green-bg: rgba(52, 211, 153, 0.08);
  --green-glow: rgba(52, 211, 153, 0.2);
  --blue: #60a5fa;
  --blue-dim: rgba(96, 165, 250, 0.1);
  --purple: #a78bfa;
  --purple-dim: rgba(167, 139, 250, 0.08);
  --amber: #fbbf24;
  --red: #f87171;
  --red-dim: rgba(248, 113, 113, 0.08);
  --border: rgba(255, 255, 255, 0.06);
  --border-light: rgba(255, 255, 255, 0.1);
  --code: #0c0c0f;
  --overlay: rgba(0, 0, 0, 0.75);
  --accent: var(--green);
  color-scheme: dark;
}

/* ===== Light Theme ===== */
.light {
  --bg: #fafafa;
  --card: #ffffff;
  --card-hover: #f5f5f7;
  --elevated: #f0f0f2;
  --t1: #111113;
  --t2: #65656d;
  --t3: #a0a0ab;
  --green: #059669;
  --green-dim: #047857;
  --green-bg: rgba(5, 150, 105, 0.06);
  --green-glow: rgba(5, 150, 105, 0.12);
  --blue: #2563eb;
  --blue-dim: rgba(37, 99, 235, 0.06);
  --purple: #7c3aed;
  --purple-dim: rgba(124, 58, 237, 0.06);
  --amber: #d97706;
  --red: #dc2626;
  --red-dim: rgba(220, 38, 38, 0.06);
  --border: rgba(0, 0, 0, 0.06);
  --border-light: rgba(0, 0, 0, 0.1);
  --code: #f4f4f5;
  --overlay: rgba(0, 0, 0, 0.4);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root:not(.dark) {
    --bg: #fafafa;
    --card: #ffffff;
    --card-hover: #f5f5f7;
    --elevated: #f0f0f2;
    --t1: #111113;
    --t2: #65656d;
    --t3: #a0a0ab;
    --green: #059669;
    --green-dim: #047857;
    --green-bg: rgba(5, 150, 105, 0.06);
    --green-glow: rgba(5, 150, 105, 0.12);
    --blue: #2563eb;
    --blue-dim: rgba(37, 99, 235, 0.06);
    --purple: #7c3aed;
    --purple-dim: rgba(124, 58, 237, 0.06);
    --amber: #d97706;
    --red: #dc2626;
    --red-dim: rgba(220, 38, 38, 0.06);
    --border: rgba(0, 0, 0, 0.06);
    --border-light: rgba(0, 0, 0, 0.1);
    --code: #f4f4f5;
    --overlay: rgba(0, 0, 0, 0.4);
    color-scheme: light;
  }
}

/* ===== Base ===== */
*, *::before, *::after { box-sizing: border-box; }
html {
  background: var(--bg);
  color: var(--t1);
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body { margin: 0; min-height: 100vh; overflow-x: hidden; }
h1, h2, h3 { font-family: 'Satoshi', sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; }
pre, code, .font-mono { font-family: 'JetBrains Mono', monospace; }

/* ===== Scrollbar ===== */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--t3); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--t2); }
::selection {
  background: rgba(96, 165, 250, 0.24);
  color: var(--t1);
}

/* ===== Focus ===== */
:where(button, [role='button'], a):focus-visible {
  outline: none;
  border-radius: 10px;
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--green-glow);
}

:where(input, textarea, select):focus-visible {
  outline: none;
}

/* ===== Animations ===== */
@keyframes fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slide-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }

.anim-fade { animation: fade-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) both; }
.anim-slide { animation: slide-up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; }

@media (prefers-reduced-motion: reduce) {
  .anim-fade, .anim-slide { animation: none !important; }
  * { transition-duration: 0ms !important; }
}

/* ===== Utils ===== */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
button:disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
select option { background: var(--card); color: var(--t1); }

/* ===== Button System ===== */
/* All buttons share smooth transition */
.btn, .btn-cta, .btn-primary, .btn-secondary, .btn-ghost, .btn-danger, .btn-icon {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- CTA (Primary Action) --- */
.btn-cta {
  color: #fff;
  font-weight: 600;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: 1px solid rgba(52, 211, 153, 0.35);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 0 16px rgba(16, 185, 129, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.btn-cta:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  border-color: rgba(52, 211, 153, 0.5);
  box-shadow:
    0 4px 16px rgba(16, 185, 129, 0.3),
    0 0 24px rgba(16, 185, 129, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
}
.btn-cta:active {
  transform: scale(0.97) translateY(0);
  box-shadow:
    0 1px 4px rgba(16, 185, 129, 0.2),
    inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* --- Primary (Blue) --- */
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: 1px solid rgba(59, 130, 246, 0.35);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 0 12px rgba(59, 130, 246, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow:
    0 4px 16px rgba(59, 130, 246, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}
.btn-primary:active {
  transform: scale(0.97) translateY(0);
}

/* --- Secondary --- */
.btn-secondary {
  color: var(--t1);
  background: var(--elevated);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.btn-secondary:hover {
  background: var(--card-hover);
  border-color: var(--border-light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.btn-secondary:active {
  transform: scale(0.97) translateY(0);
  box-shadow: none;
}

/* --- Ghost --- */
.btn-ghost {
  color: var(--t2);
  background: transparent;
  border: 1px solid transparent;
}
.btn-ghost:hover {
  color: var(--t1);
  background: var(--elevated);
  border-color: var(--border);
}
.btn-ghost:active {
  transform: scale(0.97);
}

/* --- Danger --- */
.btn-danger {
  color: var(--red);
  opacity: 0.7;
  background: transparent;
  border: 1px solid transparent;
}
.btn-danger:hover {
  opacity: 1;
  background: var(--red-dim);
  border-color: rgba(248, 113, 113, 0.15);
}
.btn-danger:active {
  transform: scale(0.97);
}

/* --- Icon button --- */
.btn-icon {
  color: var(--t3);
  background: transparent;
}
.btn-icon:hover {
  color: var(--t2);
  background: var(--elevated);
}

/* ===== Chip System ===== */
.chip {
  color: var(--t3);
  background: var(--elevated);
  border: 1px solid var(--border);
  transition: all 0.15s ease-out;
}
.chip:hover {
  color: var(--t2);
  border-color: var(--border-light);
  background: var(--card-hover);
}
.chip-active {
  color: var(--green);
  background: var(--green-bg);
  border: 1px solid rgba(52, 211, 153, 0.2);
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.08);
}

/* ===== Input System ===== */
.input {
  color: var(--t1);
  background: var(--elevated);
  border: 1px solid var(--border);
  transition: all 0.2s ease-out;
}
.input::placeholder { color: var(--t3); }
.input:focus {
  background: var(--card);
  border-color: rgba(52, 211, 153, 0.45);
  box-shadow:
    0 0 0 2px rgba(52, 211, 153, 0.12),
    0 8px 20px rgba(16, 185, 129, 0.08);
}

/* ===== Light theme button adjustments ===== */
.light .btn-cta {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 12px rgba(5, 150, 105, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.light .btn-cta:hover {
  box-shadow:
    0 4px 14px rgba(5, 150, 105, 0.25),
    0 0 20px rgba(5, 150, 105, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.light .btn-secondary {
  background: var(--card);
}
.light .chip-active {
  border-color: rgba(5, 150, 105, 0.25);
}

@media (prefers-color-scheme: light) {
  :root:not(.dark) .btn-cta {
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 12px rgba(5, 150, 105, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  :root:not(.dark) .btn-cta:hover {
    box-shadow:
      0 4px 14px rgba(5, 150, 105, 0.25),
      0 0 20px rgba(5, 150, 105, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  :root:not(.dark) .btn-secondary {
    background: var(--card);
  }
}

/* ===== Skeleton ===== */
.skeleton {
  background: linear-gradient(90deg, var(--card) 25%, var(--elevated) 50%, var(--card) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.8s ease-in-out infinite;
  border-radius: 10px;
}

/* ===== Markdown Viewer ===== */
.md-viewer {
  font-size: 13px;
  line-height: 1.8;
  color: var(--t1);
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 24px;
  background: var(--code);
  border: 1px solid var(--border);
  border-radius: 14px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.md-viewer .fm-block {
  display: inline-block;
  font-size: 10px;
  font-family: 'JetBrains Mono', monospace;
  color: var(--t3);
  background: var(--elevated);
  border: 1px dashed var(--border-light);
  border-radius: 6px;
  padding: 4px 10px;
  margin-bottom: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-viewer .md-h1 {
  font-family: 'Satoshi', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--t1);
  margin: 0 0 12px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
  letter-spacing: -0.02em;
}
.md-viewer .md-h2 {
  font-family: 'Satoshi', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--green);
  margin: 16px 0 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.md-viewer .md-h3 {
  font-size: 13px;
  font-weight: 600;
  color: var(--t2);
  margin: 12px 0 4px 0;
}
.md-viewer .md-p {
  margin: 0 0 2px 0;
  color: var(--t1);
}
.md-viewer .md-bold { font-weight: 600; color: var(--t1); }
.md-viewer .md-italic { color: var(--t2); font-style: italic; }
.md-viewer .md-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px;
  background: var(--elevated);
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 2px 7px;
  color: var(--green);
}
.md-viewer .md-list {
  margin: 2px 0 4px 0;
}
.md-viewer .md-li {
  display: flex;
  gap: 8px;
  align-items: baseline;
  padding: 2px 0;
}
.md-viewer .md-bullet {
  color: var(--green);
  font-weight: 700;
  flex-shrink: 0;
  font-size: 13px;
}
.md-viewer .md-gap { height: 8px; }
.md-viewer .md-kv {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 2px 0;
  font-size: 12px;
  max-width: 100%;
}
.md-viewer .md-key {
  font-family: 'JetBrains Mono', monospace;
  color: var(--green);
  font-weight: 600;
  flex-shrink: 0;
  font-size: 11px;
}
.md-viewer .md-key::after { content: ':'; color: var(--t3); }
.md-viewer .md-val { color: var(--t1); min-width: 0; word-break: break-word; }